Only Jia-Heper

DIV.blogContainer DIV.entryFooter DIV.addBlogComment { DISPLAY: none } DIV.blogContainer DIV.entryFooter A.genericButton { FLOAT: right; DISPLAY: block } .legend-visible { FONT-SIZE: 100%; HEIGHT: auto; WIDTH: 100%; POSITION: static; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; LINE-HEIGHT: 1.2; TOP: auto; PADDING-RIGHT: 0px } .u_controlsWrapper { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .u_reverseAlign { TEXT-ALIGN: right } TR.dummyVTBEFooter TD { PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DIV.blogContainer UL.entryComments { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.blogContainer UL.entryComments LI { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.blogContainer UL.entryComments LI P { OVERFLOW: hidden; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 0px 0px 4px; PADDING-RIGHT: 12px; _height: 1% } DIV.blogContainer UL.entryComments LI P.commentDate { POSITION: relative; PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 2px 0px -1px; Z-INDEX: 10; PADDING-RIGHT: 0px } DIV.blogContainer UL.entryComments LI H5 { PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .comment-delete { OVERFLOW: hidden; HEIGHT: 17px; WIDTH: 24px; BACKGROUND: url(/images/ci/actionbar/clp_item_remove.gif) no-repeat 0px 0px; DISPLAY: inline-block } .comment-delete IMG { FILTER: alpha(opacity=0); opacity: 0 } DIV.liveArea FIELDSET.stepcontent { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.liveArea FIELDSET.stepcontent OL LI { MARGIN: 0px } DIV.liveArea FIELDSET.stepcontent TEXTAREA { WIDTH: 98% } DIV.liveArea FIELDSET.stepcontent SPAN.inlineHelp { DISPLAY: inline } #mybb-nav .flyout-menu { WIDTH: 400px } .mybb-tools LI { OVERFLOW: hidden; HEIGHT: 40px; WIDTH: 40px } .mybb-tools LI:hover { FILTER: alpha(opacity = 100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .mybb-tools LI A { HEIGHT: 39px; WIDTH: 39px; POSITION: relative; FILTER: alpha(opacity = 80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8 } .mybb-tools LI A:focus { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #cccccc } .mybb-tools LI A:focus IMG { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #cccccc } #global-list-tools { WIDTH: 40px; MARGIN: 4px } .mybb-tools LI A:focus { FILTER: alpha(opacity = 100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .mybb-tools LI A:focus IMG { FILTER: alpha(opacity = 100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .mybb-tools LI A:hover { FILTER: alpha(opacity = 100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .mybb-tools LI SPAN.badge { RIGHT: 0px; POSITION: absolute; TOP: 2px; BACKGROUND-COLOR: #b90000 } .mybb-tools LI.home { BACKGROUND-COLOR: #666 } .mybb-tools LI.logout { BACKGROUND-COLOR: #666 } .mybb-tools LI.home:hover { BACKGROUND-COLOR: #404040 } .mybb-tools LI.logout:hover { BACKGROUND-COLOR: #404040 } .mybb-tools A { BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_sprite_sm.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: transparent } .mybb-tools .overview A { BACKGROUND-POSITION: 5px 7px } .mybb-tools .stream A { BACKGROUND-POSITION: -72px 7px } .mybb-tools .messages A { BACKGROUND-POSITION: -115px 7px } .mybb-tools .grades A { BACKGROUND-POSITION: -156px 7px } .mybb-tools .people A { BACKGROUND-POSITION: -202px 7px } .mybb-tools .spaces A { BACKGROUND-POSITION: -247px 7px } .mybb-tools .todo A { BACKGROUND-POSITION: -293px 7px } .mybb-tools .alerts A { BACKGROUND-POSITION: -336px 7px } .mybb-tools .more-link A { BACKGROUND-POSITION: -417px 7px } .mybb-tools .calendar A { BACKGROUND-POSITION: -459px 7px } .mybb-tools .logout A { BACKGROUND-POSITION: -372px 7px } .mybb-tools .profile { MARGIN-BOTTOM: 5px; HEIGHT: auto } .mybb-tools .profile A { HEIGHT: auto; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #global-nav .profile IMG { HEIGHT: 30px; WIDTH: 30px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px; PADDING-RIGHT: 0px } .bottom-buttons { HEIGHT: 25px; WIDTH: 210px; RIGHT: 0px; POSITION: absolute; LINE-HEIGHT: 25px; BOTTOM: 0px; BACKGROUND-COLOR: white } .bottom-buttons LI { BOX-SIZING: border-box; OVERFLOW: hidden; FONT-SIZE: 11px; BORDER-RIGHT: #eeeeee 1px solid; WIDTH: 105px; FLOAT: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .bottom-buttons A { TEXT-INDENT: -99px } .bottom-buttons A:hover { COLOR: #000; BACKGROUND-COLOR: #ddd } .bottom-buttons A:focus { COLOR: #000; BACKGROUND-COLOR: #ddd } .accordion_toggle_active { COLOR: #000; BACKGROUND-COLOR: #ccc } .accordion_content { OVERFLOW: auto; COLOR: #444444; BACKGROUND-COLOR: #eee; -webkit-box-shadow: 0 5px 10px -7px #000 inset; -moz-box-shadow: 0 5px 10px -7px #000 inset; box-shadow: 0 5px 10px -7px #000 inset } .accordion_content LI { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; MARGIN: 0px 12px; PADDING-RIGHT: 0px } .accordion_content LI A { FONT-SIZE: 110%; COLOR: #128fa8; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; LINE-HEIGHT: 1.2em; PADDING-RIGHT: 0px } .accordion_content .course-list LI A { BORDER-BOTTOM: 1px dotted; FONT-WEIGHT: 600; DISPLAY: inline } .accordion_content .accordion-list LI A { BORDER-BOTTOM: 1px dotted; FONT-WEIGHT: 600; DISPLAY: inline } .accordion_content .course-list LI A:hover { BORDER-BOTTOM-STYLE: solid } .accordion_content .course-list LI A:focus { BORDER-BOTTOM-STYLE: solid } .accordion_content .accordion-list LI A:hover { BORDER-BOTTOM-STYLE: solid } .accordion_content .accordion-list LI A:focus { BORDER-BOTTOM-STYLE: solid } .accordion-list { MARGIN-TOP: 6px } .accordion_content .noItems { FONT-SIZE: 110%; TEXT-ALIGN: center; MARGIN-TOP: 12px; DISPLAY: block } .accordion_content LI SPAN { FONT-SIZE: 9px; DISPLAY: block; LINE-HEIGHT: 100% } .accordion_content #menuShortcutText { FONT-SIZE: 75%; FONT-STYLE: italic; MARGIN-TOP: 100% } .global-nav-bar-wrap { HEIGHT: 0px; WIDTH: 100%; POSITION: absolute; Z-INDEX: 1000; TOP: 0px } .global-nav-bar { FONT-SIZE: 11px; HEIGHT: 25px; POSITION: relative; FLOAT: right; MARGIN-LEFT: 3px; Z-INDEX: 999 } .logout.global-nav-bar { } .global-nav-bar .badge { FONT-SIZE: 10px; HEIGHT: 12px; FONT-WEIGHT: 800; COLOR: #fff; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN-LEFT: 5px; DISPLAY: inline-block; LINE-HEIGHT: 0.9; PADDING-RIGHT: 3px; BACKGROUND-COLOR: #b90000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px } .side-nav .menu-icon SPAN.badge { FONT-SIZE: 10px; HEIGHT: 12px; FONT-WEIGHT: 800; COLOR: #fff; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN-LEFT: 5px; DISPLAY: inline-block; LINE-HEIGHT: 0.9; PADDING-RIGHT: 3px; BACKGROUND-COLOR: #b90000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px } .global-nav-bar A { DISPLAY: block } .nav-link { TEXT-DECORATION: none; HEIGHT: 25px; BACKGROUND: none transparent scroll repeat 0% 0%; WHITE-SPACE: nowrap; POSITION: relative; ZOOM: 1; COLOR: #eee; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 28px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000, endColorstr=#26000000 ); DISPLAY: block; LINE-HEIGHT: 25px; PADDING-RIGHT: 49px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .nav-link:hover { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#62000000, endColorstr=#62000000 ) } .nav-link:focus { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#62000000, endColorstr=#62000000 ) } .global-nav-bar .logout-link { OVERFLOW: hidden; WIDTH: 32px; BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_logout.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TEXT-INDENT: -10000px } .global-nav-bar .logout-link:hover { BACKGROUND-POSITION: 50% -22px } .global-nav-bar .logout-link:focus { BACKGROUND-POSITION: 50% -22px } .nav-link .badge { RIGHT: 22px; POSITION: absolute; TOP: 5px } .global-toggle { RIGHT: 0px; POSITION: absolute; TOP: 9px } .flyout-menu { BOX-SIZING: border-box; WIDTH: 260px; RIGHT: 0px; POSITION: absolute; TOP: 25px; BACKGROUND-COLOR: #444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-shadow: 0 4px 15px 2px #222; -moz-box-shadow: 0 4px 15px 2px #222; box-shadow: 0 4px 15px 2px #222 } .flyout-menu A { COLOR: #128fa8 } .flyout-menu .list LI { BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em } .flyout-menu .list LI:hover { BACKGROUND-COLOR: #eee } .flyout-menu .accordion-wrapper { OVERFLOW: hidden; WIDTH: 211px; RIGHT: 0px; POSITION: absolute; TOP: 0px; BOTTOM: 0px; BACKGROUND-COLOR: #ddd } .flyout-menu .accordion_toggle { OUTLINE-WIDTH: medium; OUTLINE-STYLE: none; OUTLINE-COLOR: invert } .flyout-menu .accordion_toggle SPAN { CURSOR: pointer; FONT-SIZE: 110%; BORDER-BOTTOM: #cccccc 1px solid; FONT-WEIGHT: bold; COLOR: #555555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; MARGIN: 0px; DISPLAY: block; LINE-HEIGHT: 25px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #dddddd; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-shadow: none } .flyout-menu .accordion_toggle:focus SPAN { BACKGROUND-COLOR: #ccc } .flyout-menu .accordion_toggle:hover SPAN { BACKGROUND-COLOR: #ccc } .flyout-menu .mybb-tools { HEIGHT: 100%; POSITION: relative; FLOAT: left; BACKGROUND-COLOR: #333 } #global-nav .global-top-avatar { HEIGHT: 16px; WIDTH: 16px; POSITION: absolute; LEFT: 6px; TOP: 4px } #global-nav-link SPAN.observing { BACKGROUND: url(/images/console/icons/observing.gif) no-repeat 4px -3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 30px; DISPLAY: inline; TOP: -5px; PADDING-RIGHT: 1px } #global-nav .more-tools { RIGHT: 100%; POSITION: absolute; BOTTOM: 6px; BACKGROUND-COLOR: #404040; -webkit-box-shadow: 0 0 12px 1px #111111; -moz-box-shadow: 0 0 12px 1px #111111; box-shadow: 0 0 12px 1px #111111 } .more-tools LI { FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .previewContent .global-nav-bar { POSITION: relative; FLOAT: right } .previewContent .nav-link { WHITE-SPACE: nowrap } DIV.section-loading { BACKGROUND: url(/images/ci/misc/progress/progress_learningSystem.gif) no-repeat center center; DISPLAY: block } DIV.lb-overlay { RIGHT: 0px; POSITION: fixed; LEFT: 0px; Z-INDEX: 1001; TOP: 0px; BOTTOM: 0px } DIV.lb-wrapper { OVERFLOW: hidden; BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; POSITION: fixed; BORDER-LEFT: #aaa 1px solid; Z-INDEX: 1002; box-shadow: 1px 1px 10px #888; border-radius: 3px } DIV.lb-wrapper DIV.lb-header { PADDING-BOTTOM: 5px; PADDING-TOP: 3px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } DIV.lb-wrapper DIV.lb-header H2 { OVERFLOW: hidden; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 1.23em; PADDING-RIGHT: 15px } DIV.lb-wrapper DIV.lb-header A { RIGHT: 10px; POSITION: absolute; DISPLAY: block; TOP: 10px } DIV.lb-wrapper DIV.lb-header A IMG { VERTICAL-ALIGN: top } DIV.lb-wrapper DIV.lb-content { OVERFLOW: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .lbAction { RIGHT: 9px; POSITION: absolute; Z-INDEX: 1005; TOP: 5px } .u_floatThis-right { FLOAT: right } .u_floatThis-left { FLOAT: left } .clearfix:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .clearfixParent > DIV:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .clearfixParent > LI:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .clearfix { DISPLAY: inline-block } .clearfixParent > DIV { DISPLAY: inline-block } .clearfixParent > LI { DISPLAY: inline-block } .clearfix { DISPLAY: block } .clearfixParent > DIV { DISPLAY: block } .clearfixParent > LI { DISPLAY: block } .welcomeOverlay { HEIGHT: 100%; FONT-FAMILY: "Helvetica Neue"; WIDTH: 100%; RIGHT: 0px; POSITION: fixed; LEFT: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B0000000, endColorstr=#B0000000 ); Z-INDEX: 800; TOP: 0px; BOTTOM: 0px } .welcomeMessage STRONG { FONT-WEIGHT: bold; COLOR: #21acb6 } .whatsNew H2 { FONT-WEIGHT: bold; COLOR: #21acb6 } .welcomeMessage { WIDTH: 370px; RIGHT: 550px; POSITION: absolute; COLOR: #dddddd; Z-INDEX: 801; TOP: 75px; text-shadow: 2px 0 2px #000000 } .welcomeMessage H2 { WORD-WRAP: break-word; FONT-SIZE: 64px; WIDTH: 385px; FONT-WEIGHT: bold; MARGIN: 18px 0px 10px } .welcomeMessage P { MARGIN-BOTTOM: 10px; FONT-SIZE: 22px; LINE-HEIGHT: 125% } .whatsNew { FONT-SIZE: 16px; WIDTH: 380px; RIGHT: 60px; POSITION: absolute; COLOR: #dddddd; Z-INDEX: 801; LINE-HEIGHT: 125%; TOP: 100px; text-shadow: 2px 0 2px #000000 } .whatsNew LI { POSITION: relative } .whatsNew .number { FONT-SIZE: 32px; WIDTH: 30px; BACKGROUND: #15cedb; POSITION: absolute; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 10px; LEFT: -70px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#15cedb, endColorstr=#0C8F98 ); LINE-HEIGHT: 48px; TOP: -10px; PADDING-RIGHT: 10px; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-radius: 2px 2px 2px #000 } .whatsNew H2 { FONT-SIZE: 26px; FONT-FAMILY: "Helvetica Neue", Arial, sans-serif; MARGIN: 15px 0px 10px; LINE-HEIGHT: 120%; text-shadow: 0 1px 0 rgba(0, 0, 0, .7) } .whatsNew LI { } .whatsNew .arrow { HEIGHT: 90px; WIDTH: 40px; BACKGROUND: url(overview_global_nav_arrow.png) no-repeat; RIGHT: -10px; POSITION: absolute; TOP: -70px } .whatsNew OL > LI:first-child { MARGIN-BOTTOM: 60px } UL.newMenu { MARGIN: 10px 0px 20px } .newMenu LI { WIDTH: 100px; FLOAT: left; CLEAR: none } #spacesHelp { FONT-SIZE: 12px; MARGIN: 6px 0px 12px; LINE-HEIGHT: 1.3 } .social-buttons LI { WIDTH: auto; FLOAT: left; MARGIN: 3px 6px 6px 0px } .social-buttons LI { WIDTH: auto; VERTICAL-ALIGN: middle; MARGIN: 12px 14px 12px 0px; DISPLAY: inline-block } .social-buttons LI A { DISPLAY: block } .social-buttons LI A IMG { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } LI.socialConnections { WIDTH: 160px; COLOR: #000; PADDING-BOTTOM: 8px; PADDING-TOP: 9px; PADDING-LEFT: 24px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dedede, endColorstr=#cacaca ); PADDING-RIGHT: 18px; BACKGROUND-COLOR: #d5fdfd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: none } LI.anotherAccount { WIDTH: 160px; COLOR: #000; PADDING-BOTTOM: 8px; PADDING-TOP: 9px; PADDING-LEFT: 24px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dedede, endColorstr=#cacaca ); PADDING-RIGHT: 18px; BACKGROUND-COLOR: #d5fdfd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: none } LI.anotherAccount { FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #d5fdfd; PADDING-TOP: 5px } LI.socialConnections IMG { POSITION: absolute; LEFT: 20px } LI.socialConnections H3 { FONT-SIZE: 13px; MARGIN: 0px; LINE-HEIGHT: 1 } LI.socialConnections P { FONT-SIZE: 12px } LI.socialConnections H3 A { COLOR: #000 } LI.socialConnections P A { COLOR: #000 } LI.anotherAccount P A { COLOR: #21acb6 } .confirmation { } #finishLater { FONT-SIZE: 16px; BORDER-TOP: medium none; FONT-FAMILY: "Helvetica Neue", Arial, sans-serif; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #21acb6 1px dotted; FONT-WEIGHT: bold; COLOR: #21acb6; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px; text-shadow: 0 1px 0 rgba(0, 0, 0, .7) } #finishLater:hover { CURSOR: pointer } .cmdiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 1150 !important; PADDING-RIGHT: 0px } .cmdiv { POSITION: absolute; Z-INDEX: 200; DISPLAY: none } .menumini { POSITION: absolute; Z-INDEX: 200; DISPLAY: none } DIV.quickAddPal { POSITION: absolute; Z-INDEX: 200; DISPLAY: none } DIV.keyboardAccess { POSITION: absolute; Z-INDEX: 200; DISPLAY: none } .cmdiv UL { WIDTH: 180px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .nav .sub UL LI A { WORD-WRAP: break-word; WIDTH: 190px; OVERFLOW-X: hidden; OVERFLOW-Y: visible; WORD-BREAK: normal; ZOOM: 1; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } .cmdiv A { WORD-WRAP: break-word; WIDTH: 190px; OVERFLOW-X: hidden; OVERFLOW-Y: visible; WORD-BREAK: normal; ZOOM: 1; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } .menumini A { WORD-WRAP: break-word; WIDTH: 190px; OVERFLOW-X: hidden; OVERFLOW-Y: visible; WORD-BREAK: normal; ZOOM: 1; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } .cmdiv A { WIDTH: auto !important } A.cmimg { ZOOM: 1 } A.cmimg:hover { FILTER: alpha(opacity = 100); opacity: 1 } A.cmimg:focus { FILTER: alpha(opacity = 100); opacity: 1 } A.cmimg IMG { HEIGHT: 14px; WIDTH: 16px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity = 0); MARGIN: 0px; PADDING-RIGHT: 0px; opacity: 0 } .cmdiv LI.contextmenubar_top { WIDTH: 190px; RIGHT: -1px; POSITION: absolute; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; TOP: -20px; PADDING-RIGHT: 0px } .menumini LI.contextmenubar { WIDTH: 190px; RIGHT: -1px; POSITION: absolute; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; TOP: -20px; PADDING-RIGHT: 0px } .providerList { LIST-STYLE-TYPE: disc; LIST-STYLE-POSITION: inside; MARGIN: 1.5em 2em } .providerList LI { MARGIN: 0px } .tooltipContainer { POSITION: relative; DISPLAY: inline-block } .tooltipContainer-bot { POSITION: relative; DISPLAY: inline-block } .tooltip { BOX-SIZING: border-box; WORD-WRAP: break-word; CURSOR: normal; FONT-SIZE: 13px; WIDTH: 170px; BACKGROUND: #fff; POSITION: absolute; FONT-WEIGHT: 400; COLOR: #000 !important; PADDING-BOTTOM: 1.1em; TEXT-ALIGN: center; PADDING-TOP: 0.9em; PADDING-LEFT: 1.2em; FILTER: alpha(opacity = 90); Z-INDEX: 99; DISPLAY: none; LINE-HEIGHT: 1.25; PADDING-RIGHT: 1.2em; opacity: .9; -moz-opacity: .9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: 0 2px 6px rgba(0, 0, 0, .8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none; -khtml-border-radius: 3px } .tooltipContainer:hover .tooltip { LEFT: 50%; MARGIN: 0px 0px 9px -85px; DISPLAY: block; BOTTOM: 100% } .tooltipContainer:focus .tooltip { LEFT: 50%; MARGIN: 0px 0px 9px -85px; DISPLAY: block; BOTTOM: 100% } .tooltipContainer .tooltip:after { FONT-SIZE: 3em; HEIGHT: 0px; WIDTH: 100%; POSITION: absolute; COLOR: #fff !important; TEXT-ALIGN: center; CONTENT: "\25B8"; LEFT: 3px; Z-INDEX: -1; DISPLAY: block; LINE-HEIGHT: 0; BOTTOM: -2px; -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -khtml-transform: rotate(90deg); -webkit-transform: rotate(90deg) } .tooltipContainer-bot .tooltip:after { FONT-SIZE: 3em; HEIGHT: 0px; WIDTH: 100%; POSITION: absolute; COLOR: #fff !important; TEXT-ALIGN: center; CONTENT: "\25B8"; LEFT: 3px; Z-INDEX: -1; DISPLAY: block; LINE-HEIGHT: 0; BOTTOM: -2px; -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -khtml-transform: rotate(90deg); -webkit-transform: rotate(90deg) } .tooltipContainer-bot .tooltip:after { LEFT: -3px; TOP: 0px; BOTTOM: auto; -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); -webkit-transform: rotate(-90deg) } .tooltipContainer-bot:hover .tooltip { LEFT: 50%; MARGIN: 7px 0px 0px -75px; DISPLAY: block; TOP: 100% } .tooltipContainer-bot:focus .tooltip { LEFT: 50%; MARGIN: 7px 0px 0px -75px; DISPLAY: block; TOP: 100% } .data-summary TR:hover .tooltipContainer-bot .tooltip { LEFT: 50%; MARGIN: 7px 0px 0px -75px; DISPLAY: block; TOP: 100% } .data-summary-vert TR:hover .tooltipContainer-bot .tooltip { LEFT: 50%; MARGIN: 7px 0px 0px -75px; DISPLAY: block; TOP: 100% } .data-summary .tooltipContainer-bot { POSITION: absolute; MARGIN-LEFT: -8px; LEFT: 50%; BOTTOM: 3px } .reportSummary .data-summary-container { FLOAT: left; CLEAR: none } .reportSummary .data-summary { POSITION: relative; FLOAT: left; MARGIN: 0px 12px 0px 0px } .reportSummary .data-summary-vert { POSITION: relative; FLOAT: left; MARGIN: 0px 12px 0px 0px } .reportSummary H3 { FONT-WEIGHT: normal; MARGIN: 9px 0px } .reportSummary .data-summary TR { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid; FLOAT: left; MARGIN: 1px 0px 0px -1px; BORDER-LEFT: 1px solid } .reportSummary .data-summary TH { FONT-SIZE: 120%; WIDTH: 100%; FLOAT: left; FONT-WEIGHT: normal; PADDING-BOTTOM: 16px; TEXT-ALIGN: center; PADDING-TOP: 16px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .reportSummary .data-summary TD { FONT-SIZE: 80%; BORDER-TOP: 1px dotted; HEIGHT: 30px; WIDTH: 100%; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 18px; TEXT-ALIGN: center; PADDING-TOP: 5px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .data-summary TABLE { BORDER-TOP: medium none; BORDER-RIGHT: medium none; MIN-WIDTH: 120px; BORDER-BOTTOM: medium none; MIN-HEIGHT: 98px; BORDER-LEFT: medium none } .data-summary-vert TABLE { BOX-SIZING: border-box; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; MIN-WIDTH: 120px; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MIN-HEIGHT: 102px; BORDER-LEFT: 1px solid; DISPLAY: block; PADDING-RIGHT: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .data-summary-vert TH { FONT-SIZE: 120%; VERTICAL-ALIGN: baseline; MIN-WIDTH: 1.5em; PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .data-summary-vert TD { FONT-SIZE: 80%; VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 1px; TEXT-ALIGN: left; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .data-summary TABLE TR:hover { CURSOR: help } .data-summary-vert TABLE TR:hover { CURSOR: help } .runReportContainer { POSITION: relative; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 11px; MARGIN: 0px 0px 20px; TOP: -12px; PADDING-RIGHT: 11px } .previousReports UL { MARGIN: 5px 24px } .previousReports LI { MARGIN: 4px 0px } .previousReports .previousReports linear { BORDER-BOTTOM: 1px dotted; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px; MARGIN-RIGHT: 10px } .reportTitle { BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 10px } .questionDetails .searchResultList-sortOptions { DISPLAY: none } .questionDetails .reportTitle { MARGIN: 10px 0px } .reportTitle H2 { MARGIN: 10px 0px 5px } .reportTitle .actions { FLOAT: right; MARGIN-TOP: -30px } .reportSummary { MARGIN-BOTTOM: 10px; WIDTH: 100%; BORDER-BOTTOM: medium none; POSITION: relative } .questionDetails .reportSummary { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .answerOptions.reportSummary { MARGIN-TOP: 20px } .answerOptions H4 { MARGIN: 20px 0px } .answerOptions TABLE { MAX-WIDTH: 800px; BORDER-COLLAPSE: collapse; MIN-WIDTH: 400px; MARGIN: 20px 0px } .answerOptions TABLE TD { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 5px } .interrogativesTable TD:first-child { WIDTH: 150px } .phraseTable TD:first-child { WIDTH: 150px } .calculatedNumeric TD:first-child { WIDTH: 150px } .questionDetails .reportTable TABLE { BORDER-TOP: 1px solid; HEIGHT: auto; BORDER-RIGHT: 1px solid; MIN-WIDTH: 400px; BORDER-BOTTOM: 1px solid; MARGIN: 10px 0px; BORDER-LEFT: 1px solid } .reportTable TABLE { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid } .questionDetails .reportTable TH { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 10px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 10px } .questionDetails .reportTable TD { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 10px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 10px } .matching TH { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 10px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 10px } .matching TD { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 10px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 10px } .matchingNumber { VERTICAL-ALIGN: top; DISPLAY: inline-block } .orderCanvasWide { WIDTH: 100% } .questionDetails .reportTable TH { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 15px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 15px } .matching TH { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 15px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 15px } .matching .lastOption TD { BORDER-BOTTOM: 4px solid } .reportKey { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 8px; MARGIN: 20px 0px; BORDER-LEFT: 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px } .reportKey H3 { MARGIN: 0px } .reportKey DIV { FONT-WEIGHT: bold; MARGIN: 4px 0px 0px 16px } .ordering TABLE TD IMG { MARGIN: 0px 5px } .calculated { FLOAT: left; CLEAR: both; MARGIN-TOP: 20px } UL.key { WIDTH: 100%; MARGIN: 20px 0px } UL.key LI { WIDTH: auto; FLOAT: left; PADDING-LEFT: 17px; MARGIN-RIGHT: 10px } .smallCell UL { WIDTH: 50px } LI.recommended { HEIGHT: 16px; FLOAT: left; MARGIN: 0px; DISPLAY: block } LI.changed { HEIGHT: 16px; FLOAT: left; MARGIN: 0px; DISPLAY: block } LI.notallgraded { HEIGHT: 16px; FLOAT: left; MARGIN: 0px; DISPLAY: block } .smallCell LI.recommended { WIDTH: 16px } .smallCell LI.changed { WIDTH: 16px } .smallCell LI.notallgraded { WIDTH: 16px } .questionTextId LI.recommended { WIDTH: 16px } .questionTextId LI.changed { WIDTH: 16px } .questionTextId LI.notallgraded { WIDTH: 16px } .smallCell LI.recommended { FLOAT: right } .smallCell LI.changed { FLOAT: right } .smallCell LI.notallgraded { FLOAT: right } LI.recommended { BACKGROUND: url(/images/ci/icons/item_analysis_recommended.png) no-repeat } LI.changed { BACKGROUND: url(/images/ci/icons/item_analysis_changed.png) no-repeat } LI.notallgraded { BACKGROUND: url(/images/ci/icons/item_analysis_allgraded.png) no-repeat } .previousReports A:hover { TEXT-DECORATION: underline } .reportKey H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 10px; PADDING-LEFT: 25px; MARGIN: 0px; PADDING-RIGHT: 0px } .questionFilter DIV DIV { BORDER-RIGHT: 1px solid; FLOAT: left; PADDING-RIGHT: 20px; MARGIN-RIGHT: 20px } .answerBlock { MARGIN-BOTTOM: 20px; WIDTH: 100% } .answerBlock SPAN { WHITE-SPACE: nowrap } .answerValueStyle { OVERFLOW: auto; HEIGHT: 45px; WIDTH: 400px; VERTICAL-ALIGN: top; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } BODY.filePickerWidget { BACKGROUND: url(none) } .filePickerWidget .locationPane { PADDING-BOTTOM: 60px; MARGIN-TOP: 0px } .filePickerWidget .contentBox { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; box-shadow: none; border-radius: 0px } .filePickerWidget #content { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; box-shadow: none; border-radius: 0px } .pathFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-folder.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathSlash { PADDING-LEFT: 5px !important; DISPLAY: inline-block; PADDING-RIGHT: 5px !important } .pathFolder A { TEXT-DECORATION: underline; COLOR: #0c80ac } .pathfolder:before { CONTENT: "after"; MARGIN: 0px 4px } #tabsBar { } .tabsBar { BACKGROUND: #d1eaef; BORDER-BOTTOM: #bbbbbb 1px solid; MIN-HEIGHT: 47px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px } .tabsBar A { TEXT-DECORATION: none } .tabsBar #tabs { HEIGHT: 47px; FLOAT: left; DISPLAY: inline } .tabsBar .tabs { HEIGHT: 47px } .tabsBar .localViewToggle { FLOAT: right; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px } IMG.zoneIcon { MARGIN: 0px 5px } #contentSearch { BACKGROUND: none transparent scroll repeat 0% 0%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px } .contentInput { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f7f7f7; BORDER-BOTTOM: #ccc 1px solid; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 1px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; OUTLINE-COLOR: invert; PADDING-RIGHT: 1px; -webkit-box-shadow: inset 0px 0px 2px 0px #666; -moz-box-shadow: inset 0px 0px 2px 0px #666; box-shadow: inset 0px 0px 2px 0px #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .locationInput { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f7f7f7; BORDER-BOTTOM: #ccc 1px solid; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 1px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; OUTLINE-COLOR: invert; PADDING-RIGHT: 1px; -webkit-box-shadow: inset 0px 0px 2px 0px #666; -moz-box-shadow: inset 0px 0px 2px 0px #666; box-shadow: inset 0px 0px 2px 0px #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #contentSearch .contentInput INPUT[type='text'] { BORDER-TOP: 0px; HEIGHT: 22px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px } .locationInput INPUT[type='text'] { BORDER-TOP: 0px; HEIGHT: 22px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px } #contentSearch .contentInput { MARGIN-LEFT: 10px; MARGIN-RIGHT: 4px } .locationInput { MARGIN-LEFT: 10px; MARGIN-RIGHT: 4px } #contentActions { MARGIN: 0px 0px 10px; DISPLAY: block } #levelUp { MARGIN: 2px 0px } #levelUp BUTTON { CURSOR: pointer; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 7px } #editablePath { OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #e7e7e7; BORDER-BOTTOM: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#ffffff ); BORDER-LEFT: 0px; DISPLAY: inline-block; -webkit-box-shadow: inset 0px 2px 0px 0px #ccc; -moz-box-shadow: inset 0px 2px 0px 0px #ccc; box-shadow: inset 0px 2px 0px 0px #ccc; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px } #quickPath { OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #e7e7e7; BORDER-BOTTOM: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#ffffff ); BORDER-LEFT: 0px; DISPLAY: inline-block; -webkit-box-shadow: inset 0px 2px 0px 0px #ccc; -moz-box-shadow: inset 0px 2px 0px 0px #ccc; box-shadow: inset 0px 2px 0px 0px #ccc; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px } #quickPath { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px } .linkables { WIDTH: 100%; BORDER-SPACING: 5px; DISPLAY: table } .linkables .link { VERTICAL-ALIGN: top; WHITE-SPACE: inherit; DISPLAY: table-cell } .linkables .folder-nav-up { WIDTH: 1% } #quickPath OL LI { MARGIN: 4px 0px; DISPLAY: inline-block } #quickPath OL LI.folderIncluder { MARGIN: 0px } #quickPath OL LI.folderCreator { MARGIN: 0px } .checkmark-btn { HEIGHT: 20px; WIDTH: 22px; VERTICAL-ALIGN: top; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN-LEFT: 10px; PADDING-RIGHT: 0px !important } .mark-inactive.checkmark-btn { BACKGROUND: url(../../../images/cs/icons/include-folder-sprite.png) #fff no-repeat 3px -29px; FILTER: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important } .mark-active.checkmark-btn { BACKGROUND: url(../../../images/cs/icons/include-folder-sprite.png) #fff no-repeat 3px 3px; FILTER: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important; -webkit-box-shadow: inset 0px 0px 2px 1px #999; -moz-box-shadow: inset 0px 0px 2px 1px #999; box-shadow: inset 0px 0px 2px 1px #999 } .linkables .button-5 { CURSOR: pointer; FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #333; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#e7e7e7 ); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; OUTLINE-COLOR: invert; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 #eee } .pressed { BACKGROUND: url(../../../images/ci/icons/diag-thick-bg.png) #fff left top; -webkit-box-shadow: inset 0px 0px 3px 1px #999; -moz-box-shadow: inset 0px 0px 2px 1px #ccc; box-shadow: inset 0px 0px 3px 1px #999 } #storageQuota { FONT-SIZE: 95%; POSITION: relative; COLOR: #666; PADDING-LEFT: 110px; MARGIN-TOP: 8px } #storageQuota STRONG { COLOR: #333 } .quotaGauge { FONT-SIZE: 7px; BORDER-TOP: #333 1px solid; HEIGHT: 7px; BORDER-RIGHT: #333 1px solid; WIDTH: 100px; BORDER-BOTTOM: #333 1px solid; POSITION: absolute; LEFT: 0px; BORDER-LEFT: #333 1px solid; LINE-HEIGHT: 7px; TOP: 3px; BACKGROUND-COLOR: #e7e7e7 } .quotaGauge DIV { HEIGHT: 7px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ADD0, endColorstr=#0189A4 ); LINE-HEIGHT: 7px } UL.dropdown { HEIGHT: 47px; POSITION: relative; -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px } UL.dropdown LI { HEIGHT: 47px; BACKGROUND: none transparent scroll repeat 0% 0%; ZOOM: 1; FLOAT: left; FONT-WEIGHT: bold } UL.dropdown > LI { BORDER-RIGHT: #bbbbbb 1px solid; box-shadow: -1px 0px 0px #EEEEEE inset } UL.dropdown > LI:first-child { BORDER-LEFT: medium none } UL.dropdown > LI:first-child { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px } UL.dropdown > LI:first-child > A { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px } UL.dropdown A:hover { COLOR: #000 } UL.dropdown A:active { COLOR: #ffa500 } UL.dropdown LI A { HEIGHT: 47px; FONT-WEIGHT: normal; COLOR: #01869e; DISPLAY: block; LINE-HEIGHT: 46px } UL.dropdown > LI > A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 32px; PADDING-RIGHT: 32px } UL.dropdown LI:hover UL LI A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 12px } UL.dropdown LI.active { BACKGROUND: #ffffff; BORDER-BOTTOM: #ffffff 1px solid } UL.dropdown LI.active A { FONT-WEIGHT: bold; COLOR: #000000 } UL.dropdown LI#zoneChooser > A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 12px } UL.dropdown LI#uploadType > A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 12px } UL.dropdown LI#zoneChooser > A:after { HEIGHT: 9px; WIDTH: 20px; BACKGROUND-IMAGE: url(../../../images/ci/icons/tab-expand-chevron.png); BACKGROUND-REPEAT: no-repeat; CONTENT: ""; MARGIN-LEFT: 8px; DISPLAY: inline-block } UL.dropdown LI#uploadType > A:after { HEIGHT: 9px; WIDTH: 20px; BACKGROUND-IMAGE: url(../../../images/ci/icons/tab-expand-chevron.png); BACKGROUND-REPEAT: no-repeat; CONTENT: ""; MARGIN-LEFT: 8px; DISPLAY: inline-block } UL.dropdown LI.hover { BACKGROUND: #f6f6f6; POSITION: relative; COLOR: #000000 } UL.dropdown LI:hover { BACKGROUND: #f6f6f6; POSITION: relative; COLOR: #000000 } UL.dropdown > LI.hover { Z-INDEX: 99 } UL.dropdown > LI:hover { Z-INDEX: 99 } UL.dropdown LI.hover A { COLOR: black; Z-INDEX: 999 } UL.dropdown LI.active:hover { BACKGROUND: #ffffff } UL.dropdown UL { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; MIN-WIDTH: 200px; BORDER-BOTTOM: 0px; POSITION: absolute; LEFT: -1px; BORDER-LEFT: #ccc 1px solid; Z-INDEX: 100; TOP: 100%; VISIBILITY: hidden } UL.dropdown > LI:hover > UL { Z-INDEX: 100; TOP: 46px } UL.dropdown > LI:focus > UL { Z-INDEX: 100; TOP: 46px } UL.dropdown UL LI { BACKGROUND: #f6f6f6; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; FLOAT: none; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } UL.dropdown UL LI A { BACKGROUND: none transparent scroll repeat 0% 0% } UL.dropdown LI#uploadType UL LI A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 12px } UL.dropdown UL LI > A.hover { BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } UL.dropdown UL LI > A:hover { BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #uploadEngine { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } #uploadEngine #dataCollectionContainer { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px -10px; PADDING-RIGHT: 0px } #legalAgreement { OVERFLOW: auto; BORDER-TOP: #cccccc 1px solid; HEIGHT: 80%; BORDER-RIGHT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 8px; MARGIN: 15px; BORDER-LEFT: #cccccc 1px solid; PADDING-RIGHT: 8px } #legalButtons { MARGIN-LEFT: 15px; MARGIN-RIGHT: 15px } #cloudSettingsForm .stepcontent .label { MAX-WIDTH: none; WIDTH: 34%; MIN-WIDTH: 0px } #cloudSettingsForm .stepcontent .field { WIDTH: auto } #socialProfileSettings .splashTable TR > TD:first-child { WIDTH: 33% } #cloudSettingsForm .splashTable TR > TD:first-child { WIDTH: 33% } .u_nopad { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .u_nowrap { WHITE-SPACE: nowrap !important } .insideContainer { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } .profileCardAvatarThumb A { } .profileCardAvatarThumb IMG { BORDER-TOP: #ddd 1px solid; HEIGHT: 18px; BORDER-RIGHT: #ddd 1px solid; WIDTH: 18px; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; BORDER-LEFT: #ddd 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .skipLink.hideoff { opacity: 0 } #topNavSkipLink { FONT-SIZE: 10px; COLOR: #fff; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 9px; LEFT: 9px; TOP: -4px; PADDING-RIGHT: 9px; -moz-border-radius: 5px; border-radius: 5px } .skipLink { WIDTH: 140px !important; BACKGROUND: #333; POSITION: absolute; TEXT-TRANSFORM: uppercase; COLOR: #fff; PADDING-BOTTOM: 9px; TEXT-ALIGN: center; PADDING-TOP: 9px; FONT: 10px/1.4 Georgia, serif; PADDING-LEFT: 9px; LEFT: 9px; Z-INDEX: 1000; TOP: 9px; PADDING-RIGHT: 9px; opacity: 1; -moz-border-radius: 5px; border-radius: 5px; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .skipLink:focus { OUTLINE-WIDTH: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert } DIV.skipLink { OVERFLOW: visible; HEIGHT: 0px; WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 10000; PADDING-RIGHT: 0px } .abutton { TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .abutton:hover { CURSOR: pointer } .hideoff { OVERFLOW: hidden; HEIGHT: 1px; WIDTH: 1px; POSITION: absolute; LEFT: -10000px; TOP: -1000px } [tabindex='0'].hideoff { TOP: auto } .fileInputWrapper { OVERFLOW: hidden; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; MARGIN-RIGHT: 9px } .fileInputWrapper INPUT.hiddenInput { FONT-SIZE: 210%; RIGHT: 0px; POSITION: absolute; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=0); Z-INDEX: 2; TOP: 0px; PADDING-RIGHT: 0px; opacity: 0 } .fileInputWrapper INPUT[type='file'] { FILTER: alpha(opacity=0) !important } .fileInputWrapper INPUT.visibleInput { RIGHT: 0px; POSITION: relative; Z-INDEX: 1; TOP: 0px } .hideme { DISPLAY: none !important } .hidden { DISPLAY: none } .clearfloats { CLEAR: both } .containerTabs LI A { CURSOR: pointer } .containerTabs LI.active A { CURSOR: default } .questionShell { WIDTH: 100% } .quesTable { WIDTH: 100% } .questionShell TD { VERTICAL-ALIGN: top; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .questionShell TH { VERTICAL-ALIGN: top; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .questionShell TH.labelCell { WIDTH: 17% } .questionShell .labelCell { WIDTH: 17% } .questionShell TD.valueCell { WIDTH: 83% } .questionShell .correctAnswer { WIDTH: 2% } .questionShell .field { WIDTH: 95%; POSITION: relative; FLOAT: none; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 24px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 12px } .questionShell .field IMG:first-child { POSITION: absolute; LEFT: 0px; TOP: 5px } .questionShell .field .vtbegenerated IMG { POSITION: relative; LEFT: auto; TOP: auto } .questionShell .vtbegenerated { DISPLAY: inline-block !important } .questionShell TD.valueCell TABLE .vtbegenerated { DISPLAY: inline-block !important } .answer-label { FLOAT: left; MARGIN: 5px 5px 5px 0px } .answer-table .answer-label { MARGIN-TOP: 0px } .answer-table TH { VERTICAL-ALIGN: top } .answer-table TD { VERTICAL-ALIGN: top } .relativeQuestionImageFormat { POSITION: relative !important } .inlineContextMenu A.browse { BORDER-TOP: #888 1px solid; BORDER-RIGHT: #888 1px solid; BORDER-BOTTOM: #888 1px solid; WORD-BREAK: normal; FONT-WEIGHT: normal; BORDER-LEFT: #888 1px solid; DISPLAY: inline-block; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset } .contentList .details .contextItemDetailsHeaders { FONT-SIZE: inherit; BACKGROUND: none transparent scroll repeat 0% 0%; WORD-BREAK: normal; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } .contextItemDetailsHeaders > .detailsValue { MARGIN: 0px 0px 0px 10px; DISPLAY: inline-block }

@font-face { font-family: Utilicons; src: url(fonts/utilicons/utilicons-web-webfont.eot); } @font-face { font-family: Avenir; src: url(fonts/avenir/AvenirLTStd-Book.otf); } @font-face { font-family: Avenir; src: url(fonts/avenir/AvenirLTStd-Medium.otf); } HTML { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } BODY { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SPAN { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } APPLET { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } OBJECT { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } IFRAME { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H1 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H2 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H3 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H4 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H5 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H6 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } P { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } BLOCKQUOTE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } PRE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } A { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } ABBR { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } ACRONYM { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } ADDRESS { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } BIG { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } CITE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } CODE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DEL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DFN { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } EM { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } IMG { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } INS { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } KBD { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } Q { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } S { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SAMP { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SMALL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } STRIKE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } STRONG { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SUB { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SUP { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } TT { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } VAR { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DT { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DD { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } OL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } UL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } LI { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } FIELDSET { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } FORM { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } LABEL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } LEGEND { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } CAPTION { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } TABLE { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TBODY { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TFOOT { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } THEAD { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TR { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TH { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TD { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } FONT { BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } BODY { BACKGROUND: #fff } OL { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } UL { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } TABLE { BORDER-COLLAPSE: collapse } TH { FONT-WEIGHT: normal } CAPTION { TEXT-ALIGN: left } TH { TEXT-ALIGN: left } TD { TEXT-ALIGN: left } BLOCKQUOTE:before { CONTENT: "" } BLOCKQUOTE:after { CONTENT: "" } Q:before { CONTENT: "" } Q:after { CONTENT: "" } BLOCKQUOTE { QUOTES: "" "" } Q { QUOTES: "" "" } INPUT { FONT-SIZE: 100%; FONT-FAMILY: inherit; VERTICAL-ALIGN: middle; FONT-WEIGHT: inherit; FONT-STYLE: inherit } BUTTON { FONT-SIZE: 100%; FONT-FAMILY: inherit; VERTICAL-ALIGN: middle; FONT-WEIGHT: inherit; FONT-STYLE: inherit } SELECT { FONT-SIZE: 100%; FONT-FAMILY: inherit; VERTICAL-ALIGN: middle; FONT-WEIGHT: inherit; FONT-STYLE: inherit } .field SELECT { MAX-WIDTH: 100% } .noLabelField SELECT { MAX-WIDTH: 100% } .field SELECT#filterQueryCondition { MAX-WIDTH: 300px; MIN-HEIGHT: 75px } .vtbegenerated { BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: auto; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; PADDING-RIGHT: 0px !important } .vtbegenerated IMG { FILTER: alpha(opacity=auto) !important; opacity: auto } .vtbegenerated UL { LIST-STYLE-TYPE: disc; PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated MENU { LIST-STYLE-TYPE: disc; PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated DIR { LIST-STYLE-TYPE: disc; PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated UL LI { LIST-STYLE-TYPE: inherit } .vtbegenerated OL { LIST-STYLE-TYPE: decimal; PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated OL LI { LIST-STYLE-TYPE: inherit } .vtbegenerated LI { LIST-STYLE-POSITION: outside; DISPLAY: list-item } .vtbegenerated UL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated UL UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated MENU UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated DIR UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated OL MENU { LIST-STYLE-TYPE: circle } .vtbegenerated UL MENU { LIST-STYLE-TYPE: circle } .vtbegenerated MENU MENU { LIST-STYLE-TYPE: circle } .vtbegenerated DIR MENU { LIST-STYLE-TYPE: circle } .vtbegenerated OL DIR { LIST-STYLE-TYPE: circle } .vtbegenerated UL DIR { LIST-STYLE-TYPE: circle } .vtbegenerated MENU DIR { LIST-STYLE-TYPE: circle } .vtbegenerated DIR DIR { LIST-STYLE-TYPE: circle } .vtbegenerated OL OL UL { LIST-STYLE-TYPE: square } .vtbegenerated OL UL UL { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated OL OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL OL UL { LIST-STYLE-TYPE: square } .vtbegenerated UL UL UL { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated UL OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL[type=circle] LI { LIST-STYLE-TYPE: circle } .vtbegenerated UL[type=disc] LI { LIST-STYLE-TYPE: disc } .vtbegenerated UL[type=square] LI { LIST-STYLE-TYPE: square } .vtbegenerated TABLE { BORDER-COLLAPSE: separate } .vtbegenerated BLOCKQUOTE { MARGIN: 1em 24px } .vtbegenerated CAPTION { TEXT-ALIGN: center } .inventory .vtbegenerated CAPTION { TEXT-ALIGN: center } .inlineVtbegenerated { DISPLAY: inline } TD[align='center'] { TEXT-ALIGN: center !important } TR[align='center'] { TEXT-ALIGN: center !important } .altHideoff1 { OVERFLOW: hidden; HEIGHT: 1px; WIDTH: 1px; POSITION: absolute; LEFT: -10000px } .boldme { FONT-WEIGHT: bold } .u_inlineStack { VERTICAL-ALIGN: top; ZOOM: 1; DISPLAY: inline-block } .u_inlineStackWrapper > LI { VERTICAL-ALIGN: top; ZOOM: 1; DISPLAY: inline-block } .u_inlineStackWrapper > DIV { VERTICAL-ALIGN: top; ZOOM: 1; DISPLAY: inline-block } .u_inlineStack SELECT { MAX-WIDTH: 300px } .u_resetFont { FONT-SIZE: 100% } .u_centerAlign { TEXT-ALIGN: center } .u_normalAlign { TEXT-ALIGN: left } .u_floatWrapper-right > DIV { FLOAT: right; MARGIN-LEFT: 5px } .u_floatWrapper-right > LI { FLOAT: right; MARGIN-LEFT: 5px } .u_floatWrapper-left > DIV { FLOAT: left; MARGIN-RIGHT: 5px } .u_floatWrapper-left > LI { FLOAT: left; MARGIN-RIGHT: 5px } .u_floatWrapper-left > LABEL { FLOAT: left; MARGIN-RIGHT: 5px } .u_floatWrapper-left:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .u_floatWrapper-right:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .u_controlsWrapper:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .u_clearFloatsWrapper > DIV { FLOAT: none !important } .u_clearFloatsWrapper > LI { FLOAT: none !important } .u_indent { MARGIN-LEFT: 24px !important } .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 } HTML { HEIGHT: 100% } BODY { HEIGHT: 100%; MIN-WIDTH: 1000px } BODY.topFrame { HEIGHT: 89px; OVERFLOW-Y: hidden } BODY.filePicker { MIN-WIDTH: 400px } BODY.popup { MIN-WIDTH: 100% } .content-system-page { MIN-WIDTH: 780px } BODY.popup DIV.locationPane { WIDTH: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } BODY.csMenuFrame { WIDTH: 100%; MIN-WIDTH: 210px } BODY.popupMenu { WIDTH: 100%; MIN-WIDTH: 210px } IMG { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } H1 { FONT-WEIGHT: bold } H2 { FONT-WEIGHT: bold } H3 { FONT-WEIGHT: bold } H4 { FONT-WEIGHT: bold } H5 { FONT-WEIGHT: bold } H6 { FONT-WEIGHT: bold } STRONG { FONT-WEIGHT: bold } B { FONT-WEIGHT: bold } EM { FONT-STYLE: italic } TABLE.bouncer { WIDTH: 100% } TABLE.bouncer TD { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .brandingImgWrap { OVERFLOW: hidden } .topTabs-compact .bannerImage { DISPLAY: none } .topTabs-compact .brandingImgWrap { DISPLAY: none } .topTabs { OVERFLOW-Y: hidden; POSITION: relative } .topTabs-compact { POSITION: relative } .topTabs .tabWrapper-center .appTabs { MARGIN: 0px auto } .topTabs-compact .tabWrapper-center .appTabs { MARGIN: 0px auto } .topTabs .tabWrapper-right .appTabs { FLOAT: right } .topTabs-compact .tabWrapper-right .appTabs { FLOAT: right } .breadcrumbs { POSITION: relative } .locationPane { OVERFLOW: visible; MIN-WIDTH: 100%; POSITION: relative; ZOOM: 1; DISPLAY: inline-block } .navigationPane { OVERFLOW: visible; WIDTH: 200px; POSITION: absolute; ZOOM: 1; CLEAR: both; LEFT: 0px; TOP: 0px } .menuWrap { POSITION: relative; ZOOM: 1 } .contentPane { OVERFLOW: visible; MIN-WIDTH: auto; ZOOM: 1; MARGIN: 0px 14px 0px 212px; DISPLAY: block } #puller { POSITION: absolute; Z-INDEX: 3 } #puller A { HEIGHT: 30px; WIDTH: 15px; BACKGROUND: #ccc; DISPLAY: block } .contcollapsed { MARGIN-LEFT: 15px } .content { MIN-WIDTH: auto; ZOOM: 1; MIN-HEIGHT: 400px; DISPLAY: block } .container { MIN-WIDTH: auto; ZOOM: 1; MIN-HEIGHT: 400px; DISPLAY: block } .containerPortal { MIN-WIDTH: auto; ZOOM: 1; MIN-HEIGHT: 400px; DISPLAY: block } .popup .container { MIN-HEIGHT: 400px } .container { OVERFLOW: visible } .containerOptions { OVERFLOW: visible } .column-1 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } .column-2 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } .column-3 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } .column-4 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } column-5 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } .column-1 { WIDTH: 100% } .column-2 { WIDTH: 50% } .column-3 { WIDTH: 33.3% } .column-4 { WIDTH: 25% } .column-5 { WIDTH: 20% } #lightbox .column-3 { MARGIN: 0px; MIN-HEIGHT: 200px !important } #lightbox .column-2 { MARGIN: 0px; MIN-HEIGHT: 200px !important } INPUT[type='submit'].submit { FONT-WEIGHT: bold } .mainButton A { FONT-WEIGHT: bold } .actionBarMicro .mainButton A { FONT-WEIGHT: bold } .rumble .mainButton > A { FONT-WEIGHT: bold } .rumble_top .mainButton > A { FONT-WEIGHT: bold } .button-1 { FONT-WEIGHT: bold } .button-1-img { FONT-WEIGHT: bold } .modeSwitchWrap { RIGHT: 0px; LEFT: auto; TOP: 6px } .modeSwitchWrap DIV { VERTICAL-ALIGN: middle; DISPLAY: inline-block } .modeSwitch { OVERFLOW: hidden; POSITION: relative; DISPLAY: block } .read-on { MARGIN-RIGHT: 0px } A.read-off IMG { POSITION: absolute; LEFT: 0px; BOTTOM: 0px } A.read-on IMG { RIGHT: 0px; POSITION: absolute; BOTTOM: 0px } .switcherLabel { VERTICAL-ALIGN: middle; DISPLAY: inline-block } .helpLink { POSITION: relative; TOP: 1px } .helpLink A.browseIcon { DISPLAY: inline-block } .vtbeSwitch { POSITION: relative; FLOAT: right } .vtbeSwitch SPAN { DISPLAY: inline-block } A.colorChip { DISPLAY: inline-block } A.colorChip SPAN { DISPLAY: inline-block } INPUT[type='button'] { } INPUT[type='submit'] { } BUTTON { } FORM#content { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none } .reorder { CURSOR: move; POSITION: absolute } .contextMenuContainer { ZOOM: 1 } .gbtable .contextMenuContainer { DISPLAY: inline } .gbtable_header .contextMenuContainer { DISPLAY: inline } .gbtable_header TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 2px !important; BORDER-LEFT: 0px; PADDING-RIGHT: 1px !important } .gbtable THEAD TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 2px !important; BORDER-LEFT: 0px; PADDING-RIGHT: 1px !important } A.cmimg { ZOOM: 1 } HTML { FONT: 300 0.78em "Arial", Lucida Grande, sans-serif } H1 { FONT-SIZE: 148% } H2 { FONT-SIZE: 123.1% } H3 { FONT-SIZE: 110% } H1 { MARGIN: 1em 0px } H2 { MARGIN: 1em 0px } H3 { MARGIN: 1em 0px } A { TEXT-DECORATION: none; COLOR: #b00 } A:focus { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #000 } .vtbegenerated A { TEXT-DECORATION: underline } TABLE { FONT-SIZE: 100% } THEAD TH { FONT-WEIGHT: bold } #contentFrame { BACKGROUND: url(images/bblearn_2011_bg.png) #efede3 0px -5px } #schemePreview { BACKGROUND: url(images/bblearn_2011_bg.png) #efede3 0px -5px } BODY { BACKGROUND: url(images/bblearn_2011_bg.png) #efede3 0px -5px } BODY.topFrame { BACKGROUND: #f7f7f7 } BODY.login-page { POSITION: relative; MIN-HEIGHT: 800px } BODY.popup { BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } BODY.csMenuFrame { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #eee; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-box-shadow: -1px 0 1px #F9F9F9 inset; -moz-box-shadow: -1px 0 1px #F9F9F9 inset; -webkit-border-radius: 0; -moz-border-radius: 0 } BODY.popupMenu { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #eee; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-box-shadow: -1px 0 1px #F9F9F9 inset; -moz-box-shadow: -1px 0 1px #F9F9F9 inset; -webkit-border-radius: 0; -moz-border-radius: 0 } .csMenuFrame { FONT-SIZE: 95% } BODY.external-breadcrumbs { BACKGROUND-IMAGE: none } BODY.picker { BACKGROUND: #fff; MIN-WIDTH: 400px } .breadcrumbs { BORDER-TOP: 0px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; MARGIN: 0px 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px } .locationPane { MARGIN-TOP: 12px } BODY.picker .locationPane { MARGIN: 0px; DISPLAY: block } .csPicker .locationPane { DISPLAY: block } .navigationPane { WIDTH: 210px; LEFT: 0px; MARGIN: 0px; TOP: 0px; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .menuWrap { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #444 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px; BORDER-LEFT: #999 0px solid; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .contentPane { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px 0px 222px; PADDING-RIGHT: 0px; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .contentPaneWide { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px; PADDING-RIGHT: 0px } .portalPane { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px; PADDING-RIGHT: 0px } .popup .contentPaneWide { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .picker .contentPaneWide { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .container { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .course-tools-page #listContainer { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .picker .container { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } .popup .container { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } #puller { RIGHT: -8px; POSITION: absolute; Z-INDEX: 3; TOP: -1px; BOTTOM: 1px; -moz-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #puller A { OVERFLOW: visible; BORDER-TOP: #777 1px solid; HEIGHT: 100%; BORDER-RIGHT: #777 1px solid; WIDTH: 8px; BACKGROUND: url(images/reorder_bg.png) #bbb repeat-y; BORDER-BOTTOM: #777 1px solid; POSITION: relative; FILTER: alpha(opacity=0); BORDER-LEFT: 0px; opacity: 0; box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } .menuWrap:hover #puller A { FILTER: alpha(opacity=100); opacity: 1; -moz-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .menuWrap:focus #puller A { FILTER: alpha(opacity=100); opacity: 1; -moz-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #puller A:after { FONT-SIZE: 180%; BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; RIGHT: -30px; BORDER-BOTTOM: #666 1px solid; POSITION: absolute; COLOR: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; CONTENT: "\2190"; PADDING-LEFT: 1px; FILTER: alpha(opacity=0) !important; BORDER-LEFT: #666 0px solid; DISPLAY: none !important; LINE-HEIGHT: 1; TOP: 200px; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #777; opacity: 0; border-radius: 0 12px 12px 0; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out } .pullcollapsed#puller A { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #00add0; opacity: 1 } #puller A:hover { BACKGROUND-COLOR: #777 } #puller A:focus { BACKGROUND-COLOR: #777 } #puller A IMG { HEIGHT: 24px; WIDTH: 12px; BACKGROUND: url(images/menu_expand_rtl.gif) no-repeat 0px 0px; RIGHT: -9px; POSITION: relative; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 1px; FILTER: alpha(opacity=0)\9; TOP: 200px; PADDING-RIGHT: 6px } .pullcollapsed#puller A:hover { BACKGROUND-COLOR: #777; -moz-transition: background-color 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: background-color 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .pullcollapsed#puller A:focus { BACKGROUND-COLOR: #777; -moz-transition: background-color 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: background-color 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .pullcollapsed#puller A:after { CONTENT: "\2192"; opacity: 0 } .pullcollapsed#puller A:hover:after { opacity: 1 } #puller A:hover:after { opacity: 1 } .pullcollapsed#puller A:focus:after { opacity: 1 } #puller A:focus:after { opacity: 1 } .pullcollapsed#puller A:hover IMG { FILTER: alpha(opacity=100) } .pullcollapsed#puller A:focus IMG { FILTER: alpha(opacity=100) } #puller A:hover IMG { FILTER: alpha(opacity=100) } #puller A:focus IMG { FILTER: alpha(opacity=100) } .pullcollapsed#puller A:hover IMG { BACKGROUND: url(images/menu_collapse_rtl.gif) no-repeat 0px 0px } .pullcollapsed#puller A:focus IMG { BACKGROUND: url(images/menu_collapse_rtl.gif) no-repeat 0px 0px } .navcollapsed { MARGIN-LEFT: -210px; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .pullcollapsed#puller { RIGHT: -10px; opacity: 1; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .navcollapsed .menuWrap { DISPLAY: block !important } .contcollapsed { MARGIN-LEFT: 12px; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #topFrame { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 0px; COLOR: #ccc; BACKGROUND-COLOR: #555 } .bgBanner { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 0px; COLOR: #ccc; BACKGROUND-COLOR: #555 } .brandingImgWrap { HEIGHT: 46px } .brandingImgWrap A { MARGIN: 8px 12px 0px; DISPLAY: inline-block } .bannerImage { MAX-HEIGHT: 35px } .topTabs-compact .bannerImage { DISPLAY: none } .topTabs-compact .brandingImgWrap { DISPLAY: none } .topTabs-compact .hotItems { DISPLAY: none } .topTabs { HEIGHT: 89px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #555; -webkit-box-shadow: 0 -6px 17px #333 inset; -moz-box-shadow: 0 -6px 17px #333 inset; box-shadow: 0 -6px 17px #333 inset } .topTabs-compact { HEIGHT: 52px } .tabWrapper-left { WIDTH: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 28px; PADDING-RIGHT: 28px } .tabWrapper-center { WIDTH: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 28px; PADDING-RIGHT: 28px } .tabWrapper-right { WIDTH: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 28px; PADDING-RIGHT: 28px } .appTabs { WIDTH: auto; POSITION: relative } .topTabs-compact .tabWrapper-left { PADDING-TOP: 24px } .topTabs-compact .tabWrapper-center { PADDING-TOP: 24px } .topTabs-compact .tabWrapper-right { PADDING-TOP: 24px } #topTab { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-TOP: transparent 1px solid; FONT-FAMILY: "Avenir", Arial, sans-serif; BORDER-RIGHT: transparent 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: transparent 0px solid; POSITION: relative; FONT-WEIGHT: normal; COLOR: #efefef; PADDING-BOTTOM: 19px; FONT-STYLE: normal; TEXT-ALIGN: center; PADDING-TOP: 10px; PADDING-LEFT: 1.2em; BORDER-LEFT: transparent 1px solid; Z-INDEX: 100; DISPLAY: block; PADDING-RIGHT: 1.2em; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .appTabs A { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-TOP: transparent 1px solid; FONT-FAMILY: "Avenir", Arial, sans-serif; BORDER-RIGHT: transparent 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: transparent 0px solid; POSITION: relative; FONT-WEIGHT: normal; COLOR: #efefef; PADDING-BOTTOM: 19px; FONT-STYLE: normal; TEXT-ALIGN: center; PADDING-TOP: 10px; PADDING-LEFT: 1.2em; BORDER-LEFT: transparent 1px solid; Z-INDEX: 100; DISPLAY: block; PADDING-RIGHT: 1.2em; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .appTabs A SPAN { BORDER-BOTTOM: transparent 1px dotted; PADDING-BOTTOM: 1px } .topTabs-compact .appTabs A SPAN { PADDING-BOTTOM: 0px } .appTabs A:hover { COLOR: #fff } .appTabs A:focus { COLOR: #fff } .appTabs A:hover SPAN { BORDER-BOTTOM: #fff 1px double } .appTabs A:focus SPAN { BORDER-BOTTOM: #fff 1px double } #topTabActive { Z-INDEX: 1000 } .appTabs .active A { Z-INDEX: 1000 } .appTabs .active A:hover { Z-INDEX: 1000 } .appTabs .active A:focus { Z-INDEX: 1000 } .appTabs .active A SPAN { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .appTabs .active A:hover SPAN { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .appTabs .active A:focus SPAN { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .appTabs .active .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .appTabs .active A:hover .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .appTabs .active A:focus .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .toppTabs-compact .appTabs .active .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .toppTabs-compact .appTabs .active A:hover .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .toppTabs-compact .appTabs .active A:focus .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .topTabs-compact .appTabs .active .hideoff { BORDER-LEFT-WIDTH: 7px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -7px; BORDER-TOP-WIDTH: 0px } .topTabs-compact .appTabs .active A:hover .hideoff { BORDER-LEFT-WIDTH: 7px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -7px; BORDER-TOP-WIDTH: 0px } .topTabs-compact .appTabs .active A:focus .hideoff { BORDER-LEFT-WIDTH: 7px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -7px; BORDER-TOP-WIDTH: 0px } .topTabs-compact .appTabs A { FONT-SIZE: 95%; PADDING-BOTTOM: 0.7em; PADDING-TOP: 0.4em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em } .topTabs-compact .appTabs .active A:hover { FONT-SIZE: 95%; PADDING-BOTTOM: 0.7em; PADDING-TOP: 0.4em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em } .topTabs-compact .appTabs .active A:focus { FONT-SIZE: 95%; PADDING-BOTTOM: 0.7em; PADDING-TOP: 0.4em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em } .round1 A { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .round2 A { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0 } .topGlobalLinks { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000020,endColorstr=#33000020) } .topGlobalLinks UL { Z-INDEX: 1001 } .topGlobalLinks UL LI { COLOR: #ccc; MARGIN: 0px 0px 0px -4px; DISPLAY: inline-block } .topGlobalLinks UL LI:first-child { MARGIN: 0px } .topGlobalLinks A { OVERFLOW: hidden; BACKGROUND: none transparent scroll repeat 0% 0%; MIN-WIDTH: 18px; COLOR: #ccc; PADDING-BOTTOM: 3px; TEXT-ALIGN: left; PADDING-TOP: 3px; PADDING-LEFT: 5px; DISPLAY: inline-block; PADDING-RIGHT: 5px; TEXT-INDENT: -10000px } .topGlobalLinks A .link-icon { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; BACKGROUND-IMAGE: url(images/utilicons_sprite_rev.png); BACKGROUND-REPEAT: no-repeat; FLOAT: right; DISPLAY: block } .topGlobalLinks .home .link-icon { BACKGROUND-POSITION: -129px 0px } .topGlobalLinks .home:hover .link-icon { BACKGROUND-POSITION: -129px -16px } .topGlobalLinks .home:focus .link-icon { BACKGROUND-POSITION: -129px -16px } .topGlobalLinks .logout .link-icon { DISPLAY: none } .topGlobalLinks .logout { WIDTH: auto !important; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; TEXT-INDENT: 0px } .topGlobalLinks .help .link-icon { BACKGROUND-POSITION: -145px 1px } .topGlobalLinks .help:hover .link-icon { BACKGROUND-POSITION: -145px 1px } .topGlobalLinks .help:focus .link-icon { BACKGROUND-POSITION: -145px 1px } .topGlobalLinks A:hover { COLOR: #eee; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000025,endColorstr=#44000025) } .topGlobalLinks A:focus { COLOR: #eee; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000025,endColorstr=#44000025) } .hotItems { WIDTH: 240px; POSITION: relative; COLOR: #ddd; TEXT-ALIGN: center; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000020,endColorstr=#33000020); MIN-HEIGHT: 28px; MARGIN-RIGHT: 3px } .hotSpots { BOX-SIZING: border-box; OVERFLOW: auto; PADDING-BOTTOM: 5px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; MAX-HEIGHT: 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .hotSpots LI { PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .hotSpots A { TEXT-DECORATION: underline; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ddd; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 6px } .hotSpots LI:after { RIGHT: 1px; POSITION: relative; COLOR: #999; CONTENT: "\2022" } .hotSpots A:hover { COLOR: #eee } .hotSpots A:focus { COLOR: #eee } .path { POSITION: relative; FLOAT: left; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .simplePath { POSITION: relative; FLOAT: left; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .simplePath { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .breadcrumbs .noToggle { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .path LI { VERTICAL-ALIGN: middle; BACKGROUND: url(images/indicators.png) no-repeat 100% 50%; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 12px } .simplePath LI { VERTICAL-ALIGN: middle; BACKGROUND: url(images/indicators.png) no-repeat 100% 50%; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 12px } .path .placeholder { BACKGROUND-IMAGE: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .simplePath .placeholder { BACKGROUND-IMAGE: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .path .label { FONT-WEIGHT: normal; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .simplePath .label { FONT-WEIGHT: normal; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .path A { TEXT-DECORATION: none; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .simplePath A { TEXT-DECORATION: none; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .path A:hover { TEXT-DECORATION: underline; COLOR: #333 } .path A:focus { TEXT-DECORATION: underline; COLOR: #333 } .simplePath A:hover { TEXT-DECORATION: underline; COLOR: #333 } .simplePath A:focus { TEXT-DECORATION: underline; COLOR: #333 } .path .root { BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 13px; PADDING-TOP: 13px; PADDING-LEFT: 0px; MARGIN: -12px 6px -13px 0px; PADDING-RIGHT: 9px } .simplePath .root { BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 13px; PADDING-TOP: 13px; PADDING-LEFT: 0px; MARGIN: -12px 6px -13px 0px; PADDING-RIGHT: 9px } .path .root A { TEXT-DECORATION: none; VERTICAL-ALIGN: baseline; FONT-WEIGHT: bold } .simplePath .root A { TEXT-DECORATION: none; VERTICAL-ALIGN: baseline; FONT-WEIGHT: bold } .path .root A[href*='course_id'] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .simplePath .root A[href*='course_id'] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .path .root A[href*='admin'] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .simplePath .root A[href*='admin'] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .path .root A[href*='tabId='] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .simplePath .root A[href*='tabId='] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .path .root A[href*='course_id']:before { CONTENT: "H" } .simplePath .root A[href*='course_id']:before { CONTENT: "H" } .path .root A[href*='admin']:before { CONTENT: "S" } .simplePath .root A[href*='admin']:before { CONTENT: "S" } .path .root A[href*='tabId=']:before { CONTENT: "m" } .simplePath .root A[href*='tabId=']:before { CONTENT: "m" } .path .button { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 8px 0px 0px; PADDING-RIGHT: 0px } .simplePath .button { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 8px 0px 0px; PADDING-RIGHT: 0px } .path .root A:before { FONT-SIZE: 20px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #aaa; TOP: 1px } .simplePath .root A:before { FONT-SIZE: 20px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #aaa; TOP: 1px } .path .root A:hover:before { COLOR: #888 } .path .root A:focus:before { COLOR: #888 } .simplePath .root A:hover:before { COLOR: #888 } .simplePath .root A:focus:before { COLOR: #888 } .path .button A { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .simplePath .button A { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .path LI.contextPath { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 0; PADDING-RIGHT: 12px } .contextPath > DIV { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; opacity: .6 } .contextPath > DIV:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; opacity: .6 } .contextPath > DIV:focus { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; opacity: .6 } .contextPath:hover > DIV { opacity: 1 } .contextPath:hover > DIV:hover { opacity: 1 } .contextPath:hover > DIV:focus { opacity: 1 } .contextPath A.cmimg { HEIGHT: 16px; VERTICAL-ALIGN: middle; BACKGROUND-POSITION: -28px -124px; DISPLAY: inline-block } .courseArrow A.cmimg { HEIGHT: 16px; VERTICAL-ALIGN: middle; BACKGROUND-POSITION: -28px -124px; DISPLAY: inline-block } .contextPath A.cmimg:hover { BACKGROUND-POSITION: -28px -142px } .contextPath A.cmimg:focus { BACKGROUND-POSITION: -28px -142px } .courseArrow A.cmimg:hover { BACKGROUND-POSITION: -28px -142px } .courseArrow A.cmimg:focus { BACKGROUND-POSITION: -28px -142px } .courseArrow { DISPLAY: inline-block } .courseArrow A { DISPLAY: inline-block } .coursePath:hover .courseArrow { opacity: 1 } .coursePath:focus .courseArrow { opacity: 1 } .banner + .breadcrumbs { MARGIN: 0px; BACKGROUND-COLOR: inherit } .breadcrumb-controls { FLOAT: right } .content { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } #contentArea { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } #schemePreviewBody { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .contentBox { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .popup .contentBox { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .picker .contentBox { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .portal .contentBox { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) } #contentArea { COLOR: #111; MARGIN: 0px } .container { COLOR: #111; MARGIN: 0px } .containerOptions { COLOR: #111; MARGIN: 0px } .containerPortal { COLOR: #111; MARGIN: 0px } .containerPortal { MIN-WIDTH: 600px; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 24px; PADDING-RIGHT: 24px } .portal .container { MIN-WIDTH: 600px; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 24px; PADDING-RIGHT: 24px } .containerOptions .searchbar { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BACKGROUND: #dfdfdf; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 21px; MARGIN: 0px; BORDER-LEFT: #ccc 0px solid; PADDING-RIGHT: 21px; -webkit-box-shadow: 1px 0 0 #FFF inset; -moz-box-shadow: 1px 0 0 #FFF inset; box-shadow: 1px 0 0 #FFF inset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .containerOptions .liveArea { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BACKGROUND: #dfdfdf; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 21px; MARGIN: 0px; BORDER-LEFT: #ccc 0px solid; PADDING-RIGHT: 21px; -webkit-box-shadow: 1px 0 0 #FFF inset; -moz-box-shadow: 1px 0 0 #FFF inset; box-shadow: 1px 0 0 #FFF inset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } #addFolderForm { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BACKGROUND: #dfdfdf; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 21px; MARGIN: 0px; BORDER-LEFT: #ccc 0px solid; PADDING-RIGHT: 21px; -webkit-box-shadow: 1px 0 0 #FFF inset; -moz-box-shadow: 1px 0 0 #FFF inset; box-shadow: 1px 0 0 #FFF inset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } DIV.okContainer { POSITION: relative; PADDING-BOTTOM: 60px } DIV.ok DIV.container { POSITION: relative; PADDING-BOTTOM: 60px } .collabContainer { POSITION: relative; PADDING-BOTTOM: 60px } .column-1 { MARGIN: 6px 0px 0px } .column-2 { MARGIN: 6px 0px 0px } .column-3 { MARGIN: 6px 0px 0px } .column-4 { MARGIN: 6px 0px 0px } .column-5 { MARGIN: 6px 0px 0px } .leftColumn-narrow { OVERFLOW: auto; BORDER-RIGHT: #ccc 3px double; WIDTH: 22%; FLOAT: left; MARGIN: -20px 0px 0px -30px } .picker .leftColumn-narrow { WIDTH: 25%; MARGIN: -12px 0px 0px -20px } .picker #bb-question-discover .leftColumn-narrow { WIDTH: 25%; MARGIN: -12px 0px 0px -20px } .rightColumn-narrow { WIDTH: 22%; FLOAT: right; MARGIN-LEFT: 1% } .rightColumn-wide { WIDTH: 74%; FLOAT: right } .leftColumn-wide { WIDTH: 76%; FLOAT: left; MARGIN-LEFT: -3px; BORDER-LEFT: #ccc 3px double } .picker .leftColumn-wide { WIDTH: 76%; MIN-HEIGHT: 430px; MARGIN-TOP: -12px } .picker #bb-question-discover .leftColumn-wide { WIDTH: 76%; MIN-HEIGHT: 430px; MARGIN-TOP: -12px } .picker .leftColumn-wide H1 { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } #bb-question-discover .leftColumn-wide { WIDTH: 80%; MARGIN: -20px -20px 0px -3px; BORDER-LEFT: #ccc 3px double } #bb-question-discover .leftColumn-wide + .leftColumn-wide { WIDTH: auto; MARGIN: 0px; BORDER-LEFT: medium none } #bb-question-discover .leftColumn-narrow { WIDTH: 24% } .leftColumn-narrow H3 { FONT-SIZE: 100%; POSITION: relative; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; PADDING-RIGHT: 0px } .rightColumn-narrow H3 { FONT-SIZE: 100%; POSITION: relative; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; PADDING-RIGHT: 0px } .leftColumn-narrow H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .rightColumn-narrow H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .columnPalette H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .leftColumn-narrow A.itemHead { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; DISPLAY: block; PADDING-RIGHT: 9px } .rightColumn-narrow A.itemHead { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; DISPLAY: block; PADDING-RIGHT: 9px } A.itemHead { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; DISPLAY: block; PADDING-RIGHT: 9px } .leftColumn-narrow A.itemHead:hover { TEXT-DECORATION: underline } .leftColumn-narrow A.itemHead:focus { TEXT-DECORATION: underline } .rightColumn-narrow A.itemHead:hover { TEXT-DECORATION: underline } .rightColumn-narrow A.itemHead:focus { TEXT-DECORATION: underline } A.itemHead:hover { TEXT-DECORATION: underline } A.itemHead:focus { TEXT-DECORATION: underline } .leftColumn-narrow A.itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 6px 6px } .rightColumn-narrow A.itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 6px 6px } A.itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 6px 6px } .leftColumn-narrow H3.hideoff { MARGIN: 0px } .leftColumn-narrow :first-child.columnPalette { BORDER-TOP: 0px } .paletteGroup { POSITION: relative; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } .columnPalette { POSITION: relative; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } .paletteGroup DIV.columnPalette { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px } .paletteItems { FONT-SIZE: 95%; MARGIN: 0px 0px 4px } .paletteItems LI { POSITION: relative; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px 16px; PADDING-RIGHT: 2px } .paletteItems DIV { MARGIN: 0px 0px 0px 16px } #searchForm .paletteItems LI { MARGIN: 0px 0px 0px 24px } .paletteItems LI A { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; DISPLAY: block; LINE-HEIGHT: 110%; PADDING-RIGHT: 9px } .paletteItems LI LABEL { PADDING-LEFT: 21px; DISPLAY: inline-block } .picker .paletteItems LI LABEL { FONT-SIZE: 94% } .paletteItems LI INPUT[type=checkbox] { POSITION: absolute; LEFT: 0px; TOP: 0px } UL.paletteItems LI INPUT[type=radio] { POSITION: absolute; LEFT: 0px; TOP: 0px } .paletteItems LI:hover { BACKGROUND: #fff } .paletteItems LI:focus { BACKGROUND: #fff } .paletteItems LI A:hover { TEXT-DECORATION: underline } .paletteItems LI A:focus { TEXT-DECORATION: underline } .paletteItems LI.selectedItem { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.selectedItem:hover { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.selectedItem:focus { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.active { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.active:hover { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.active:focus { BACKGROUND: #fff4bf; COLOR: #000 } .columnActions UL LI A { DISPLAY: block } #copyright { FONT-SIZE: 82%; POSITION: relative; COLOR: #555; MARGIN: 16px 0px 0px 9px; DISPLAY: inline-block } .newCopyright { POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 20px; PADDING-LEFT: 60px; MARGIN: 0px 0px 0px 12px; PADDING-RIGHT: 12px } .logo { PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .productTitle { PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .legal { PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .additionalInfo { PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .productTitle { PADDING-BOTTOM: 0px; PADDING-TOP: 9px; PADDING-LEFT: 9px; MIN-HEIGHT: auto; PADDING-RIGHT: 12px } .logo { POSITION: absolute; LEFT: 0px; MARGIN-TOP: -20px } .logo IMG { WIDTH: 45px } .additionalInfo { FLOAT: none } .legal P { MARGIN: 0px; DISPLAY: inline-block } .additionalInfo P { MARGIN: 0px; DISPLAY: inline-block } .additionalInfo P:first-child { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 9px 0px 0px; PADDING-RIGHT: 2px } .additionalInfo P:first-child:after { RIGHT: -1px; POSITION: relative; COLOR: #ccc; CONTENT: "\2022" } .additionalInfo P:first-child A { PADDING-RIGHT: 12px } .additionalInfo P:first-child A:hover { BACKGROUND: url(images/micro_popup.png) no-repeat right 2px } .additionalInfo P:first-child A:focus { BACKGROUND: url(images/micro_popup.png) no-repeat right 2px } .productTitle A { FONT-SIZE: 125%; TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #333; TEXT-ALIGN: right; DISPLAY: block; LINE-HEIGHT: 1.1em } .productTitle A:hover { TEXT-DECORATION: underline } .productTitle A:focus { TEXT-DECORATION: underline } .additionalInfo A:hover { TEXT-DECORATION: underline } .additionalInfo A:focus { TEXT-DECORATION: underline } .copyrightDetailContents { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; WIDTH: 740px; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; COLOR: #fff; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 24px; CLEAR: left; LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 5em; BORDER-LEFT: #555 1px solid; DISPLAY: none; TOP: 0px; PADDING-RIGHT: 24px; BACKGROUND-COLOR: #777; -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4) inset, 2px 2px rgba(255, 255, 255, 0.6); -moz-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4) inset, 2px 2px rgba(255, 255, 255, 0.6); box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4) inset, 2px 2px rgba(255, 255, 255, 0.6); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .productImg { FLOAT: left; MARGIN-TOP: 5px } .copyrightDetailContents UL { FLOAT: left; TEXT-ALIGN: left; MARGIN: 4px 0px 0px 24px } .copyrightDetailContents UL LI SPAN { FONT-WEIGHT: bold } A.closeCopyright { RIGHT: -16px; POSITION: relative; FLOAT: right; TOP: -5px } .contentBlock { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 1em; PADDING-TOP: 0.6em; PADDING-LEFT: 1.4em; MARGIN: 0px 1em 0.6em; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 1.4em } .contentBlock H3 { FONT-SIZE: 110%; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0.4em; MARGIN: 0px 0px 1em; PADDING-RIGHT: 0.4em } .contentBlock UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1.2em; MARGIN: 0px; PADDING-RIGHT: 0px } .contentBlock UL.threeCol { WIDTH: 30%; FLOAT: left } .contentBlock UL.threeCol LI { FONT-SIZE: 90%; BACKGROUND: url(images/indicators.png) no-repeat 0px 3px; FLOAT: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 22px; MARGIN: 0px; PADDING-RIGHT: 0px } .contentBlock UL.threeCol LI A { BACKGROUND-IMAGE: none } .contentBlock UL.threeCol LI A:hover { TEXT-DECORATION: underline } .contentBlock UL.threeCol LI A:focus { TEXT-DECORATION: underline } .contentBlock H3 INPUT { FONT-SIZE: 90%; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #999 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 2px } .contentBlock H3 SELECT { FONT-SIZE: 90%; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #999 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 2px } .contentBlock INPUT { FONT-SIZE: 90%; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #999 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 2px } .contentBlock SELECT { FONT-SIZE: 90%; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #999 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 2px } .contentBlock OL LI INPUT[type='checkbox'] { VERTICAL-ALIGN: middle; MARGIN-RIGHT: 6px } .contentBlock H3 A.browse { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; BORDER-BOTTOM: #aaa 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 3px } .contentBlock A.browse { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; BORDER-BOTTOM: #aaa 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 3px } .contentBlock INPUT.browse { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; BORDER-BOTTOM: #aaa 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 3px } DIV.landingListWrapper { TEXT-ALIGN: center; MARGIN: 1.6em 0px 0px } DIV.landingListWrapper UL.landingList { LIST-STYLE-TYPE: none; WIDTH: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.landingListWrapper UL.landingList-2cols { LIST-STYLE-TYPE: none; WIDTH: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.landingListWrapper UL.landingList LI { WIDTH: 50%; TEXT-ALIGN: left; MARGIN: 0px 0px 1.6em } DIV.landingListWrapper UL.landingList-2cols LI { WIDTH: 45%; FLOAT: left; TEXT-ALIGN: left; MARGIN: 0px 3em 1.6em 0px } DIV.landingListWrapper UL.landingList LI.restart { MARGIN-TOP: -13.6em } DIV.landingListWrapper UL.landingList LI A { TEXT-DECORATION: none } DIV.landingListWrapper UL.landingList-2cols LI A { TEXT-DECORATION: none } DIV.landingListWrapper UL.landingList LI A:hover { TEXT-DECORATION: underline } DIV.landingListWrapper UL.landingList-2cols LI A:hover { TEXT-DECORATION: underline } DIV.landingListWrapper UL.landingList LI A:focus { TEXT-DECORATION: underline } DIV.landingListWrapper UL.landingList-2cols LI A:focus { TEXT-DECORATION: underline } DIV.landingListWrapper UL.landingList LI P { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0.4em; PADDING-LEFT: 1.4em; MARGIN: 0px; PADDING-RIGHT: 0.6em } DIV.landingListWrapper UL.landingList-2cols LI P { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0.4em; PADDING-LEFT: 1.4em; MARGIN: 0px; PADDING-RIGHT: 0.6em } DIV.landingListWrapper UL.landingList LI UL { LIST-STYLE-TYPE: square; MARGIN: 0px 0.4em 0.4em 0.8em } DIV.landingListWrapper UL.landingList LI UL LI { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: left; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.landingListWrapper UL.landingList-2cols LI UL LI { FLOAT: none; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.landingListWrapper UL.landingList LI H3 { FONT-SIZE: 110%; BACKGROUND: url(images/indicators.png) no-repeat 0px 0px; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 1.2em; MARGIN: 0px; PADDING-RIGHT: 1.2em } DIV.landingListWrapper UL.landingList-2cols H3 { FONT-SIZE: 110%; BACKGROUND: url(images/indicators.png) no-repeat 0px 0px; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 1.2em; MARGIN: 0px; PADDING-RIGHT: 1.2em } .containerLanding { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 400px; PADDING-RIGHT: 0px } DIV.landing DIV.container { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 400px; PADDING-RIGHT: 0px } BODY.landingBody DIV.container { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 400px; PADDING-RIGHT: 0px } .inst-email DIV.landing DIV.container { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } DIV.landingPageColumn { FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 1.2em 0px; PADDING-RIGHT: 0px } .twoCol { WIDTH: 49%; MARGIN: 1.2em 0px } .threeCol { WIDTH: 32.5%; MARGIN: 1.2em 0px } .landingPageColumn UL { MARGIN: 0px 0px 0px 30px } .landingPageColumn .outcomesLanding { PADDING-BOTTOM: 0.4em; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .landingPageColumn UL LI { TEXT-ALIGN: left; MARGIN: 0px 0px 2.2em } .inst-email .landingPageColumn UL LI { MARGIN: 0px } .landingPageColumn .outcomesLanding LI { MARGIN: 0px 0px 1.2em } .landingPageColumn UL LI A { TEXT-DECORATION: none } .landingPageColumn UL LI A:hover { TEXT-DECORATION: underline } .landingPageColumn UL LI A:focus { TEXT-DECORATION: underline } .landingPageColumn H3 { FONT-SIZE: 110%; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .landingPageColumn .outcomesLanding LI A { FONT-SIZE: 110%; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .landingPageColumn .outcomesLanding LI H3 { FONT-SIZE: 115%; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .landingPageColumn .outcomesLanding LI A { FONT-SIZE: 100%; FONT-WEIGHT: bold } .landingPageColumn .outcomesLanding LI P { BORDER-TOP: 0px } .landingPageColumn H3 IMG { MARGIN: 0px 0px 0px -12px } .landingPageColumn H3.hiddenlink IMG { POSITION: absolute; LEFT: 1.1em; FILTER: alpha(opacity=40); TOP: 0px; opacity: .4 } .landingPageColumn UL LI UL { LIST-STYLE-TYPE: square; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1.6em; MARGIN: 0px 0.4em 0.4em 0.8em; PADDING-RIGHT: 0px } .landingPageColumn UL LI UL LI { FLOAT: none; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .landingPageColumn UL LI UL LI.more { PADDING-TOP: 3px } .landingPageColumn UL LI UL LI.more A { BACKGROUND: url(images/indicators.png) no-repeat 0px 50%; COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 9px } .landingPageColumn UL LI P { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .landingPageColumn H3.hiddenlink { POSITION: relative; PADDING-BOTTOM: 0.6em; PADDING-TOP: 1em; PADDING-LEFT: 4.2em; PADDING-RIGHT: 1.2em } .landingPageColumn H3.hiddenlink A { TEXT-DECORATION: none; COLOR: #777 } .landingPageColumn H3.hiddenlink A:hover { TEXT-DECORATION: none; COLOR: #777 } .landingPageColumn H3.hiddenlink A:focus { TEXT-DECORATION: none; COLOR: #777 } .subhead_text { FONT-SIZE: 90%; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .list_text { FONT-SIZE: 85%; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 1.3em; PADDING-RIGHT: 2px } .landingPageColumn .outcomesLanding .list_text A { BACKGROUND-IMAGE: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 3px; PADDING-RIGHT: 0px } DIV.datalistScroll { OVERFLOW: auto; BORDER-TOP: #ddd 1px solid; HEIGHT: 360px; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; MARGIN: 0.4em 0px 0.4em 1.4em; BORDER-LEFT: #ddd 1px solid; BACKGROUND-COLOR: white } DIV.datalist { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; MARGIN: 0.4em 0px 0.4em 1.4em; BORDER-LEFT: #ddd 1px solid; BACKGROUND-COLOR: white } DIV.landingPageColumn UL LI UL.datalistScroll { LIST-STYLE-TYPE: none; OVERFLOW: auto; BORDER-TOP: medium none; HEIGHT: 250px; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.4em 0px 0.4em 1.4em; LIST-STYLE-IMAGE: none; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 0px; BACKGROUND-COLOR: white } DIV.landingPageColumn UL LI UL.datalistScroll LI { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND-COLOR: white } DIV.landingPageColumn UL LI UL.datalistScroll LI:hover { BACKGROUND-COLOR: #ffc } DIV.landingPageColumn UL LI UL.datalistScroll LI:focus { BACKGROUND-COLOR: #ffc } DIV.datalist TABLE THEAD TR TH { COLOR: #fff; BACKGROUND-COLOR: #aaa } DIV.datalistScroll TABLE THEAD TR TH { COLOR: #fff; BACKGROUND-COLOR: #aaa } .emptylist { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 6px 0px 0px 1.4em; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 12px; BACKGROUND-COLOR: white } DIV.landingPageColumn UL LI UL.subcaret { LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.4em 0px 0.4em 1.4em; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 0px } DIV.landingPageColumn UL LI UL.subcaret LI { LIST-STYLE-TYPE: none; BORDER-TOP: #ddd 1px solid; BACKGROUND: white; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px; PADDING-RIGHT: 1px } DIV.landingPageColumn UL LI UL.subcaret LI.complete { BACKGROUND: url(/images/ci/icons/workflow_detail_complete_ti.gif) white no-repeat 2px 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 20px; PADDING-RIGHT: 1px } DIV.landingPageColumn UL LI UL.subcaret LI.inprogress { BACKGROUND: url(/images/ci/icons/workflow_detail_active_ti.gif) white no-repeat 2px 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 20px; PADDING-RIGHT: 1px } .iconLegendLabel { FONT-SIZE: 95%; MARGIN: 1px 0px 1px 1.6em } DIV.landingPageColumn UL LI UL.subcaret LI A { TEXT-DECORATION: underline } DIV.landingPageColumn UL LI UL.datalist LI A { TEXT-DECORATION: underline } DIV.landingPageColumn UL LI DIV A { TEXT-DECORATION: underline } DIV.landingPageColumn UL LI TABLE A { TEXT-DECORATION: underline } DIV.landingPageColumn UL LI P A { TEXT-DECORATION: underline } .genericButton { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .genericButtonImg { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .browse { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .browseIcon { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } INPUT[type='submit'].submit { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .rumble A { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .rumble_top A { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .paging A { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .itemHeaderControl A { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .actionMenuButton { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-1 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-1-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-2 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-2-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-3 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-3-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-4 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-4-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .paletteSearch .button-4 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } H3#cs_search + UL DIV:first-child.none .button-4 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .treeContainer .tree LI A.button-4-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .mainButton H2 { FONT-SIZE: 100%; MARGIN: 0px } .secondaryButton H2 { FONT-SIZE: 100%; MARGIN: 0px } #primaryButton { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } INPUT[type='submit'].submit { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .rumble .mainButton > A { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .rumble_top .mainButton > A { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-1 { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-1-img { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } INPUT[type='submit'].submit:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } INPUT[type='submit'].submit:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .rumble .mainButton > A:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .rumble .mainButton > A:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .rumble_top .mainButton > A:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .rumble_top .mainButton > A:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .button-1:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .button-1:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .button-1-img:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .button-1-img:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } #secondaryButton { FONT-SIZE: 105%; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BACKGROUND: #ccc; BORDER-BOTTOM: #333 1px solid; COLOR: #333; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#333333); BORDER-LEFT: #333 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-2 { FONT-SIZE: 105%; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BACKGROUND: #ccc; BORDER-BOTTOM: #333 1px solid; COLOR: #333; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#333333); BORDER-LEFT: #333 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-2-img { FONT-SIZE: 105%; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BACKGROUND: #ccc; BORDER-BOTTOM: #333 1px solid; COLOR: #333; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#333333); BORDER-LEFT: #333 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } #secondaryButton { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .button-2:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .button-2:focus { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .button-2-img:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .button-2-img:focus { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .sub A IMG { MARGIN: -2px -4px 0px 0px } .sub .button-1 IMG { MARGIN: -2px -4px 0px 0px } .sub .button-2 IMG { MARGIN: -2px -4px 0px 0px } .secondaryButton A IMG { MARGIN: -2px -4px 0px 0px } .secondaryButton .button-2 IMG { MARGIN: -2px -4px 0px 0px } .mainButton A { DISPLAY: block } .secondaryButton A { DISPLAY: block } .actionBar .button-1 { DISPLAY: block } .actionBar .button-2 { DISPLAY: block } .mainButton > A { FONT-SIZE: 105%; TEXT-DECORATION: none; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 13px; PADDING-TOP: 12px; PADDING-LEFT: 18px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; DISPLAY: block; PADDING-RIGHT: 18px } .secondaryButton > A { FONT-SIZE: 105%; TEXT-DECORATION: none; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 13px; PADDING-TOP: 12px; PADDING-LEFT: 18px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; DISPLAY: block; PADDING-RIGHT: 18px } .mainButton H2 > A { FONT-SIZE: 105%; TEXT-DECORATION: none; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 13px; PADDING-TOP: 12px; PADDING-LEFT: 18px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; DISPLAY: block; PADDING-RIGHT: 18px } .secondaryButton H2 > A { FONT-SIZE: 105%; TEXT-DECORATION: none; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 13px; PADDING-TOP: 12px; PADDING-LEFT: 18px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; DISPLAY: block; PADDING-RIGHT: 18px } .mainButton > A { BORDER-RIGHT: #595959 1px solid; BORDER-LEFT: transparent 1px solid } .mainButton H2 > A { BORDER-RIGHT: #595959 1px solid; BORDER-LEFT: transparent 1px solid } .secondaryButton > A { BORDER-RIGHT: transparent 1px solid; MARGIN: 0px; BORDER-LEFT: #595959 1px solid } .secondaryButton H2 > A { BORDER-RIGHT: transparent 1px solid; MARGIN: 0px; BORDER-LEFT: #595959 1px solid } .sub.mainButton A { PADDING-RIGHT: 12px } .sub.secondaryButton A { PADDING-RIGHT: 12px } .mainButton H2 > A:hover { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .secondaryButton H2 > A:hover { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } LI.mainButton:hover > A { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .mainButton > A:hover { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .secondaryButton > A:hover { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } LI.mainButton:hover H2 > A { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .mainButton H2 > A:focus { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .secondaryButton H2 > A:focus { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } LI.mainButton:focus > A { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .mainButton > A:focus { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .secondaryButton > A:focus { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } LI.mainButton:focus H2 > A { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .mainButton > A { FONT-WEIGHT: 600 } .actionBar LI:first-child.mainButton H2 > A { PADDING-LEFT: 30px } .actionBar LI:first-child.mainButton > A { PADDING-LEFT: 30px } .popup .actionBar LI:first-child.mainButton H2 > A { PADDING-LEFT: 18px } .popup .actionBar LI:first-child.mainButton > A { PADDING-LEFT: 18px } .picker .actionBar LI:first-child.mainButton H2 > A { PADDING-LEFT: 18px } .picker .actionBar LI:first-child.mainButton > A { PADDING-LEFT: 18px } .genericButton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .genericButtonImg { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } INPUT[type='submit'].genericButton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .browse { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .browseIcon { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble H3 + UL > LI > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble H3 + UL > LI > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble_top H3 + UL > LI > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble_top H3 + UL > LI > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .paging A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .itemHeaderControl > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .actionMenuButton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .button-3 { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .button-3-img { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .button-4 { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .button-4-img { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #toolsSearchBox + .button-4 { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .treeContainer .tree LI A.button-4-img { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble_top A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble .abutton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble_top .abutton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .containerOptions INPUT.genericButton { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT[type='submit'].genericButton { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT.button-1 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT.button-2 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT.button-3 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT.button-4 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions .browse { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT[type='submit'].button-1 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } INPUT[type='text'] + INPUT[type='submit'] { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } INPUT[type='text'] + INPUT[type='submit'].submit { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } INPUT[type='button'].genericButton { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .genericButtonImg { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .button-3-img { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .button-4-img { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .itemHeaderControl A { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .browseIcon { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .treeContainer .tree LI A.button-4-img { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .genericButtonImg { DISPLAY: inline-block !important } INPUT[type='submit'].genericButton { FONT-WEIGHT: bold } .button-3 { FONT-WEIGHT: bold } .searchbar INPUT[type='submit'].genericButton { FONT-WEIGHT: normal } INPUT[type='button'][disabled] { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; COLOR: #999; BORDER-BOTTOM-COLOR: #ccc; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0,endColorstr=#f0f0f0); BORDER-RIGHT-COLOR: #ccc; box-shadow: 0 } INPUT[type='button'][disabled]:hover { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; COLOR: #999; BORDER-BOTTOM-COLOR: #ccc; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0,endColorstr=#f0f0f0); BORDER-RIGHT-COLOR: #ccc; box-shadow: 0 } .u_reverseAlign#editGradeActionList A.genericButton { MARGIN-BOTTOM: 5px; DISPLAY: inline-block } .genericButton:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .genericButton:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .genericButtonImg:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .genericButtonImg:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .browse:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .browse:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .browseIcon:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .browseIcon:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } INPUT[type='submit'].genericButton:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } INPUT[type='submit'].genericButton:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble H3 + UL > LI > A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble H3 + UL > LI > A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble_top H3 + UL > LI > A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble_top H3 + UL > LI > A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .paging A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .paging A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .itemHeaderControl A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .itemHeaderControl A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .actionMenuButton:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .actionMenuButton:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-3:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-3:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-3-img:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-3-img:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4-img:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4-img:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .navPaletteContent UL LI:first-child .paletteSearch .button-4:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .navPaletteContent UL LI:first-child .paletteSearch .button-4:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } H3#cs_search + UL DIV:first-child.none .button-4:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } H3#cs_search + UL DIV:first-child.none .button-4:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } #toolsSearchBox + .button-4:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } #toolsSearchBox + .button-4:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .treeContainer .tree LI A.button-4-img:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .treeContainer .tree LI A.button-4-img:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble_top A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble_top A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4-img.contextArrow:hover { box-shadow: none } .button-4-img.contextArrow:focus { box-shadow: none } .paletteSearch .button-4:hover { BACKGROUND-IMAGE: none } .paletteSearch .button-4:focus { BACKGROUND-IMAGE: none } .button-5 { TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: white; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0.4em; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 0.4em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .button-5-img { TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: white; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0.4em; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 0.4em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .button-5:hover { BACKGROUND: #ededed; COLOR: black } .button-5-img:hover { BACKGROUND: #ededed; COLOR: black } .button-6 { TEXT-DECORATION: none } .mainButton A.disabled { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .mainButton A.disabled:hover { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .secondaryButton A.disabled:hover { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .mainButton A.disabled:focus { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .secondaryButton A.disabled:focus { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .rumble A { DISPLAY: block } .rumble_top A { DISPLAY: block } .rumble .sub A IMG { MARGIN: -2px -1px 0px 3px } .rumble_top .sub A IMG { MARGIN: -2px -1px 0px 3px } .paging A { DISPLAY: inline-block } .rumble_top .inventory_paging .gotolink { DISPLAY: inline-block } .rumble .inventory_paging .gotolink { DISPLAY: inline-block } .listItemSelect { BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #555; MARGIN: 0px } #threadArea .listItemSelect { MARGIN: 0px } .rumble_top .listItemSelect { PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 32px; MARGIN: 0px 0px 4px; PADDING-RIGHT: 0px } .rumble .listItemSelect { PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 32px; MARGIN: 4px 0px 0px; PADDING-RIGHT: 0px } .rumble .listItemSelect A { TEXT-DECORATION: underline; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; COLOR: #b00; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 3px; MARGIN: 0px; BORDER-LEFT: medium none; DISPLAY: inline; PADDING-RIGHT: 3px } .rumble_top .listItemSelect A { TEXT-DECORATION: underline; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; COLOR: #b00; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 3px; MARGIN: 0px; BORDER-LEFT: medium none; DISPLAY: inline; PADDING-RIGHT: 3px } .rumble .listItemSelect A:hover { TEXT-DECORATION: none } .rumble_top .listItemSelect A:hover { TEXT-DECORATION: none } .listItemSelect LABEL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; BORDER-LEFT: #999 1px dotted; DISPLAY: inline; PADDING-RIGHT: 6px } .listItemSelect SELECT { FONT-SIZE: 95% } INPUT.calcButton { WIDTH: 2em; MARGIN: 2px 0px; DISPLAY: inline-block } INPUT#width { WIDTH: 5em } INPUT#height { WIDTH: 5em } SELECT#border { WIDTH: 5em } SELECT#controls { WIDTH: 5em } .smallControls INPUT[type='text'].width { WIDTH: 5em } .smallControls INPUT[type='text'].height { WIDTH: 5em } .smallControls SELECT.quality { WIDTH: auto } .smallControls SELECT.controls { WIDTH: auto } .smallControls SELECT.border { WIDTH: auto } .actionBarMicro .mainButton > A { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; LINE-HEIGHT: 1; PADDING-RIGHT: 6px } .actionBarMicro .secondaryButton > A { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; LINE-HEIGHT: 1; PADDING-RIGHT: 6px } .actionBarMicro .mainButton A IMG { MARGIN: 0px } .actionBarMicro .secondaryButton A IMG { MARGIN: 0px } .actionBarMicro A SPAN IMG { VISIBILITY: hidden } .actionBar A SPAN IMG { VISIBILITY: hidden } .actionBarMicro .access-reorder { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0 } .actionBarMicro A SPAN { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; VERTICAL-ALIGN: bottom; BACKGROUND-IMAGE: url(images/utilicons_sprite_rev.png); BACKGROUND-REPEAT: no-repeat; DISPLAY: inline-block; LINE-HEIGHT: 0 } .actionBar A SPAN { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; VERTICAL-ALIGN: bottom; BACKGROUND-IMAGE: url(images/utilicons_sprite_rev.png); BACKGROUND-REPEAT: no-repeat; DISPLAY: inline-block; LINE-HEIGHT: 0 } .actionBarMicro #quickViewLink A SPAN { BACKGROUND-POSITION: 0px 0px } .actionBarMicro #shortcutView A SPAN { BACKGROUND-POSITION: 0px 0px } .actionBarMicro #quickViewLink A:hover SPAN { BACKGROUND-POSITION: 0px -16px } .actionBarMicro .active#quickViewLink A SPAN { BACKGROUND-POSITION: 0px -16px } .actionBarMicro #shortcutView A:hover SPAN { BACKGROUND-POSITION: 0px -16px } .actionBarMicro .active#shortcutView A SPAN { BACKGROUND-POSITION: 0px -16px } .actionBarMicro #addCmItem > A SPAN { BACKGROUND-POSITION: -16px 0px } .actionBarMicro #detailViewLink2 UL LI A { WIDTH: 90px } .actionBarMicro #addCmItem:hover > A SPAN { BACKGROUND-POSITION: -16px -16px } .actionBarMicro .active#addCmItem > A SPAN { BACKGROUND-POSITION: -16px -16px } .actionBarMicro #detailViewLink A SPAN { BACKGROUND-POSITION: -32px 0px } .actionBarMicro #detailViewLink2 A SPAN { BACKGROUND-POSITION: -32px 0px } .actionBarMicro #folderView A SPAN { BACKGROUND-POSITION: -32px 0px } .actionBarMicro #detailViewLink A:hover SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro #detailViewLink2 A:hover SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro .active#detailViewLink A SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro .active#detailViewLink2 A SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro #folderView A:hover SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro .active#folderView A SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro #courseMapButton A SPAN { BACKGROUND-POSITION: -48px 0px } .actionBarMicro #courseMapButton A:hover SPAN { BACKGROUND-POSITION: -48px -16px } .actionBarMicro .active#courseMapButton A SPAN { BACKGROUND-POSITION: -48px -16px } .actionBarMicro #refreshMenuLink A SPAN { BACKGROUND-POSITION: -64px 0px } .actionBarMicro #refreshView A SPAN { BACKGROUND-POSITION: -64px 0px } .actionBarMicro #refreshMenuLink A:hover SPAN { BACKGROUND-POSITION: -64px -16px } .actionBarMicro .active#refreshMenuLink A SPAN { BACKGROUND-POSITION: -64px -16px } .actionBarMicro #refreshView A:hover SPAN { BACKGROUND-POSITION: -64px -16px } .actionBarMicro .active#refreshView A SPAN { BACKGROUND-POSITION: -64px -16px } A.access-reorder SPAN { BACKGROUND-POSITION: -80px 0px } A.access-reorder:hover SPAN { BACKGROUND-POSITION: -80px -16px } A.active.access-reorder SPAN { BACKGROUND-POSITION: -80px -16px } .actionBar .sub A .chevron { BACKGROUND-POSITION: -95px 0px } .actionBar .sub:hover A .chevron { BACKGROUND-POSITION: -95px -16px } .actionBar .sub A:focus .chevron { BACKGROUND-POSITION: -95px -16px } .actionBarMicro .active > A { BORDER-TOP-COLOR: #444 !important; POSITION: relative; BORDER-LEFT-COLOR: #444 !important; BORDER-BOTTOM-COLOR: #444 !important; BORDER-RIGHT-COLOR: #444 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .actionBarMicro .active > A:hover { BORDER-TOP-COLOR: #444 !important; POSITION: relative; BORDER-LEFT-COLOR: #444 !important; BORDER-BOTTOM-COLOR: #444 !important; BORDER-RIGHT-COLOR: #444 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .actionBarMicro .active > A:focus { BORDER-TOP-COLOR: #444 !important; POSITION: relative; BORDER-LEFT-COLOR: #444 !important; BORDER-BOTTOM-COLOR: #444 !important; BORDER-RIGHT-COLOR: #444 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .sub.mainButton:hover H2 > A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.mainButton > A:hover:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.mainButton:hover > A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.secondaryButton:hover H2 > A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.secondaryButton > A:hover:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.secondaryButton:hover > A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.mainButton:hover H2 > A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.mainButton > A:hover:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.mainButton:hover > A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.secondaryButton:hover H2 > A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.secondaryButton > A:hover:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.secondaryButton:hover > A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .actionBarMicro UL:hover + UL .active A:after { DISPLAY: none } A.liveAreaTab:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .mainButton.sub H2 > A:hover:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .mainButton.sub:hover > H2 A:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .secondaryButton.sub H2 > A:hover:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .secondaryButton.sub:hover > H2 A:after { BORDER-BOTTOM-COLOR: #d1eaef } #loginLang H2:hover:after { BORDER-BOTTOM-COLOR: #d1eaef } #loginLang:hover H2:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .sub:hover > A:after { BORDER-BOTTOM-COLOR: #d1eaef } .columnActions.actionBarMicro { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; PADDING-RIGHT: 0px } .alignPanel LI.sub { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .alignPanel LI.sub A.button-4:after { CONTENT: none } .columnActions UL { MARGIN: 0px 0px 2px } .columnActions .mainButton A { TEXT-DECORATION: none; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .columnActions .mainButton A:hover { TEXT-DECORATION: none; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .onOffToggleWrap { FONT-SIZE: 90%; BORDER-RIGHT: transparent 1px dotted; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold; DISPLAY: inline-block } .modeSwitchWrap { FONT-SIZE: 90%; BORDER-RIGHT: transparent 1px dotted; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold; DISPLAY: inline-block } .modeSwitch { TEXT-DECORATION: none; BACKGROUND: #ccc; TEXT-TRANSFORM: uppercase; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 9px; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .modeSwitch:before { FONT-SIZE: 22px; VERTICAL-ALIGN: middle; POSITION: relative; FONT-WEIGHT: normal; COLOR: #bbb; CONTENT: "\2022"; LEFT: 0px; LINE-HEIGHT: 0.9; TOP: -1px; MARGIN-RIGHT: 2px; font-effect: outline } .read-on { BACKGROUND-COLOR: #777; MARGIN-RIGHT: 0px } .read-on:hover { BACKGROUND: #555 } .read-on { COLOR: #fff } .read-on:before { COLOR: lime } .disabled.read-on:before { COLOR: #999 } .disabled.read-on { COLOR: #999 } .read-off:before { COLOR: #999 } .read-off { COLOR: #999 } .read-off.modeSwitch { TEXT-DECORATION: line-through } A.read-off IMG { DISPLAY: none } A.read-on IMG { DISPLAY: none } A.read-on .hideoff { HEIGHT: 0px; WIDTH: 0px; POSITION: relative } A.read-off .hideoff { HEIGHT: 0px; WIDTH: 0px; POSITION: relative } .modeSwitch SPAN { VERTICAL-ALIGN: middle; DISPLAY: inline-block } .switcherLabel { FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 2px !important; PADDING-TOP: 2px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 4px !important } .vtbeSwitch { TOP: 2px } .vtbeSwitch SPAN { FONT-SIZE: 100% !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .legacy .vtbeSwitch { HEIGHT: 2.2em } .vtbeSwitch DIV.modeSwitchWrap { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; BORDER-LEFT: #ccc 1px solid; TOP: 2px; PADDING-RIGHT: 12px; BACKGROUND-COLOR: #eee } .vtbeSwitch DIV.modeSwitchWrap A SPAN#statusText { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 9px !important; PADDING-RIGHT: 9px !important } .vtbeSwitch DIV.modeSwitchWrap A.read-off { BACKGROUND-COLOR: #ddd } .vtbeSwitch DIV.modeSwitchWrap A.read-off:hover { BACKGROUND-COLOR: #fff } .vtbeSwitch DIV.modeSwitchWrap A.read-off:hover SPAN#statusText { COLOR: #000 } TABLE.vtbeTable-legacy { WIDTH: 100% } .vtbeTable-legacy TEXTAREA { WIDTH: 100% } .helpLink { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: inline-block } .helpLink A.browseIcon { FONT-SIZE: 115%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #777; BORDER-BOTTOM: 0px; POSITION: relative; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 1px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#777777); BORDER-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 1px; box-shadow: none; border-radius: 12px } #helpTextToggleLink { DISPLAY: none } .helpLink A.browseIcon IMG { DISPLAY: none } .helpLink A.browseIcon:before { HEIGHT: 18px; WIDTH: 18px; RIGHT: -4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #fff; CONTENT: "?"; Z-INDEX: 1; DISPLAY: inline-block } .helpLink A.browseIcon:hover { box-shadow: none } .helpLink A.browseIcon:focus { box-shadow: none } .helpLink A[title*='Off'].browseIcon:hover { BACKGROUND: #bbb; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbbbbb,endColorstr=#bbbbbb) } .helpLink A[title*='Off'] { TEXT-DECORATION: line-through !important; BACKGROUND: #ccc 0px 0px; COLOR: #999; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#cccccc) } .helpLink A[title*='Off']:hover { TEXT-DECORATION: line-through !important; BACKGROUND: #ccc 0px 0px; COLOR: #999; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#cccccc) } .helpLink A[title*='Off']:focus { TEXT-DECORATION: line-through !important; BACKGROUND: #ccc 0px 0px; COLOR: #999; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#cccccc) } .helpLink A[title*='Off']:before { TEXT-DECORATION: line-through; COLOR: #999 } .helpLink A[title*='Off']:hover:before { TEXT-DECORATION: line-through; COLOR: #999 } .helpLink A[title*='Off']:focus:before { TEXT-DECORATION: line-through; COLOR: #999 } .reorder { BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: 18px; BACKGROUND: url(images/reorder_bg.png) #fff4bf 0px 0px; BORDER-BOTTOM: 0px; LEFT: 0px; FILTER: alpha(opacity=0); BORDER-LEFT: 0px; Z-INDEX: 2; TOP: 0px; BOTTOM: 0px; opacity: 0 } TABLE.reorder { opacity: 1 } .reorder SPAN { HEIGHT: 20px; DISPLAY: inline-block } TABLE.reorder SPAN { HEIGHT: auto } .item .reorder { BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: 18px; BACKGROUND: url(images/reorder_bg.png) #fff4bf 0px 0px; BORDER-BOTTOM: 0px; LEFT: 0px; FILTER: alpha(opacity=0); BORDER-LEFT: 0px; Z-INDEX: 2; TOP: 0px; BOTTOM: 0px; opacity: 0 } .item .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .liItem .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .listCm .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .subList-reorder .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .buttonCm .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .dndHandle .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .portlet .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .listCm .reorder { WIDTH: 16px } .subList-reorder .reorder { WIDTH: 16px } .buttonCm .reorder { WIDTH: 16px } .portlet .reorder SPAN { HEIGHT: 24px; BACKGROUND-POSITION: -237px -116px; DISPLAY: block } .portlet .reorder { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 0px solid; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; LEFT: -19px; BORDER-LEFT: #555 1px solid; TOP: -1px; BOTTOM: -1px; opacity: 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px } .module-dragstate.portlet .reorder { BORDER-LEFT-WIDTH: 2px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 2px; LEFT: -20px; TOP: -2px; BORDER-TOP-WIDTH: 2px; BOTTOM: -2px } .reorder IMG { FILTER: alpha(opacity=0); opacity: 0 } .item .reorder IMG { MARGIN: 6px 3px } .portlet .reorder IMG { HEIGHT: 20px; WIDTH: 18px } .liItem:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .liItem:focus .reorder { FILTER: alpha(opacity=100); opacity: 1 } .buildList LI:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .listCm LI:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .buttonCm LI:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .portlet H2:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .contentListPlain LI:hover .contextMenuContainer A { FILTER: alpha(opacity=100); opacity: 1 } .buildList LI:hover .contextMenuContainer A { FILTER: alpha(opacity=100); opacity: 1 } .liItem:hover .contextMenuContainer A { FILTER: alpha(opacity=100); opacity: 1 } .liItem:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .contentList > LI:hover .contextMenuContainer A { FILTER: alpha(opacity=100); opacity: 1 } A.cmimg { HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(images/controls.png) no-repeat -320px -125px; MARGIN: 0px; DISPLAY: inline-block } TABLE.inventory A.cmimg { FILTER: alpha(opacity=0); opacity: 0 } TABLE.inventory TR:hover A.cmimg { FILTER: alpha(opacity=100); opacity: 1 } TABLE.inventory TR A.cmimg:focus { FILTER: alpha(opacity=100); opacity: 1 } A.cmimg:hover { BACKGROUND-POSITION: -320px -143px } A.cmimg:focus { BACKGROUND-POSITION: -320px -143px } A.cmimg IMG { HEIGHT: 15px; WIDTH: 15px } .listCm .courseMenu A.cmimg { OVERFLOW: hidden; HEIGHT: 15px; BACKGROUND-IMAGE: url(images/controls.png); RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: -28px -124px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=70); MARGIN: 0px; DISPLAY: inline-block; TOP: 7px; PADDING-RIGHT: 0px; opacity: .7; _right: 0 } .buttonCm .courseMenu A.cmimg { OVERFLOW: hidden; HEIGHT: 15px; BACKGROUND-IMAGE: url(images/controls.png); RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: -28px -124px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=70); MARGIN: 0px; DISPLAY: inline-block; TOP: 7px; PADDING-RIGHT: 0px; opacity: .7; _right: 0 } .portlet A.cmimg { OVERFLOW: hidden; HEIGHT: 15px; BACKGROUND-IMAGE: url(images/controls.png); RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: -28px -124px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=70); MARGIN: 0px; DISPLAY: inline-block; TOP: 7px; PADDING-RIGHT: 0px; opacity: .7; _right: 0 } A.cmimg-small { OVERFLOW: hidden; HEIGHT: 15px; BACKGROUND-IMAGE: url(images/controls.png); RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: -28px -124px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=70); MARGIN: 0px; DISPLAY: inline-block; TOP: 7px; PADDING-RIGHT: 0px; opacity: .7; _right: 0 } .listCm .courseMenu A.cmimg:hover { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .portlet A.cmimg:hover { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .listCm .courseMenu A.cmimg:focus { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .portlet A.cmimg:focus { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .buttonCm .courseMenu A.cmimg:hover { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .buttonCm .courseMenu A.cmimg:focus { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .cmimg-small:focus { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .cmimg-small:hover { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .courseMenu .subhead A.cmimg { TOP: 9px } .buttonCm .courseMenu .subhead .cmimg { TOP: 2px } .buttonCm .subhead H3 { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px 18px 0px 0px; PADDING-RIGHT: 0px } .portlet A.cmimg { RIGHT: 0px; POSITION: relative; TOP: 2px } .listCm .courseMenu A.cmimg IMG { HEIGHT: 15px; WIDTH: 15px; FILTER: alpha(opacity=0); opacity: 0 } .portlet A.cmimg IMG { HEIGHT: 15px; WIDTH: 15px; FILTER: alpha(opacity=0); opacity: 0 } .buildList LI .contextMenuContainer A { VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=0); PADDING-RIGHT: 0px; opacity: 0 } .item .contextMenuContainer A { VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=0); PADDING-RIGHT: 0px; opacity: 0 } .listCm .courseMenu A.cmimg { VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=0); PADDING-RIGHT: 0px; opacity: 0 } .buildList LI .contextMenuContainer A:focus { FILTER: alpha(opacity=100); opacity: 1 } .item .contextMenuContainer A:focus { FILTER: alpha(opacity=100); opacity: 1 } .listCm .courseMenu LI:hover A.cmimg { FILTER: alpha(opacity=100); opacity: 1 } A.close { RIGHT: 10px; POSITION: absolute; FILTER: alpha(opacity=70); Z-INDEX: 100; TOP: 11px; opacity: .7 } A.close-menu { RIGHT: 10px; POSITION: absolute; FILTER: alpha(opacity=70); Z-INDEX: 100; TOP: 11px; opacity: .7 } A.close { RIGHT: 20px; TOP: 0px } A.close IMG { DISPLAY: none } A.close-menu IMG { DISPLAY: none } .lbAction IMG { DISPLAY: none } A.close:before { COLOR: #aaa; FONT: 18px/1 "Utilicons"; CONTENT: "X" } A.close-menu:before { COLOR: #aaa; FONT: 18px/1 "Utilicons"; CONTENT: "X" } .lbAction:before { COLOR: #aaa; FONT: 18px/1 "Utilicons"; CONTENT: "X" } A.close-menu:before { FONT-SIZE: 14px } A.close:hover:before { COLOR: #888 } A.close-menu:hover:before { COLOR: #888 } .lbAction:hover:before { COLOR: #888 } .builderItem A.close { FILTER: alpha(opacity:0); opacity: 0 } .builderItem:hover A.close { FILTER: alpha(opacity:100); opacity: 1 } .liveArea A.close { RIGHT: 6px; TOP: 6px } .cmdiv A.close-menu { RIGHT: 0px; POSITION: relative; FILTER: alpha(opacity=100); Z-INDEX: 100; TOP: 0px; opacity: 1 } #bb-assessment-canvas [id*='receipt_nested'].receipt A.close { RIGHT: 6px; TOP: 6px } A.colorChip { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .pageTitle A.colorChip { VERTICAL-ALIGN: top; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px } A.colorChip SPAN { VERTICAL-ALIGN: middle; BACKGROUND: url(images/controls.png) no-repeat -320px -123px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: inline-block; PADDING-RIGHT: 2px } A.colorChip:hover SPAN { BACKGROUND-POSITION: -320px -141px } A.colorChip SPAN IMG { HEIGHT: 16px; WIDTH: 16px; FILTER: alpha(opacity=0); opacity: 0 } A.colorChip IMG.chipSwatch { BORDER-TOP: #ccc 1px solid; HEIGHT: 16px; BORDER-RIGHT: #aaa 1px solid; WIDTH: 16px; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #ccc 1px solid } SPAN.colorChipName { VERTICAL-ALIGN: middle; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; DISPLAY: inline-block !important; PADDING-RIGHT: 0px !important } INPUT[type='text'] { FONT-SIZE: 90% } INPUT[type='password'] { FONT-SIZE: 90% } SELECT { FONT-SIZE: 90% } .smallControls INPUT[type='text'] { WIDTH: 100%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .smallControls SELECT { WIDTH: 100%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .courseMenu INPUT { WIDTH: 120px; MARGIN-LEFT: 18px } .courseMenu INPUT[type='text'] { WIDTH: 120px; MARGIN-LEFT: 18px } .renameCourseToc INPUT { WIDTH: 120px; MARGIN-LEFT: 18px } .renameCourseToc INPUT { MARGIN-LEFT: 0px } #calculatorValue { WIDTH: 10em; MARGIN: 3px 0px } A.microControl { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } A.microControl IMG { HEIGHT: 12px; WIDTH: 12px } A.save { BACKGROUND: url(images/controls.png) no-repeat -50px -123px } A.cancel { BACKGROUND: url(images/controls.png) no-repeat -70px -123px } .backLink { RIGHT: 0px; POSITION: absolute; MARGIN: 0px; BOTTOM: 0px } .tocBottom_min .backLink { BOTTOM: 48px } .tocBottom_max .backLink { BOTTOM: 348px } .tocBottom_open .backLink { BOTTOM: 178px } .shortDoc .backLink { RIGHT: 0px; POSITION: relative; TEXT-ALIGN: left; MARGIN-TOP: 15px; BOTTOM: 0px } .backLink A { TEXT-DECORATION: none; BORDER-TOP: #cdcdcd 1px solid; BORDER-RIGHT: #cdcdcd 0px solid; BACKGROUND: #eee; BORDER-BOTTOM: #cdcdcd 0px solid; FONT-WEIGHT: bold; COLOR: #888; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 12px; BORDER-LEFT: #cdcdcd 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 18px; -webkit-box-shadow: 1px 1px 4px #ddd inset; -moz-box-shadow: 1px 1px 4px #DDD inset; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0 } .shortDoc .backLink A { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .backLink A:before { FONT-SIZE: 120%; COLOR: #999; CONTENT: "\2190"; LINE-HEIGHT: 1.2 } .backLink A:hover { BACKGROUND: #ddd; COLOR: #777 } .backLink A:hover:before { COLOR: #00add0 } .sliderWrapper { FONT-SIZE: 85%; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 9px; PADDING-TOP: 14px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px -12px; PADDING-RIGHT: 13px; -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0 } #sliderHandle { CURSOR: ew-resize; BORDER-TOP: #555 1px solid; HEIGHT: 4px; BORDER-RIGHT: #555 1px solid; WIDTH: 4px; BACKGROUND: #999; BORDER-BOTTOM: #555 1px solid; MARGIN: -2px 0px 0px; BORDER-LEFT: #555 1px solid; DISPLAY: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #sliderTrack { BORDER-TOP: #ccc 1px solid; HEIGHT: 2px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 60px; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; MARGIN: 0px 0px 0px 6px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; TOP: -2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .itemCounter { FONT-SIZE: 115%; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BACKGROUND: #cdcdcd; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 4px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #pageHeader { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 20px } .pageTitle { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 20px } .pageTitleSmall { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 20px } #pageHeader { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-RIGHT: 0px } #schemePreviewHead { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-RIGHT: 0px } .pageTitle H1 { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-RIGHT: 0px } .pageTitleError H1 { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-RIGHT: 0px } #pageHeader { FONT-SIZE: 185% } .pageTitle H1 { FONT-SIZE: 185% } .pageTitleError H1 { FONT-SIZE: 185% } .picker .pageTitle H1 { FONT-SIZE: 160% } .popup .pageTitle H1 { FONT-SIZE: 160% } .pageTitle #titleicon { DISPLAY: inline-block } .pageTitle H1 { DISPLAY: inline-block } .pageTitle A.cmimg { DISPLAY: inline-block } .pageTitle H1 + .contextMenuContainer { VERTICAL-ALIGN: top; POSITION: relative; MARGIN-LEFT: 2px; TOP: 4px } .pageTitle A.cmimg { MARGIN: 0px } .pageTitle #titleicon { MARGIN: 0px 6px 0px 0px; DISPLAY: none } .pageTitle [src*='slideshare']#titleicon { BORDER-TOP: #dedede 0px solid; HEIGHT: 39px; BORDER-RIGHT: #dedede 0px solid; WIDTH: auto; BACKGROUND: #fff; RIGHT: 7px; BORDER-BOTTOM: #dedede 1px solid; POSITION: absolute; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; BORDER-LEFT: #dedede 1px solid; DISPLAY: block; TOP: 1px; PADDING-RIGHT: 12px; border-radius: 0 4px 0 4px } .pageTitle [src*='youtube']#titleicon { HEIGHT: 44px; WIDTH: auto; RIGHT: 14px; POSITION: absolute; DISPLAY: block; TOP: 8px } .pageTitleSmall H1 { FONT-SIZE: 135%; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } #pageHeader { POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#dedede); MARGIN: 0px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 1px 0 #fafafa inset; -moz-box-shadow: 1px 1px 0 #fafafa inset; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 4px 4px 0 0 } #schemePreviewHead { POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#dedede); MARGIN: 0px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 1px 0 #fafafa inset; -moz-box-shadow: 1px 1px 0 #fafafa inset; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 4px 4px 0 0 } .pageTitle { POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#dedede); MARGIN: 0px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 1px 0 #fafafa inset; -moz-box-shadow: 1px 1px 0 #fafafa inset; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 4px 4px 0 0 } .hierarchy-page .pageTitle + .container { BACKGROUND: #fff; MARGIN-TOP: -20px } .picker .pageTitle { PADDING-BOTTOM: 16px; PADDING-TOP: 18px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .popup .pageTitle { PADDING-BOTTOM: 16px; PADDING-TOP: 18px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } #pageHeader { BACKGROUND-COLOR: #dedede } #schemePreviewHead { BACKGROUND-COLOR: #dedede } .pageTitleIcon { DISPLAY: table-row } .pageTitle .details { DISPLAY: none } .pageTitle .contextMenuContainer { DISPLAY: inline-block !important } .pageTitle .titleButtons { DISPLAY: inline-block !important } .pageTitleEdit { DISPLAY: inline-block !important } #pageTitleBar { DISPLAY: inline-block; MARGIN-RIGHT: 6px } .pageTitle H2 { FONT-SIZE: 100%; COLOR: #333; CLEAR: both; MARGIN: 0px } .pageTitle H2 SPAN { FONT-WEIGHT: normal } .contextString { FONT-WEIGHT: normal; COLOR: #777 } .pageTitle .label { FONT-WEIGHT: normal; COLOR: #777 } .error .pageTitle { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DB0F0F,endColorstr=#FC0202); box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) inset } .error .pageTitle H1 { COLOR: #fff } .customBanner { OVERFLOW: hidden; TEXT-ALIGN: center; MARGIN: 0px; BACKGROUND-COLOR: transparent } DIV.localViewToggle + DIV.pageTitle { PADDING-TOP: 0px; -webkit-box-shadow: 1px 0 0 #fafafa inset; -moz-box-shadow: 1px 0 0 #fafafa inset; box-shadow: 1px 0 0 #fafafa inset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } DIV#lightboxContent H2 { FONT-SIZE: 130%; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 18px; PADDING-LEFT: 24px; MARGIN: 0px; PADDING-RIGHT: 24px } .helphelp { COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 105%/1.4em Georgia, sans-serif; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 9px 0px 0px; PADDING-RIGHT: 0px } .pageTitle P { COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 105%/1.4em Georgia, sans-serif; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 9px 0px 0px; PADDING-RIGHT: 0px } .label.details { COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 105%/1.4em Georgia, sans-serif; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 9px 0px 0px; PADDING-RIGHT: 0px } .mapTabs + .helphelp { BORDER-TOP: #bbb 1px solid; BACKGROUND: #eaeaea; PADDING-BOTTOM: 16px; PADDING-TOP: 12px; PADDING-LEFT: 30px; MARGIN: 0px -30px -20px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 0 0 #eee inset; -moz-box-shadow: 1px 0 0 #eee inset; box-shadow: 1px 0 0 #eee inset } .mapTabs ~ .helphelp { BORDER-TOP: #bbb 1px solid; BACKGROUND: #eaeaea; PADDING-BOTTOM: 16px; PADDING-TOP: 12px; PADDING-LEFT: 30px; MARGIN: 0px -30px -20px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 0 0 #eee inset; -moz-box-shadow: 1px 0 0 #eee inset; box-shadow: 1px 0 0 #eee inset } .helphelp A { TEXT-DECORATION: none; BORDER-BOTTOM: 1px dotted; COLOR: #444 } .helphelp A:hover { BORDER-TOP-STYLE: solid; BORDER-BOTTOM-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid } DIV.helphelp UL { MARGIN: 6px 0px } .version { FONT-SIZE: 60%; FONT-WEIGHT: normal; COLOR: #666; MARGIN-TOP: 6px; DISPLAY: inline-block } .version I { FONT-WEIGHT: bold; FONT-STYLE: normal } .version SPAN { OVERFLOW: hidden; WIDTH: 13px; POSITION: relative; LEFT: -5px; DISPLAY: inline-block; TOP: -2px } .version SPAN:before { FONT-SIZE: 105%; POSITION: relative; FONT-WEIGHT: bold; COLOR: #00add0; CONTENT: "+"; LEFT: 0px; TOP: 0px } .colophon { OVERFLOW: visible; FONT-SIZE: 85%; WIDTH: 30em; BACKGROUND: none transparent scroll repeat 0% 0%; RIGHT: 0px; POSITION: relative; FLOAT: right; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 55px; MARGIN: 0px 0px 0px 14px; PADDING-RIGHT: 0px } .colophon IMG { POSITION: absolute; LEFT: 0px } .installation { COLOR: #666 !important; LINE-HEIGHT: 1.3em } .installation SPAN { FONT-WEIGHT: bold } .actionBar { BORDER-TOP: #444 1px solid; Z-INDEX: 110; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .hierarchy-page .actionBar { MARGIN-TOP: -21px } .hierarchy-page #toolsTabForm .actionBar { MARGIN: -21px -30px 0px } .actionBar UL LI { POSITION: relative } .actionBar UL LI.mainButton { Z-INDEX: 210 } .actionBar UL LI.secondaryButton { Z-INDEX: 209 } .actionBar UL LI.mainButton:hover { Z-INDEX: 112 } .pageTitle + .actionBar { -moz-border-radius: 0; border-radius: 0 } .actionBar .mainButton { FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .actionBar .secondaryButton { FLOAT: right; MARGIN: 0px } .actionMenu { POSITION: relative; Z-INDEX: 111 } .actionMenuItem { POSITION: relative; Z-INDEX: 123 } .actionBarMicro { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset, 0 1px 0 #F9F9F9; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset, 0 1px 0 #F9F9F9; -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0 } .csMenuFrame .actionBarMicro { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .popupMenu .actionBarMicro { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .portlet .actionBarMicro { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; MARGIN: 0px; PADDING-RIGHT: 4px } .portlet .actionBarMicro UL { MARGIN: 2px } .actionBarMicro UL LI { POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .actionBarMicro .mainButton { Z-INDEX: 1000 } .actionBarMicro .secondaryButton { FLOAT: right; Z-INDEX: 10 } .actionBar { BACKGROUND-IMAGE: url(images/reorder_bg.png); BACKGROUND-COLOR: #666 } .actionBarMicro { BACKGROUND-IMAGE: url(images/reorder_bg.png); BACKGROUND-COLOR: #666 } .searchbar { POSITION: relative } .searchbarPicker { POSITION: relative } .subActionBar { POSITION: relative } .searchbarCanvas.searchbar { BACKGROUND: #dfdfdf 0px 0px; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: -24px -30px 20px; DISPLAY: block; PADDING-RIGHT: 20px; -webkit-box-shadow: 1px 0 0 #F0F0F0 inset; -moz-box-shadow: 1px 0 0 #F0F0F0 inset } .picker .searchbarCanvas.searchbar { MARGIN: -24px -20px 20px } .picker .leftColumn-narrow H2 { FONT-SIZE: 110%; MARGIN: 1em 0px 9px } .picker .leftColumn-wide H2 { FONT-SIZE: 110%; MARGIN: 1em 0px 9px } #bb-question-discover .searchbarCanvas.searchbar FIELDSET H2 { FONT-SIZE: 100%; FONT-WEIGHT: normal; DISPLAY: inline-block } .subActionBar { FONT-SIZE: 95% } .searchbar TABLE TD { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .searchbar TABLE TD TABLE TD { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .searchbar TABLE FIELDSET { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .searchbar TABLE DIV { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .searchbar FORM { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .searchbarPicker { FONT-SIZE: 90%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .searchbar:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .searchbarPicker:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .receipt A.close { RIGHT: 4px; FILTER: alpha(opacity=70); TOP: 1px; opacity: .7 } .slideshowControls { FONT-SIZE: 100%; TEXT-ALIGN: center; MARGIN: 8px auto 12px } .searchbar FIELDSET { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .searchbarPicker FIELDSET { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .subActionBar FIELDSET { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .searchbar H2 { FONT-SIZE: 110%; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; MARGIN: 0px; PADDING-RIGHT: 6px } .searchbarPicker H2 { FONT-SIZE: 110%; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; MARGIN: 0px; PADDING-RIGHT: 6px } .picker .searchbar H2 { FONT-SIZE: 100%; FONT-WEIGHT: normal; DISPLAY: inline } .searchbarPicker H2 { FONT-SIZE: 100%; FONT-WEIGHT: normal; DISPLAY: inline } .searchbar .groupLabel { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .searchbarPicker .groupLabel { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .liveArea FIELDSET .groupLabel { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .searchbar OL LI { FLOAT: left; MARGIN: 5px } .searchbarPicker OL LI { FLOAT: left; MARGIN: 5px } .liveArea FIELDSET OL LI { FLOAT: left; MARGIN: 5px } .searchbar OL LI > DIV { DISPLAY: inline-block } .searchbar OL LI.options { FLOAT: right } .searchbarPicker OL LI.options { FLOAT: right } .liveArea FIELDSET OL LI.options { FLOAT: right } .searchbarPicker SPAN { DISPLAY: inline } .searchbar .spacer { FONT-SIZE: 70%; MARGIN: 0px 4px } .searchbar .u_floatThis-left { MARGIN: 0px 4px 4px } .searchbar SELECT { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .filterGroup SELECT { MAX-WIDTH: 200px; WIDTH: 100% } .filterGroup P { MARGIN: 2px 0px -18px } .filterGroupLabel { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .cmImg { OVERFLOW: hidden; WIDTH: 180px; TEXT-ALIGN: center; MARGIN: 0px 0px 6px 12px } .cmImg IMG { WIDTH: 180px } .navDivider { FONT-SIZE: 80%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: bold; COLOR: #777; PADDING-BOTTOM: 4px; PADDING-TOP: 18px; PADDING-LEFT: 30px; MARGIN: 0px 0px 4px; LETTER-SPACING: 2px; PADDING-RIGHT: 6px } .cmPreviewWrapper { WIDTH: 212px } .navPalette { ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; PADDING-RIGHT: 0px } .csMenuFrame .navPalette { MARGIN: 0px 0px 18px } .navPalette H3 { FONT-SIZE: 105%; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .navPaletteTitle { POSITION: relative } .navPaletteTitle H3 + H3 { RIGHT: 0px; POSITION: absolute; TOP: 0px } .navPaletteCol H3 { BORDER-BOTTOM: 0px } .navPalette H4 { FONT-SIZE: 100%; MARGIN: 0px } .navPaletteContent UL LI { POSITION: relative; ZOOM: 1 } .navPaletteContent { MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .listCm .navPaletteContent { BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 6px } .singleControl .navPaletteContent { BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 6px } .tools .navPaletteContent { BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 6px } #courseMenuPalette DIV.navPaletteContent { PADDING-BOTTOM: 14px; PADDING-TOP: 14px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset } #courseMenuPalette { MARGIN-BOTTOM: 0px } .singleControl .navPaletteContent { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .singleControl { BACKGROUND: #777; ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 24px 0px 0px; Z-INDEX: 110; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 } .navPalette .discover { BACKGROUND: #777; ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 24px 0px 0px; Z-INDEX: 110; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 } .navPaletteContent A { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px; OVERFLOW-X: hidden; WORD-BREAK: normal; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 24px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 9px } .navPaletteContent A:hover { CURSOR: pointer; TEXT-DECORATION: underline } .navPaletteContent A:focus { CURSOR: pointer; TEXT-DECORATION: underline } .navPaletteContent A.comboLink { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 20px } .navPaletteContent A.comboLink_active { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 20px } .navPaletteContent A.comboLink_active { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px; BORDER-BOTTOM: 0px; COLOR: #333 } .navPaletteContent A.open { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px; BORDER-BOTTOM: 0px; COLOR: #333 } .navPaletteContent A.submenuLink { RIGHT: 0px; POSITION: absolute; ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; TOP: 0px; PADDING-RIGHT: 0px } .navPaletteContent A.submenuLink_active { RIGHT: 0px; POSITION: absolute; ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; TOP: 0px; PADDING-RIGHT: 0px } .navPaletteContent A.submenuLink:hover { BACKGROUND-POSITION: center 7px } .navPaletteContent A.submenuLink_active:hover { BACKGROUND-POSITION: center 7px } .navPaletteContent A.submenuLink:focus { BACKGROUND-POSITION: center 7px } .navPaletteContent A.submenuLink_active:focus { BACKGROUND-POSITION: center 7px } .navPaletteContent A.submenuLink IMG { HEIGHT: 14px; WIDTH: 14px; FILTER: alpha(opacity=0); opacity: 0 } .navPaletteContent A.submenuLink_active IMG { HEIGHT: 14px; WIDTH: 14px; FILTER: alpha(opacity=0); opacity: 0 } .navPaletteContent UL LI:first-child H4 A { BORDER-TOP: medium none } .navPaletteContent UL LI:first-child A { BORDER-TOP: medium none } .navPaletteContent UL LI H4 A { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 9px } .navPaletteContent H3 A { WORD-WRAP: break-word; BORDER-TOP: 0px; BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px; FONT-WEIGHT: bold; COLOR: #333; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 9px } .navPaletteContent H3 A:hover { TEXT-DECORATION: none } .navPaletteContent H3 A:focus { TEXT-DECORATION: none } #courseMenu { COLOR: #fff; BACKGROUND-COLOR: #0078cb } .controlpanel UL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .controlpanel A { BORDER-TOP: #ccc 1px dotted } .controlpanel A.submenuLink { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .controlpanel A.submenuLink_active { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .tools A.submenuLink { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .tools A.submenuLink_active { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .navPaletteContent H3 A.submenuLink { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .navPaletteContent H3 A.submenuLink_active { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .navPaletteContent H3 A.submenuLink { DISPLAY: inline-block } .navPaletteContent H3 A.submenuLink_active { DISPLAY: inline-block } .controlpanel A.submenuLink:after { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .controlpanel A.submenuLink_active:after { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .tools A.submenuLink:after { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .tools A.submenuLink_active:after { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .navPaletteContent H3 A.submenuLink:before { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .navPaletteContent H3 A.submenuLink_active:before { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .navPaletteContent H3 A.submenuLink:before { FONT: 18px/1 "Utilicons"; CONTENT: "H"; MARGIN: 3px 0px 0px 6px; DISPLAY: block } .navPaletteContent H3 A.submenuLink_active:before { FONT: 18px/1 "Utilicons"; CONTENT: "H"; MARGIN: 3px 0px 0px 6px; DISPLAY: block } .controlpanel A.submenuLink:hover:after { COLOR: #aaa } .controlpanel A.submenuLink_active:hover:after { COLOR: #aaa } .tools A.submenuLink:hover:after { COLOR: #aaa } .tools A.submenuLink_active:hover:after { COLOR: #aaa } .navPaletteContent H3 A.submenuLink:hover:before { COLOR: #aaa } .navPaletteContent H3 A.submenuLink_active:hover:before { COLOR: #aaa } .controlpanel A.comboLink_active { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .tools A.comboLink_active { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .controlpanel H4 A.open { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .navPaletteContent UL LI:first-child H4 A.comboLink_active { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .explore H4 { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .controlpanel A.comboLink_active { POSITION: relative; Z-INDEX: 1 } .tools A.comboLink_active { POSITION: relative; Z-INDEX: 1 } .controlpanel H4 A.open { POSITION: relative; Z-INDEX: 1 } .treeViewCs .navPaletteContent { } .courseFilesPalette { BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid } .paletteSearch { FONT-SIZE: 95%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } .classFiles H4#cs_search + UL LI:first-child { FONT-SIZE: 95%; BORDER-BOTTOM: #aaa 1px dotted; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 3px; MARGIN: 2px 9px 2px 0px; PADDING-RIGHT: 3px } .classFiles H4#cs_search + UL LI { BACKGROUND-IMAGE: none } .classFiles A#filesPaletteContentCollectionLink { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 98% -143px; COLOR: #aaa; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 16px; DISPLAY: block; PADDING-RIGHT: 16px } .navPaletteContent .submenu .paletteSearchElement { BORDER-TOP: #bbb 1px dotted; PADDING-BOTTOM: 9px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MARGIN: 6px 0px 0px -16px; PADDING-RIGHT: 0px } .paletteSearchElement INPUT { WIDTH: 99px } .classFiles UL.tree > LI { BACKGROUND-IMAGE: none } .listCm .courseMenu { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .ineditmode DIV.listCm UL.courseMenu { MARGIN: 0px } .ineditmode DIV.listCm UL.courseMenu LI { BORDER-TOP: transparent 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; MARGIN: 0px -1px 0px 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: transparent } .ineditmode DIV.listCm UL.courseMenu LI:hover { BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); -moz-transition: border, margin, background, -moz-box-shadow 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition-property: background, border, -webkit-box-shadow; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); background-clip: padding-box } .ineditmode DIV.listCm UL.courseMenu LI:hover .reorder { -moz-transition: opacity 350ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: opacity 350ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .ineditmode DIV.listCm UL.courseMenu LI:hover .reorder:before { -moz-transition: visibility 350ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: visibility 350ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .listCm .courseMenu LI { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .buttonCm LI { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .listCm .courseMenu A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; BORDER-BOTTOM: 0px; WORD-BREAK: normal; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px 18px 0px 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .buttonCm .courseMenu A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; BORDER-BOTTOM: 0px; WORD-BREAK: normal; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px 18px 0px 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .listCm .courseMenu A:hover { TEXT-DECORATION: underline } .listCm .courseMenu A:focus { TEXT-DECORATION: underline } .buttonCm LI A:hover { TEXT-DECORATION: underline } .buttonCm LI:focus { TEXT-DECORATION: underline } .listCm .courseMenu > LI:hover A SPAN { COLOR: #01758c !important } .listCm .courseMenu A:hover { COLOR: #01758c !important } .listCm .courseMenu A:focus { COLOR: #01758c !important } .listCm .courseMenu A:hover SPAN { COLOR: #01758c !important } .listCm .courseMenu A:focus SPAN { COLOR: #01758c !important } .listCm .courseMenu .here { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #888 1px solid; BACKGROUND: white; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #bbb 1px solid; box-shadow: 1px 1px 3px rgba(0, 0, 0, .15) } .listCm .courseMenu .here A.cmimg { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .listCm .courseMenu .here A.cmimg:hover { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .listCm H3 { FONT-SIZE: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .listCm .subhead H3 { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 30px; PADDING-RIGHT: 0px } #courseMenu_folderView H4 A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND-IMAGE: none; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px } #courseMenu_folderView .subhead { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .navPaletteContent .subhead H3 A { TEXT-DECORATION: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .navPaletteContent .subhead H3 A:hover { TEXT-DECORATION: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .listCm .courseMenu .divider { POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .buttonCm .courseMenu .divider { POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .buttonCm .courseMenu .divider { BACKGROUND-IMAGE: none } .noteditmode .listCm .courseMenu .divider { PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .noteditmode .listCm .buttonCm .divider { PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .listCm .courseMenu .divider HR { BORDER-LEFT-WIDTH: 0px; BORDER-TOP: #999 1px solid; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM-WIDTH: 0px; POSITION: relative; MARGIN: 0px; BACKGROUND-COLOR: #ccc } .buttonCm .courseMenu .divider HR { BORDER-LEFT-WIDTH: 0px; BORDER-TOP: #999 1px solid; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM-WIDTH: 0px; POSITION: relative; MARGIN: 0px; BACKGROUND-COLOR: #ccc } .listCm .courseMenu .collapsed { HEIGHT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 0px } .buttonCm .navPaletteContent { BACKGROUND: none transparent scroll repeat 0% 0% } .buttonCm LI { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 12px 0px; BACKGROUND-COLOR: transparent } .buttonCm .courseMenu .here A { TEXT-DECORATION: underline; BACKGROUND-COLOR: transparent } .buttonCm .courseMenu .here A:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: transparent } .cmLink-hidden { VERTICAL-ALIGN: middle; MARGIN: -2px 0px 0px 3px } .cmLink-empty { VERTICAL-ALIGN: middle; MARGIN: -2px 0px 0px 3px } .cmLink-hidden IMG { HEIGHT: 14px; WIDTH: 14px; FILTER: alpha(opacity=0); opacity: 0 } .cmLink-empty IMG { HEIGHT: 14px; WIDTH: 14px; FILTER: alpha(opacity=0); opacity: 0 } .cmLink-empty { BACKGROUND: url(images/controls.png) no-repeat -389px -123px; DISPLAY: inline-block } .cmLink-hidden { BACKGROUND: url(images/controls.png) no-repeat -389px -138px; DISPLAY: inline-block } .buttonCm .invisible .cmLink-hidden { RIGHT: 26px; POSITION: absolute; TOP: 5px } .buttonCm .invisible .cmLink-empty { RIGHT: 26px; POSITION: absolute; TOP: 5px } .buttonCm .invisible .cmLink-empty { RIGHT: 32px } .pickerMenu { WIDTH: 150px; POSITION: absolute; LEFT: 14px; MARGIN: 0px; TOP: 0px } .pickerMenu UL LI A { BACKGROUND-IMAGE: none } DIV.pickerMenu A.simpleLink { BACKGROUND-IMAGE: none } .pickerMenu A.open { BACKGROUND: url(images/indicators.png) #fff no-repeat 100% center } .pickerMenu A:hover { BACKGROUND: url(images/indicators.png) #fff no-repeat 100% center } .pickerMenu A:focus { BACKGROUND: url(images/indicators.png) #fff no-repeat 100% center } .discover .navPaletteContent { } .singleControl .navPaletteContent { } .discover A IMG { DISPLAY: none } .discover.navPalette { MARGIN-BOTTOM: 0px } .singleControl A { FONT-SIZE: 105%; TEXT-DECORATION: none; BACKGROUND-IMAGE: none; FONT-WEIGHT: 600; COLOR: #f0f0f0; PADDING-BOTTOM: 12px; TEXT-ALIGN: center; PADDING-TOP: 14px; PADDING-LEFT: 18px; DISPLAY: block; PADDING-RIGHT: 18px } .navPalette .discover A { FONT-SIZE: 105%; TEXT-DECORATION: none; BACKGROUND-IMAGE: none; FONT-WEIGHT: 600; COLOR: #f0f0f0; PADDING-BOTTOM: 12px; TEXT-ALIGN: center; PADDING-TOP: 14px; PADDING-LEFT: 18px; DISPLAY: block; PADDING-RIGHT: 18px } .singleControl A:hover { TEXT-DECORATION: none; BACKGROUND: #555; COLOR: #fff } .singleControl A:focus { TEXT-DECORATION: none; BACKGROUND: #555; COLOR: #fff } .discover A:hover { TEXT-DECORATION: none; BACKGROUND: #555; COLOR: #fff } .discover A:focus { TEXT-DECORATION: none; BACKGROUND: #555; COLOR: #fff } .singleControl A.enrolled:before { FONT-SIZE: 19px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #ef3b3b; CONTENT: "x"; LEFT: -4px; TOP: 1px } .singleControl A.not-enrolled:before { FONT-SIZE: 19px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #ef3b3b; CONTENT: "x"; LEFT: -4px; TOP: 1px } .discover A:before { FONT-SIZE: 19px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #ef3b3b; CONTENT: "x"; LEFT: -4px; TOP: 1px } .singleControl A.not-enrolled:before { COLOR: #3c0; CONTENT: "+" } .discover A:before { COLOR: #eee; CONTENT: "F" } .navPaletteContent .submenu { FONT-SIZE: 90%; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 6px; -moz-box-shadow: 0 1px 4px #ccc; -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .explore .submenu { FONT-SIZE: 90%; BACKGROUND: #fff } .navPaletteContent .submenu LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND-IMAGE: none; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .navPaletteContent .submenu LI UL LI { PADDING-LEFT: 12px } .navPaletteContent .submenu LI A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } H4#cs_search + UL DIV A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } H4#cs_search + UL DIV { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 9px } H4#cs_search + UL DIV A { FONT-SIZE: 90%; DISPLAY: block } .controlpanel .submenu A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 9px } .explore .submenu A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 9px } .explore .submenu A { PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .explore .submenu .emptyMsg { COLOR: #777 } .controlpanel .submenu A:hover { TEXT-DECORATION: underline } .controlpanel .submenu A.here { TEXT-DECORATION: underline } .controlpanel .submenu A:focus { TEXT-DECORATION: underline } .explore .submenu A:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .explore .submenu A:focus { TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .tools .submenu { BACKGROUND: #fff } .controlpanel .submenu { BACKGROUND: #fff; -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .controlpanel .submenu LI UL { BACKGROUND: #fff; -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #explore_contents { BACKGROUND: #fff; -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #explore_contents { BACKGROUND-COLOR: transparent } .navPalette A.simpleLink { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; PADDING-RIGHT: 9px } .controlpanel A.simpleLink { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; PADDING-RIGHT: 9px } .navPalette A.simpleLink:hover { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 97% center } .navPalette A.simpleLink:focus { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 97% center } .controlpanel A.simpleLink:hover { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 97% center } .controlpanel A.simpleLink:focus { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 97% center } .navPaletteCol H3 A { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px } .navPaletteCol H3 A.comboLink { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px } .navPaletteCol .navPaletteContent H3 { BACKGROUND-IMAGE: none } .navPaletteCol .actionBarMicro { DISPLAY: none } .shortcutViewCs UL LI A { BORDER-TOP: #ededed 1px dotted; TEXT-ALIGN: center } .shortcuts LI A { BORDER-TOP: #ccc 1px dotted; BACKGROUND: none transparent scroll repeat 0% 0% } .shortcuts LI A:hover { TEXT-DECORATION: none; BACKGROUND: url(images/indicators.png) no-repeat 100% center } .shortcuts LI A:focus { TEXT-DECORATION: none; BACKGROUND: url(images/indicators.png) no-repeat 100% center } .treeContainer#courseMenu_folderView { OVERFLOW-X: auto } DIV.expTreeContainer { BACKGROUND: #eee } DIV.treeContainer UL.tree { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.tree { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.treeContainer > UL.tree { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.treeContainer UL.tree > UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.treeContainer UL.tree UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.tree UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.listCm DIV.treeContainer UL.tree { OVERFLOW-X: auto; ZOOM: 1 } DIV.treeContainer UL.tree LI H4 + UL { FONT-SIZE: 90%; OVERFLOW-X: auto; ZOOM: 1; PADDING-BOTTOM: 18px; PADDING-TOP: 0px; PADDING-LEFT: 18px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff } DIV.treeContainer UL.tree LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: url(/images/ci/icons/nlstree/line.gif) repeat-y 0px 0px; WHITE-SPACE: nowrap; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.tree LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: url(/images/ci/icons/nlstree/line.gif) repeat-y 0px 0px; WHITE-SPACE: nowrap; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .sideTOC UL.tree > LI { OVERFLOW-X: visible } DIV.treeContainer UL.tree LI.last { BACKGROUND-IMAGE: none } UL.tree LI.last { BACKGROUND-IMAGE: none } DIV.treeContainer UL.tree LI.here A { BACKGROUND-COLOR: #ededed } UL.tree LI.here A { BACKGROUND-COLOR: #ededed } DIV.treeContainer UL.tree LI A { BORDER-TOP: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 1px } UL.tree LI A { BORDER-TOP: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 1px } DIV.treeContainer UL.tree LI A.open_folder { FONT-SIZE: 95%; BORDER-TOP: medium none; BACKGROUND: #ebeffa; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 3px } DIV.treeContainer UL.tree LI A.exp { BACKGROUND: url(/images/ci/icons/nlsTree/folder.gif) no-repeat 18px 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 21px } DIV.treeContainer UL.tree LI A.collapse { BACKGROUND: url(/images/ci/icons/nlsTree/folderopen.gif) no-repeat 18px 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 21px } DIV.treeContainer H4.treehead { FONT-SIZE: 95%; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; MARGIN: 8px 0px 2px; PADDING-RIGHT: 0px } DIV.treeContainer H4.first { MARGIN: 0px 0px 2px } DIV#userTreeDiv { BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.treeContainer UL.tree LI.subhead { BORDER-TOP: #ccc 1px dotted; BACKGROUND-IMAGE: none; MARGIN: 0px } DIV.treeContainer UL.tree LI.subhead H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.treeContainer UL.tree LI.subhead H4.first A { BORDER-TOP: medium none } DIV.treeContainer UL.tree LI.subhead H4 A { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 20px } UL.tree LI:first-child.subhead { MARGIN-TOP: 0px } UL.tree LI:first-child.subhead > A { BORDER-TOP: 0px } DIV.treeContainer UL.tree LI.subhead H4.treeSubhead-collapsed A { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px; FONT-WEIGHT: normal } .tableOverflowControl { OVERFLOW-X: auto } .inventory { WIDTH: 100%; BACKGROUND: #fff; BORDER-COLLAPSE: separate; OVERFLOW-X: auto; OVERFLOW-Y: visible; COLOR: #000; PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; BORDER-SPACING: 0; PADDING-RIGHT: 0px } .inventory CAPTION { FONT-SIZE: 85%; COLOR: #999; TEXT-ALIGN: left } .inventory > THEAD TR TH { FONT-SIZE: 95%; BACKGROUND: #ededed; FONT-WEIGHT: normal; COLOR: #999; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } .splashTable THEAD TR TH { FONT-SIZE: 95%; BACKGROUND: #ededed; FONT-WEIGHT: normal; COLOR: #999; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } .inventory > THEAD TR TH:first-child { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; BORDER-LEFT: medium none; PADDING-RIGHT: 3px } .inventory > TBODY { BORDER-BOTTOM: #ccc 2px solid } .inventory > TBODY TR { BORDER-BOTTOM: #ccc 1px solid } .inventory > TBODY TR TD { WORD-WRAP: break-word; FONT-SIZE: 95%; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: 0px; WHITE-SPACE: normal; BORDER-BOTTOM: #eee 1px solid; WORD-BREAK: normal; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventory > TBODY TR TH { WORD-WRAP: break-word; FONT-SIZE: 95%; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: 0px; WHITE-SPACE: normal; BORDER-BOTTOM: #eee 1px solid; WORD-BREAK: normal; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventory#drawerItems TR TD { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } .inventory#drawerItems TR TH { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } #bb-question-discover .inventory TR TD { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } #bb-question-discover .inventory TR TH { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } .inventory > TBODY TR TH { FONT-WEIGHT: normal; TEXT-ALIGN: left } .inventory > TBODY TR TD:first-child { BORDER-LEFT: medium none } .inventory > TBODY .gray TD { BACKGROUND: #fff4bf } .inventory > TBODY .gray TH { BACKGROUND: #fff4bf } .inventory > THEAD TR TH.sorted { BACKGROUND: #ccc } TH.sorted { BACKGROUND: #ccc } .splashTable THEAD TR TH.sorted { BACKGROUND: #ccc } .inventory > TBODY TR TD.sorted { BACKGROUND: #eee } .inventory > THEAD TR TH.sorted A { FONT-WEIGHT: bold; COLOR: #000 !important } .sortable > THEAD TH A { COLOR: #666; MARGIN-RIGHT: 9px } .sortable > THEAD TH A:hover { TEXT-DECORATION: underline; COLOR: #333 } .sortable A.sortheader { POSITION: relative; DISPLAY: block; PADDING-RIGHT: 17px; MARGIN-RIGHT: 0px } .sortable .sortarrow { TEXT-DECORATION: none; RIGHT: 0px; COLOR: #ff0; LEFT: auto; TOP: 0px } TR.high { BACKGROUND: #fff4bf } .high { BACKGROUND: #fff4bf } .disabledCell { BACKGROUND-COLOR: #f0f0f0 } .inventory .smallCell .reorder { CURSOR: move; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: static; FILTER: alpha(opacity=0); MIN-HEIGHT: 30px; Z-INDEX: 2; DISPLAY: inline-block; opacity: 0 } .inventory > TBODY .reorder { CURSOR: move; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: static; FILTER: alpha(opacity=0); MIN-HEIGHT: 30px; Z-INDEX: 2; DISPLAY: inline-block; opacity: 0 } .attachments .smallCell .reorder { CURSOR: move; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: static; FILTER: alpha(opacity=0); MIN-HEIGHT: 30px; Z-INDEX: 2; DISPLAY: inline-block; opacity: 0 } .attachments TBODY .reorder { CURSOR: move; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: static; FILTER: alpha(opacity=0); MIN-HEIGHT: 30px; Z-INDEX: 2; DISPLAY: inline-block; opacity: 0 } .attachments { WIDTH: 100% } .inventory .dndHandle { POSITION: static; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .inventory .dndHandle .reorder IMG { HEIGHT: 20px } .inventory .dndHandle .reorder:hover IMG { HEIGHT: 20px } .inventory .dndHandle .reorder { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-POSITION: -172px -125px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventory .dndHandle .reorder:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-POSITION: -172px -125px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventory TR:hover .dndHandle { BACKGROUND: url(images/reorder_bg.png) #fff4bf 0px 0px } .reorderable > TBODY TR:hover { -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset } .reorderable > TBODY TR:hover TD { BORDER-TOP: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #f4f4f4; -moz-transition: border, margin, background 250ms ease-in; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .reorderable > TBODY TR:hover TH { BORDER-TOP: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #f4f4f4; -moz-transition: border, margin, background 250ms ease-in; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .reorderable TBODY TR TD:first-child { BORDER-LEFT: transparent 1px solid } .inventory TR:hover .smallCell .reorder { FILTER: alpha(opacity=100); opacity: 1 } .inventory > TBODY TR:hover .smallCell .reorder:hover { FILTER: alpha(opacity=100); opacity: 1 } .attachments TR:hover .smallCell .reorder { FILTER: alpha(opacity=100); opacity: 1 } .attachments TBODY TR:hover .smallCell .reorder:hover { FILTER: alpha(opacity=100); opacity: 1 } .attachments THEAD TR { BORDER-BOTTOM: #ccc 2px solid; COLOR: #999 } .inventory-simple THEAD TR { BORDER-BOTTOM: #ccc 2px solid; COLOR: #999 } .attachments TBODY TR { BORDER-TOP: #eee 1px solid } .inventory-simple TBODY TR { BORDER-TOP: #eee 1px solid } .attachments TD { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .attachments TH { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .inventory-simple TD { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .inventory-simple TH { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } TABLE.inventory > TBODY UL.subtabs { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } TABLE.inventory > TBODY UL.subtabs LI { POSITION: relative; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 20px; PADDING-RIGHT: 2px } DIV.status { FONT-SIZE: 90%; BACKGROUND: #f9f9f9; COLOR: #000; PADDING-BOTTOM: 3px; TEXT-ALIGN: left; PADDING-TOP: 1px; PADDING-LEFT: 6px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } DIV.status A IMG { VERTICAL-ALIGN: middle } DIV.status P { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #444; PADDING-BOTTOM: 1px; TEXT-ALIGN: left !important; PADDING-TOP: 1px; PADDING-LEFT: 1px; MARGIN: 2px auto 4px; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 10%; PADDING-RIGHT: 1px } DIV.status P IMG { HEIGHT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #8dafaf } DIV.stopped P IMG { BACKGROUND: url(images/controls.png) #fff no-repeat -20px -180px } DIV.status A.buttonMicro { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; MARGIN: 1px auto; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 5px } DIV.status DIV { POSITION: relative; TEXT-ALIGN: center } DIV.status A.buttonMicro:hover { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } TABLE.inventory-simple { WIDTH: 100%; BORDER-COLLAPSE: collapse; MARGIN: 0px 0px 12px } TABLE.inventory-simple THEAD TR { BORDER-BOTTOM: #ccc 2px solid; COLOR: #999 } TABLE.attachments THEAD TR.warningRow { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } TABLE.inventory-simple THEAD TR TH { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } TABLE.inventory-simple TBODY TR { BORDER-TOP: #eee 1px solid } TABLE.inventory-simple TBODY TR TH { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } TABLE.inventory-simple TBODY TR TD { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } TABLE.inventory-simple TBODY TR TH { COLOR: #000 } TABLE.inventory-simple .removeCell { BACKGROUND: #ededed; COLOR: #777 } TABLE.inventory-simple .removeCell TD { COLOR: #999 } TABLE.inventory-simple .removeCell TH { COLOR: #999 } TABLE.inventory-simple .removeCell TD A IMG { FILTER: alpha(opacity=40); opacity: .4 } TABLE.inventory-simple .smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.inventory-simple TBODY TR.inEditMode { BORDER-TOP: #444 2px solid; BORDER-RIGHT: #444 2px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #444 2px solid; BORDER-LEFT: #444 2px solid; -moz-border-radius: 0 } TABLE.inventory-simple TBODY TR.inEditMode TD { BORDER-TOP: #444 2px solid; -moz-border-radius: 0 } TABLE.inventory-simple TBODY TR.inEditMode TH { BORDER-TOP: #444 2px solid; -moz-border-radius: 0 } TABLE.stepItems-reorder { MARGIN-BOTTOM: 12px; FONT-SIZE: 85%; BORDER-SPACING: 0 } TABLE.gbColumns { FONT-SIZE: 90%; ZOOM: 1 } TABLE.stepItems-reorder TD { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 6px } TABLE.stepItems-reorder TH { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 6px } TABLE.stepItems-reorder THEAD TR TH { BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #999; TEXT-ALIGN: left } TABLE.gbColumns THEAD TR TH { BACKGROUND: #bbb; BORDER-BOTTOM: #999 2px solid; COLOR: #fff } TABLE.gbColumns THEAD TR TD { BACKGROUND: #bbb; BORDER-BOTTOM: #999 2px solid; COLOR: #fff } TABLE.gbColumns THEAD TR TH.sorted { BORDER-RIGHT: #777 1px solid; BACKGROUND: #999; BORDER-LEFT: #777 1px solid } TABLE.gbColumns THEAD TR TH A { COLOR: #fff } TABLE.gbColumns THEAD TR TD A { COLOR: #fff } TABLE.stepItems-reorder THEAD TR.lowerHeader TH { BORDER-BOTTOM: #ccc 2px solid; COLOR: #333 } TABLE.stepItems-reorder TBODY TR TD.shaded { BACKGROUND: url(images/readback.png) #f6f6f6 } TABLE.stepItems-reorder THEAD TR TH.shaded { BACKGROUND: url(images/readback.png) #f6f6f6 } TABLE.stepItems-reorder TR TH.clearCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.stepItems-reorder TBODY TR:first-child TD { BORDER-TOP: 0px } TABLE.stepItems-reorder TBODY TR:first-child TH { BORDER-TOP: 0px } TABLE.stepItems-reorder THEAD TR:first-child { BORDER-TOP: 0px } TABLE.stepItems-reorder TBODY TR TD.dragCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: top; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.stepItems-reorder TBODY TR TD SPAN.reorder { CURSOR: move; HEIGHT: 20px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 18px !important; BACKGROUND: url(images/controls.png) #ededed no-repeat -177px -122px; RIGHT: 0px; POSITION: relative; LEFT: auto; FILTER: alpha(opacity=100); DISPLAY: block; TOP: 2px; opacity: 1; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px } TABLE.gbColumns TBODY TR TD SPAN.reorder { BACKGROUND: url(images/controls.png) #ededed no-repeat -237px -122px } TABLE.stepItems-reorder TBODY TR.frozenbar TD SPAN.reorder { TOP: 1px } TABLE.stepItems-reorder TBODY TR TD INPUT { WIDTH: 95%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } 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: 0px 4px 0px 0px } TABLE.gbColumns TBODY TR TD INPUT[type=checkbox] { WIDTH: auto; MARGIN: 0px } TABLE.gbColumns TBODY TR TD { VERTICAL-ALIGN: top; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 6px } TABLE.gbColumns TBODY TR.frozenbar TD { FONT-SIZE: 95%; BORDER-TOP: 0px; BACKGROUND: #ccc; COLOR: #444 } TABLE.gbColumns TFOOT TR.lastRow TD { BORDER-TOP: 0px; HEIGHT: 2px; BORDER-RIGHT: 0px; BACKGROUND: #999; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 0; PADDING-RIGHT: 0px } TABLE.gbColumns TBODY TR.frozen TD { BACKGROUND: #ededed } TABLE.gbColumns THEAD TR TD.checkBox { PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } TABLE.gbColumns TBODY TR TD.checkBox { PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } DIV.areaHighlight TABLE.gbColumns THEAD TR TD.clear { BACKGROUND: inherit } TD.clear { BACKGROUND: inherit } DIV.areaHighlight TABLE.gbColumns TBODY TR.frozenbar TD.dragCell { BACKGROUND: inherit } DIV.areaHighlight TABLE.gbColumns TBODY TR TD.dragCell { BACKGROUND: inherit } DIV.areaHighlight TABLE.gbColumns TBODY TR.frozen TD.dragCell { BACKGROUND: inherit } DIV.areaHighlight TABLE.gbColumns TFOOT TR.lastRow TD.clear { BACKGROUND: inherit } TABLE.gbColumns TBODY TR.frozenbar TD.dragCell { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } TABLE.gbColumns TBODY TR.placeholder TD { BORDER-TOP: 0px; HEIGHT: 1px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 0; PADDING-RIGHT: 0px } TABLE.gbColumns TBODY TR.placeholder TD.clear { BACKGROUND: inherit } UL.dragableHighlight LI TABLE.gbColumns THEAD TR TD.clear { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TD.clear { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TABLE.gbColumns TBODY TR.frozenbar TD.dragCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TABLE.gbColumns TBODY TR TD.dragCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TABLE.gbColumns TBODY TR.frozen TD.dragCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TABLE.gbColumns TFOOT TR.lastRow TD.clear { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.gbColumns THEAD TR TD.clear { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TR.rowdrag { BACKGROUND: #ccc; Z-INDEX: 1 } .insertImg { POSITION: relative; Z-INDEX: 20; TOP: 12px } .insertImgUp { RIGHT: -10px; POSITION: absolute; Z-INDEX: 20 } TABLE.inventory > TBODY TR TD.smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 3px; PADDING-RIGHT: 0px } TABLE.inventory > THEAD TR TH.smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 3px; PADDING-RIGHT: 0px } TABLE.inventory > TBODY TR TD.hideCell { DISPLAY: none } TABLE.inventory > THEAD TR TH.hideCell { DISPLAY: none } .clickOrder { DISPLAY: none } TABLE.inventory > TBODY TR TD.clickOrder { BORDER-LEFT: medium none; BACKGROUND-COLOR: #ddd } TABLE.inventory TR TD.endCell { WIDTH: 1px !important; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important; BACKGROUND-COLOR: #ddd } TABLE.inventory TR.orderRow TD.clickOrder { TEXT-ALIGN: center; BACKGROUND-COLOR: #ddd } 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 } .cloudToolsSwitch { BORDER-TOP: #ccc 1px solid; BACKGROUND: #fafafa; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px } .cloudToolsSwitch DIV:first-child.clearfix { MARGIN-BOTTOM: 5px; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 5px } TABLE.splashTable { WIDTH: 100%; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #ccc 2px solid; MARGIN: 3px 0px 12px } TABLE.splashTable THEAD TR { COLOR: #999 } TABLE.splashTable THEAD TR TH { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } TABLE.splashTable THEAD TR TH A { TEXT-DECORATION: none; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666 } TABLE.splashTable THEAD TR TH A:hover { TEXT-DECORATION: underline; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #333 } TABLE.splashTable TBODY TR { BORDER-TOP: #ddd 1px solid } TABLE.splashTable TBODY TR TH { FONT-SIZE: 90%; COLOR: #777; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } TABLE.splashTable TBODY TR TD { FONT-SIZE: 90%; COLOR: #777; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } TABLE.splashTable TBODY TR TH { COLOR: #000; TEXT-ALIGN: left } TABLE.splashTable TH.smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.splashTable TD.smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .contentBlock A { TEXT-DECORATION: none; BACKGROUND: url(images/indicators.png) no-repeat 0px -450px; DISPLAY: block } .contentBlock A.collapse { TEXT-DECORATION: none; BACKGROUND: url(images/indicators.png) no-repeat 0px -1045px; DISPLAY: block } .contentBlock A.collapse:hover { TEXT-DECORATION: underline } .contentBlock A.hover { TEXT-DECORATION: underline } TABLE.reorderCols { FONT-SIZE: 95%; WIDTH: 100%; BORDER-COLLAPSE: collapse; CLEAR: both; MARGIN: 18px 0px 9px } TABLE.reorderCols THEAD TR TH { CURSOR: move; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 4px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 4px } TABLE.reorderCols THEAD TR TH.noReorderCol { CURSOR: default; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: medium none } TABLE.reorderCols TBODY TR TD { BORDER-RIGHT: #ddd 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: left; PADDING-TOP: 2px; PADDING-LEFT: 4px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 4px } TABLE.reorderCols TBODY TR TH { BORDER-RIGHT: #ddd 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: left; PADDING-TOP: 2px; PADDING-LEFT: 4px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 4px } TABLE.reorderCols TBODY TR TH { BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; COLOR: #555 } TABLE.reorderCols THEAD TH SPAN.reorderToolTip { BACKGROUND: url(images/controls.png) #ddd no-repeat -347px -122px } TABLE.reorderCols THEAD TR TH.axis { BACKGROUND: #ededed 0px 50%; BORDER-BOTTOM: #ccc 1px solid; COLOR: #555 } .ghostTd { BORDER-TOP: #000 1px solid; HEIGHT: auto; BORDER-RIGHT: #000 1px solid; WIDTH: auto; BACKGROUND: #eee; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT: 10px arial; PADDING-LEFT: 8px; BORDER-LEFT: #000 1px solid; PADDING-RIGHT: 8px } TABLE.reorderCols THEAD TH.dragging { BACKGROUND: #ccc } TABLE.reorderCols THEAD TH.hovering { BACKGROUND: #666 } TABLE.reorderCols THEAD TH.hovering IMG { DISPLAY: none } .rumble { BACKGROUND: url(images/selected_items.png) no-repeat -1974px center; MARGIN: 0px 0px 9px } .rumble_top { BACKGROUND: url(images/selected_items.png) no-repeat 12px center; MARGIN: 12px 0px 0px } #mapCanvasForm .rumble_top { MARGIN-LEFT: 30px; MARGIN-RIGHT: 30px } #mapCanvasForm .rumble { MARGIN-LEFT: 30px; MARGIN-RIGHT: 30px } #mapCanvasForm .rumble_top { BORDER-BOTTOM: #eee 2px solid } .noBatchActions { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 5px !important; PADDING-TOP: 5px !important; PADDING-LEFT: 5px !important; PADDING-RIGHT: 5px !important } .rumbleBuildList { BORDER-TOP: #eee 2px solid; MARGIN: 0px 0px 0px 18px } .rumbleBuildList UL LI { Z-INDEX: 1000 } .rumbleBuildListTop UL LI { Z-INDEX: 1000 } .rumble_top UL { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 34px; PADDING-RIGHT: 2px } .rumble UL { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 34px; PADDING-RIGHT: 2px } .rumble_top UL LI { VERTICAL-ALIGN: top; MARGIN: 0px 3px 0px 0px; DISPLAY: inline-block } .rumble UL LI { VERTICAL-ALIGN: top; MARGIN: 0px 3px 0px 0px; DISPLAY: inline-block } .rumble_top UL LI.primary { VERTICAL-ALIGN: top; MARGIN: 0px 3px 0px 0px; DISPLAY: inline-block } .rumble UL LI.primary { VERTICAL-ALIGN: top; MARGIN: 0px 3px 0px 0px; DISPLAY: inline-block } .rumble_top UL LI.secondary { POSITION: relative; FLOAT: right; MARGIN: 0px 0px 0px 3px } .rumble UL LI.secondary { POSITION: relative; FLOAT: right; MARGIN: 0px 0px 0px 3px } .contentListPlain .rumble LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .contentListPlain .rumble_top LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble LI.listActionDivider { BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 9px; MARGIN-RIGHT: 9px } .rumble_top LI.listActionDivider { BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 9px; MARGIN-RIGHT: 9px } .selectList .listActionDivider { BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 9px; MARGIN-RIGHT: 9px } .listActionDivider { BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 9px; MARGIN-RIGHT: 9px } .rumble LI.listActionGroup INPUT { FONT-SIZE: 95% } .rumble_top LI.listActionGroup INPUT { FONT-SIZE: 95% } .rumble LI.listActionGroup A { DISPLAY: inline } .rumble_top LI.listActionGroup A { DISPLAY: inline } .paging { FLOAT: right; TEXT-ALIGN: right; CLEAR: left } .pagingprefs { COLOR: #666; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN-TOP: 3px; PADDING-RIGHT: 0px } .paging SPAN { BORDER-RIGHT: #ccc 1px dotted; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px 9px 0px 0px; PADDING-RIGHT: 6px } .rumble_top .inventory_paging { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN-LEFT: 9px; PADDING-RIGHT: 0px } .rumble .inventory_paging { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN-LEFT: 9px; PADDING-RIGHT: 0px } .jumptopage INPUT { WIDTH: auto; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; _display: inline-block } .inventory_paging INPUT { WIDTH: auto; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; _display: inline-block } .inventory_paging INPUT { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid } .jumptopage INPUT { WIDTH: 2em; FONT-WEIGHT: normal; -webkit-border-radius: 0; -moz-border-radius: 0 } .rumble_top .inventory_paging A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble .inventory_paging A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble_top .inventory_paging .abutton { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble .inventory_paging .abutton { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble_top .inventory_paging .gotolink { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .rumble_top .inventory_paging .gotolink { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .inventory_paging A { DISPLAY: inline-block } .inventory_paging IMG { DISPLAY: inline-block } .inventory_paging SPAN { DISPLAY: inline-block } .inventory_paging DIV { DISPLAY: inline-block } .jumptopage DIV { DISPLAY: inline-block } .inventory_paging .abutton { DISPLAY: inline-block } .inventory_paging A IMG { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .inventory_paging .abutton IMG { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .inventory_paging IMG { MARGIN: 2px 2px 3px } .inventory_paging A.inactive { FILTER: alpha(opacity=40); opacity: .4 } A.jumpToPageOpen { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 1px !important; BORDER-LEFT: medium none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } A.jumpToPageOpen:hover { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 1px !important; BORDER-LEFT: medium none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } A.jumpToPageOpen:focus { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 1px !important; BORDER-LEFT: medium none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } A.jumpToPageOpen:hover { BORDER-BOTTOM-COLOR: #333 } A.jumpToPageOpen:focus { BORDER-BOTTOM-COLOR: #333 } DIV.jumptopage INPUT#currentpage_bot { WIDTH: auto } DIV.jumptopage INPUT#currentpage_top { WIDTH: auto } INPUT#currentpage_bot { WIDTH: auto } INPUT#currentpage_top { WIDTH: auto } .jumptopage { FLOAT: right } .jumptopage DIV { MARGIN: 0px 0px 0px 3px } .jumptopage BUTTON { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; RIGHT: 0px; BORDER-BOTTOM: medium none; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: medium none; TOP: 0px; PADDING-RIGHT: 0px } .jumptopage BUTTON IMG { MARGIN: 0px } .rumble_top .secondaryControl { FLOAT: right } .rumble .secondaryControl { FLOAT: right } .key-valueTable TR { BORDER-BOTTOM: medium none } .key-valueTable TH { BORDER-BOTTOM: medium none } .key-valueTable TD { BORDER-BOTTOM: medium none } .key-valueTable TBODY { BORDER-BOTTOM: medium none } .key-valueTable TBODY TD { FONT-SIZE: inherit !important; BORDER-TOP: #ccc 1px dotted; VERTICAL-ALIGN: top; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .key-valueTable TBODY TH { FONT-SIZE: inherit !important; BORDER-TOP: #ccc 1px dotted; VERTICAL-ALIGN: top; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .key-valueTable TBODY TR:first-child TH { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .key-valueTable TBODY TR:first-child TD { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .key-valueTable TBODY TH { COLOR: #555 } .infoListWrapper .key-valueTable { MARGIN: 3px 9px 6px } TD.removeCell { TEXT-DECORATION: line-through; COLOR: #999 } TD.removeCell SPAN A { TEXT-DECORATION: line-through; COLOR: #999 } TD.removeCell SPAN A IMG { FILTER: alpha(opacity=30); opacity: .3 } .contentList { MARGIN: -20px -30px } .buildList { MARGIN: -20px -30px } .contentListPlain { MARGIN: -20px -30px } .announcementList { MARGIN: -20px -30px } FORM#announcementForm TABLE { MARGIN: -20px -30px 24px } FORM#announcementForm TABLE TD { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #bb-assessment-canvas .contentListPlain { MARGIN: 0px -30px } .gradingList { MARGIN: 0px -30px } .buildList#survey { MARGIN: 0px -30px } #manageFormCanvasForm .buildList { MARGIN: 0px -30px } #mapCanvasForm .buildList { MARGIN: 0px 30px } .hierarchy-page #toolSettingsForm #dataCollectionContainer { MARGIN: -10px -30px } .leftColumn-wide .contentListPlain { MARGIN: 0px } .contentList > LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .buildList > LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .contentListPlain > LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .announcementList > LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .contentPageItem { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .contentList > LI:first-child { BORDER-TOP: transparent 1px solid } .contentList > LI:first-child.read:hover { BORDER-TOP: transparent 1px solid } .buildList > LI:first-child { BORDER-TOP: transparent 1px solid } .contentListPlain > LI:first-child { BORDER-TOP: transparent 1px solid } .announcementList > LI:first-child { BORDER-TOP: transparent 1px solid } #bb-assessment-canvas .contentListPlain > LI:first-child { BORDER-TOP-COLOR: #ccc } #bb-assessment-canvas .contentListPlain > LI { PADDING-LEFT: 42px; MIN-HEIGHT: 16px } #bb-assessment-canvas .contentListPlain > LI .item { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #bb-assessment-canvas .contentListPlain > LI .details { PADDING-BOTTOM: 5px; PADDING-TOP: 12px } .takeQuestionDiv { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } #assessmentGradeForm #dataCollectionContainer > DIV[id*='_'] { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } #assessmentGradeForm #dataCollectionContainer > DIV[id*='step'] { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } #assessmentGradeForm #dataCollectionContainer H3.submittitle.steptitle { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .takeQuestionDiv H3 { MARGIN: 0px } .takeQuestionDiv + H3 { PADDING-LEFT: 28px } #assessmentGradeForm #dataCollectionContainer { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .contentList > LI { MIN-HEIGHT: 50px } .buildList > LI { MIN-HEIGHT: 50px } .contentListPlain > LI { MIN-HEIGHT: 50px } .announcementList > LI { MIN-HEIGHT: 50px } .contentPageItem { MIN-HEIGHT: 50px } .liItem:hover { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid; BACKGROUND-COLOR: #f4f4f4; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-transition: border, margin, -moz-box-shadow, background 100ms ease-in-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 100ms; -webkit-transition-timing-function: ease-in-out } .buildList > LI:hover { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid; BACKGROUND-COLOR: #f4f4f4; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-transition: border, margin, -moz-box-shadow, background 100ms ease-in-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 100ms; -webkit-transition-timing-function: ease-in-out } .buildList LI:first-child:hover { BORDER-TOP-COLOR: #666 } .contentList > LI:first-child:hover { BORDER-TOP-COLOR: #666 } .gradingList > LI:first-child:hover { BORDER-TOP-COLOR: #666 } .liItem A[onclick*='toggleDetails'] { RIGHT: -19px; POSITION: relative; TOP: -6px; VISIBILITY: hidden } .liItem:hover A[onclick*='toggleDetails'] { VISIBILITY: visible } .liItem A[onclick*='toggleDetails'] IMG { VISIBILITY: hidden } .liItem A[title*='Hide'][href='#'] { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 0px 0px } .liItem A[title*='Show'][href='#'] { BACKGROUND: url(images/portlet_expand_alt_rev.png) no-repeat 0px 0px } .contentListPlain .item_icon { DISPLAY: none } .item { CURSOR: move; FONT-SIZE: 110%; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .contentList .item { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 60px; PADDING-RIGHT: 0px } .gradingList .item { PADDING-RIGHT: 120px } .announcementList .item { WORD-WRAP: break-word; WORD-BREAK: normal; PADDING-RIGHT: 13em } .announcementList-read .item { WORD-WRAP: break-word; WORD-BREAK: normal; PADDING-RIGHT: 13em } #announcementList .item { WORD-WRAP: break-word; WORD-BREAK: normal; PADDING-RIGHT: 13em } .item:hover { CURSOR: move } .item:focus { CURSOR: move } .read .item { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px } .announcementList-read .item { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px } .contentList-slim .read .item { PADDING-LEFT: 48px } .read .item:hover { CURSOR: default; BACKGROUND: none transparent scroll repeat 0% 0% } .read .item:focus { CURSOR: default; BACKGROUND: none transparent scroll repeat 0% 0% } .tab-groups H3.item { BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 8px; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 0px 11em 8px -12px; PADDING-RIGHT: 0px } .tab-groups H3.item .reorder + SPAN { FONT-SIZE: 90%; FONT-FAMILY: Georgia; FONT-WEIGHT: normal; COLOR: #999; FONT-STYLE: italic; MARGIN: 0px 4px 0px 0px } .item_icon { POSITION: absolute; LEFT: 24px; MARGIN: 0px; TOP: 12px } .read .item_icon { LEFT: 18px; MARGIN: 0px } .item H3 { WORD-WRAP: break-word; FLOAT: left; MARGIN: 0px 3px 0px 0px } .item .contextMenuContainer { WORD-WRAP: break-word; FLOAT: left; MARGIN: 0px 3px 0px 0px } .item H3 + .contextMenuContainer { POSITION: relative; TOP: 2px } .tab-groups .item .contextMenuContainer { FLOAT: none } #announcementList .item .contextMenuContainer { FLOAT: none } .item INPUT[type=checkbox] { FLOAT: left; MARGIN: 2px 6px 0px -6px } .iconsOnly { WIDTH: 80%; BORDER-BOTTOM: #ccc 1px solid; MARGIN: 24px auto } .iconsOnly LI { WIDTH: 49%; FLOAT: left !important; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .iconsOnly > LI:first-child { BORDER-TOP-COLOR: #ccc } .iconsOnly .read { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .iconsOnly .item_icon { PADDING-BOTTOM: 0px; PADDING-TOP: 12px; PADDING-LEFT: 0px; LEFT: auto; MIN-HEIGHT: 50px; TOP: 0px; PADDING-RIGHT: 0px } .iconsOnly .item { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MIN-HEIGHT: 3em; BORDER-LEFT: 0px; PADDING-RIGHT: 6px } .iconsOnly .read .item { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px; PADDING-RIGHT: 6px } .iconsOnly .item H3 { FLOAT: none; DISPLAY: inline-block; TOP: 0px } .iconsOnly .item .contextMenuContainer { FLOAT: none; DISPLAY: inline-block; TOP: 0px } .iconsOnly .item H3 A { WORD-WRAP: break-word; WIDTH: 270px; DISPLAY: block } .iconsOnly LI:hover .item_icon { BACKGROUND: #ededed } .iconsOnly LI:hover .item { BACKGROUND: #ededed } .iconsOnly LI:focus .item_icon { BACKGROUND: #ededed } .iconsOnly LI:focus .item { BACKGROUND: #ededed } .iconsOnly .read .item_icon { POSITION: relative !important; TEXT-ALIGN: center !important; DISPLAY: block !important } .iconsOnly .item_icon { POSITION: relative !important; TEXT-ALIGN: center !important; DISPLAY: block !important } .iconsOnly .read .item_icon { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; LEFT: 0px; BORDER-LEFT: 0px } .iconsOnly .read .item { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; LEFT: 0px; BORDER-LEFT: 0px } .iconsOnly .read:hover .item_icon { BACKGROUND: none transparent scroll repeat 0% 0% } .iconsOnly .read:hover .item { BACKGROUND: none transparent scroll repeat 0% 0% } .iconsOnly .read:focus .item_icon { BACKGROUND: none transparent scroll repeat 0% 0% } .iconsOnly .read:focus .item { BACKGROUND: none transparent scroll repeat 0% 0% } .buildList LI INPUT { FLOAT: left; MARGIN: 2px 8px } .buildList INPUT.browse { MARGIN: 0px 0px 6px } .buildList INPUT.genericButton { MARGIN: 0px 0px 6px } .buildList INPUT[type=button] { MARGIN: 0px 0px 6px } .contentListRight { RIGHT: 6px; POSITION: absolute; FONT-WEIGHT: normal; LEFT: auto } .pagedContentListRight { TOP: 4px } .contentListRightOffset { MARGIN-RIGHT: 12em } .contentList .details { PADDING-LEFT: 60px } .contentListPlain .contentListRight + .details { OVERFLOW-X: auto; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 28px; PADDING-RIGHT: 0px } .announcementList .details { OVERFLOW-X: auto; OVERFLOW-Y: visible; MARGIN-RIGHT: 12.8em } #announcementList .details { OVERFLOW-X: auto; OVERFLOW-Y: visible; MARGIN-RIGHT: 12.8em } .contentList-slim .read .details { MARGIN-LEFT: 48px } .staffInfoList .details { MARGIN-RIGHT: 160px } .staffInfoList .hasPhoto .details { MIN-HEIGHT: 135px } .details > P { FONT-SIZE: 95%; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .details .note { FONT-WEIGHT: bold } .details > P.important { FONT-SIZE: 90%; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 0px 9px; PADDING-RIGHT: 0px } .details > P.important SPAN { FONT-WEIGHT: normal; COLOR: #888 } .itemDetails { WORD-WRAP: break-word; FONT-SIZE: 85%; WIDTH: 14em; RIGHT: 0px; POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-TOP: 9px; PADDING-LEFT: 14px; BORDER-LEFT: #ccc 1px dotted; TOP: 2px; PADDING-RIGHT: 9px; BOTTOM: 8px } .announcementInfo { WORD-WRAP: break-word; FONT-SIZE: 85%; WIDTH: 14em; RIGHT: 0px; POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-TOP: 9px; PADDING-LEFT: 14px; BORDER-LEFT: #ccc 1px dotted; TOP: 2px; PADDING-RIGHT: 9px; BOTTOM: 8px } .announcementInfo P { PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .itemDetails P { PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .announcementInfo P SPAN { COLOR: #676767 } .announcementInfo SPAN { COLOR: #676767 } .itemDetails SPAN { COLOR: #676767 } .announcementInfo P SPAN SPAN { FONT-SIZE: 95% !important } .noItems { FONT-FAMILY: Georgia; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 6px; FONT-STYLE: italic; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .additional + P .warnFont { FONT-FAMILY: Georgia; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 6px; FONT-STYLE: italic; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #listContainer .noItems { TEXT-ALIGN: center; PADDING-TOP: 100px } .additional + P .warnFont { TEXT-ALIGN: center; PADDING-TOP: 100px } .table-scroll-wrapper .helphelp { TEXT-ALIGN: center; PADDING-TOP: 100px } .hierarchy-page .noItems { TEXT-ALIGN: center; PADDING-TOP: 100px } .table-scroll-wrapper .helphelp { MARGIN: 0px auto; DISPLAY: block } .additional + P .warnFont { PADDING-TOP: 100px; DISPLAY: block } .details .attachments { WORD-WRAP: break-word; MARGIN-BOTTOM: 9px; WORD-BREAK: normal } .buildList > LI.separator { BACKGROUND: #ededed; POSITION: relative; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 30px; LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 1px; Z-INDEX: 0; TOP: 0px; PADDING-RIGHT: 30px } .separator H3.item { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 108% Georgia, serif normal; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .external-breadcrumbs .receipt { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 108% Georgia, serif normal; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .separator .line { BORDER-TOP: #777 1px dashed; RIGHT: 0px; POSITION: absolute; LEFT: 30px; TOP: 50% } .external-breadcrumbs .contentPaneWide { BORDER-TOP: #777 1px dashed; RIGHT: 0px; POSITION: absolute; LEFT: 30px; TOP: 50% } .external-breadcrumbs .contentPaneWide { POSITION: relative; LEFT: 0px; MARGIN: 0px 24px 0px 30px; TOP: 6px } .separator .text { BACKGROUND: #ededed; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; PADDING-RIGHT: 12px } .external-breadcrumbs .receipt { BACKGROUND: #ededed; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; PADDING-RIGHT: 12px } .buildList .detailList .hidden { DISPLAY: none } .buildList .detailList .tagContainer { POSITION: relative } .buildList .detailList .tagContainer .hidden { DISPLAY: none } .buildList .detailList .tagContainer { WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } .buildList .detailList .tagContainer SPAN { WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } .buildList .detailList .tagContainer INPUT { FONT-SIZE: 95%; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #555 1px solid; FLOAT: none; MARGIN: 0px; BORDER-LEFT: #555 1px solid; DISPLAY: inline } .tagContainer INPUT { FONT-SIZE: 95%; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #555 1px solid; FLOAT: none; MARGIN: 0px; BORDER-LEFT: #555 1px solid; DISPLAY: inline } .tagContainer .newTagForm { MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px dotted } .tagContainer .newTagForm LABEL { PADDING-LEFT: 6px } .currentTags { OVERFLOW: hidden; WIDTH: 16em; RIGHT: 0px; POSITION: absolute; ZOOM: 1; Z-INDEX: 100; DISPLAY: none; LINE-HEIGHT: 1.8; TOP: 1.2em } .currentTags SPAN { PADDING-BOTTOM: 6px; PADDING-TOP: 18px; PADDING-LEFT: 6px; DISPLAY: block; PADDING-RIGHT: 6px } .currentTags A { FONT-WEIGHT: bold } .currentTags A.closeCloud { WIDTH: 98%; POSITION: absolute; PADDING-BOTTOM: 1px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 2px; LEFT: 0px; DISPLAY: block; LINE-HEIGHT: 1; TOP: 0px; PADDING-RIGHT: 2px } .auto_complete { BORDER-TOP: #acc2df 1px solid; BORDER-RIGHT: #57b 1px solid; WIDTH: 12em; BACKGROUND: #e2eefe; BORDER-BOTTOM: #57b 1px solid; BORDER-LEFT: #acc2df 1px solid; Z-INDEX: 1000 } .auto_complete UL { LIST-STYLE-TYPE: none; WIDTH: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .auto_complete UL LI { OVERFLOW: hidden; CURSOR: pointer; WIDTH: 96%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 3%; MARGIN: 0px; PADDING-RIGHT: 1% } .auto_complete UL LI.selected { BACKGROUND-COLOR: #fff } .auto_complete UL STRONG.highlight { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .freq1 { FONT-SIZE: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq2 { FONT-SIZE: 105%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq3 { FONT-SIZE: 120%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq4 { FONT-SIZE: 135%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq5 { FONT-SIZE: 150%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq6 { FONT-SIZE: 165%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq1:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq2:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq3:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq4:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq5:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq6:hover { TEXT-DECORATION: none; BACKGROUND: white } .currentTags A.tagDisabled { TEXT-DECORATION: none; FONT-WEIGHT: normal; FILTER: alpha(opacity=70); opacity: .7 } .currentTags A.tagDisabled:hover { BACKGROUND: none transparent scroll repeat 0% 0% } .tab-groups .tab-group-label { COLOR: #999; FONT: italic 102%/1.4em Georgia, sans-serif } .subList { MARGIN: 3px 0px 6px } .subList-reorder { MARGIN: 3px 0px 6px } .subList LI { FONT-SIZE: 95%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; BORDER-LEFT: medium none; PADDING-RIGHT: 6px } .buildList .detailList { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 23px; MARGIN: 0px; PADDING-RIGHT: 3px } .subList-reorder LI { FONT-SIZE: 95%; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 6px } .subList-reorder LI:hover { BORDER-TOP-COLOR: #bbb !important; BACKGROUND: #fff; BORDER-LEFT-COLOR: #bbb !important; BORDER-BOTTOM-COLOR: #bbb !important; BORDER-RIGHT-COLOR: #bbb !important } .subList LI A IMG { VERTICAL-ALIGN: middle } .subList-reorder LI A IMG { VERTICAL-ALIGN: middle } .subList LI P { FONT-SIZE: 90%; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 6px 3px 24px; DISPLAY: none; PADDING-RIGHT: 0px } .subList-reorder LI P { FONT-SIZE: 90%; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 6px 3px 24px; DISPLAY: none; PADDING-RIGHT: 0px } .subList LI P { VISIBILITY: hidden } .subList LI P SPAN { FLOAT: none; FONT-WEIGHT: bold; DISPLAY: inline } .buildList .detailList LI .subList LI P SPAN { FLOAT: none; FONT-WEIGHT: bold; DISPLAY: inline } .subList-reorder LI P SPAN { FLOAT: none; FONT-WEIGHT: bold; DISPLAY: inline } .subList-reorder .itemDetails { DISPLAY: none } .subList-reorder .details { DISPLAY: none } .subList .details { DISPLAY: none } .itemDetails + .details { OVERFLOW: visible; MARGIN-RIGHT: 13em } .subList LI P SPAN { FONT-WEIGHT: bold } .subListArtifact { CLEAR: both } .detailList .subListArtifact { CLEAR: both } .subListArtifact LI { POSITION: static } .detailList .subListArtifact LI { POSITION: static } .detailList .subListArtifact { ZOOM: 1 } .detailList .subListArtifact LI { ZOOM: 1 } .detailList .subListArtifact LI A { ZOOM: 1 } .buildList .detailList { MARGIN: 0px 0px 0.6em 0.7em } .buildList .detailList .subList { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.buildList UL.detailList OL.subList { LIST-STYLE-TYPE: decimal; LIST-STYLE-POSITION: inside } UL.buildList UL.detailList LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0.2em; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0.2em; BORDER-LEFT: medium none; DISPLAY: table-row; PADDING-RIGHT: 0px } UL.buildList UL.detailList .detail-item-title { WIDTH: 135px; FLOAT: left; FONT-WEIGHT: bold; DISPLAY: block } UL.buildList UL LI > DIV { WIDTH: 79%; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0.3em; MARGIN-LEFT: 135px; DISPLAY: block; PADDING-RIGHT: 0px } UL.buildList UL LI DIV.contextMenuContainer { WIDTH: auto; FLOAT: none; DISPLAY: inline } UL.noimg LI DIV.contextMenuContainer { WIDTH: auto; FLOAT: none; DISPLAY: inline } .buildList .pageBreak .item { BORDER-TOP: #ccc 2px dotted; BACKGROUND-IMAGE: url(images/readback.png); COLOR: #777 } .buildList .sectionBreak .item { BORDER-TOP: #ccc 2px dotted; BACKGROUND-IMAGE: url(images/readback.png); COLOR: #777 } DIV.itemHeaderControl { RIGHT: 14.5em; POSITION: absolute; TOP: 9px } DIV.itemHeaderControl A IMG { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } BODY.cartMode { PADDING-BOTTOM: 49px } .addedRow { COLOR: #999 } TABLE.sortable TBODY TR.addedRow TH LABEL A { COLOR: #999 } .addedRow TD A { COLOR: #999 } .addedRow { } .addedRow IMG { FILTER: alpha(opacity=50); opacity: .5 } TABLE#datatable2 TR TD { FONT-SIZE: 85%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } TABLE#datatable2 TR TH { FONT-SIZE: 85%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } TABLE#datatable2 THEAD TH { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .itemSelector { HEIGHT: 20px; WIDTH: 20px; MARGIN: 0px auto } .itemSelector INPUT { FILTER: alpha(opacity=0); opacity: 0 } .remove { BACKGROUND: url(../../../images/ci/ng/remove_ti.png) no-repeat 0px 0px } .itemTray { BORDER-TOP: #aaa 1px solid; HEIGHT: 40px; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #ddd; RIGHT: 18px; BORDER-BOTTOM: 0px; POSITION: fixed; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; LEFT: 18px; MARGIN: 0px; BORDER-LEFT: #aaa 1px solid; Z-INDEX: 10000; PADDING-RIGHT: 9px; BOTTOM: 0px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0 } .picker .itemTray { RIGHT: 12px; LEFT: 12px } DIV.itemTrayContentPane { LEFT: 200px } DIV.itemTrayContentPaneWide { LEFT: 0px } .itemTray H2 { FONT-SIZE: 110%; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .itemTray H3 { FONT-SIZE: 110%; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .itemTray H2 SPAN.listToggle { FONT-WEIGHT: normal; COLOR: #eee } .itemTray H3 SPAN.listToggle { FONT-WEIGHT: normal; COLOR: #eee } .itemTray H2 SPAN.listToggle A { TEXT-DECORATION: none; BORDER-BOTTOM: #ccc 1px dotted; COLOR: #eee } .itemTray H3 SPAN.listToggle A { TEXT-DECORATION: none; BORDER-BOTTOM: #ccc 1px dotted; COLOR: #eee } .itemTray H2 SPAN.listToggle A:hover { BORDER-BOTTOM: #ccc 1px solid } .itemTray H3 SPAN.listToggle A:hover { BORDER-BOTTOM: #ccc 1px solid } .itemTray DIV.noItems { COLOR: #777; TEXT-ALIGN: center } .itemTray #cartList { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .itemTray #selectedItemsWrapper { BACKGROUND: #777; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .itemTray .cartTableWrapper { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; BACKGROUND: #fff; OVERFLOW-Y: auto; BORDER-BOTTOM: #555 1px solid; BORDER-LEFT: #555 1px solid; MAX-HEIGHT: 130px } .sideTOC .cartTableWrapper { OVERFLOW: auto } #count { BACKGROUND: #444; COLOR: #fff; PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .itemTray #numberOfElements { BACKGROUND: #444; COLOR: #fff; PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } #progress { WIDTH: 100px; POSITION: absolute; MARGIN: 300px 50%; Z-INDEX: 300; DISPLAY: none } #progress DIV { MARGIN-LEFT: -100% } #cartSubmit { Z-INDEX: 200 } #cartList FIELDSET { COLOR: #f6f6f6; PADDING-BOTTOM: 12px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 0px 12px; PADDING-RIGHT: 3px } #cartList FIELDSET UL LI INPUT[type=text] { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; WIDTH: 2.3em; BORDER-BOTTOM: #666 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #666 1px solid; PADDING-RIGHT: 0px } .itemGallery { ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .itemGallery > LI { WIDTH: 1.2em; VERTICAL-ALIGN: top; ZOOM: 1; TEXT-ALIGN: center; PADDING-TOP: 0.06em; MARGIN: 5px 5px 20px; _height: 130px } .itemGallery .stackFix { HEIGHT: auto; WIDTH: 100% } .itemIconHolder { HEIGHT: 1em; WIDTH: 100%; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto 0.05em; PADDING-RIGHT: 0px } .itemIconHolder A { OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; ZOOM: 1; BORDER-LEFT: #ccc 1px solid; DISPLAY: block } .itemIconHolder A:hover { BORDER-TOP-COLOR: #777; BORDER-LEFT-COLOR: #777; BORDER-BOTTOM-COLOR: #777; BORDER-RIGHT-COLOR: #777 } .itemIconWrapper { BORDER-TOP: #f1f1f1 0.02em solid; BORDER-RIGHT: #f1f1f1 0.02em solid; WIDTH: auto; BORDER-BOTTOM: #f1f1f1 0.02em solid; POSITION: absolute; MARGIN: 0px 50%; BORDER-LEFT: #f1f1f1 0.02em solid; BOTTOM: 0px } .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 { HEIGHT: 0.9em; WIDTH: 0.78em } .itemIconLink-square A { HEIGHT: 0.78em; WIDTH: 0.78em } .itemIconLink-horizontal A { HEIGHT: 0.78em; WIDTH: 1em } .itemIconLink-vertical IMG { HEIGHT: 0.9em; WIDTH: 0.8em; VERTICAL-ALIGN: top } .itemIconLink-square IMG { HEIGHT: 0.8em; WIDTH: 0.8em; VERTICAL-ALIGN: top } .itemIconLink-horizontal IMG { HEIGHT: 0.8em; WIDTH: 1em; VERTICAL-ALIGN: top } .itemIconLink-vertical .itemIconWrapper { LEFT: -0.39em } .itemIconLink-square .itemIconWrapper { LEFT: -0.39em } .itemIconLink-horizontal .itemIconWrapper { LEFT: -0.5em } .itemInfo { FONT-SIZE: 12px; BORDER-TOP: #ccc 1px dotted; WIDTH: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0.2em; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .itemInfo LI { FONT-SIZE: 95%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 100%; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; MARGIN: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 1.25em } .itemInfo LI SPAN { VERTICAL-ALIGN: top } .itemInfo LI .label { TEXT-ALIGN: right } .itemInfo .cmimg { WIDTH: 18px } .itemInfo .cmimg IMG { WIDTH: 18px } .itemInfo .title { WORD-WRAP: break-word; FONT-SIZE: 100%; WORD-BREAK: normal; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; LINE-HEIGHT: 1.15em; PADDING-RIGHT: 0px } .itemInfo INPUT[type='text'] { WIDTH: 100% } .itemInfo .high { WORD-WRAP: break-word; FONT-SIZE: 100%; BACKGROUND: #fff1c5; OVERFLOW-X: hidden; WORD-BREAK: normal; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; LINE-HEIGHT: 1.15em; PADDING-RIGHT: 0px } .lb-content .itemInfo { FONT-SIZE: 95%; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #f0f0f0 } .lb-content .itemInfo LI { LINE-HEIGHT: 1.45em } .lb-content .itemInfo .title { BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .iconGallery > LI { WIDTH: 75px; MARGIN: 5px 5px 12px } .iconGallery .itemIconHolder { BORDER-TOP: 0px; HEIGHT: 60px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .iconGallery .itemIconHolder A { OVERFLOW: visible; BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .iconGallery .itemTitle { FONT-SIZE: 85%; COLOR: #666 } .iconGallery .itemIconWrapper { BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: auto; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; LEFT: -30px; BORDER-LEFT: #fff 1px solid; PADDING-RIGHT: 4px } .sideTOC_panelMin .container { POSITION: static !important } .sideTOC_panel .container { POSITION: static !important } .sideTOC_panelMax .container { POSITION: static !important } .tocWrapper { BORDER-TOP: #aaa 1px solid; HEIGHT: 40px; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #ddd; RIGHT: 18px; BORDER-BOTTOM: 0px; POSITION: fixed; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; LEFT: 0px; MARGIN: 0px; BORDER-LEFT: #aaa 1px solid; Z-INDEX: 200; PADDING-RIGHT: 9px; BOTTOM: 0px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0 } .tocHidden { TOP: -10000px !important } .tocHead { COLOR: #333; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } .tocHead H2 { MARGIN-BOTTOM: 12px !important; MARGIN-TOP: 0px } .tocActions { MARGIN-BOTTOM: 12px !important; MARGIN-TOP: 0px } .sideTOC H2 { FONT-SIZE: 110%; FLOAT: none !important } .tocActions { WHITE-SPACE: nowrap } .tocActions A { MARGIN: 0px 0px 0px -1px; DISPLAY: inline-block } .tocActions SPAN { MARGIN: 0px 0px 0px -1px; DISPLAY: inline-block } .tocActions > IMG { MARGIN: 0px 0px 0px -1px; DISPLAY: inline-block } .tocActions SPAN { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .tocTreeWrapper { OVERFLOW-Y: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .sideTOC .tocTreeWrapper { OVERFLOW: auto } UL#tocTree LI { PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } UL#tocTree A.itemActive { TEXT-DECORATION: none; FONT-WEIGHT: bold } UL#tocTree SPAN { COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px } .treeNodeIcon { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px } .sideTOC { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: 0px; WIDTH: 200px; BACKGROUND: #ddd; RIGHT: auto; BORDER-BOTTOM: #aaa 1px solid; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: #aaa 1px solid; TOP: 0px; PADDING-RIGHT: 0px; BOTTOM: auto; -webkit-box-shadow: none; -moz-box-shadow: -2px 0 2px rgba(0, 0, 0, .2) inset, 0px 3px 2px #ddd inset, 0px -3px 2px #ddd inset; box-shadow: none; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px } .sideTOCMinimize { BORDER-TOP: medium none; BORDER-RIGHT: medium none; WIDTH: 9px !important; RIGHT: auto; BORDER-BOTTOM: medium none; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: -4px 0px 0px 12px; BORDER-LEFT: medium none; TOP: 0px; PADDING-RIGHT: 0px; BOTTOM: auto; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px } .sideTOCMinimize .tocActions { BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; LEFT: -24px; PADDING-RIGHT: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px } .sideTOCMinimize .tocActions A { MARGIN: -1px 0px 0px; DISPLAY: block } .tocBottom_pullExpanded { LEFT: 228px } .tocBottom_pullCollapsed { LEFT: 18px } .tocSide_pullExpanded { LEFT: 222px; TOP: 4px } .tocSide_pullCollapsed { LEFT: 13px } .sideTOC_panel { PADDING-LEFT: 201px } .sideTOC_panelMin { PADDING-LEFT: 21px } .sideTOC_panelMax { PADDING-LEFT: 351px } .tocBottom_min { PADDING-BOTTOM: 30px } .tocBottom_max { PADDING-BOTTOM: 330px } .tocBottom_open { PADDING-BOTTOM: 160px } .tocBottom_open .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .tocBottom_max .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .tocBottom_min .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .sideTOC_panel .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .sideTOC_panelMax .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .sideTOC_panelMin .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .localViewToggle { BACKGROUND: #eee; ZOOM: 1; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .filePickerWidget .localViewToggle { BACKGROUND: none transparent scroll repeat 0% 0% } .localViewToggle UL { PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; -webkit-box-shadow: 1px 0 0 #fafafa inset; -moz-box-shadow: 1px 0 0 #fafafa inset; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .localViewToggle UL LI { FLOAT: right } .localViewToggle UL LI.active { POSITION: relative } .localViewToggle A { FONT-SIZE: 90%; TEXT-DECORATION: none; TEXT-TRANSFORM: inherit; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 15px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 15px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px } .localViewToggle A:hover { TEXT-DECORATION: underline } .localViewToggle .active A:hover { TEXT-DECORATION: none } .localViewToggle A.active { BORDER-TOP: 0px; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: bold; COLOR: #333; MARGIN: 0px; BORDER-LEFT: #ddd 1px solid } DIV.localViewToggle H2 { BORDER-TOP: 0px; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: bold; COLOR: #333; MARGIN: 0px; BORDER-LEFT: #ddd 1px solid } .localViewToggle A.active:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #ccc 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; Z-INDEX: 3; DISPLAY: block; BOTTOM: 0px } DIV.localViewToggle H2:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #ccc 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; Z-INDEX: 3; DISPLAY: block; BOTTOM: 0px } .localViewToggle A.active:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #ccc 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; Z-INDEX: 3; DISPLAY: block; BOTTOM: 0px } DIV.localViewToggle H2:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #ccc 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; Z-INDEX: 3; DISPLAY: block; BOTTOM: 0px } .localViewToggle A.active:after { BORDER-BOTTOM-COLOR: #eee; Z-INDEX: 4; BOTTOM: -1px } DIV.localViewToggle H2:after { BORDER-BOTTOM-COLOR: #eee; Z-INDEX: 4; BOTTOM: -1px } .filePickerWidget .localViewToggle A.active:after { BORDER-BOTTOM-COLOR: #d1eaef } .localViewToggle .separator { PADDING-LEFT: 6px; MARGIN-LEFT: 6px; BORDER-LEFT: #d7bb66 1px dotted } .localViewToggle A.miniComboButton { TEXT-DECORATION: none !important; BORDER-TOP: #d7bb66 1px solid; BORDER-RIGHT: #d7bb66 1px solid; BACKGROUND: url(images/controls.png) #f5e7bd no-repeat -1px -500px; BORDER-BOTTOM: #d7bb66 1px solid; COLOR: #444; BORDER-LEFT: #d7bb66 1px solid; PADDING-RIGHT: 16px } .containerTabs { FONT-SIZE: 100%; MARGIN: 6px 24px 0px } .containerTabs LI { POSITION: relative; FLOAT: left } .containerTabs LI A { FONT-SIZE: 100%; TEXT-DECORATION: none; WHITE-SPACE: nowrap; PADDING-BOTTOM: 12px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px; BORDER-LEFT: #ccc 1px dotted; DISPLAY: block; PADDING-RIGHT: 18px } .containerTabs LI H3 { FONT-SIZE: 100%; TEXT-DECORATION: none; WHITE-SPACE: nowrap; PADDING-BOTTOM: 12px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px; BORDER-LEFT: #ccc 1px dotted; DISPLAY: block; PADDING-RIGHT: 18px } .containerTabs LI:first-child A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .containerTabs LI H3 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .containerTabs .active A { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #000 } .containerTabs .active A:hover { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #000 } .containerTabs .active A:focus { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #000 } .containerTabs .active H3 { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #000 } .containerTabs .active A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 9px solid; BORDER-BOTTOM: #ccc 9px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 9px solid; DISPLAY: block; BOTTOM: 0px } .containerTabs .active A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 9px solid; BORDER-BOTTOM: #ccc 9px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 9px solid; DISPLAY: block; BOTTOM: 0px } .containerTabs .active H3:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 9px solid; BORDER-BOTTOM: #ccc 9px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 9px solid; DISPLAY: block; BOTTOM: 0px } .containerTabs .active H3:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 9px solid; BORDER-BOTTOM: #ccc 9px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 9px solid; DISPLAY: block; BOTTOM: 0px } .containerTabs .active A:after { MARGIN-BOTTOM: -1px; BORDER-BOTTOM-COLOR: #fff; Z-INDEX: 2 } .containerTabs .active H3:after { MARGIN-BOTTOM: -1px; BORDER-BOTTOM-COLOR: #fff; Z-INDEX: 2 } .containerTabs .tabhead H3 { COLOR: #555; PADDING-BOTTOM: 12px; PADDING-TOP: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 18px } .collapseTabs .containerTabs .active A:after { BORDER-BOTTOM-COLOR: #d1eaef } .collapseTabs .containerTabs .active A:before { CONTENT: none } .portlet .containerTabs { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 8px; PADDING-LEFT: 0px; MARGIN: 6px 0px 0px; PADDING-RIGHT: 0px } .portlet .containerTabs LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .portlet .containerTabs LI A { PADDING-BOTTOM: 9px; PADDING-TOP: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .portlet .containerTabs .active A { MARGIN: 0px } .collapseTabs .containerTabs { MARGIN: 0px } .portlet .containerTabs .active A:before { BORDER-LEFT-WIDTH: 7px; BORDER-TOP: 0px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -4px; LEFT: 50% } .portlet .containerTabs .active A:after { BORDER-LEFT-WIDTH: 7px; BORDER-TOP: 0px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -4px; LEFT: 50% } .portlet .containerTabs .active A:before { BORDER-BOTTOM-COLOR: #ddd } .portlet .containerTabs .active A:after { BORDER-BOTTOM-COLOR: #fff4bf; BOTTOM: -1px } .mapTabs { BORDER-TOP: #aaa 1px solid; BACKGROUND: #d1eaef; POSITION: relative; CLEAR: both; MARGIN: 20px -30px 0px; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) inset } .lesson-plan-page .mapTabs { MARGIN-TOP: 0px; TOP: 20px } .evidence-page .mapTabs { MARGIN-TOP: 0px; TOP: 20px } .evidence-page .mapTabs { BORDER-BOTTOM: #bbb 1px solid } .evidence-page .mapTabs LI:before { BORDER-TOP: transparent 23px solid; BORDER-RIGHT: medium none; BORDER-BOTTOM: transparent 23px solid; POSITION: absolute; CONTENT: ""; LEFT: 0px; BORDER-LEFT: #d1eaef 12px solid; Z-INDEX: 101; DISPLAY: block; TOP: 0px } .evidence-page .mapTabs LI:after { BORDER-TOP: transparent 23px solid; BORDER-RIGHT: medium none; BORDER-BOTTOM: transparent 23px solid; POSITION: absolute; CONTENT: ""; LEFT: 0px; BORDER-LEFT: #d1eaef 12px solid; Z-INDEX: 101; DISPLAY: block; TOP: 0px } .evidence-page .mapTabs LI:before { BORDER-TOP: transparent 23px solid; BORDER-RIGHT: medium none; BORDER-BOTTOM: transparent 23px solid; POSITION: absolute; CONTENT: ""; LEFT: 1px; BORDER-LEFT: #bbb 12px solid; Z-INDEX: 100; DISPLAY: block; TOP: 0px } .evidence-page .mapTabs LI.active + LI:after { BORDER-LEFT-COLOR: #eaeaea } .evidence-page .mapTabs LI:first-child:before { DISPLAY: none } .evidence-page .mapTabs LI:first-child:after { DISPLAY: none } .evidence-page .mapTabs LI A { PADDING-LEFT: 30px } .evidence-page .mapTabs LI.active H3 { PADDING-LEFT: 30px } .mapTabs UL { MARGIN-LEFT: 0px; MARGIN-TOP: 0px } DIV.mapTabs UL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .mapTabs UL LI.active H3 { FONT-SIZE: 100%; BACKGROUND: #eaeaea; POSITION: relative; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 14px; MARGIN: 0px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 14px } .mapTabs UL LI.active H3:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #aaa 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; DISPLAY: block; BOTTOM: 0px } .mapTabs UL LI.active H3:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #aaa 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; DISPLAY: block; BOTTOM: 0px } .mapTabs UL LI.active H3:after { BORDER-BOTTOM-COLOR: #eaeaea; BOTTOM: -1px } .mapTabs UL LI:first-child.active H3:after { MARGIN-LEFT: 0px } .mapTabs UL LI:first-child.active H3:before { MARGIN-LEFT: 0px } .lesson-plan-page .mapTabs UL LI.active H3:after { BORDER-BOTTOM-COLOR: #555; BOTTOM: 0px } .hierarchy-page .mapTabs UL LI.active H3:after { BORDER-BOTTOM-COLOR: #555; BOTTOM: 0px } .lesson-plan-page .mapTabs UL LI.active H3:before { DISPLAY: none } .hierarchy-page .mapTabs UL LI.active H3:before { DISPLAY: none } .evidence-page .mapTabs UL LI.active H3:after { BORDER-BOTTOM-COLOR: #fff } .mapTabs UL LI A { FONT-SIZE: 100%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #01869e; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 14px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 14px } .mapTabs UL LI A:hover { TEXT-DECORATION: underline } .mapTabs UL LI SPAN:hover { BORDER-BOTTOM-STYLE: solid } .mapTabs A.inprogress { BACKGROUND: url(images/workflow_detail_active.gif) no-repeat 9px 33%; PADDING-LEFT: 32px } .mapTabs LI:first-child A.inprogress { BACKGROUND: url(images/workflow_detail_active.gif) no-repeat 9px 33%; PADDING-LEFT: 32px } .mapTabs A.complete { BACKGROUND: url(images/workflow_detail_complete2.gif) no-repeat 9px 50%; PADDING-LEFT: 32px } .mapTabs LI:first-child A.complete { BACKGROUND: url(images/workflow_detail_complete2.gif) no-repeat 9px 50%; PADDING-LEFT: 32px } .mapTabs LI:first-child A.complete { BACKGROUND-POSITION: 30px 50%; PADDING-LEFT: 54px } .mapTabs UL LI:first-child A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-LEFT: 30px; BORDER-LEFT: 0px } .mapTabs UL LI:first-child H3 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-LEFT: 30px; BORDER-LEFT: 0px } .mapTabs UL LI DIV { PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 12px; DISPLAY: none; PADDING-RIGHT: 12px } .mapTabs UL LI.saveTab A { DISPLAY: none } UL.containerTabs LI.saveTab IMG { DISPLAY: none } .mapTabs UL LI.saveFadeIn { FILTER: alpha(opacity=0); opacity: 0 } .mapTabs UL LI.saveTab DIV { BACKGROUND: url(images/tab_receipt_back.gif) #44b10e repeat-x center bottom; FONT-WEIGHT: bold; COLOR: white; PADDING-BOTTOM: 6px; PADDING-TOP: 5px; PADDING-LEFT: 12px; DISPLAY: block; PADDING-RIGHT: 12px } DIV.mapHelp { BACKGROUND: #fff1c5; PADDING-BOTTOM: 0px; PADDING-TOP: 4px; PADDING-LEFT: 12px; MARGIN: -1px 0px 0px; PADDING-RIGHT: 12px } UL.setStatus { LIST-STYLE-TYPE: none; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 15px 0px 9px 30px; LIST-STYLE-IMAGE: none; BORDER-LEFT: #eee 1px solid; PADDING-RIGHT: 3px } UL.setStatus LI { FONT-SIZE: 95%; MARGIN: 0px 6px 0px 0px } UL.setStatus LI INPUT { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } UL.setStatus LI LABEL { BACKGROUND: url(images/workflow_detail_active.gif) no-repeat 1px 0px; PADDING-LEFT: 22px } UL.setStatus LI LABEL.complete { BACKGROUND: url(images/workflow_detail_complete.gif) no-repeat 1px 0px; PADDING-LEFT: 22px } FORM.mapCanvasForm DIV.steptitle { PADDING-LEFT: 0.8em; MARGIN: 15px 0px 0px 18px } FORM.mapCanvasForm H3.steptitle { PADDING-LEFT: 0.8em; MARGIN: 15px 0px 0px 18px } .mapTabs .containerTabs { BORDER-BOTTOM: 0px } #mapCanvasForm { MARGIN: 0px -30px } #mapCanvasForm #containerDiv { MARGIN: 20px 0px } .evidence-page .infoListWrapper H3 A.itemHead { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 22px; PADDING-RIGHT: 0px } .evidence-page .infoListWrapper H3 A.itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 22px; PADDING-RIGHT: 0px } .evidence-page .leftColumn-narrow { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; WIDTH: 26%; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: #eee 1px solid; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #f9f9f9; border-radius: 3px 3px 3px 3px } .evidence-page .leftColumn-wide { WIDTH: 69% } .sessionBox { WIDTH: 95% } .sessionBox .key-valueTable { } .sessionBox .key-valueTable TBODY TD { PADDING-RIGHT: 40px } .sessionBox .key-valueTable TBODY TH { PADDING-RIGHT: 40px } .evidence-page .criteriaSummary { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; PADDING-TOP: 12px; MARGIN: 0px; BORDER-LEFT: #eee 1px solid } .evidence-page .paletteItems LI { MARGIN-LEFT: 0px } .paneTabs { BORDER-TOP: 0px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; ZOOM: 1; MARGIN: -12px 0px 12px; BORDER-LEFT: #ccc 1px solid } .subtabs-framed .paneTabs { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .paneTabs UL { CLEAR: both } .paneTabs UL LI { POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; Z-INDEX: 200; PADDING-RIGHT: 0px } .paneTabs .active { POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .paneTabs A { TEXT-DECORATION: none; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 24px; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; PADDING-RIGHT: 24px } .paneTabs UL LI:first-child A { BORDER-LEFT: 0px } .paneTabs A:hover { TEXT-DECORATION: underline } .paneTabs .active A:hover { TEXT-DECORATION: none } .paneTabs .active A { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .active A:hover { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .active A:focus { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .activepersonal A { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .activepersonal A:hover { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .active H3 { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .active A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: transparent 8px solid; POSITION: absolute; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; DISPLAY: block } .paneTabs .active A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: transparent 8px solid; POSITION: absolute; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; DISPLAY: block } .paneTabs .active A:before { BORDER-BOTTOM: #ccc 8px solid; BOTTOM: 0px } .paneTabs .active A:after { BOTTOM: -1px } .paneTabs .activepersonal A { FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 16px; PADDING-RIGHT: 22px } .paneTabs .activepersonal A:hover { FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 16px; PADDING-RIGHT: 22px } .paneTabs .personal A { TEXT-DECORATION: none; BACKGROUND: #dedede; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 20px } .paneTabs .external A { BACKGROUND: url(images/small_external_content.gif) #dedede no-repeat 2px center; PADDING-LEFT: 20px } .paneTabs .external A:hover { BACKGROUND: url(images/small_external_content.gif) #fff1c5 no-repeat 2px center; PADDING-LEFT: 20px } .paneTabs .activepersonal A.paneTabOptions { RIGHT: 5px; POSITION: absolute !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=30); DISPLAY: inline; TOP: 4px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent; opacity: .3 } .paneTabs .personal A.paneTabOptions { RIGHT: 5px; POSITION: absolute !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=30); DISPLAY: inline; TOP: 4px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent; opacity: .3 } .paneTabs A.paneTabOptions { DISPLAY: none } .paneTabs .activepersonal:hover A.paneTabOptions { FILTER: alpha(opacity=100); opacity: 1 } .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; FILTER: alpha(opacity=0); opacity: 0 } .panelTabs { LIST-STYLE-TYPE: none; FONT-SIZE: 90%; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .panelTabs LI { BORDER-BOTTOM: medium none; POSITION: relative; FLOAT: right; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; TOP: 2px !important; PADDING-RIGHT: 0px !important } .panelTabs LI.active { Z-INDEX: 2 } .panelTabs LI A { TEXT-DECORATION: none; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; DISPLAY: inline-block; TOP: 0px !important; PADDING-RIGHT: 9px } .panelTabs LI.active A { TEXT-DECORATION: none; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; DISPLAY: inline-block; TOP: 0px !important; PADDING-RIGHT: 9px } .panelTabs LI A:hover { BACKGROUND-COLOR: #f6f6f6 } .panelTabs LI.active A { BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; COLOR: #333 } .panelTabs LI.active A.preview { BORDER-TOP: #ddd 2px solid; BORDER-RIGHT: #ddd 2px solid; BACKGROUND: #fff; BORDER-BOTTOM: 0px; BORDER-LEFT: #ddd 2px solid } .panelTabs LI.active A.edit { BORDER-BOTTOM: 0px; MARGIN: 0px } .collapseTabs { MARGIN-BOTTOM: 12px } .collapseTabsData { WORD-WRAP: break-word; BACKGROUND: #d1eaef; POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px; -moz-border-radius: 3px } .containerTabsCollapsed { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .collapseTabs LI A { TEXT-DECORATION: underline } .collapseTabs LI.active { Z-INDEX: 1000 } .sequenceMapHead { MARGIN: 6px 0px } .sequenceMapHead H3 { MARGIN: 12px 0px 6px } .sequenceMapHead P { FONT-SIZE: 95%; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; PADDING-RIGHT: 0px } DIV.sequenceMapHead DIV.actionBar { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: #fff7de; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } DIV.searchResultList-sortOptions { MARGIN-BOTTOM: 15px; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 10px; TEXT-ALIGN: right; PADDING-TOP: 10px; PADDING-LEFT: 10px; MIN-HEIGHT: 20px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #eee } DIV.searchResultList-sortOptionsCount { WIDTH: auto; FLOAT: left } DIV.dropzone { BORDER-TOP: #aaa 2px dashed; BORDER-RIGHT: #aaa 2px dashed; BORDER-BOTTOM: #aaa 2px dashed; BORDER-LEFT: #aaa 2px dashed; -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, .2) inset, -2px -2px 12px rgba(255, 255, 255, 0.6) inset; -moz-box-shadow: 2px 2px 12px rgba(0, 0, 0, .2) inset, -2px -2px 12px rgba(255, 255, 255, 0.6) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px } .container DIV.dropzone { TOP: 3px !important } .modalOverlay { HEIGHT: 100%; WIDTH: 100%; RIGHT: 0px; POSITION: fixed; LEFT: 0px; FILTER: alpha(opacity=1); Z-INDEX: 90; DISPLAY: none; TOP: 0px; BOTTOM: 0px; BACKGROUND-COLOR: #000; opacity: .01 } .nav .sub UL { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .gb_currView.nav .sub > UL { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .menumini UL { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .quickAddPal { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .keyboardAccess { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } SPAN.currentTags { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .liveArea { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .liveArea-slim { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .previewArea { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .jumptopage { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .panelTabs LI.active A.edit { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .panelTabs LI.active A.edit:hover { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .panelTabs LI.active A.edit:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .flyout { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .bcContent .flyout { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } UL.tree LI A + IMG + A:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } UL.tree LI IMG + IMG + A:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } DIV.treeContainer UL.tree LI A.itemActive { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } #learningUnitToc UL.tree LI A.itemActive { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } UL.tree LI A.itemActive { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } #loginLang UL { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .actionBar .mainButton .flyout { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .actionBar .secondaryButton .flyout { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .actionBar .mainButton UL { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .actionBarMicro .mainButton UL { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .actionBar :first-child.mainButton .flyout { MARGIN: 0px 0px 0px -2px } DIV.calPicker.quickAddPal { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px } UL.tree LI A + IMG + A:focus { -webkit-box-shadow: none; -moz-box-shadow: none } UL.tree LI IMG + IMG + A:focus { -webkit-box-shadow: none; -moz-box-shadow: none } DIV.treeContainer UL.tree LI A.itemActive { -webkit-box-shadow: none; -moz-box-shadow: none } #learningUnitToc UL.tree LI A.itemActive { -webkit-box-shadow: none; -moz-box-shadow: none } UL.tree LI A.itemActive { -webkit-box-shadow: none; -moz-box-shadow: none } UL.nestedList { -webkit-box-shadow: none; -moz-box-shadow: none } .liveArea { WIDTH: auto; POSITION: relative; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 14px; MARGIN: 0px 0px 5px; PADDING-RIGHT: 14px } .previewArea { WIDTH: auto; POSITION: relative; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 14px; MARGIN: 0px 0px 5px; PADDING-RIGHT: 14px } #addFolderForm { MARGIN: 0px -30px } UL.tree LI A + IMG + A:focus { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } UL.tree LI IMG + IMG + A:focus { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } DIV.treeContainer UL.tree LI A.itemActive { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } #learningUnitToc UL.tree LI A.itemActive { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } UL.tree LI A.itemActive { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } .builderItem .liveArea { POSITION: absolute; LEFT: 22px; Z-INDEX: 100; TOP: 12px } .previewArea { BORDER-TOP: #ddd 2px solid; BORDER-RIGHT: #ddd 2px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 2px solid; BORDER-LEFT: #ddd 2px solid; MARGIN-TOP: 0px } .jumptopage { POSITION: relative; PADDING-BOTTOM: 8px; TEXT-ALIGN: left; PADDING-TOP: 8px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } .jumptopage.inventory_paging { POSITION: relative; PADDING-BOTTOM: 8px; TEXT-ALIGN: left; PADDING-TOP: 8px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } .jumptopage LABEL { FONT-SIZE: 90% } .liveAreaTab { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } A.liveAreaTab { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } A.liveAreaTab:hover { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } A.liveAreaTab:focus { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .actionBar UL LI A.liveAreaTab:focus { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .actionBar UL LI.mainButton A.liveAreaTab { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .actionBar UL LI.secondaryButton A.liveAreaTab { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .panelTabs LI.active A.edit { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .panelTabs LI.active A.edit:hover { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .panelTabs LI.active A.edit:focus { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .actionBar UL LI.mainButton A.liveAreaTab { OVERFLOW: hidden } .actionBar UL LI.secondaryButton A.liveAreaTab { OVERFLOW: hidden } .liveArea-slim { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px } .smallControls { FONT-SIZE: 90%; MIN-WIDTH: 19em; MARGIN-TOP: 3px !important } .smallControls .stepHelp { FONT-SIZE: 100% !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .smallControls INPUT[type='text'] { WIDTH: 100%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .smallControls SELECT { WIDTH: 100%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .smallControls .label { WIDTH: 29% } .smallControls .field { WIDTH: 70% } .columnActions .nav .sub UL { MARGIN-TOP: 0px } .nav .sub UL { POSITION: absolute; DISPLAY: none } .nav .sub .flyout { POSITION: absolute; DISPLAY: none } .nav .sub UL LI { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .nav .sub UL UL { DISPLAY: block } .nav .sub .flyout UL { DISPLAY: block } .nav .sub:hover UL { LEFT: 0px; Z-INDEX: 101; TOP: 22px } .actionBarMicro .nav .sub:hover UL { LEFT: 0px; Z-INDEX: 101; TOP: 22px } .nav .sub:hover .flyout { LEFT: 0px; Z-INDEX: 101; TOP: 22px } .actionBarMicro .nav .sub:hover UL { TOP: 18px } .rumble_top .nav .sub:hover UL { TOP: 18px } .rumble .nav .sub:hover UL { TOP: 18px } .quickAddPal { WIDTH: auto } .quickAddColor { WIDTH: 311px } .quickAddColor A.genericButton { FLOAT: left; MARGIN: 2px 0px } .cmdiv { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px } .cmdiv UL { BORDER-TOP: #acc2df 1px dotted; BORDER-BOTTOM: 0px } .cmdiv UL:first-child { BORDER-TOP: medium none } .menumini UL:first-child { BORDER-TOP: medium none } .cmdiv UL[role='presentation']:first-child + UL { BORDER-TOP: medium none } .menumini UL[role='presentation']:first-child + UL { BORDER-TOP: medium none } .nav .sub UL LI A { WORD-WRAP: break-word; FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 190px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; OVERFLOW-Y: visible; BORDER-BOTTOM: 0px; WORD-BREAK: normal; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } .cmdiv A { WORD-WRAP: break-word; FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 190px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; OVERFLOW-Y: visible; BORDER-BOTTOM: 0px; WORD-BREAK: normal; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } .menumini A { WORD-WRAP: break-word; FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 190px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; OVERFLOW-Y: visible; BORDER-BOTTOM: 0px; WORD-BREAK: normal; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } #loginLang UL LI A { WORD-WRAP: break-word; FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 190px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; OVERFLOW-Y: visible; BORDER-BOTTOM: 0px; WORD-BREAK: normal; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } .cmdiv A { FONT-SIZE: 95%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .nav .sub UL LI A:hover { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .nav LI.sub UL LI A:focus { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .cmdiv A:hover { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .cmdiv A:focus { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .menumini A:hover { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .menumini A:focus { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } #loginLang UL LI A:hover { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } #loginLang UL LI A:focus { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .actionBarMicro .nav .sub UL LI A:hover { BACKGROUND-IMAGE: none } .paneTabs .nav .sub UL LI A:hover { BACKGROUND-IMAGE: none } .actionBarMicro .nav LI.sub UL LI A:focus { BACKGROUND-IMAGE: none } .paneTabs .nav .sub UL LI A:focus { BACKGROUND-IMAGE: none } .nav LI.sub UL LI A:focus { BACKGROUND-COLOR: #fff } .cmdiv A:focus { BACKGROUND-COLOR: #fff } .menumini A:focus { BACKGROUND-COLOR: #fff } .nav .sub UL LI:first-child A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .nav .sub UL LI:first-child A:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .nav .sub UL LI:first-child A:focus { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .rumble_top .nav .sub UL LI A { FILTER: none; BACKGROUND-COLOR: #d1eaef; box-shadow: none } .rumble .nav .sub UL LI A { FILTER: none; BACKGROUND-COLOR: #d1eaef; box-shadow: none } .nav .sub UL LI A:hover { BACKGROUND-COLOR: #fff } .paneTabs .nav .sub UL LI A { TEXT-ALIGN: left } .timediv UL LI A:hover { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .timediv UL LI A:focus { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .timediv UL LI A:focus { COLOR: #444; BACKGROUND-COLOR: #369 } .topGlobalLinks .nav .sub:hover UL { LEFT: 0px; Z-INDEX: 101; TOP: 0px } .topGlobalLinks .nav .sub:hover UL { RIGHT: 0px; LEFT: auto; Z-INDEX: 101; TOP: 0px } .cmdiv LI.contextmenubar_top { BACKGROUND-IMAGE: none; -webkit-box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .menumini LI.contextmenubar { BACKGROUND-IMAGE: none; -webkit-box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .cmdiv LI.contextmenubar_top A { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .cmdiv LI.contextmenubar_top A:focus { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .cmdiv LI.contextmenubar_top A:hover { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .currentTags A.closeCloud { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .currentTags A.closeCloud:hover { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .currentTags A.closeCloud:focus { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .cmdiv LI.contextmenubar_top A:focus { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 } .cmdiv LI.contextmenubar_top A:hover { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 } .currentTags A.closeCloud:hover { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 } .currentTags A.closeCloud:focus { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 } .currentTags A.closeCloud { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-border-radius: 0; -moz-border-radius: 0 } .quickAddPal H3 { FONT-SIZE: 105%; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 8px; PADDING-LEFT: 8px; MARGIN: 0px 0px 8px; PADDING-RIGHT: 8px } .keyboardAccess H3 { FONT-SIZE: 105%; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 8px; PADDING-LEFT: 8px; MARGIN: 0px 0px 8px; PADDING-RIGHT: 8px } .quickAddPal .quickAddPalHeader { FONT-SIZE: 105%; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 8px; PADDING-LEFT: 8px; MARGIN: 0px 0px 8px; PADDING-RIGHT: 8px } .quickAddPal .controls { PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 8px; PADDING-LEFT: 9px; CLEAR: both; MARGIN: 9px -4px 2px; PADDING-RIGHT: 9px } .keyboardAccess .controls { PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 8px; PADDING-LEFT: 9px; CLEAR: both; MARGIN: 9px -4px 2px; PADDING-RIGHT: 9px } .comText .controls { PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 8px; PADDING-LEFT: 9px; CLEAR: both; MARGIN: 9px -4px 2px; PADDING-RIGHT: 9px } .e_expandArea .controls { PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 8px; PADDING-LEFT: 9px; CLEAR: both; MARGIN: 9px -4px 2px; PADDING-RIGHT: 9px } .keyboardAccess P.paletteHelp { FONT-SIZE: 90%; BORDER-TOP: #fc0 1px solid; BORDER-RIGHT: #fc0 1px solid; BACKGROUND: #fff1c5; WHITE-SPACE: normal; BORDER-BOTTOM: #fc0 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 6px 9px; BORDER-LEFT: #fc0 1px solid; PADDING-RIGHT: 6px } .bcMenuDiv-1 { WIDTH: 190px } .bcMenuDiv-2 { WIDTH: 380px } .bcMenuDiv-3 { WIDTH: 570px } .bcMenuDiv-4 { WIDTH: 760px } .bcMenuDiv-5 { WIDTH: 950px } .flyout { PADDING-BOTTOM: 9px !important; PADDING-TOP: 9px !important; PADDING-LEFT: 12px !important; PADDING-RIGHT: 12px !important } .nav .sub .flyout DIV { POSITION: static; FLOAT: left; PADDING-BOTTOM: 6px; MARGIN: 0px; MIN-HEIGHT: 1px } .flyout H3 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 95% Georgia, serif; PADDING-LEFT: 0px; MARGIN: 9px 0px 0px 9px; LETTER-SPACING: 2px; PADDING-RIGHT: 0px } .flyout H3 .line { BORDER-TOP: #ccc 1px solid; HEIGHT: 1px } .flyout H3 .text { BACKGROUND: #d1eaef } .nav .sub .flyout UL { BORDER-TOP: #ccc 1px dotted; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; POSITION: static; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; Z-INDEX: 1000; PADDING-RIGHT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0 } .nav .sub .flyout DIV H3 + UL { BORDER-TOP: 0px } .nav .sub .flyout DIV UL:first-child { BORDER-TOP: 0px } .nav .sub .flyout A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; text-shadow: none } .nav .sub .flyout A:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; text-shadow: none } .nav .sub .flyout A:focus { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; text-shadow: none } .quickAddPal .colorlist { WIDTH: 288px; MARGIN: 6px 0px 9px 6px } .quickAddPal .stepcontent .colorlist LI { OVERFLOW: hidden; CURSOR: pointer; BORDER-TOP: #333 1px solid; HEIGHT: 14px; BORDER-RIGHT: #333 1px solid; WIDTH: 14px; BORDER-BOTTOM: #333 1px solid; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: #333 1px solid; PADDING-RIGHT: 0px } .quickAddPal .colorlist LI A { OVERFLOW: hidden; HEIGHT: 14px; WIDTH: 14px; DISPLAY: block } .quickAddPal .colorlist LI A:link { OVERFLOW: hidden; HEIGHT: 14px; WIDTH: 14px; DISPLAY: block } .quickAddPal .colorlist LI A:hover { BORDER-TOP: #333 1px solid; HEIGHT: 12px; BORDER-RIGHT: #333 1px solid; WIDTH: 12px; BORDER-BOTTOM: #333 1px solid; BORDER-LEFT: #333 1px solid } .quickAddPal .colorlist LI A:active { BORDER-TOP: #fff 2px solid; HEIGHT: 10px; BORDER-RIGHT: #fff 2px solid; WIDTH: 10px; BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid } .quickAddPal .colorlist LI A:focus { BORDER-TOP: #fff 2px solid; HEIGHT: 10px; BORDER-RIGHT: #fff 2px solid; WIDTH: 10px; BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid } .quickAddPal .colorlist LI A.whiteSwatch:active { BORDER-TOP: #ddd 2px solid; HEIGHT: 10px; BORDER-RIGHT: #ddd 2px solid; WIDTH: 10px; BORDER-BOTTOM: #ddd 2px solid; BORDER-LEFT: #ddd 2px solid } .quickAddPal .colorlist LI A.whiteSwatch:focus { BORDER-TOP: #ddd 2px solid; HEIGHT: 10px; BORDER-RIGHT: #ddd 2px solid; WIDTH: 10px; BORDER-BOTTOM: #ddd 2px solid; BORDER-LEFT: #ddd 2px solid } .quickAddPal .colorPreview { BACKGROUND: white; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .quickAddPal .colorPreview IMG { BORDER-TOP: #444 1px solid; HEIGHT: 42px; BORDER-RIGHT: #444 1px solid; WIDTH: 42px; BACKGROUND: black; BORDER-BOTTOM: #444 1px solid; FLOAT: left; MARGIN: 3px; BORDER-LEFT: #444 1px solid; DISPLAY: block } .quickAddPal .colorPreview DIV { WIDTH: 66%; FLOAT: left; MARGIN-LEFT: 3px } .quickAddPal .colorPreview SPAN { FONT-SIZE: 100%; COLOR: black; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } SPAN.title_color_name { COLOR: #666 } .receipt { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px 0px 6px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .warning { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px 0px 6px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .inlineDialog { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px 0px 6px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .contentPaneWide.tabbedPane .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 24px; MARGIN: -12px 0px 10px; BORDER-LEFT: 0px; Z-INDEX: 201; PADDING-RIGHT: 24px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px } .contentPane .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 16px; PADDING-TOP: 12px; PADDING-LEFT: 24px; MARGIN: 0px 0px -5px; BORDER-LEFT: 0px; Z-INDEX: 0; PADDING-RIGHT: 24px; -webkit-box-shadow: 0 -6px 9px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 -6px 9px rgba(0, 0, 0, 0.2) inset } .contentPaneWide .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 16px; PADDING-TOP: 12px; PADDING-LEFT: 24px; MARGIN: 0px 0px -5px; BORDER-LEFT: 0px; Z-INDEX: 0; PADDING-RIGHT: 24px; -webkit-box-shadow: 0 -6px 9px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 -6px 9px rgba(0, 0, 0, 0.2) inset } .container .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px 0px 6px; BORDER-LEFT: 0px; Z-INDEX: 0; DISPLAY: inline-block; PADDING-RIGHT: 12px; box-shadow: none } .receipt ~ #editmodeWrapper { Z-INDEX: 1 } .receipt ~ .contentBox { Z-INDEX: 1 } .sideTOC_panel .receipt ~ #editmodeWrapper { POSITION: static } .sideTOC_panel .receipt { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .tabbedPane .receipt A.close IMG { DISPLAY: none } .contentPane .receipt A.close IMG { DISPLAY: none } .contentPaneWide .receipt A.close IMG { DISPLAY: none } A.closeCopyright IMG { DISPLAY: none } .tabbedPane .receipt A.close { HEIGHT: 16px; WIDTH: 16px; RIGHT: 12px; TOP: 10px } .contentPane .receipt A.close { HEIGHT: 16px; WIDTH: 16px; RIGHT: 12px; TOP: 10px } .contentPaneWide .receipt A.close { HEIGHT: 16px; WIDTH: 16px; RIGHT: 12px; TOP: 10px } .receipt A.close:before { FONT: 18px/1 "Utilicons"; CONTENT: "X" } A.closeCopyright:before { FONT: 18px/1 "Utilicons"; CONTENT: "X" } A.closeCopyright:before { } .receipt A.close:hover:before { COLOR: #fff } A.closeCopyright:hover:before { COLOR: #fff } .inlineDialog { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px } .inlineReceipt { POSITION: absolute; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 6px 0px; DISPLAY: none; PADDING-RIGHT: 9px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .miniReceipt { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; POSITION: absolute; COLOR: #fff; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 12px; BORDER-LEFT: #bbb 1px solid; Z-INDEX: 300; PADDING-RIGHT: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .bad { FONT-WEIGHT: bold; COLOR: #fff } .good { FONT-WEIGHT: bold; COLOR: #fff } .removing { FONT-WEIGHT: bold; COLOR: #fff } .adding { FONT-WEIGHT: bold; COLOR: #fff } .infoReceipt { FONT-WEIGHT: bold; COLOR: #fff } .brokenFileLink { FONT-WEIGHT: bold; COLOR: #fff } .portlet SPAN.warning.due { FONT-WEIGHT: bold; COLOR: #fff } .good A.areceipt { FONT-WEIGHT: bold; COLOR: #fff } .bad A.areceipt { FONT-WEIGHT: bold; COLOR: #fff } .bad { BORDER-TOP-COLOR: #bf1b17; BACKGROUND: #ef312c; BORDER-LEFT-COLOR: #bf1b17; BORDER-BOTTOM-COLOR: #bf1b17; BORDER-RIGHT-COLOR: #bf1b17 } .removing { BORDER-TOP-COLOR: #bf1b17; BACKGROUND: #ef312c; BORDER-LEFT-COLOR: #bf1b17; BORDER-BOTTOM-COLOR: #bf1b17; BORDER-RIGHT-COLOR: #bf1b17 } .brokenFileLink { BORDER-TOP-COLOR: #bf1b17; BACKGROUND: #ef312c; BORDER-LEFT-COLOR: #bf1b17; BORDER-BOTTOM-COLOR: #bf1b17; BORDER-RIGHT-COLOR: #bf1b17 } .portlet SPAN.warning.due { BORDER-TOP-COLOR: #bf1b17; BACKGROUND: #ef312c; BORDER-LEFT-COLOR: #bf1b17; BORDER-BOTTOM-COLOR: #bf1b17; BORDER-RIGHT-COLOR: #bf1b17 } .container .warningReceipt { PADDING-RIGHT: 24px } .warningReceipt { BORDER-TOP-COLOR: #fc3; BACKGROUND: #ffa500; BORDER-LEFT-COLOR: #fc3; FONT-WEIGHT: normal; COLOR: #000; BORDER-BOTTOM-COLOR: #fc3; BORDER-RIGHT-COLOR: #fc3 } .warningReceipt A.areceipt { BORDER-TOP-COLOR: #fc3; BACKGROUND: #ffa500; BORDER-LEFT-COLOR: #fc3; FONT-WEIGHT: normal; COLOR: #000; BORDER-BOTTOM-COLOR: #fc3; BORDER-RIGHT-COLOR: #fc3 } .warningReceipt A.close:before { } .contentPane .warningReceipt A.close { RIGHT: 5px; TOP: 5px } .warningReceipt A.close:hover:before { } .good { BORDER-TOP-COLOR: #4f7f0f; BACKGROUND: #6b9f27; BORDER-LEFT-COLOR: #4f7f0f; BORDER-BOTTOM-COLOR: #4f7f0f; BORDER-RIGHT-COLOR: #4f7f0f } .adding { BORDER-TOP-COLOR: #4f7f0f; BACKGROUND: #6b9f27; BORDER-LEFT-COLOR: #4f7f0f; BORDER-BOTTOM-COLOR: #4f7f0f; BORDER-RIGHT-COLOR: #4f7f0f } .infoReceipt { BORDER-TOP-COLOR: #62758f; BACKGROUND: #6d8aaf; BORDER-LEFT-COLOR: #62758f; BORDER-BOTTOM-COLOR: #62758f; BORDER-RIGHT-COLOR: #62758f } .infoAlert { MARGIN-BOTTOM: -1px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 24px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 24px; BACKGROUND-COLOR: #f0f0f0; border-radius: 4px 4px 0 0 } .infoAlert SPAN { BORDER-TOP: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; MIN-HEIGHT: 35px; DISPLAY: block; PADDING-RIGHT: 140px } .infoAlert SPAN:first-child { BORDER-TOP: 0px } .infoAlert A { FONT-WEIGHT: bold; COLOR: #01758c } .infoAlert .button-1 { RIGHT: 0px; POSITION: absolute; COLOR: #fff; MARGIN-TOP: -15px; TOP: 50% } .attention { BORDER-LEFT-WIDTH: 2px; BORDER-RIGHT-WIDTH: 2px; BORDER-TOP-COLOR: #fc3; BACKGROUND: #fff4bf; BORDER-BOTTOM-WIDTH: 2px; BORDER-LEFT-COLOR: #fc3; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 4px; BORDER-BOTTOM-COLOR: #fc3; PADDING-TOP: 4px; PADDING-LEFT: 12px; MARGIN: 0px 0px 0px 10px; BORDER-RIGHT-COLOR: #fc3; PADDING-RIGHT: 12px; BORDER-TOP-WIDTH: 2px } .removing { FONT-WEIGHT: normal } .adding { FONT-WEIGHT: normal } .brokenFileLink { FONT-WEIGHT: normal } .portlet SPAN.warning.due { FONT-WEIGHT: normal } .brokenFileLink { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; BORDER-BOTTOM: #bf1b17 1px solid; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px } .portlet SPAN.warning.due { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; BORDER-BOTTOM: #bf1b17 1px solid; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px } .infoBox { BORDER-TOP: #afdf61 1px solid; BORDER-RIGHT: #afdf61 1px solid; BORDER-BOTTOM: #afdf61 1px solid; PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 6px 0px; BORDER-LEFT: #afdf61 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .infoBox > .message { MARGIN-BOTTOM: 4px; DISPLAY: block } .info-ok { BORDER-TOP-COLOR: #afdf61; BACKGROUND: #d9efa4; BORDER-LEFT-COLOR: #afdf61; COLOR: #360; BORDER-BOTTOM-COLOR: #afdf61; BORDER-RIGHT-COLOR: #afdf61 } .nestedReceipt { PADDING-BOTTOM: 12px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 12px !important; MARGIN: 0px 20% 6px 0px; Z-INDEX: 1001; PADDING-RIGHT: 30px !important } [id*='receipt_nested'].receipt { PADDING-RIGHT: 28px } .columnMsgWrapper { MARGIN-LEFT: 60% } .columnMsgWrapper .column-2 { MIN-HEIGHT: 1px } .smsIssue { POSITION: relative; MARGIN: 3px 3px 9px } .t2vIssue { POSITION: relative; MARGIN: 3px 3px 9px } .bubbleStem-bottom-center { BORDER-TOP: #fc3 12px solid; HEIGHT: 0px; BORDER-RIGHT: transparent 10px solid; WIDTH: 0px; BORDER-BOTTOM: 0px; POSITION: absolute; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; BOTTOM: -12px } .nextStepsReceipt { BORDER-TOP: #ccc 1px solid; BACKGROUND-IMAGE: url(images/reorder_bg.png); POSITION: relative; COLOR: #545454; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 10px -30px -20px; LINE-HEIGHT: 1.4; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #eee; -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .03) inset, 1px 1px 1px rgba(255, 255, 255, 0.3); -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .03) inset, 1px 1px 1px rgba(255, 255, 255, 0.3); box-shadow: 1px 1px 7px rgba(0, 0, 0, .03) inset, 1px 1px 1px rgba(255, 255, 255, 0.3) } .nextStepsText { BACKGROUND: #fefefe; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; MARGIN: 0px 0px 0px 20px; PADDING-RIGHT: 12px } .nextStepsText H5 { MIN-WIDTH: 6em; COLOR: #545454; DISPLAY: inline-block; LINE-HEIGHT: 2em } .receiptCollapsed { FONT-SIZE: 90%; POSITION: relative } .external-breadcrumbs .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 0px; DISPLAY: inline-block; TOP: -9px; box-shadow: none } .stepcontent LI.fieldError { BACKGROUND: #fff1c5; BORDER-BOTTOM: #fff 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px } .stepcontent LI.fieldError .fieldErrorText { FONT-WEIGHT: bold; COLOR: red } SPAN.warningMsg { FONT-WEIGHT: bold; COLOR: red } SPAN.warningMsg { MARGIN-LEFT: 0px; DISPLAY: inline } .criteriaSummary { BACKGROUND: #f9f9f9; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-LEFT: 12px; MARGIN: 0px -28px 0px 0px } #bb-question-discover H2 { FONT-SIZE: 110% } #filterContainer H2 { MARGIN-LEFT: 14px } #filterContainer .columnActions { MARGIN-LEFT: 14px } .criteriaSummary H3 { FONT-SIZE: 100%; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 6px 0px 3px; PADDING-RIGHT: 0px } .criteriaSummary .hidden { DISPLAY: none; VISIBILITY: hidden } .criteriaSummary UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .criteriaSummary UL LI { FONT-SIZE: 90%; WHITE-SPACE: nowrap; FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 9px; MARGIN: 0px 1px; PADDING-RIGHT: 0px; border-radius: 12px } .criteriaSummary UL LI:first-child { MARGIN-LEFT: 0px } .criteriaSummary UL LI STRONG { FLOAT: left; FONT-WEIGHT: normal; COLOR: #aaa; MARGIN: 0px; DISPLAY: block } .receipt-highlight { BACKGROUND: #fff4bf; box-shadow: 0 0 4px #fff } .receipt-default { BACKGROUND: none transparent scroll repeat 0% 0%; box-shadow: none } .criteriaSummary UL LI STRONG:before { FONT-SIZE: 120%; POSITION: relative; FONT-WEIGHT: bold; COLOR: #aaa; CONTENT: "+"; LEFT: -2px; LINE-HEIGHT: 1 } .criteriaSummary UL LI SPAN { BACKGROUND: #ddd; WHITE-SPACE: nowrap; FLOAT: left; COLOR: #333; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 5px; MARGIN: 0px 3px; DISPLAY: block; PADDING-RIGHT: 5px; border-radius: 12px } .criteriaSummary UL LI A { BACKGROUND: #ddd; WHITE-SPACE: nowrap; FLOAT: left; COLOR: #333; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 5px; MARGIN: 0px 3px; DISPLAY: block; PADDING-RIGHT: 5px; border-radius: 12px } .criteriaSummary UL LI SPAN { MARGIN-LEFT: 0px } .criteriaSummary UL LI STRONG + SPAN { MARGIN-LEFT: 3px } .criteriaSummary UL LI A { TEXT-DECORATION: none; BACKGROUND: url(../../../images/ci/icons/delete_li.gif) #eee no-repeat 96% 2px; PADDING-RIGHT: 18px } .search-element { BACKGROUND: #f9f9f9; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 9px; PADDING-RIGHT: 3px } .search-element H2 { OVERFLOW: hidden; FONT-SIZE: 100%; HEIGHT: 22px; WIDTH: 0px; VERTICAL-ALIGN: middle; FONT-WEIGHT: normal; MARGIN: 0px; DISPLAY: inline-block; LINE-HEIGHT: 1 } .search-element H2:before { VERTICAL-ALIGN: middle; POSITION: relative; COLOR: #aaa; FONT: 17px/1 "Utilicons"; CONTENT: "F"; MARGIN: 0px 3px 6px 0px; TOP: 2px } .search-element INPUT[type='text'] { WIDTH: 60%; -moz-appearance: searchfield; -webkit-appearance: searchfield } .calPicker { Z-INDEX: 1500 !important } .calPicker .calHead { POSITION: relative; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .calPicker H3 { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 40px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px } .calPicker .previous { POSITION: absolute; LEFT: 2px; TOP: 2px } .calPicker .next { RIGHT: 2px; POSITION: absolute; TOP: 2px } .calPicker DIV.calFoot { PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 6px; PADDING-LEFT: 3px; CLEAR: both; PADDING-RIGHT: 3px } .calPicker A.contextmenubar { PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px } .calPicker A.contextmenubar:hover { PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px } .timediv { PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 4px; PADDING-RIGHT: 0px } .timediv UL { OVERFLOW: auto; HEIGHT: 200px; WIDTH: 8em } .timediv UL LI.contextmenubar_top { WIDTH: 114px; TOP: -18px } .timediv UL LI A { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .csPicker { FONT-SIZE: 95%; MIN-WIDTH: 300px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 12px } .csPicker .actionBar { FONT-SIZE: 110% } .csPicker .localViewToggle { FONT-SIZE: 110% } .csPicker .contentPaneWide { MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px } .csPicker .breadcrumbs { MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px } .csPicker .itemTray { Z-INDEX: 1000 } .csPicker .itemTray .taskbuttondiv { FONT-SIZE: 105%; MARGIN: 0px } .csPicker .itemTray H3 { FONT-SIZE: 115% } .csPicker #titleicon + H1 { MARGIN-TOP: 2px } .csPicker .itemTray #numberOfElements { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DIV.lb-overlay { BACKGROUND-COLOR: #000 } DIV.lb-wrapper DIV.lb-header { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #dedede; BORDER-BOTTOM: #ccc 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#dedede); BORDER-LEFT: 0px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0 } DIV.lb-wrapper DIV.lb-header A IMG { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } DIV.lb-wrapper DIV.lb-content { BACKGROUND-COLOR: #fff } DIV.lb-wrapper DIV.lb-content DIV.lb-loading { BACKGROUND: url(/images/ci/misc/progress/progress_learningSystem.gif) no-repeat center center } .lb-wrapper .contentBox { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; box-shadow: none } .lb-wrapper #dataCollectionContainer { MARGIN: 0px } .lb-wrapper .contentPaneWide { MARGIN: 0px } .portalPane { MARGIN: 0px } #lightboxWrapper { RIGHT: 0px; POSITION: absolute; LEFT: 0px; Z-INDEX: 1001; TOP: 0px } #lightboxWrapper-inner { WIDTH: 100%; POSITION: relative; TEXT-ALIGN: center; LEFT: 0px; Z-INDEX: 1002; TOP: 0px } #lightbox { POSITION: relative; TEXT-ALIGN: left; LEFT: auto; MARGIN: 40px 0px 0px; Z-INDEX: 1003; DISPLAY: block; TOP: auto } #lightbox #lightboxContent { BORDER-TOP: #333 2px solid; BORDER-RIGHT: #333 2px solid; WIDTH: 600px; BORDER-BOTTOM: #333 2px solid; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px auto; BORDER-LEFT: #333 2px solid; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.7); -webkit-border-radius: 5px; -moz-border-radius: 5px } .lb-container { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MIN-HEIGHT: 0px !important; PADDING-RIGHT: 12px } .lb-content .container { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MIN-HEIGHT: 0px !important; PADDING-RIGHT: 12px } #overlay { HEIGHT: 100%; WIDTH: 100%; RIGHT: 0px; POSITION: fixed; LEFT: 0px; FILTER: alpha(opacity=30); Z-INDEX: 1000; DISPLAY: none; TOP: 0px; BOTTOM: 0px; BACKGROUND-COLOR: #000; opacity: .30 } .done#lightbox #lbLoadMessage { DISPLAY: none } .done#lightbox #lbContent { DISPLAY: block } .loading#lightbox #lbContent { DISPLAY: none } .loading#lightbox #lbLoadMessage { DISPLAY: block } .avatar { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; MARGIN: auto; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 4px } .myavatar { OVERFLOW: hidden; MARGIN-BOTTOM: 12px; MAX-HEIGHT: 150px } #lightbox .tallPara { PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 10px } #lightbox UL { MARGIN: 4px 0px 12px } #lightbox UL LI { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #lightbox UL LI A:hover { TEXT-DECORATION: underline } DIV.lbContainer P.taskButtonsContent { MARGIN: 12px 0px 6px } .toBeRemoved { TEXT-DECORATION: line-through; BACKGROUND: #f0f0f0; COLOR: #666 } .toBeRemoved > TD { TEXT-DECORATION: line-through; BACKGROUND: #f0f0f0; COLOR: #666 } .unsavedItem { BACKGROUND-IMAGE: url(../../../images/ci/ng/unsaved_changes.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 50%; PADDING-LEFT: 18px; BACKGROUND-COLOR: #fff1c5 } .unsavedItem TD:first-child { BACKGROUND-IMAGE: url(../../../images/ci/ng/unsaved_changes.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 50%; PADDING-LEFT: 18px; BACKGROUND-COLOR: #fff1c5 } .unsavedItem TD { BACKGROUND-IMAGE: none } A.selectedItem { BORDER-TOP: #9bb4cf 2px solid; BORDER-RIGHT: #9bb4cf 2px solid; BACKGROUND: #eff6ff; BORDER-BOTTOM: medium none; POSITION: relative; COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 4px; BORDER-LEFT: #9bb4cf 2px solid; Z-INDEX: 10001; TOP: 3px; PADDING-RIGHT: 4px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0 } A.selectedItem:focus { BORDER-TOP: #9bb4cf 2px solid; BORDER-RIGHT: #9bb4cf 2px solid; BACKGROUND: #eff6ff; BORDER-BOTTOM: medium none; POSITION: relative; COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 4px; BORDER-LEFT: #9bb4cf 2px solid; Z-INDEX: 10001; TOP: 3px; PADDING-RIGHT: 4px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0 } TR.inEditMode-row { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } TR.inEditMode-row TD { BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 0px solid; BORDER-BOTTOM: #ccc 2px solid; PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 0px !important; BORDER-LEFT: #ccc 0px solid; PADDING-RIGHT: 0px !important } #dataCollectionContainer { MARGIN: -20px -30px 0px } .popup #dataCollectionContainer { MARGIN: -12px -20px } DIV#dataCollectionContainer DIV.contentBlock { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventoryListContainerDiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #bb-question-discover .inventoryListContainerDiv { PADDING-LEFT: 12px } .picker .inventoryListContainerDiv { PADDING-LEFT: 12px } .blogContainer .inventoryListContainerDiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV[id*='step'] { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } .submittitle { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } #infoStep { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } #taskStatusStep { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } #linkedContentStep { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } DIV[id*='stepcontent'] { BORDER-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 48px; PADDING-RIGHT: 0px } .steptitle { FONT-SIZE: 125%; POSITION: relative; COLOR: #5ca1e3; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 18px; PADDING-RIGHT: 0px } .submittitle { FONT-SIZE: 125%; POSITION: relative; COLOR: #5ca1e3; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 18px; PADDING-RIGHT: 0px } H3.steptitle { CLEAR: both; DISPLAY: block } .submittitle { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 24px } .steptitle SPAN { FONT-SIZE: 140%; WIDTH: 1.5em; COLOR: #939393; TEXT-ALIGN: right; DISPLAY: inline-block; LINE-HEIGHT: 1 } .submittitle SPAN { FONT-SIZE: 140%; WIDTH: 1.5em; COLOR: #939393; TEXT-ALIGN: right; DISPLAY: inline-block; LINE-HEIGHT: 1 } .submittitle SPAN { MARGIN-RIGHT: 3px } #toolSettingsForm .steptitle SPAN { DISPLAY: none } #toolSettingsForm .stepcontent { PADDING-LEFT: 20px } #toolSettingsForm .steptitle { PADDING-LEFT: 9px } #toolSettingsForm .submittitle.steptitle { PADDING-LEFT: 27px } H3.noNumber { PADDING-BOTTOM: 5px; PADDING-TOP: 4px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .stepcontent { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px } .stepcontent LI { MARGIN-BOTTOM: 6px; PADDING-BOTTOM: 6px } .stepcontent LI.required { COLOR: #000 } .stepcontent OL LI DIV.label { FONT-WEIGHT: normal } .stepcontent LI LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .stepcontent LI:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .stepcontent .stepHelp { FONT-SIZE: 105%; FONT-FAMILY: Georgia, serif; BORDER-BOTTOM: medium none; COLOR: #666; PADDING-BOTTOM: 4px; FONT-STYLE: italic; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .stepHelp { FONT-SIZE: 105%; FONT-FAMILY: Georgia, serif; BORDER-BOTTOM: medium none; COLOR: #666; PADDING-BOTTOM: 4px; FONT-STYLE: italic; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .stepcontent .stepHelp:focus { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #000 } .stepcontent .fieldHelp { FONT-SIZE: 100%; COLOR: #666; PADDING-BOTTOM: 8px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } A.browse + .fieldHelp { PADDING-TOP: 9px } .stepcontent .nonHelp { FONT-SIZE: 95%; COLOR: #000 } .stepcontent .nestedList LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .nestedListSmall LI { FONT-SIZE: 90% } .nestedSubList { MARGIN: 6px 6px 6px 30px } .stepLite { PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .columnStep .column-3 { MIN-HEIGHT: 200px } .columnStep .column-3 TABLE.attachments { FONT-SIZE: 90% } .columnStep DIV H3 { MARGIN: 6px } .columnStep DIV DIV { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } OL.nestedList LI DIV.imgLabel { WIDTH: auto } OL.nestedList LI DIV.imgLabel SPAN.fileName { FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 6px } OL.nestedList LI DIV.imgLabel SPAN.control { DISPLAY: inline } #title_color_value { PADDING-TOP: 6px } DIV.label { WORD-WRAP: break-word; MAX-WIDTH: 15em; WIDTH: 20%; MIN-WIDTH: 6em; POSITION: relative; FLOAT: left; MARGIN: 0px 0px 3px } DIV.gb_gridCell_inner H3.label { WORD-WRAP: break-word; MAX-WIDTH: 15em; WIDTH: 20%; MIN-WIDTH: 6em; POSITION: relative; FLOAT: left; MARGIN: 0px 0px 3px } DIV.label-stack { MAX-WIDTH: none; WIDTH: auto; FLOAT: none; DISPLAY: block } DIV.field { OVERFLOW: visible; WORD-WRAP: break-word; WIDTH: 79%; WORD-BREAK: normal; FLOAT: left; MARGIN: 0px 0px 3px } DIV.noLabelField { OVERFLOW: visible; WORD-WRAP: break-word; WIDTH: 79%; WORD-BREAK: normal; FLOAT: left; MARGIN: 0px 0px 3px } DIV.noLabelField { WIDTH: 100% } DIV.label SPAN.contextMenuContainer { DISPLAY: inline } SPAN.stepHelp BR { DISPLAY: block } SPAN.fieldHelp BR { DISPLAY: block } DIV.field OL P { PADDING-BOTTOM: 3px } DIV.noLabelField UL P { PADDING-BOTTOM: 3px } DIV.field EM { COLOR: #888; FONT: italic 100% Georgia, serif; MARGIN-TOP: 5px; DISPLAY: inline-block } FIELDSET.info { BACKGROUND: #f6f6f6; MARGIN: 0px } DIV.info { BACKGROUND: #f6f6f6; MARGIN: 0px } FIELDSET.info DIV.label { COLOR: #666 } .reqfield { POSITION: relative; FLOAT: left; COLOR: #777; PADDING-BOTTOM: 0px; PADDING-TOP: 24px; FONT: italic 105%/2 Georgia, serif; PADDING-LEFT: 40px; DISPLAY: block; PADDING-RIGHT: 0px } .reqfield:before { VERTICAL-ALIGN: top; POSITION: relative; COLOR: #ff8000; FONT: 260%/0.2 Georgia, serif; CONTENT: "*"; DISPLAY: inline-block; TOP: 11px; MARGIN-RIGHT: 1px } .required > .label > LABEL:before { VERTICAL-ALIGN: top; POSITION: relative; COLOR: #ff8000; FONT: 260%/0.2 Georgia, serif; CONTENT: "*"; DISPLAY: inline-block; TOP: 11px; MARGIN-RIGHT: 1px } .reqfield IMG { DISPLAY: none } .required > .label > LABEL IMG { DISPLAY: none } .requiredField { BACKGROUND: url(../../../images/ci/icons/required.gif) no-repeat 0px center; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 16px; DISPLAY: inline-block; PADDING-RIGHT: 0px } DIV.label IMG.indicator { POSITION: absolute; LEFT: -18px; TOP: 0px } .largeText DIV.label { FONT-SIZE: 130%; FONT-WEIGHT: bold } .largeText DIV.field { FONT-SIZE: 130%; FONT-WEIGHT: bold } .largeText A.browse { FONT-SIZE: 75% !important; FONT-WEIGHT: normal; MARGIN: 0px 0px 0px 3px } .field A.browse { FONT-SIZE: 95%; MARGIN: 0px 0px 0px 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% } LI.inEditMode { BORDER-TOP: #444 2px solid; BORDER-RIGHT: #444 2px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #444 2px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; BORDER-LEFT: #444 2px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px } .e_expandArea { MARGIN-TOP: 21px } #e_groups_menu { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: #ceeaee; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .parent-child-listing { WIDTH: 50% } .parent-child-listing .stepHelp { MARGIN-LEFT: 24px } .parent-child-listing UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 9px; MARGIN: -4px 0px 12px 10px; BORDER-LEFT: #ccc 1px dashed; PADDING-RIGHT: 0px } .parent-child-listing LI { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .stepcontent .hierarchy { LIST-STYLE-TYPE: none; COLOR: #999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .stepcontent .hierarchy LI { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff } OL.hierarchy LI OL LI { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff } OL.hierarchy LI OL { COLOR: #999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 8px 0px 0px 30px; PADDING-RIGHT: 0px } OL.hierarchy LI H5 { FONT-SIZE: 100%; POSITION: relative; COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 8px; PADDING-LEFT: 3px; MARGIN: 0px; PADDING-RIGHT: 11em; BACKGROUND-COLOR: #fff } OL.hierarchy LI H5 SPAN { FONT-SIZE: 100%; BORDER-BOTTOM: medium none; COLOR: #888; DISPLAY: inline } OL.hierarchy LI H5 A { FONT-SIZE: 90%; RIGHT: 0px; POSITION: absolute; FONT-WEIGHT: normal; TOP: 9px } OL.hierarchy LI DIV { FONT-SIZE: 95%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 9px; PADDING-LEFT: 12px; PADDING-RIGHT: 2px } OL.hierarchy LI DIV.gbData SPAN { FONT-SIZE: 100%; COLOR: #000; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN: 0px 0px 0px 9px; BORDER-LEFT: #ccc 1px dotted; DISPLAY: inline; PADDING-RIGHT: 0px } OL.hierarchy LI DIV.gbData SPAN:first-child { PADDING-LEFT: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: medium none } OL.hierarchy LI DIV INPUT.points { VERTICAL-ALIGN: middle } 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: 0px !important } OL.hierarchy LI.parent OL LI H5 { BACKGROUND-IMAGE: none } .stepPanels { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px } .stepPanels LI { BORDER-BOTTOM: medium none } .panelTitle { CURSOR: pointer; BACKGROUND: #dedede; POSITION: relative; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; MARGIN: 4px 0px 0px; PADDING-RIGHT: 5px } .mdHead A { TEXT-DECORATION: none; COLOR: #000 } .panelTitle A { TEXT-DECORATION: none; COLOR: #000 } .panelTitle A { WIDTH: 100%; DISPLAY: block } .panelTitle .date { FONT-SIZE: 95%; TEXT-DECORATION: none; RIGHT: 6px; POSITION: absolute; FONT-WEIGHT: normal; COLOR: #666; TOP: 2px } .panelTitle A SPAN { FONT-SIZE: 100%; COLOR: black; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .mdHead A SPAN.date { FONT-WEIGHT: normal } .mdList { BACKGROUND: #f6f6f6; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px 0px 9px; PADDING-RIGHT: 18px; -moz-box-shadow: 1px 1px 9px rgba(0, 0, 0, .2) } .stepPanel { BACKGROUND: #f6f6f6; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px 0px 9px; PADDING-RIGHT: 18px; -moz-box-shadow: 1px 1px 9px rgba(0, 0, 0, .2) } .stepPanel P SPAN { COLOR: #666 } .mdList H4 { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .stepPanel H5 { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .mdList P { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px 5px 5px 12px; PADDING-RIGHT: 0px } .stepPanel P { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px 5px 5px 12px; PADDING-RIGHT: 0px } .stepPanelControls { FONT-SIZE: 90% } .contentAreaBlock { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; MARGIN: 0px 24px 24px; BORDER-LEFT: #ddd 1px solid } .contentAreaBlock #step1 { BORDER-TOP: 0px } .taskbuttondiv { PADDING-BOTTOM: 24px; TEXT-ALIGN: right; PADDING-TOP: 12px; PADDING-LEFT: 58px; MARGIN: 0px; PADDING-RIGHT: 24px } .taskButtonsContent { PADDING-BOTTOM: 24px; TEXT-ALIGN: right; PADDING-TOP: 12px; PADDING-LEFT: 58px; MARGIN: 0px; PADDING-RIGHT: 24px } .okbutton { PADDING-BOTTOM: 24px; TEXT-ALIGN: right; PADDING-TOP: 12px; PADDING-LEFT: 58px; MARGIN: 0px; PADDING-RIGHT: 24px } .picker .taskbuttondiv { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 58px; PADDING-RIGHT: 0px } .container :first-child.taskbuttondiv { MARGIN-TOP: 0px } DIV#dataCollectionContainer :first-child.taskbuttondiv { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 58px; MARGIN: 9px 0px 0px; PADDING-RIGHT: 24px } DIV#dataCollectionContainer .reqfield + .taskbuttondiv { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 58px; MARGIN: 9px 0px 0px; PADDING-RIGHT: 24px } DIV#containerdiv .mapCanvasForm :first-child.taskbuttondiv { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 58px; MARGIN: 9px 0px 0px; PADDING-RIGHT: 24px } #customizeDataCollection .taskbuttonhelp { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } DIV#dataCollectionContainer .taskbuttonhelp + .taskbuttondiv { PADDING-BOTTOM: 18px; PADDING-TOP: 0px; PADDING-LEFT: 58px; PADDING-RIGHT: 24px } SPAN.stepTitleRight P.taskbuttondiv { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; PADDING-RIGHT: 0px !important } SPAN.contentListRight P.taskbuttondiv { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; PADDING-RIGHT: 0px !important } .taskButtonsContent { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 9px; PADDING-LEFT: 12px; MARGIN: 24px -12px 0px; PADDING-RIGHT: 12px } P.okbutton INPUT { FONT-SIZE: 100%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .taskbuttonhelp { FONT-SIZE: 105%; FONT-FAMILY: Georgia, serif; COLOR: #666; PADDING-BOTTOM: 0px; FONT-STYLE: italic; PADDING-TOP: 0px; PADDING-LEFT: 58px; PADDING-RIGHT: 0px } #taskbuttondiv P { FONT-SIZE: 90%; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; BORDER-BOTTOM: red 1px solid; FONT-STYLE: italic; TEXT-ALIGN: left; MARGIN: 6px 0px; BORDER-LEFT: red 1px solid; DISPLAY: block } .stepTitleRight { RIGHT: -2px; POSITION: absolute; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; LEFT: auto; TOP: -2px; PADDING-RIGHT: 6px } LEGEND { HEIGHT: 0px; POSITION: absolute; LINE-HEIGHT: 0; TOP: -10000px } FIELDSET OL LI SPAN.tagContainer INPUT { FONT-SIZE: 95% } FIELDSET OL LI SPAN.tagContainer A.browse { FONT-SIZE: 95% } FIELDSET OL LI SPAN.tagContainer { FONT-SIZE: 100%; WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } FIELDSET OL LI SPAN.tagContainer SPAN { FONT-SIZE: 100%; WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } FIELDSET OL LI OL LI SPAN.tagContainer { FONT-SIZE: 100%; WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } FIELDSET OL LI OL LI SPAN.tagContainer SPAN { FONT-SIZE: 100%; WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } FIELDSET OL LI SPAN.tagContainer SPAN.hidden { DISPLAY: none } FIELDSET OL LI OL LI SPAN.tagContainer SPAN.hidden { DISPLAY: none } FIELDSET OL LI SPAN.hidden { DISPLAY: none } FIELDSET OL LI OL LI SPAN.hidden { DISPLAY: none } .contentBlock OL LI SPAN.hidden { DISPLAY: none } .selectItems { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 639px; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; DISPLAY: none; PADDING-RIGHT: 6px } .selectItems SELECT { FONT-SIZE: 100%; MAX-WIDTH: 300px; HEIGHT: 115px; WIDTH: 300px; MARGIN: 6px 0px 0px; DISPLAY: block } #dataCollectionContainer .noLabelField > .selectItems { POSITION: relative; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } #dataCollectionContainer .noLabelField > .userRoleSelect:before { POSITION: absolute; CONTENT: ""; LEFT: 347px; BORDER-LEFT: #ccc 1px dashed; TOP: 0px; BOTTOM: 0px } #dataCollectionContainer .noLabelField > .selectItems:before { POSITION: absolute; CONTENT: ""; LEFT: 347px; BORDER-LEFT: #ccc 1px dashed; TOP: 0px; BOTTOM: 0px } #dataCollectionContainer .noLabelField > .selectItems.userRoleSelect:before { LEFT: 358px } #dataCollectionContainer .noLabelField > .selectItems.cumulativeSelectItems:before { LEFT: 47% } .selectItems INPUT[type=button] { FONT-SIZE: 90%; MAX-WIDTH: 140px; WHITE-SPACE: normal; MARGIN: 6px 0px 0px } .selectItems INPUT[type=text] { FONT-SIZE: 100%; WIDTH: 300px; MARGIN: 6px 0px; DISPLAY: block } .selectArrows { POSITION: relative; MARGIN-TOP: 60px } .selectArrows A { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; BORDER-LEFT: medium none; DISPLAY: block; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .selectArrows BUTTON { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; BORDER-LEFT: medium none; DISPLAY: block; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .selectItems H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px 56px; PADDING-RIGHT: 0px } .userRoleSelect { WIDTH: auto } .userSelectedRoles { POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 56px; PADDING-RIGHT: 0px } .userSelectedRoles .selectArrows { POSITION: absolute; LEFT: 20px; MARGIN: 0px; TOP: 28px } .selectItems .available-roles H4 { MARGIN-LEFT: 0px } .selectItems .available-roles SELECT { HEIGHT: 200px } .multiSelect { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .multiSelect > DIV { WIDTH: 46%; FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 0px; PADDING-RIGHT: 3px } .multiSelect SELECT { WIDTH: 100% } .multiSelect .selectArrows { WIDTH: 5%; TEXT-ALIGN: center; MARGIN: 40px 0px } .widget { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; MARGIN: 6px 0px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px } .widgetControls { FONT-SIZE: 90% } TABLE .widgetControls { FONT-SIZE: 90% } .widget .spellCheck { FLOAT: right } .widget .textBoxItem { FLOAT: right } DIV.liveArea FIELDSET.stepcontent OL LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .quickAddPal .stepcontent { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 0px; PADDING-RIGHT: 9px } .quickAddPal .stepcontent LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 1px; MARGIN: 0px 2px; BORDER-LEFT: 0px; PADDING-RIGHT: 1px } .quickAddPal .stepcontent .label { OVERFLOW: visible; WIDTH: 30%; PADDING-RIGHT: 2px } .quickAddPal .stepcontent .field { WIDTH: 65% } .quickAddPal LI.fieldError .fieldErrorText { FONT-SIZE: 85%; FONT-WEIGHT: normal; COLOR: red; MARGIN-LEFT: 74px; DISPLAY: block } DIV.quickAddPal DIV.field INPUT[type=text] { WIDTH: 100% } DIV.quickAddPal DIV.field SELECT { WIDTH: 100% } DIV.quickAddPal DIV.field TEXTAREA { WIDTH: 100% } DIV.quickAddPal LI.stepHelp { WIDTH: auto } DIV.quickAddPal LI DIV SPAN { WIDTH: auto } DIV.field SPAN.fileName { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 6px } DIV.field SPAN.control { DISPLAY: inline } DIV.quickAddPal DIV.field INPUT.datePickerInput { WIDTH: 8em } DIV.quickAddPal DIV.field INPUT.timePickerInput { WIDTH: 8em } .dtpickerEndDiv { PADDING-TOP: 10px } DIV#texteditor { FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 0px; PADDING-RIGHT: 3px } DIV#texteditor TEXTAREA { WIDTH: 450px; MARGIN-LEFT: 0px; DISPLAY: block } DIV#texteditor A.textBoxItem { WIDTH: 80%; PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px } SELECT.survey_question { MAX-WIDTH: 100% } .htmlarea .toolbar DIV > DIV { HEIGHT: 22px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .htmlarea IFRAME { MIN-WIDTH: 300px !important } .htmlarea .toolbar A.wikiButton { WIDTH: auto !important } .htmlarea .toolbar A.wikiButton IMG { WIDTH: auto !important } .vtbe_footer { FONT-SIZE: 90%; BORDER-TOP: 0px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #eee } .vtbe_footer SPAN { FONT-SIZE: 100% } .vtbe_footer INPUT[type=button] { FONT-SIZE: 95% } .vtbe_footer A { MARGIN: 0px 0px 0px 3px } .resize_handle { CURSOR: n-resize; BORDER-TOP: #ddd 1px solid; HEIGHT: 12px; BACKGROUND: url(images/controls.png) #ccc no-repeat 50% -1px; BORDER-BOTTOM: #bbb 1px solid; TEXT-ALIGN: center } .resize_handle:hover { BORDER-TOP-COLOR: #ccc; BORDER-BOTTOM-COLOR: #999; BACKGROUND-COLOR: #bbb } .resize_handle IMG { HEIGHT: 8px; WIDTH: 100% } .tabGroupsPreview { FONT-SIZE: 100%; MARGIN: -11px -12px 24px } .previewContent { WIDTH: auto; BACKGROUND: url(images/backgrounds_h.png) #aaa repeat-x 0px -320px; POSITION: relative; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 14px; MARGIN: 0px; Z-INDEX: 1; PADDING-RIGHT: 14px } .previewContent IFRAME { HEIGHT: 300px; WIDTH: 100% } .tabGroupsPreview TABLE DIV { DISPLAY: block } .previewOverlay { FONT-SIZE: 300%; HEIGHT: 89px; WIDTH: 100%; POSITION: absolute; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: bold; COLOR: #555; TEXT-ALIGN: center; FILTER: alpha(opacity=30); Z-INDEX: 0; LETTER-SPACING: 10px; opacity: .3; -moz-opacity: .3; -khtml-opacity: .3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .tabGroupsPreview .previewOverlay { TOP: 9px } .previewOverlay SPAN { CURSOR: default; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; FILTER: alpha(opacity = 30); TOP: 27px; PADDING-RIGHT: 12px; BACKGROUND-COLOR: white; opacity: .30; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none } P.warning { FONT-SIZE: 100%; COLOR: #fff; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 12px 0px 24px; PADDING-RIGHT: 18px; BACKGROUND-COLOR: #cf1d19 } .warning { BACKGROUND: #a7d0df } DIV.tabPreview { BORDER-TOP: #cdcdcd 12px solid; BORDER-RIGHT: #cdcdcd 12px solid; WIDTH: auto; BACKGROUND: #cdcdcd; BORDER-BOTTOM: #cdcdcd 12px solid; POSITION: relative; MARGIN: 0px 6px 6px; BORDER-LEFT: #cdcdcd 12px solid; Z-INDEX: 1 } DIV.tabPreview DIV.paneTabs { MARGIN-TOP: 12px } .buttonLibrary { POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 207px; PADDING-RIGHT: 0px } .buttonLibrary LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; FLOAT: left; BORDER-LEFT: medium none } .buttonLibrary LI A { TEXT-DECORATION: none; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 7px; DISPLAY: block; PADDING-RIGHT: 7px } .buttonLibrary LI A.selected { TEXT-DECORATION: none; FONT-WEIGHT: bold } .buttonLibrary LI A:hover { TEXT-DECORATION: underline } DIV.menuStyleStep { WIDTH: 212px; FLOAT: left; MARGIN: 9px 40px 0px 0px } DIV.menuDefaultStyleStep { WIDTH: 212px; MARGIN: 9px auto } .schemeWrapper { FLOAT: left; MARGIN: 0px 12px 0px 0px } .buttonLibrary .schemeWrapper { BACKGROUND: #fff; FLOAT: none; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; MARGIN: 0px 9px 0px 0px; PADDING-RIGHT: 10px; -webkit-box-shadow: 01px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 01px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 01px 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .buttonLibrary .selected .schemeWrapper { BACKGROUND: #bbb; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } #selectedPalette .schemePreview { BORDER-TOP: #bbb 10px solid; BORDER-RIGHT: #bbb 10px solid; BORDER-BOTTOM: #bbb 10px solid; BORDER-LEFT: #bbb 10px solid; -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .schemeWrapper SPAN { PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 6px; FONT: italic 100% Georgia; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } UL.buttonLibrary LI.selected { POSITION: absolute; LEFT: 0px; TOP: 6px } UL.buttonLibrary LI.selected A.selected { FONT-WEIGHT: bold; COLOR: #333 !important } UL.buttonLibrary LI.selected A.selected SPAN { FONT-WEIGHT: bold; COLOR: #333 !important } UL.buttonLibrary LI.selected A { FONT-WEIGHT: bold; COLOR: #333 !important } UL.buttonLibrary LI.selected A SPAN { FONT-WEIGHT: bold; COLOR: #333 !important } UL.buttonLibrary LI { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .schemePreview { WIDTH: 160px; PADDING-BOTTOM: 0px; PADDING-TOP: 12px; PADDING-LEFT: 16px; PADDING-RIGHT: 0px } .modulePreview { FONT-SIZE: 85%; BORDER-TOP: 1px solid; HEIGHT: 57px; BORDER-RIGHT: 0px solid; WIDTH: 140px; RIGHT: 0px; BORDER-BOTTOM: 0px solid; POSITION: relative; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; LEFT: auto; MARGIN: 6px 0px 0px auto; BORDER-LEFT: 1px solid; PADDING-RIGHT: 0px !important; BOTTOM: 0px } .schemePreviewHead { FONT-SIZE: 110%; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 9px !important; PADDING-RIGHT: 9px !important } .modulePreviewHead { FONT-WEIGHT: bold; PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 9px !important; MARGIN: 0px; PADDING-RIGHT: 9px !important } .schemePreviewBody { OVERFLOW: hidden; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } .modulePreviewBody { PADDING-BOTTOM: 3px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 9px !important; PADDING-RIGHT: 9px !important } .moduleList { BORDER-TOP: #ccc 1px solid } .moduleItem { BORDER-BOTTOM: #ccc 1px solid } .module { OVERFLOW: hidden; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } .moduleHeading { OVERFLOW: hidden; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .module H3 { FONT-SIZE: 110%; MARGIN: 0px; DISPLAY: inline } .moduleDescription { WIDTH: 90% } .more { DISPLAY: none } .moduleAction { MARGIN: 10px 0px } .moduleCategory { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .moduleCategory A { FONT-WEIGHT: bold } .moduleSample { PADDING-LEFT: 10px; DISPLAY: none } .expandedModule { BACKGROUND-COLOR: #efefef } .expandedModule .moduleDetails { WIDTH: 47% } .expandedModule .moduleSample { WIDTH: 47% } .expandedModule .more { DISPLAY: inline } .expandedModule .moduleSample { DISPLAY: block } .leftColumn-wide#moduleList .contentListPlain { PADDING-LEFT: 18px } .moduleListActionBar { PADDING-LEFT: 18px } #moduleList .contentListPlain > LI.expandedModule .moduleSample > DIV { WORD-WRAP: normal; MIN-HEIGHT: 50px !important } #moduleBody { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; COLOR: #444; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } #moduleBorder { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; COLOR: #444; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .portlet { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 10px 20px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .05); box-shadow: 0 2px 4px rgba(0, 0, 0, .05); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .containerPortal > DIV:first-child .portlet { MARGIN: 0px 10px 20px 0px } .reorderableModule:hover { BORDER-TOP-COLOR: #555; BACKGROUND: #fff; BORDER-LEFT-COLOR: #555; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555; -webkit-transition-property: border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: border, background; -moz-transition-duration: 200ms; -moz-transition-timing-function: ease-in-out } .reorderableModule:hover H2 { COLOR: #000 } .module-dragstate { BORDER-LEFT-WIDTH: 2px; BORDER-RIGHT-WIDTH: 2px; BORDER-TOP-COLOR: #555; BACKGROUND: #fff; BORDER-BOTTOM-WIDTH: 2px; BORDER-LEFT-COLOR: #555; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555; BORDER-TOP-WIDTH: 2px; opacity: .9; -webkit-box-shadow: 2px 5px 24px rgba(0, 0, 0, .5); -moz-box-shadow: 2px 5px 24px rgba(0, 0, 0, .5); -webkit-transition-property: border-width, border-color, background, -webkit-box-shadow; -webkit-transition-duration: 50ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: border-width, border-color, background, -moz-box-shadow; -moz-transition-duration: 50ms; -moz-transition-timing-function: ease-in-out } #moduleTitle { OVERFLOW: visible; FONT-SIZE: 105%; VERTICAL-ALIGN: middle; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 8px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0 } .portlet H2 { OVERFLOW: visible; FONT-SIZE: 105%; VERTICAL-ALIGN: middle; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 8px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0 } .portlet H2 .moduleTitle { WORD-WRAP: break-word } .portlet H2.dragHandle { PADDING-LEFT: 20px } .portlet H2.dragHandle:hover { CURSOR: move } .portlet H2 A { VERTICAL-ALIGN: middle; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px } .portlet H2 A:hover { TEXT-DECORATION: underline } .portlet H2 A IMG { VERTICAL-ALIGN: middle } .portlet H2.noTitle { HEIGHT: 1.4em; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .portlet H2.noTitle:hover { BACKGROUND: #ededed } .portlet A { WORD-WRAP: break-word; TEXT-DECORATION: none } .portlet A:hover { TEXT-DECORATION: underline } .portlet A:focus { TEXT-DECORATION: underline } .edit_controls { FLOAT: right; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .edit_controls A { TEXT-DECORATION: none; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 1px; FILTER: alpha(opacity=0); Z-INDEX: 201; PADDING-RIGHT: 0px; opacity: 0; verical-align: top } .portlet .edit_controls A:hover { TEXT-DECORATION: none; FILTER: alpha(opacity=100); opacity: 1 } .portlet .edit_controls A:focus { TEXT-DECORATION: none; FILTER: alpha(opacity=100); opacity: 1 } .portlet:hover .edit_controls A { TEXT-DECORATION: none; FILTER: alpha(opacity=100); opacity: 1 } .edit_controls .moduleToggleLink { HEIGHT: 14px; WIDTH: 14px; POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; LEFT: -4px; FILTER: alpha(opacity=50); Z-INDEX: 201; TOP: 3px; PADDING-RIGHT: 3px; opacity: .5 } .edit_controls A IMG { HEIGHT: 0px; WIDTH: 0px; FILTER: alpha(opacity=0); opacity: 0 } .edit_controls A:before { COLOR: #bcbcbc; FONT: 16px/1 "Utilicons" } .edit_controls A:hover:before { COLOR: #888 } .edit_controls A.moduleToggleLink { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px } .edit_controls A[title*='Expand'].moduleToggleLink { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px } .edit_controls A.moduleCloseLink:before { CONTENT: "X" } .edit_controls A.moduleDetachLink:before { FONT: 16px/1 "Utilicons"; CONTENT: "w" } .edit_controls A[href*='edit_module']:before { CONTENT: "S" } .collapsible { OVERFLOW: auto; BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 12px; CLEAR: both; PADDING-RIGHT: 12px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px } .collapsible TABLE { FONT-SIZE: 90%; FONT-FAMILY: Arial, sans-serif; BORDER-COLLAPSE: separate; COLOR: #333; BORDER-SPACING: 3px 2px } .collapsible .help { FONT-SIZE: 100%; FONT-FAMILY: Georgia, sans-serif; COLOR: #666; FONT-STYLE: italic; MARGIN: 0px 9px 6px; LINE-HEIGHT: 1.45 } .portlet H1 + P { FONT-SIZE: 100%; FONT-FAMILY: Georgia, sans-serif; COLOR: #666; FONT-STYLE: italic; MARGIN: 0px 9px 6px; LINE-HEIGHT: 1.45 } .portlet H1 + P + P { FONT-SIZE: 100%; FONT-FAMILY: Georgia, sans-serif; COLOR: #666; FONT-STYLE: italic; MARGIN: 0px 9px 6px; LINE-HEIGHT: 1.45 } .imgWrapper { OVERFLOW: auto; TEXT-ALIGN: center; MARGIN: 6px auto } .portlet H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } #lightbox H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .portlet DIV.portletBlock H4 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .portlet DIV.blockContents H4 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .flyout H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .labelMenuItem { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .labelMenuItem { PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } .flyout-menu .labelMenuItem { TEXT-TRANSFORM: uppercase; COLOR: #6a6a6a; PADDING-BOTTOM: 0px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 6px } .portlet H4 { COLOR: #000; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 4px 0px 0px; PADDING-RIGHT: 0px; TEXT-INDENT: 0px } .portletList { MARGIN-BOTTOM: 24px } .portlet .portletList LI { BORDER-TOP: #ccc 1px dotted; PADDING-BOTTOM: 0px; PADDING-TOP: 7px; PADDING-LEFT: 0px; MARGIN: 0px 0px 7px; PADDING-RIGHT: 0px } .portlet .portletList LI:first-child { BORDER-TOP: medium none } .portlet .portletList LI IMG { DISPLAY: none } .portlet .courseListing LI > A { FONT-WEIGHT: bold } .portlet .courseRole { COLOR: #777 } .portlet .dataBlockLabel { COLOR: #777 } .portlet .eventDate { COLOR: #777 } .portlet .eventList LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 2px; PADDING-RIGHT: 0px } .portlet .eventList LI .date { BACKGROUND: #f0f0f0; FONT-WEIGHT: bold; COLOR: #597298; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .portlet .eventList LI .event { PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 18px; PADDING-RIGHT: 4px } .portlet .eventList LI .description { FONT-SIZE: 90% } .portlet .eventDate { FONT-SIZE: 90% } .portlet .eventList LI .event A { FONT-WEIGHT: bold } .portlet SPAN.origin { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; FONT-WEIGHT: bold; COLOR: #999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px } .portlet .portletList-img > LI { BORDER-TOP: #ccc 1px dotted; PADDING-BOTTOM: 0px; PADDING-TOP: 7px; PADDING-LEFT: 0px; MARGIN: 0px 0px 7px; PADDING-RIGHT: 0px } .portlet .portletList-img > LI:first-child { BORDER-TOP: medium none } .portlet .portletList-img > LI IMG { DISPLAY: none } .portlet .courseInformation { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 16px; MARGIN: 4px 0px; PADDING-RIGHT: 0px; TEXT-INDENT: -16px } .portlet .courseDataBlock { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 4px 0px; PADDING-RIGHT: 0px; TEXT-INDENT: -4px } .portlet .courseDataBlock UL { MARGIN-TOP: 5px } .portlet .courseDataBlock UL LI { TEXT-INDENT: 0px } .portlet .calculatorModule { TEXT-ALIGN: center } .portlet .calculator { WIDTH: 10em; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px auto; PADDING-RIGHT: 6px } .portlet .portletPath { FONT-SIZE: 90%; BACKGROUND: #f0f0f0; MARGIN: 4px; -webkit-border-radius: 1px; -moz-border-radius: 1px } .portlet .portletPath SPAN { BACKGROUND: #ddd; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; DISPLAY: inline-block; PADDING-RIGHT: 3px; -webkit-border-radius: 1px 0 0 1px; -moz-border-radius: 1px 0 0 1px } .portlet .courseDataBlock UL LI { BACKGROUND: url(images/indicators.png) no-repeat 0px -895px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 14px; MARGIN: 0px 0px 1px; PADDING-RIGHT: 0px } .portlet .courseDataBlock A { TEXT-DECORATION: none; FONT-WEIGHT: normal } .portlet .courseDataBlock LI A { TEXT-DECORATION: none; FONT-WEIGHT: normal } .portlet .courseDataBlock A:hover { TEXT-DECORATION: underline } .portlet .courseDataBlock A:focus { TEXT-DECORATION: underline } .portlet .courseDataBlock LI A:hover { TEXT-DECORATION: underline } .portlet .courseDataBlock LI A:focus { TEXT-DECORATION: underline } .portletHelp { FONT-SIZE: 95%; COLOR: #688ba8; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 4px 7px; PADDING-RIGHT: 0px } DIV.module_actions { PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 4px 0px; LINE-HEIGHT: 1.8em; PADDING-RIGHT: 2px } DIV.module_actions A:link { MARGIN-BOTTOM: 5px; FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px outset; BORDER-RIGHT: #ccc 1px outset; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px outset; FONT-WEIGHT: normal; COLOR: #036; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; BORDER-LEFT: #ccc 1px outset; PADDING-RIGHT: 5px; BACKGROUND-COLOR: #eee } DIV.module_actions A:hover { BORDER-TOP: #eee 1px inset; BORDER-RIGHT: #eee 1px inset; BORDER-BOTTOM: #eee 1px inset; BORDER-LEFT: #eee 1px inset } DIV.module_actions A:active { BORDER-TOP: #eee 1px inset; BORDER-RIGHT: #eee 1px inset; BORDER-BOTTOM: #eee 1px inset; BORDER-LEFT: #eee 1px inset } DIV.module_actions IMG { VERTICAL-ALIGN: middle; MARGIN: 0px 3px } DIV.module_actions SELECT { FONT-SIZE: 90%; VERTICAL-ALIGN: middle } DIV.module_actions LABEL { FONT-WEIGHT: bold } DIV.scroll_div { OVERFLOW: auto; MAX-HEIGHT: 300px } .portlet DIV.scroll_div { MARGIN-BOTTOM: 3px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #fff4bf; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .submission_list { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } .submission_list LI { BORDER-TOP: #ccc 1px dotted; FONT-WEIGHT: bold; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .submission_list LI:first-child { BORDER-TOP: medium none } .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 { FLOAT: right; MARGIN: 4px 0px 0px } .submission_list LI SPAN { FONT-SIZE: 90%; FONT-WEIGHT: normal; MARGIN-LEFT: 6px } .eudModule { PADDING-BOTTOM: 24px; MARGIN: 0px } .styledModule-dark { PADDING-BOTTOM: 24px; MARGIN: 0px } .portlet .noItems { FONT-STYLE: italic; TEXT-ALIGN: center } .eudModule .eudModule-inner { OVERFLOW-Y: auto; BORDER-BOTTOM: #ccc 1px dotted; MAX-HEIGHT: 500px } .styledModule-dark .module-inner { OVERFLOW-Y: auto; BORDER-BOTTOM: #ccc 1px dotted; MAX-HEIGHT: 500px } .eud-button-wrap { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } IMG.eud-avatar { HEIGHT: 28px; WIDTH: 28px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg) } .actionMenuButton { VERTICAL-ALIGN: middle; BACKGROUND: #eee; FLOAT: right; PADDING-BOTTOM: 4px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: none; MARGIN: 0px 4px 0px 0px; DISPLAY: block; PADDING-RIGHT: 8px } DIV[id*='actionMenu_'] { MARGIN-LEFT: -3px; Z-INDEX: 1000; MARGIN-TOP: -4px } .portlet .portletBlock { FONT-SIZE: 100%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .portlet :first-child.portletBlock { BORDER-TOP: 0px } .moduleActions + .portletBlock { BORDER-TOP: 0px } .blockGroups LI:first-child { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .portlet .memberList { MARGIN: 0px 0px 5px } .itemGroups { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 4px 9px 12px; PADDING-RIGHT: 0px } .itemGroups .itemGroups { MARGIN-BOTTOM: 4px; MARGIN-LEFT: 0px } .portlet .blockGroups LI { FONT-SIZE: 100% } .portlet .itemGroups LI { OVERFLOW-X: hidden; PADDING-BOTTOM: 7px; PADDING-TOP: 0px; PADDING-LEFT: 0px; LINE-HEIGHT: 120%; PADDING-RIGHT: 0px } .portlet .memberList LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 14px !important; PADDING-RIGHT: 0px } .portlet .course { FONT-SIZE: 90%; DISPLAY: block } .portlet UL.memberList { FONT-SIZE: 90%; DISPLAY: block } .portlet SPAN.refresh { FONT-SIZE: 90%; DISPLAY: block } .portlet .course { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } .portlet SPAN.noIndent { MARGIN-LEFT: 0px !important } .portlet .whatsNew SPAN.course { MARGIN-LEFT: 0px !important } .portlet SPAN.course { MARGIN-LEFT: 0px !important } .portlet UL.hierarchyList { MARGIN-LEFT: 22px } .portlet UL.hierarchyList LI { OVERFLOW-X: visible; TEXT-INDENT: -18px } .portlet UL.hierarchyList LI * { TEXT-INDENT: 0px } .portlet UL.hierarchyList LI.childless { TEXT-INDENT: 0px } .portlet UL LI UL LI SPAN.warning { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: #bf1b17 1px solid; COLOR: #ef312c; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .portlet UL LI UL LI SPAN.due { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: #bf1b17 1px solid; COLOR: #ef312c; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .portlet UL LI UL LI SPAN.newItemCount { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: #bf1b17 1px solid; COLOR: #ef312c; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .flag { FONT-SIZE: 90%; BORDER-TOP: #efa495 1px solid; BORDER-RIGHT: #efa495 1px solid; BACKGROUND: #ffe4df; BORDER-BOTTOM: #efa495 1px solid; FONT-WEIGHT: bold; COLOR: #c30; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #efa495 1px solid; DISPLAY: inline; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .portlet UL.memberList SPAN { FONT-SIZE: 100% } .portlet UL.memberList SPAN.newItemCount { FONT-SIZE: 100% } .portletInfoFooter { FONT-SIZE: 90%; RIGHT: 0px; POSITION: absolute; COLOR: #999; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; BOTTOM: 5px } .dateSelector { BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .blockGroups LI SPAN.newItemCount { FONT-WEIGHT: normal; COLOR: #777 } .blockGroups LI SPAN.itemHeadOpen + P { BACKGROUND: #fff } .blockGroups LI SPAN.itemHeadOpen + P { BACKGROUND: #fff } .blockGroups LI SPAN.itemHead A:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: transparent } .blockGroups LI SPAN.itemHead A:focus { TEXT-DECORATION: underline; BACKGROUND-COLOR: transparent } .portlet .portletBlock H4 A:hover { BACKGROUND: #eee } .portlet .portletBlock H4 A:focus { BACKGROUND: #eee } .portlet .portletBlock H4.blockTitle A:hover { BACKGROUND: #eee } .portlet .portletBlock H4.blockTitle A:focus { BACKGROUND: #eee } .portlet .portletBlock H4 { TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f1f1f1; BORDER-BOTTOM: 0px; COLOR: #444; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 0px; PADDING-RIGHT: 9px } .portlet .subCategories LI A { TEXT-DECORATION: none; BORDER-TOP: #ccc 1px dotted; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 2px 9px; FONT-WEIGHT: bold; COLOR: #01758c; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 18px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 5px } .blockGroups .itemHead { TEXT-DECORATION: none; BORDER-TOP: #ccc 1px dotted; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 2px 9px; FONT-WEIGHT: bold; COLOR: #01758c; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 18px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 5px } .blockGroups .itemHead:hover { CURSOR: pointer; TEXT-DECORATION: underline } .blockGroups .itemHead:focus { CURSOR: pointer; TEXT-DECORATION: underline } .blockGroups .itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) #fff no-repeat 1px 9px; COLOR: #01758c } .blockGroups .itemHeadOpen:hover { CURSOR: pointer; TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .blockGroups .itemHeadOpen:focus { CURSOR: pointer; TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .blockGroups LI IMG.spacer { HEIGHT: 0px; WIDTH: 50px } .blockGroups LI SPAN.headerText:hover { CURSOR: pointer; TEXT-DECORATION: underline } .blockGroups LI SPAN.headerText:focus { CURSOR: pointer; TEXT-DECORATION: underline } .viewHeader { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; DISPLAY: block } .viewHeader H3 { FONT-WEIGHT: bold; COLOR: #666 } DIV.waitingFrame { BACKGROUND: #fff } .moduleControlWrapper { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px dotted; PADDING-TOP: 6px; MARGIN: 6px 0px 0px } .moduleControlWrapper A { POSITION: relative; MARGIN: 0px 2px } .moduleControlWrapper A:after { FONT-SIZE: 14px; RIGHT: 0px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #bbb; CONTENT: "\2192" } .moduleBlock { MARGIN: 6px } .portlet H1 { FONT-SIZE: 120%; MARGIN: 6px } .assessmentPortlet DIV.assessmentPortletBlock { BORDER-TOP-COLOR: #777; BACKGROUND: #f9f9f9; BORDER-LEFT-COLOR: #777; PADDING-BOTTOM: 0px; BORDER-BOTTOM-COLOR: #777; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; BORDER-RIGHT-COLOR: #777; PADDING-RIGHT: 0px } .assessmentPortlet DIV.assessmentPortletBlock H4 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .assessmentPortlet DIV.assessmentPortletBlock H4 A { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f1f1f1; BORDER-BOTTOM: 0px; COLOR: #444; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 0px; PADDING-RIGHT: 9px } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle A { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f1f1f1; BORDER-BOTTOM: 0px; COLOR: #444; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 0px; PADDING-RIGHT: 9px } .assessmentPortlet DIV.assessmentPortletBlock H4 A:hover { BACKGROUND: #eee } .assessmentPortlet DIV.assessmentPortletBlock H4 A:focus { BACKGROUND: #eee } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle A:hover { BACKGROUND: #eee } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle A:focus { BACKGROUND: #eee } .assessmentPortlet DIV.assessmentPortletBlock H4 A SPAN { FONT-WEIGHT: normal; COLOR: #ddd } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle A SPAN { FONT-WEIGHT: normal; COLOR: #ddd } .assessmentPortlet UL.subCategories { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.assessmentBlockGroups { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .assessmentPortlet DIV.assessmentPortletBlock UL.subCategories LI { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.assessmentBlockGroups LI { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .assessmentPortlet UL.subCategories LI A { TEXT-DECORATION: none; BORDER-TOP: #777 1px solid; BACKGROUND: url(images/more_options.gif) #e3efff no-repeat 3px center; FONT-WEIGHT: bold; COLOR: #597298; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 16px; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: 1px; PADDING-RIGHT: 16px } UL.assessmentBlockGroups LI A.itemHead { TEXT-DECORATION: none; BORDER-TOP: #777 1px solid; BACKGROUND: url(images/more_options.gif) #e3efff no-repeat 3px center; FONT-WEIGHT: bold; COLOR: #597298; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 16px; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: 1px; PADDING-RIGHT: 16px } UL.assessmentBlockGroups LI A.itemHead:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: #e3efff } UL.assessmentBlockGroups LI A.itemHead:focus { TEXT-DECORATION: underline; BACKGROUND-COLOR: #e3efff } UL.assessmentBlockGroups LI A.itemHeadOpen { BACKGROUND: #fff no-repeat 3px center } UL.assessmentBlockGroups LI A.itemHeadOpen:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } UL.assessmentBlockGroups LI A.itemHeadOpen:focus { TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .assessmentPortlet UL.subCategories LI:first-child A { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } UL.assessmentBlockGroups LI:first-child A { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .assessmentPortlet UL.subCategories LI A:hover { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #fff; opacity: 1 } .assessmentPortlet UL.subCategories LI A:focus { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #fff; opacity: 1 } UL.assessmentBlockGroups LI A:hover { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #fff; opacity: 1 } UL.assessmentBlockGroups LI A:focus { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #fff; opacity: 1 } .assessmentPortlet UL.itemGroup LI A { FONT-SIZE: 105%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } UL.assessmentBlockGroups LI UL.itemGroups LI A { FONT-SIZE: 105%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .assessmentPortlet UL.itemGroup LI A:hover { TEXT-DECORATION: underline } .assessmentPortlet UL.itemGroup LI A:focus { TEXT-DECORATION: underline } UL.itemGroups LI A:hover { TEXT-DECORATION: underline } UL.itemGroups LI A:focus { TEXT-DECORATION: underline } UL.itemGroups LI UL.items { FONT-SIZE: 110%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 9px } UL.assessmentBlockGroups LI UL.itemGroups LI A { FONT-WEIGHT: normal } UL.itemGroups LI UL.items LI A { FONT-WEIGHT: normal } .assessmentPortlet DIV.assessmentPortletBlock H3 { MARGIN: 0px } .assessmentPortlet DIV.assessmentPortletBlock H3 A { TEXT-DECORATION: none; BACKGROUND: #f0f0f0; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 12px } .assessmentPortlet DIV.assessmentPortletBlock H3 A:hover { TEXT-DECORATION: none } .assessmentPortlet DIV.assessmentPortletBlock H3 A:focus { TEXT-DECORATION: none } .assessmentPortlet DIV:first-child.assessmentPortletBlock H3 A { BORDER-TOP: medium none } .assessmentPortlet DIV.assessmentPortletBlock H3 A.open { TEXT-DECORATION: none; BACKGROUND: url(images/less_options.gif) #e3efff no-repeat 99% center; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 12px } .assessmentPortlet UL.objectList LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .assessmentPortletBlock UL LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .blockContents UL LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } UL.memberList LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .assessmentPortlet .blockContents UL LI UL LI SPAN { MARGIN: 0px 0px 0px 4px } .assessmentPortlet .blockContents UL LI SPAN { MARGIN: 0px 0px 0px 4px } .assessmentPortlet UL LI UL LI SPAN { MARGIN: 0px 0px 0px 4px } .portlet #loginBoxFull { WIDTH: 300px; PADDING-BOTTOM: 16px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; PADDING-RIGHT: 0px } .portlet #loginBoxFull P { FONT-SIZE: 0.95em; COLOR: #444; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px } .portlet #loginBoxFull P.welcome { FONT-SIZE: 1em; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 10px; PADDING-RIGHT: 0px } .portlet #loginBoxFull UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .portlet #loginBoxFull LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px } .portlet #loginBoxFull LI LABEL { FONT-SIZE: 100%; FONT-WEIGHT: normal } .portlet #loginBoxFull INPUT[type='text'] { FONT-SIZE: 100%; BORDER-TOP: #bbb 2px solid; BORDER-RIGHT: #bbb 2px solid; WIDTH: 300px; BORDER-BOTTOM: #bbb 2px solid; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; MARGIN: 0px 0px 3px -4px; BORDER-LEFT: #bbb 2px solid; PADDING-RIGHT: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .portlet #loginBoxFull INPUT[type='password'] { FONT-SIZE: 100%; BORDER-TOP: #bbb 2px solid; BORDER-RIGHT: #bbb 2px solid; WIDTH: 300px; BORDER-BOTTOM: #bbb 2px solid; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; MARGIN: 0px 0px 3px -4px; BORDER-LEFT: #bbb 2px solid; PADDING-RIGHT: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .portlet #loginBoxFull INPUT[type='text']:focus { BORDER-TOP-COLOR: #00add0; BORDER-LEFT-COLOR: #00add0; COLOR: #000; BORDER-BOTTOM-COLOR: #00add0; BORDER-RIGHT-COLOR: #00add0 } .portlet #loginBoxFull INPUT[type='password']:focus { BORDER-TOP-COLOR: #00add0; BORDER-LEFT-COLOR: #00add0; COLOR: #000; BORDER-BOTTOM-COLOR: #00add0; BORDER-RIGHT-COLOR: #00add0 } .portlet #loginBoxFull A { FONT-SIZE: 0.9em } .portlet #loginBoxFull P A { FONT-SIZE: 1em } .portlet #loginBoxFull P.welcome A { FONT-SIZE: 1em } .portlet #loginBoxFull LI + LI + LI { VERTICAL-ALIGN: top; DISPLAY: inline-block } .portlet #loginBoxFull LI + LI + LI + LI { VERTICAL-ALIGN: top; FLOAT: right; TEXT-ALIGN: right; DISPLAY: inline-block } .portlet #loginBoxFull LI INPUT.submit { MARGIN: 0px -3px 0px 0px } #body { PADDING-BOTTOM: 60px } #loadstatus { HEIGHT: 180px; POSITION: relative } FIELDSET.highlight { BACKGROUND: #eee } FIELDSET.highlight DIV.input { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .builderItem .item { FONT-SIZE: 100%; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 9px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 9px } .builderItem:hover { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666 } .builderItem:focus { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666 } #lessonPlanForm #dataCollectionContainer .contentListPlain LI:hover { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666 } #lessonPlanForm #dataCollectionContainer .contentListPlain LI:focus { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666 } LI.builderItem { MIN-HEIGHT: auto } .builderItem .close { CURSOR: pointer; RIGHT: 5px; POSITION: absolute; TOP: 5px } .builderItem IFRAME { WIDTH: 100% !important } DIV.subheading { FONT-WEIGHT: bold } DIV.required DIV.inputField { BACKGROUND: url(../../images/ci/icons/required.gif) no-repeat left 2px; PADDING-LEFT: 1.5em; MARGIN-LEFT: -1.5em } .inputOptions { BORDER-TOP: #ccc 1px dotted; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em } .offscreen { HEIGHT: 0px; POSITION: absolute; LEFT: -999em } .label A:hover { CURSOR: pointer } .label A:focus { CURSOR: pointer } #lessonPlanForm #customFormBuilderDiv { MARGIN: 0px } #lessonPlanForm #dataCollectionContainer { MARGIN: 0px } #lessonPlanForm #dataCollectionContainer .contentListPlain { MARGIN: 0px } .alignPanelLightbox { MIN-WIDTH: 650px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MIN-HEIGHT: 250px; PADDING-RIGHT: 12px } .alignHeader { FONT-SIZE: 95%; FONT-WEIGHT: bold; COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .alignPanel TABLE TD { FONT-SIZE: 90% } .alignPanel TABLE TH { FONT-SIZE: 90% } .alignPanel TABLE TD.descriptionCell { WORD-WRAP: break-word; MIN-WIDTH: 120px } .alignPanel TABLE TD.descriptionCell DIV { OVERFLOW: hidden; WIDTH: 250px } .alignPanel TABLE TD.infoCell DIV { WIDTH: 123px } .collapseTabs .alignPanel TABLE TD.descriptionCell DIV { WIDTH: 123px } .collapseTabs .alignPanel TABLE TD.infoCell DIV { WIDTH: 80px } .alignPanel THEAD TH.smallCell { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .alignPanel THEAD TH { WHITE-SPACE: nowrap } .alignPanel TD.actionCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .pageBreadcrumb { HEIGHT: 1em; BACKGROUND: #fff; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .pageBreadcrumb UL { LIST-STYLE-TYPE: none; FONT-SIZE: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .pageBreadcrumb LI { FLOAT: left; FONT-WEIGHT: bold; COLOR: #999; MARGIN-LEFT: 3px } .pageBreadcrumb LI A { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #036; MARGIN-RIGHT: 3px } .pageBreadcrumb LI A.active { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #036 } .sStatus { FONT-SIZE: 90%; HEIGHT: 14px; COLOR: #063; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 8px; PADDING-RIGHT: 0px } .sStatusI { FONT-SIZE: 90%; HEIGHT: 14px; COLOR: #c00; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 8px; PADDING-RIGHT: 0px } .panelList { WORD-WRAP: break-word; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 2px 0px 3px; PADDING-RIGHT: 0px } .panelList > LI { MARGIN: 0px 0px 1px } .panelNested { OVERFLOW: hidden; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; MARGIN: 4px 0px 0px; PADDING-RIGHT: 4px; BACKGROUND-COLOR: #fff } .panelHead { WORD-WRAP: break-word; BACKGROUND: #efefef; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 8px; MARGIN: 0px; PADDING-RIGHT: 8px } .panelHead A { TEXT-DECORATION: none; COLOR: #000 } .panelItem { BORDER-BOTTOM: #eee 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .panelList_leftCol { POSITION: absolute; LEFT: 6px; TOP: 6px } .panelList_rightCol { RIGHT: 6px; POSITION: absolute; TOP: 6px } .panelList_centerCol { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } UL.logMessages { LIST-STYLE-TYPE: none; PADDING-LEFT: 1em; MARGIN-LEFT: 0px; LIST-STYLE-IMAGE: none; TEXT-INDENT: -1em } LI.logError { COLOR: red } LI.logWarning { COLOR: blue } LI.logMessage { MARGIN-TOP: 0.1em } .connectionWrapper { POSITION: relative; MARGIN-TOP: 1px; PADDING-RIGHT: 30px } .connectionWrapper A { RIGHT: 0px; POSITION: absolute; MARGIN-TOP: -14px; TOP: 50% } .invertItems { POSITION: relative; DISPLAY: block !important; MARGIN-RIGHT: 26px } .invertItems A { RIGHT: -33px; POSITION: absolute; TOP: -14px } .subcategories { PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 11px !important; PADDING-RIGHT: 11px !important } .subcategories H3 { FONT-SIZE: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.calendarTitle { TEXT-ALIGN: center; MARGIN: 9px 0px 0px } DIV.announcementTitle { TEXT-ALIGN: center; MARGIN: 9px 0px 0px } DIV.calendarTitle H3 { FONT-SIZE: 130%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 4px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 4px } DIV.announcementTitle H3 { FONT-SIZE: 130%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 4px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 4px } DIV.calMonth { OVERFLOW: auto; PADDING-BOTTOM: 6px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 10px 4px 4px; DISPLAY: block; PADDING-RIGHT: 2px } DIV.calMonth TABLE { BORDER-TOP: #a8beda 2px solid; BORDER-RIGHT: #a8beda 2px solid; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #a8beda 2px solid; MARGIN: 0px auto; BORDER-LEFT: #a8beda 1px solid } DIV.calMonth TABLE THEAD TD { WIDTH: 1px; BACKGROUND: #a8beda; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.calMonth TABLE TBODY TH { WIDTH: 1px; BACKGROUND: #a8beda; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.calMonth TABLE THEAD TD DIV { POSITION: absolute; LEFT: -1000px; TOP: 0px } DIV.calMonth TABLE TBODY TH DIV { POSITION: absolute; LEFT: -1000px; TOP: 0px } DIV.calMonth TABLE THEAD TH { OVERFLOW: hidden; BORDER-RIGHT: #aaa 1px solid; WIDTH: 8em; BACKGROUND: url(images/backgrounds_h.png) #ddd repeat-x 0px -50px; BORDER-BOTTOM: #a0a0a0 1px solid; FONT-WEIGHT: bold; COLOR: #333; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DIV.calMonth TABLE TBODY TD { OVERFLOW: hidden; HEIGHT: 8em; BORDER-RIGHT: #a8beda 1px solid; WIDTH: 8em; BACKGROUND: url(images/backgrounds_h.png) white repeat-x 0px -400px; BORDER-BOTTOM: #a8beda 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.calMonth TABLE TH:hover { BACKGROUND-COLOR: #e3efff } DIV.calMonth TABLE TH:focus { BACKGROUND-COLOR: #e3efff } DIV.calMonth TABLE TH:active { BACKGROUND-COLOR: #e3efff } DIV.calMonth TABLE TD:hover { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -600px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) } DIV.calMonth TABLE TD:focus { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -600px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) } DIV.calMonth TABLE TD:active { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -600px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) } DIV.calMonth TABLE TD A.daylink { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-RIGHT: #a8beda 1px solid; WIDTH: 1.2em; BACKGROUND: #e3efff; BORDER-BOTTOM: #a8beda 1px solid; FLOAT: left; FONT-WEIGHT: bold; PADDING-BOTTOM: 0.2em; TEXT-ALIGN: center; PADDING-TOP: 0.2em; PADDING-LEFT: 0.2em; DISPLAY: block; PADDING-RIGHT: 0.2em } DIV.calMonth TABLE TD A.daylink:hover { BACKGROUND-COLOR: #e3efff } DIV.calMonth TABLE TD A.daylink SPAN { POSITION: absolute; LEFT: -1000px; TOP: 0px } DIV.calMonth TABLE TD.today { BACKGROUND-COLOR: #fff4bf } DIV.calMonth TABLE TD.today A.daylink { BACKGROUND: #fff4bf; FONT-WEIGHT: bold } DIV.calMonth TABLE TD.today A.daylink:hover { BACKGROUND: url(images/backgrounds_h.png) #fff4bf repeat-x 0px -50px } DIV.calMonth TABLE TD.today A.daylink:focus { BACKGROUND: url(images/backgrounds_h.png) #fff4bf repeat-x 0px -50px } DIV.calMonth TABLE TD.offday { BACKGROUND: #eee; -webkit-box-shadow: none; -moz-box-shadow: none } DIV.calMonth TABLE TD.offday:hover { BACKGROUND: #eee; -webkit-box-shadow: none; -moz-box-shadow: none } DIV.calMonth TABLE TD.offday:focus { BACKGROUND: #eee; -webkit-box-shadow: none; -moz-box-shadow: none } DIV.calMonth TABLE TD DIV { OVERFLOW: hidden; WIDTH: 8em; CLEAR: both } DIV.calMonth TABLE TD DIV UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0.4em; MARGIN: 0px; PADDING-RIGHT: 0.4em } DIV.calMonth TABLE TD DIV UL LI { FONT-SIZE: 90%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } TABLE.calYear { FONT-SIZE: 95%; BORDER-COLLAPSE: collapse; MIN-WIDTH: 200px; POSITION: relative; MARGIN: 6px } TABLE.calYearFloat { WIDTH: 32%; FLOAT: left; MARGIN: 6px 0.66% } TABLE.calYear THEAD TD { POSITION: absolute; LEFT: -10000px; TOP: 0px } TABLE.calYear TBODY TH { POSITION: absolute; LEFT: -10000px; TOP: 0px } TABLE.calYear CAPTION { FONT-SIZE: 108%; PADDING-BOTTOM: 4px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px; PADDING-RIGHT: 2px } TABLE.calYear CAPTION A { TEXT-DECORATION: none; FONT-WEIGHT: bold } TABLE.calYear CAPTION A:hover { TEXT-DECORATION: underline } TABLE.calYear CAPTION A:focus { TEXT-DECORATION: underline } TABLE.calYear THEAD TH { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #aaa 1px solid; WIDTH: 23px; VERTICAL-ALIGN: top; BACKGROUND: url(images/backgrounds_h.png) #ddd repeat-x 0px -50px; BORDER-BOTTOM: #aaa 1px solid; FONT-WEIGHT: bold; COLOR: #333; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 2px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 2px } TABLE.calYear TBODY TD { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 23px; BACKGROUND: white; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 2px; PADDING-LEFT: 2px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 2px } TABLE.calYear TD A { TEXT-DECORATION: none; WIDTH: 100%; POSITION: relative; DISPLAY: block } TABLE.calYear TD A IMG { FLOAT: left } TABLE.calYear TD:hover { BACKGROUND: #fff4bf; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calYear TD:focus { BACKGROUND: #fff4bf; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calYear TD:active { BACKGROUND: #fff4bf; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calYear TH:hover { BACKGROUND-COLOR: #ccc } TABLE.calYear TH:focus { BACKGROUND-COLOR: #ccc } TABLE.calYear TH:active { BACKGROUND-COLOR: #ccc } TABLE.calYear TD.today { BACKGROUND: #999 } TABLE.calYear TD.today:hover { BACKGROUND: #999 } TABLE.calYear TD.today:focus { BACKGROUND: #999 } TABLE.calYear TD.today A { FONT-WEIGHT: bold; COLOR: #fff } TABLE.calYear TD.today A:hover { BACKGROUND-IMAGE: none } TABLE.calYear TD.today A:active { BACKGROUND-IMAGE: none } TABLE.calYear TD.today A:focus { BACKGROUND-IMAGE: none } TABLE.calYear TD.offday { TEXT-DECORATION: none; BORDER-TOP: #a8beda 1px solid; BORDER-RIGHT: #a8beda 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #a8beda 1px solid; COLOR: #444; BORDER-LEFT: #a8beda 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none } TABLE.calYear TD.offday:hover { TEXT-DECORATION: none; BORDER-TOP: #a8beda 1px solid; BORDER-RIGHT: #a8beda 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #a8beda 1px solid; COLOR: #444; BORDER-LEFT: #a8beda 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none } TABLE.calYear TD.offday:focus { TEXT-DECORATION: none; BORDER-TOP: #a8beda 1px solid; BORDER-RIGHT: #a8beda 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #a8beda 1px solid; COLOR: #444; BORDER-LEFT: #a8beda 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none } TABLE.calYear TD.hasEvent { BACKGROUND: url(images/backgrounds_h.png) repeat-x 0px -50px; FONT-WEIGHT: bold } TABLE.calendarDay { BORDER-TOP: #cdcdcd 1px solid; BORDER-RIGHT: #cdcdcd 1px solid; WIDTH: 100%; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #cdcdcd 1px solid; MARGIN: 10px 0px 0px; BORDER-LEFT: #cdcdcd 1px solid } TABLE.calendarDay THEAD { POSITION: absolute; LEFT: -1000px; TOP: 0px } TABLE.calendarDay THEAD TH { POSITION: absolute; LEFT: -1000px; TOP: 0px } UL.calendarWeek LI TABLE.calendarDay { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; MARGIN: 0px; BORDER-LEFT: medium none } TABLE.calendarDay TBODY TH { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 6%; VERTICAL-ALIGN: top; BACKGROUND: #f3f3f3; BORDER-BOTTOM: #ccc 1px solid; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 14px; TEXT-ALIGN: right; PADDING-TOP: 1px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 12px } TABLE.calendarDay TBODY TH:hover { BACKGROUND: url(images/backgrounds_h.png) #e6e5e5 repeat-x 0px -200px } TABLE.calendarDay TBODY TH:focus { BACKGROUND: url(images/backgrounds_h.png) #e6e5e5 repeat-x 0px -200px } TABLE.calendarDay TBODY TH:active { BACKGROUND: url(images/backgrounds_h.png) #e6e5e5 repeat-x 0px -200px } TABLE.calendarDay TBODY TD { BORDER-TOP: #cdcdcd 1px solid; VERTICAL-ALIGN: top; BACKGROUND: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px } TABLE.calendarDay TBODY TD.hasEvent { PADDING-LEFT: 6px } TABLE.calendarDay TBODY TD.hasEvent A.jumpToEvent { POSITION: absolute; LEFT: -1000px; TOP: 0px } TABLE.calendarDay TBODY TR.halfHour TH { BORDER-TOP: #ededed 1px solid } TABLE.calendarDay TBODY TR.halfHour TD { BORDER-TOP: #ededed 1px solid } TABLE.calendarDay TBODY TR.midday TH { BORDER-TOP: #cdcdcd 2px solid } TABLE.calendarDay TBODY TR.midday TD { BORDER-TOP: #cdcdcd 2px solid } TABLE.calendarDay TR.notBusinessHours TH { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f3f3f3; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } TABLE.calendarDay TR.notBusinessHours TD { BACKGROUND: #fafafa } TABLE.calendarDay TBODY TR.notBusinessHours TD.hasEvent { BACKGROUND: #fafafa } TABLE.calendarDay TR TH SPAN.ampm { FONT-SIZE: 75%; BACKGROUND: #bbb; POSITION: relative; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 2px; LEFT: -4px; LETTER-SPACING: 0.1em; TOP: -1.2em; PADDING-RIGHT: 2px } TABLE.calendarDay TBODY TR:hover { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calendarDay TBODY TR:focus { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calendarDay TBODY TR:hover TH { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:hover TD { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:focus TH { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:focus TD { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:active TH { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:active TD { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:hover TD.hasEvent { BACKGROUND: #f0f0f0 } TABLE.calendarDay TBODY TR:focus TD.hasEvent { BACKGROUND: #f0f0f0 } TABLE.calendarDay TBODY TR:active TD.hasEvent { BACKGROUND: #f0f0f0 } TABLE.calendarDay TD DIV DIV { FONT-SIZE: 90%; BACKGROUND: #b5ccea; FLOAT: left; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; MARGIN: 0px 4px 0px -6px; DISPLAY: block; PADDING-RIGHT: 3px } TABLE.calendarDay TD DIV DIV.contextMenuContainer { BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px -3px; DISPLAY: inline; PADDING-RIGHT: 0px } TABLE.calendarDay TD DIV SPAN { FONT-SIZE: 90%; COLOR: #555 } UL.calendarWeek { LIST-STYLE-TYPE: none; BORDER-TOP: #cdcdcd 1px solid; BORDER-RIGHT: #cdcdcd 1px solid; BORDER-BOTTOM: #cdcdcd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 10px 0px 0px; LIST-STYLE-IMAGE: none; BORDER-LEFT: #cdcdcd 1px solid; PADDING-RIGHT: 0px } UL.calendarWeek LI { BORDER-BOTTOM: #cdcdcd 1px solid; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px } UL.calendarWeek LI UL:first-child { BORDER-TOP: medium none } UL.calendarWeek UL LI:first-child { BORDER-TOP: medium none } UL.calendarWeek LI H3.weekDay { FONT-SIZE: 110%; BACKGROUND: #e3efff; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; PADDING-LEFT: 0.6em; MARGIN: 0px; PADDING-RIGHT: 0.6em } UL.calendarWeek LI H3.weekDay:hover { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -200px } UL.calendarWeek LI H3.weekDay:focus { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -200px } UL.calendarWeek LI H3.weekDay:active { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -200px } UL.calendarWeek LI UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px 6px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.calendarWeek LI UL LI { BORDER-TOP: #ededed 1px solid; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } UL.calendarWeek LI UL LI:hover { BACKGROUND: url(images/backgrounds_h.png) repeat-x 0px -205px } UL.calendarWeek LI UL LI:focus { BACKGROUND: url(images/backgrounds_h.png) repeat-x 0px -205px } UL.calendarWeek LI UL LI:active { BACKGROUND: url(images/backgrounds_h.png) repeat-x 0px -205px } UL.calendarWeek LI UL LI H4 { FONT-SIZE: 95%; WIDTH: 10em; FLOAT: left; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; MARGIN: 0px 12px 0px 0px; PADDING-RIGHT: 3px } UL.calendarWeek LI DIV { MARGIN-LEFT: 11em } UL.calendarWeek LI DIV.contextMenuContainer { MARGIN: 0px 0px 0px -3px } UL.calendarWeek LI UL LI SPAN { FONT-SIZE: 90%; COLOR: #555 } .diffbox-wrapper { WIDTH: 80%; MARGIN: 9px auto } .legendbox-wrapper { WIDTH: 90%; MARGIN: 9px auto } .legendbox-wrapper > DIV { BORDER-LEFT: #ddd 1px solid } .legendbox-wrapper > DIV:first-child { BORDER-LEFT: medium none } .diffbox-left { FLOAT: left } .diffbox-right { FLOAT: left } .diffbox-arrow { FLOAT: left } .legendbox { FLOAT: left } .diffbox-left { WIDTH: 44% } .diffbox-right { WIDTH: 44% } .legendbox-3 { WIDTH: 33% } .legendbox-2 { WIDTH: 48% } .diffbox-left > DIV { BACKGROUND: #f9f9f9; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .diffbox-right > DIV { BACKGROUND: #f9f9f9; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .legendbox > DIV { BACKGROUND: #f9f9f9; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .legendbox > DIV { BACKGROUND: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .diffbox-right > DIV { BORDER-TOP: #ddd 2px solid; BORDER-RIGHT: #ddd 2px solid; BORDER-BOTTOM: #ddd 2px solid; BORDER-LEFT: #ddd 2px solid } .diffbox-left UL LI { BORDER-TOP: #ddd 1px dotted; PADDING-BOTTOM: 2px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .diffbox-right UL LI { BORDER-TOP: #ddd 1px dotted; PADDING-BOTTOM: 2px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .legendbox UL LI { BORDER-TOP: #ddd 1px dotted; PADDING-BOTTOM: 2px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .diffbox-left UL LI:first-child { BORDER-TOP: 0px } .diffbox-right UL LI:first-child { BORDER-TOP: 0px } .legendbox UL LI:first-child { BORDER-TOP: 0px } .diffbox-left .label { WIDTH: 30%; COLOR: #666 } .diffbox-right .label { WIDTH: 30%; COLOR: #666 } .legendbox .label { WIDTH: 30%; COLOR: #666 } .diffbox-left .field { WIDTH: 59% } .diffbox-right .field { WIDTH: 59% } .legendbox .label { FONT-SIZE: 90%; WIDTH: 45% } .legendbox .field { WIDTH: 55% } .diffbox-arrow { WIDTH: 6%; TEXT-ALIGN: center; PADDING-TOP: 50px } .diffLegend-sample { HEIGHT: 17px !important; WIDTH: 90px !important; POSITION: static !important } .addedImg-sample { HEIGHT: 13px !important } .removedImg-sample { HEIGHT: 13px !important } .changedImg-sample { HEIGHT: 13px !important } .diff-html-added { CURSOR: pointer; FONT-SIZE: 100%; POSITION: relative; DISPLAY: inline-block } .diff-html-removed { CURSOR: pointer; FONT-SIZE: 100%; POSITION: relative; DISPLAY: inline-block } .added-sample { CURSOR: pointer; FONT-SIZE: 100%; POSITION: relative; DISPLAY: inline-block } .removed-sample { CURSOR: pointer; FONT-SIZE: 100%; POSITION: relative; DISPLAY: inline-block } .diff-html-added { BACKGROUND-COLOR: #cfc } .added-sample { BACKGROUND-COLOR: #cfc } .diff-html-removed { TEXT-DECORATION: line-through; BACKGROUND-COLOR: #fdc6c6 } .removed-sample { TEXT-DECORATION: line-through; BACKGROUND-COLOR: #fdc6c6 } .diff-html-changed { CURSOR: pointer; BACKGROUND: url(images/diffunderline.gif) repeat-x 50% bottom } .changed-sample { CURSOR: pointer; BACKGROUND: url(images/diffunderline.gif) repeat-x 50% bottom } .diff-html-added IMG { BORDER-TOP: #cfc 2px solid; BORDER-RIGHT: #cfc 2px solid; BORDER-BOTTOM: #cfc 2px solid; BORDER-LEFT: #cfc 2px solid } .addedImg-sample { BORDER-TOP: #cfc 2px solid; BORDER-RIGHT: #cfc 2px solid; BORDER-BOTTOM: #cfc 2px solid; BORDER-LEFT: #cfc 2px solid } .diff-html-removed IMG { BORDER-TOP: #fdc6c6 2px solid; BORDER-RIGHT: #fdc6c6 2px solid; BORDER-BOTTOM: #fdc6c6 2px solid; BORDER-LEFT: #fdc6c6 2px solid } .removedImg-sample { BORDER-TOP: #fdc6c6 2px solid; BORDER-RIGHT: #fdc6c6 2px solid; BORDER-BOTTOM: #fdc6c6 2px solid; BORDER-LEFT: #fdc6c6 2px solid } .diff-html-changed IMG { BORDER-TOP: #009 2px dotted; BORDER-RIGHT: #009 2px dotted; BORDER-BOTTOM: #009 2px dotted; BORDER-LEFT: #009 2px dotted } .changedImg-sample { BORDER-TOP: #009 2px dotted; BORDER-RIGHT: #009 2px dotted; BORDER-BOTTOM: #009 2px dotted; BORDER-LEFT: #009 2px dotted } DIV.diff-removed-image { RIGHT: 0px; POSITION: absolute; LEFT: 0px; FILTER: alpha(opacity=55); MARGIN: 2px; TOP: 0px; BOTTOM: 0px; opacity: .55; -moz-opacity: .55 } DIV.diff-added-image { RIGHT: 0px; POSITION: absolute; LEFT: 0px; FILTER: alpha(opacity=55); MARGIN: 2px; TOP: 0px; BOTTOM: 0px; opacity: .55; -moz-opacity: .55 } .diff-addedImg-sample { RIGHT: 0px; POSITION: absolute; LEFT: 0px; FILTER: alpha(opacity=55); MARGIN: 2px; TOP: 0px; BOTTOM: 0px; opacity: .55; -moz-opacity: .55 } DIV.diff-removed-image { BACKGROUND-IMAGE: url(images/diffmin.gif); BACKGROUND-COLOR: #fdc6c6 } .diff-removedImg-sample { BACKGROUND-IMAGE: url(images/diffmin.gif); BACKGROUND-COLOR: #fdc6c6 } DIV.diff-added-image { BACKGROUND-IMAGE: url(images/diffplus.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #cfc } .diff-addedImg-sample { BACKGROUND-IMAGE: url(images/diffplus.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #cfc } DIV.blogContainer DIV.wikiPage { BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 2px solid; BORDER-BOTTOM: #ccc 2px solid; BORDER-LEFT: #ccc 2px solid } DIV.blogContainer DIV.wikiPage H4 { FONT-SIZE: 120%; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 9px; PADDING-LEFT: 30px; PADDING-RIGHT: 12px } DIV.blogContainer DIV.entryFooter H4 { FONT-SIZE: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.blogContainer DIV.entryDate { FONT-SIZE: 95%; FONT-FAMILY: Georgia, serif; COLOR: #666; PADDING-BOTTOM: 6px; FONT-STYLE: italic; PADDING-TOP: 6px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px } .editWiki { MARGIN: 9px } .playerControls { MARGIN-BOTTOM: 2px; POSITION: relative; PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 6px !important; MARGIN-TOP: 0px; PADDING-RIGHT: 6px !important } IMG.managedPluginStatusIcon { MARGIN: 1px 7px 3px 0px } UL.metaDataList { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.metaDataList LI { PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px } UL.metaDataList LI H3 { MARGIN: 0px; DISPLAY: inline } .bb-cpgbtd { FONT-SIZE: 90% } .bb-cpgbth { FONT-SIZE: 90% } .bb-cpmgtd { FONT-SIZE: 85%; COLOR: #000 } .bb-cpmgth { FONT-SIZE: 85%; FONT-WEIGHT: bold } #resizeHandle { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; WIDTH: 3px; BACKGROUND: #ddd; BORDER-BOTTOM: #999 1px solid; POSITION: absolute; LEFT: 200px; BORDER-LEFT: #999 1px solid; MARGIN-TOP: 0px; TOP: 0px; BOTTOM: 0px; -webkit-border-radius: 1px; -moz-border-radius: 1px } #resizeHandle:hover { CURSOR: e-resize; BACKGROUND: #aaa } #resizeHandle:focus { CURSOR: e-resize; BACKGROUND: #aaa } #resizeHandle .collapseControl { FONT-SIZE: 8px; BORDER-TOP: #999 1px solid; HEIGHT: 22px; BORDER-RIGHT: #999 1px solid; WIDTH: 11px; BACKGROUND: url(images/menu_collapse3.gif) no-repeat -2px -3px; BORDER-BOTTOM: #999 1px solid; POSITION: relative; LEFT: -5px; BORDER-LEFT: #999 1px solid; MARGIN-TOP: 200px; DISPLAY: block; -webkit-border-radius: 2px; -moz-border-radius: 2px } #resizeHandle .pullcollapsed { FONT-SIZE: 8px; BORDER-TOP: #999 1px solid; HEIGHT: 22px; BORDER-RIGHT: #999 1px solid; WIDTH: 11px; BACKGROUND: url(images/menu_collapse3.gif) no-repeat -2px -3px; BORDER-BOTTOM: #999 1px solid; POSITION: relative; LEFT: -5px; BORDER-LEFT: #999 1px solid; MARGIN-TOP: 200px; DISPLAY: block; -webkit-border-radius: 2px; -moz-border-radius: 2px } .collapseControl:hover { CURSOR: pointer } .collapseControl:focus { CURSOR: pointer } .caretTitleModifier { FONT-SIZE: 90%; FONT-WEIGHT: normal; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 0px } .landingPageColumn H3.hiddenlink .linkStatus { FONT-SIZE: 85%; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; PADDING-TOP: 0.4em; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } TABLE.inventory .vtbegenerated TBODY TR TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.inventory .vtbegenerated TBODY TR TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.inventory .vtbegenerated TBODY TR:hover TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.inventory .vtbegenerated TBODY TR:hover TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR:hover TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR:hover TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .additional { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; MARGIN: 0px 0px 6px; PADDING-RIGHT: 3px } .additional .left { FLOAT: left } .additional .right { FLOAT: right; COLOR: #777; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .additional .right SPAN.size { FONT-WEIGHT: bold; COLOR: #000 } .additional .left SPAN.suboption { DISPLAY: block } A.add { BORDER-TOP-COLOR: #42af41; BORDER-LEFT-COLOR: #42af41; BORDER-BOTTOM-COLOR: #42af41; BORDER-RIGHT-COLOR: #42af41; BACKGROUND-COLOR: #b3efb3 } A.add:hover { BORDER-TOP-COLOR: #42af41; BORDER-LEFT-COLOR: #42af41; BORDER-BOTTOM-COLOR: #42af41; BORDER-RIGHT-COLOR: #42af41; BACKGROUND-COLOR: #e4ffdf } A.add:focus { BORDER-TOP-COLOR: #42af41; BORDER-LEFT-COLOR: #42af41; BORDER-BOTTOM-COLOR: #42af41; BORDER-RIGHT-COLOR: #42af41; BACKGROUND-COLOR: #e4ffdf } A.remove { BORDER-TOP-COLOR: #ef3b3b; BORDER-LEFT-COLOR: #ef3b3b; BORDER-BOTTOM-COLOR: #ef3b3b; BORDER-RIGHT-COLOR: #ef3b3b; BACKGROUND-COLOR: #ffc4bf } A.remove:hover { BORDER-TOP-COLOR: #ef3b3b; BORDER-LEFT-COLOR: #ef3b3b; BORDER-BOTTOM-COLOR: #ef3b3b; BORDER-RIGHT-COLOR: #ef3b3b; BACKGROUND-COLOR: #ffd2cf } A.remove:focus { BORDER-TOP-COLOR: #ef3b3b; BORDER-LEFT-COLOR: #ef3b3b; BORDER-BOTTOM-COLOR: #ef3b3b; BORDER-RIGHT-COLOR: #ef3b3b; BACKGROUND-COLOR: #ffd2cf } .smallControls { FONT-SIZE: 90%; MIN-WIDTH: 19em; MARGIN-TOP: 3px !important } .smallControls .label { WIDTH: 29% } .smallControls .field { WIDTH: 70% } .smallControls .stepHelp { FONT-SIZE: 100% !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px }

@font-face { font-family: Utilicons-discussions; src: url(fonts/utilicons/utilicons-web-webfont.eot); } .listColumnHead { MARGIN-BOTTOM: 3px; FONT-SIZE: 90%; BORDER-BOTTOM: #ccc 1px dotted; FONT-WEIGHT: bold; COLOR: #555 } .customFormBuilderLabel { WORD-WRAP: break-word; WIDTH: 88%; DISPLAY: block } .textareaWrapper TEXTAREA { WIDTH: 100% } .textareaWrapper TABLE { WIDTH: 100% } .portlet #loginFooter { FONT-SIZE: 0.9em; BACKGROUND-IMAGE: none; COLOR: #444; PADDING-BOTTOM: 9px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .portlet #loginFooter UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .portlet #loginFooter UL LI { BACKGROUND-IMAGE: none; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; BORDER-LEFT: #999 1px dotted; PADDING-RIGHT: 10px } .portlet #loginFooter UL LI:first-child { BORDER-LEFT: medium none } .portlet #loginFooter UL LI .active:link { TEXT-DECORATION: none; COLOR: #666 } .tools.navPalette { } A { COLOR: #b00 } .portlet .subCategories LI A { COLOR: #b00 } .blockGroups .itemHead { COLOR: #b00 } .blockGroups .itemHeadOpen { COLOR: #b00 } .listCm .courseMenu A:hover SPAN { COLOR: #b00 !important } .listCm .courseMenu A:focus SPAN { COLOR: #b00 !important } .vtbegenerated A { TEXT-DECORATION: underline } .item H3 A SPAN { BORDER-BOTTOM: 1px dotted } .individualContent-link > SPAN { BORDER-BOTTOM: 1px dotted } .read > A > SPAN { BORDER-BOTTOM: 1px dotted } .item H3 A:hover SPAN { BORDER-BOTTOM-STYLE: solid } .item H3 A:focus SPAN { BORDER-BOTTOM-STYLE: solid } .individualContent-link:hover > SPAN { BORDER-BOTTOM-STYLE: solid } .individualContent-link:focus > SPAN { BORDER-BOTTOM-STYLE: solid } .rating { LIST-STYLE-TYPE: none; HEIGHT: 16px; WIDTH: 80px; BACKGROUND: url(images/controls.png) no-repeat 0px -20px; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .star0 { BACKGROUND-POSITION: 0px -20px } .star1 { BACKGROUND-POSITION: 0px -36px } .star2 { BACKGROUND-POSITION: 0px -52px } .star3 { BACKGROUND-POSITION: 0px -68px } .star4 { BACKGROUND-POSITION: 0px -84px } .star5 { BACKGROUND-POSITION: 0px -100px } UL.rating LI { CURSOR: pointer; TEXT-INDENT: -999em } UL.rating LI A { TEXT-DECORATION: none; HEIGHT: 16px; WIDTH: 16px; POSITION: absolute; LEFT: 0px; Z-INDEX: 200; TOP: 0px } UL.rating LI.one A { LEFT: 0px } 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 { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 80px; BACKGROUND: url(images/controls.png) no-repeat -90px -36px; LEFT: 0px; Z-INDEX: 2 } UL.rating LI A:focus { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 80px; BACKGROUND: url(images/controls.png) no-repeat -90px -36px; LEFT: 0px; Z-INDEX: 2 } UL.rating LI.one A:hover { BACKGROUND-POSITION: -90px -36px } UL.rating LI.one A:focus { BACKGROUND-POSITION: -90px -36px } UL.rating LI.two A:hover { BACKGROUND-POSITION: -90px -52px } UL.rating LI.two A:focus { BACKGROUND-POSITION: -90px -52px } UL.rating LI.three A:hover { BACKGROUND-POSITION: -90px -68px } UL.rating LI.three A:focus { BACKGROUND-POSITION: -90px -68px } UL.rating LI.four A:hover { BACKGROUND-POSITION: -90px -84px } UL.rating LI.four A:focus { BACKGROUND-POSITION: -90px -84px } UL.rating LI.five A:hover { BACKGROUND-POSITION: -90px -100px } UL.rating LI.five A:focus { BACKGROUND-POSITION: -90px -100px } DIV.collectionViewReadMessageBorder { MARGIN-LEFT: 30px; BORDER-LEFT: #ccc 1px solid } DIV.collectionViewUnreadMessageBorder { BORDER-TOP: #999 3px solid; BORDER-RIGHT: #999 3px solid; BORDER-BOTTOM: #999 3px solid; MARGIN-LEFT: 30px; BORDER-LEFT: #999 3px solid } .gradefield { OVERFLOW: visible; FONT-SIZE: 120%; VERTICAL-ALIGN: middle; COLOR: #000; PADDING-BOTTOM: 4px; TEXT-ALIGN: center; PADDING-TOP: 4px; PADDING-LEFT: 12px; MARGIN: 9px 0px; PADDING-RIGHT: 12px } .gradefield INPUT { FONT-SIZE: 110%; BORDER-TOP: #666 2px solid; FONT-FAMILY: arial, sans-serif; BORDER-RIGHT: #666 2px solid; VERTICAL-ALIGN: middle; BACKGROUND: #fff; BORDER-BOTTOM: #666 2px solid; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 3px; MARGIN: 0px; BORDER-LEFT: #666 2px solid; LINE-HEIGHT: 100%; PADDING-RIGHT: 3px } .gradefield INPUT.inputtypebutton { OVERFLOW: visible; FONT-SIZE: 80%; BORDER-TOP: #ccc 1px solid; HEIGHT: auto; BORDER-RIGHT: #ccc 1px solid; WIDTH: auto; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 2px; PADDING-LEFT: 8px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 8px } .gradefield A { FONT-SIZE: 120%; FONT-WEIGHT: bold } .gradefield SPAN { FONT-SIZE: 80%; COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .overridegrade { FONT-SIZE: 80%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 3px 0px 3px 9px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 12px } .overridegrade INPUT.inputtypebutton { FONT-SIZE: 70%; VERTICAL-ALIGN: middle; FONT-WEIGHT: normal; MARGIN-TOP: -3px } DIV.parentmessage { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 9px; PADDING-TOP: 3px; PADDING-LEFT: 6px; CLEAR: both; MARGIN: 6px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px } .availability { FONT-SIZE: 85%; WIDTH: auto; PADDING-BOTTOM: 1px; FONT-STYLE: italic; PADDING-TOP: 1px; PADDING-LEFT: 3px; MARGIN: 6px 0px; PADDING-RIGHT: 3px } TD.tag_controls { BACKGROUND: #cad7e7; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 3px } TD.msg_controls { BACKGROUND: #cad7e7; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px } TD.checkbox_cell { BORDER-RIGHT: #ccc 1px solid; VERTICAL-ALIGN: top; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } TD.prevnextpostarea { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 5px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 5px } H3.dbheading { MARGIN-BOTTOM: 0px; FONT-WEIGHT: normal; MARGIN-TOP: 0px; DISPLAY: inline } .dbThread { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #aaa 1px solid; POSITION: relative; MARGIN: 0px 0px 12px; BORDER-LEFT: #aaa 1px solid; -webkit-box-shadow: 0 3px 6px #ccc; -moz-box-shadow: 0 3px 6px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px } .dbThreadMessage .dbThread { MARGIN: 24px 30px } .dbThreadCheckbox { POSITION: absolute } .dbThreadCheckbox INPUT { MARGIN: 10px } .dbThread .dbThreadInfo { COLOR: #555 } .dbThreadInfo DL { FLOAT: left; MARGIN: 0px } .dbThreadInfo DT { WIDTH: 8em; FLOAT: left; FONT-WEIGHT: bold; COLOR: #999; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em; PADDING-LEFT: 0.1em; CLEAR: left; MARGIN: 0px; PADDING-RIGHT: 0.1em } .dbThreadInfo DD { FLOAT: left; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em; PADDING-LEFT: 0.1em; MARGIN: 0px 0px 0px 0.5em; PADDING-RIGHT: 0.1em } DIV.dbThreadFooter DIV.navButtons { WIDTH: 100% } DIV.dbThreadHeader DIV.navButtons { WIDTH: 100% } DIV.dbThreadFooter DIV.threadButtons { WIDTH: 100% } DIV.dbThreadHeader DIV.threadButtons { WIDTH: 100% } .dbThreadBody { OUTLINE-WIDTH: 0px; OUTLINE-STYLE: none; CLEAR: both; OUTLINE-COLOR: invert } .dbThreadBody P { FONT: 120%/1.3 Georgia, serif } P.dbAttachment { FONT: 100% "Lucida Grande", sans-serif; MARGIN: 0px 0px 12px } .dbParentPost P.dbAttachment { FONT: 100% "Lucida Grande", sans-serif; MARGIN: 0px 0px 12px } DIV.spacerDiv { CLEAR: both } .pageTitle { BACKGROUND: #eee; BORDER-BOTTOM: #ddd 1px solid } .reply-lvl-0 { MARGIN: 14px 0px 24px } .db-head-message { MARGIN: 14px 0px 24px } DIV.dbParentPost { BORDER-TOP: #bbb 1px dashed; BORDER-RIGHT: #bbb 1px dashed; BORDER-BOTTOM: #bbb 1px dashed; BORDER-LEFT: #bbb 1px dashed; -webkit-border-radius: 3px; -moz-border-radius: 3px } UL.nestedInlineReceipt { MARGIN: 4px 8px } .db-reply-block { MARGIN: 0px 0px 12px } #inlineMessageForm #dataCollectionContainer { MARGIN: -9px 0px 0px } #collectionContainer .dbThreadBody { PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } #collectionContainer .dbThreadFooter { MARGIN: 0px 10px } #collectionListContainerDiv .rumble_top UL { FLOAT: left } .thread-detail-page .actionBar { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; RIGHT: -4px; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; BORDER-LEFT: #555 1px solid; TOP: -4px; opacity: 0; box-shadow: 0 0 3px rgba(0, 0, 0, .3), 1px 1px 1px rgba(255, 255, 255, .2) inset; border-radius: 3px; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out } .thread-detail-page .contentPane:hover .actionBar { FILTER: alpha(opacity=100) !important; opacity: 1 } .thread-detail-page .contentBox:hover .actionBar { FILTER: alpha(opacity=100) !important; opacity: 1 } .thread-detail-page .actionBar .secondaryButton > A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; FILTER: none !important; BORDER-LEFT: 0px; PADDING-RIGHT: 9px; text-shadow: 0 1px 1px rgba(0, 0, 0, .9) } .thread-detail-page .actionBar .mainButton > A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; FILTER: none !important; BORDER-LEFT: 0px; PADDING-RIGHT: 9px; text-shadow: 0 1px 1px rgba(0, 0, 0, .9) } .thread-detail-page .actionBar .secondaryButton > A:hover { BACKGROUND: #555; COLOR: #fff !important; -webkit-box-shadow: none; box-shadow: none } .thread-detail-page .actionBar .secondaryButton > A:focus { BACKGROUND: #555; COLOR: #fff !important; -webkit-box-shadow: none; box-shadow: none } .thread-detail-page .actionBar .mainButton > A:hover { BACKGROUND: #555; COLOR: #fff !important; -webkit-box-shadow: none; box-shadow: none } .thread-detail-page .actionBar .mainButton > A:focus { BACKGROUND: #555; COLOR: #fff !important; -webkit-box-shadow: none; box-shadow: none } .thread-detail-page #navsecondary .secondaryButton { POSITION: relative !important } .thread-detail-page #navsecondary .secondaryButton A { OVERFLOW: hidden; FONT-SIZE: 100%; BORDER-TOP: 0px; HEIGHT: 32px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; POSITION: relative; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 34px !important; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: 32px; PADDING-RIGHT: 9px !important } .thread-detail-page .actionBar .mainButton A { OVERFLOW: hidden; FONT-SIZE: 100%; BORDER-TOP: 0px; HEIGHT: 32px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; POSITION: relative; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 34px !important; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: 32px; PADDING-RIGHT: 9px !important } .thread-detail-page #navsecondary .secondaryButton A:before { POSITION: absolute; COLOR: #ccc; FONT: 20px "Utilicons-discussions"; LEFT: 10px; TOP: 7px } .thread-detail-page .actionBar .mainButton A:before { POSITION: absolute; COLOR: #ccc; FONT: 20px "Utilicons-discussions"; LEFT: 10px; TOP: 7px } .thread-detail-page #navsecondary .secondaryButton A:hover:before { COLOR: #fff } .thread-detail-page #navsecondary .secondaryButton A:focus:before { COLOR: #fff } .thread-detail-page .actionBar .mainButton A:hover:before { COLOR: #fff } .thread-detail-page .actionBar .mainButton A:focus:before { COLOR: #fff } .thread-detail-page #navsecondary A#refreshTreeActionButtonId:before { CONTENT: "r" } .thread-detail-page #navsecondary #searchActionButtonId A:before { CONTENT: "F" } .thread-detail-page A#moderateActionButtonId:before { CONTENT: "q" } .thread-detail-page A#subUnSubActionButtonId:before { CONTENT: "M" } .thread-detail-page #navsecondary #alignmentsActionButtonId A:before { CONTENT: "a" } .thread-detail-page A#gradeActionButtonId:before { CONTENT: "g" } .thread-detail-page A#studentGradeActionButtonId:before { CONTENT: "g" } .reply-lvl-0 .message-wrapper-inner { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #e6e6e6; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; box-shadow: 1px 1px 0 rgba(255, 255, 255, .9), 0 0 18px rgba(0, 0, 0, .1) inset; border-radius: 2px } .db-head-message .message-wrapper-inner { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #e6e6e6; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; box-shadow: 1px 1px 0 rgba(255, 255, 255, .9), 0 0 18px rgba(0, 0, 0, .1) inset; border-radius: 2px } .reply-lvl-0 .threadButtons .reply { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; VERTICAL-ALIGN: baseline; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; PADDING-RIGHT: 16px; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8) } .reply-lvl-0 .threadButtons .reply:hover { BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); BORDER-LEFT: #274561 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .reply-lvl-0 .threadButtons .browse { FONT-SIZE: 105%; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: baseline; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #333; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .threadButtons .browse { FONT-SIZE: 105%; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: baseline; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #333; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .threadButtons .reply { FONT-SIZE: 105%; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: baseline; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #333; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .reply-lvl-0 .threadButtons .browse:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: black; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .threadButtons .browse:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: black; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .threadButtons .reply:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: black; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .threadButtons .browse { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .threadButtons .reply { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .threadButtons .reply { FONT-WEIGHT: bold } .messageCollectionContainer { WIDTH: 75%; FLOAT: left } DIV.instructionData { MARGIN: 0px 0px 12px } DIV.instructionData UL { LIST-STYLE-TYPE: none; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.instructionData UL LI { LIST-STYLE-TYPE: none; FLOAT: left; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px 0px 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.instructionData UL LI SPAN { FONT-SIZE: 90%; COLOR: #555 } DIV.instructionData UL LI H3 { FONT-SIZE: 100%; MARGIN: 0px; DISPLAY: inline } DIV.instructionData UL LI.instructions { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 6px 0px 0px; PADDING-RIGHT: 0px } DIV.instructionData UL LI.saving { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 6px 0px 0px; PADDING-RIGHT: 0px } DIV.instructionData UL LI.instructions A.browse { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: medium none; BORDER-LEFT: #ccc 1px solid } .assessmentInstructions { BACKGROUND: #f1f1f1; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 12px } .assessmentInstructions H3 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 0px; PADDING-RIGHT: 0px } .assessmentPortlet { RIGHT: 43px; POSITION: fixed; Z-INDEX: 1 } .assessmentPortlet H3 { FONT-SIZE: 100%; FONT-WEIGHT: bold; COLOR: #597298; LETTER-SPACING: 1px } .assessmentPortlet DIV.assessmentPortletBlock H4 { FONT-SIZE: 100%; FONT-WEIGHT: bold; COLOR: #597298; LETTER-SPACING: 1px } .assessmentPortlet DIV.blockContents H4 { FONT-SIZE: 100%; FONT-WEIGHT: bold; COLOR: #597298; LETTER-SPACING: 1px } .savingQuestion { FONT-SIZE: 150%; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; COLOR: #c03; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: none; PADDING-RIGHT: 2px } TR.dummyVTBEFooter TD { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid } .qIncomplete { TEXT-DECORATION: none; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; WIDTH: 30px; BACKGROUND: #fff; BORDER-BOTTOM: #999 1px solid; FLOAT: left; FONT-WEIGHT: bold; COLOR: #333; TEXT-ALIGN: center; MARGIN: 1px; BORDER-LEFT: #999 1px solid; DISPLAY: block } .qComplete { TEXT-DECORATION: none; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; WIDTH: 30px; BORDER-BOTTOM: #999 1px solid; FLOAT: left; FONT-WEIGHT: normal; COLOR: #888; TEXT-ALIGN: center; MARGIN: 1px; BORDER-LEFT: #999 1px solid; DISPLAY: block; BACKGROUND-COLOR: #ccc } DIV.canvasHead { BACKGROUND: #f6f6f6; PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 16px; MARGIN: 0.6em 0px; PADDING-RIGHT: 16px } DIV.canvasHead UL LI { BORDER-TOP: #eee 1px solid } DIV.canvasHead UL LI:first-child { BORDER-TOP: medium none } DIV.canvasHead UL LI DIV.label { COLOR: #555 } .peer_instructions { MARGIN: 12px 6px } .peerHelp { COLOR: #555 } H2.evaluator { MARGIN: 1em 0px 0.3em } H2.evaluator SPAN { FONT-SIZE: 90%; FONT-WEIGHT: normal } DIV.peerCriteriaStatus { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; PADDING-LEFT: 0.3em; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 0.3em } DIV.peerCriteriaStatus A.itemHeadOpen { FONT-SIZE: 90%; TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #597298; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: 1px } DIV.peerCriteriaStatus A.itemHeadOpen:hover { TEXT-DECORATION: underline } DIV.peerCriteriaStatus TD.qStatus { WIDTH: 5%; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } DIV.peerCriteriaStatus TD.qStatus A SPAN { BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid; BACKGROUND: white; BORDER-BOTTOM: #fff 1px solid; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; BORDER-LEFT: #fff 1px solid; PADDING-RIGHT: 1px } DIV.peerCriteriaStatus TD.qStatus A SPAN.qComplete { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } DIV.peerCriteriaStatus TD.qStatus A.qActive SPAN.qComplete { TEXT-DECORATION: none; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid } DIV.peerCriteriaStatus TD.qStatus A.qActive SPAN.qIncomplete { TEXT-DECORATION: none; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid } DIV.peerCriteriaStatus A SPAN IMG { HEIGHT: 12px; WIDTH: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } .questionNumber { FONT-WEIGHT: bold } .questionType { FONT-WEIGHT: bold } .questionNumber { COLOR: #aaa } .questionDiv { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0.6em; PADDING-TOP: 0.6em; PADDING-LEFT: 0.6em; MARGIN: -1px 0px 6px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 0.6em } .questionDiv H3 { BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0.6em; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0.6em; PADDING-RIGHT: 0px } .questionDiv P { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.6em 1.2em; PADDING-RIGHT: 0px } .questionDiv DIV.criteriaText { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.6em 1.2em; PADDING-RIGHT: 0px } .questionDiv DIV.submission_text { OVERFLOW: auto; BORDER-TOP: #ccc 1px solid; HEIGHT: 150px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 100%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 4px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 4px } .questionDiv TABLE { WIDTH: 98% } .questionDiv TABLE TABLE { WIDTH: auto } .questionDiv TD.label { WIDTH: 150px; WHITE-SPACE: nowrap } #creceipt { FONT-WEIGHT: bold; COLOR: red; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } UL.fileData { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 3px 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.fileData LI { FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 6px } UL.listNav { LIST-STYLE-TYPE: none; WIDTH: 100%; BACKGROUND: #ddd; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.listNav LI { BACKGROUND: #ededed; WHITE-SPACE: nowrap; FLOAT: left; COLOR: #2d2680; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 1px; PADDING-RIGHT: 0px } UL.listNav LI A { TEXT-DECORATION: none; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; DISPLAY: block; PADDING-RIGHT: 10px } UL.listNav LI A:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: #dedede } UL.listNav LI A.active { BORDER-TOP: #000 2px solid; BORDER-RIGHT: #000 2px solid; BACKGROUND: #fff; BORDER-BOTTOM: #000 2px solid; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 8px; BORDER-LEFT: #000 2px solid; PADDING-RIGHT: 8px } UL.evaluation { LIST-STYLE-TYPE: none; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.6em 1.2em; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.evaluation LI { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px } UL.evaluation LI P { WIDTH: 79%; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 1px 0px; PADDING-RIGHT: 0px } UL.evaluation H4 { FONT-SIZE: 100%; WIDTH: 20%; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 1px 0px; PADDING-RIGHT: 0px } UL.evaluation LI P SPAN { COLOR: #555 } DIV.stepPanel DIV.user_html { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px 5px 12px 12px; PADDING-RIGHT: 0px } UL.stepPanels H4.defaultCursor { CURSOR: default } H4.defaultCursor { CURSOR: default } .qShow { DISPLAY: block } .qHide { DISPLAY: none } .completionContainer { OVERFLOW: auto; PADDING-BOTTOM: 6px; PADDING-TOP: 6px } .completionContainerLarge { OVERFLOW: auto; HEIGHT: 75px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px } .completionContainer A IMG { VERTICAL-ALIGN: baseline } .pagedRumble { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 2px; MARGIN: 0px 0px 14px; BORDER-LEFT: 0px; PADDING-RIGHT: 2px } .pagedPointsOutsideBar { FONT-SIZE: 110%; BACKGROUND: #fae7ae 0px 50%; RIGHT: 6px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #000 !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; LEFT: auto; MARGIN: 0px; LETTER-SPACING: 1px; LINE-HEIGHT: 100%; TOP: 0px; PADDING-RIGHT: 0px } .pagedPoints { FONT-SIZE: 110%; BACKGROUND: #fae7ae 0px 50%; FONT-WEIGHT: bold; COLOR: #000 !important; PADDING-BOTTOM: 6px; PADDING-TOP: 5px; PADDING-LEFT: 10px; MARGIN: -5px 24px -5px -10px; LETTER-SPACING: 1px; LINE-HEIGHT: 100%; PADDING-RIGHT: 0px } .designAreaHeader { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 9px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 9px } .designAreaFooter { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 9px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 9px } .designAreaHeader H3 { COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .designAreaFooter H3 { COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .designAreaHeader .headertext { PADDING-BOTTOM: 0.4em; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 0px } .designAreaFooter .footertext { PADDING-BOTTOM: 0.4em; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV#emptyText { MARGIN: 0.6em 16px } .infoListWrapper { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BACKGROUND: #f6f6f6; BORDER-BOTTOM: #eee 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px 0px 6px; BORDER-LEFT: #eee 1px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } #assessmentGradeForm .infoListWrapper { MARGIN: 0px -12px 18px } .infoListWrapper H3 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .infoListWrapper H3 A { BACKGROUND: url(images/indicators.png) no-repeat 0px -443px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 16px; DISPLAY: block; PADDING-RIGHT: 16px } .infoListWrapper H3 A.open { BACKGROUND: url(images/indicators.png) no-repeat 0px -1040px } .infoList { MARGIN: 6px 12px } .infoList > LI { BORDER-TOP: #ddd 1px dotted; PADDING-BOTTOM: 0px !important; PADDING-TOP: 3px !important; PADDING-LEFT: 0px !important; MARGIN: 0px 0px 3px; PADDING-RIGHT: 0px !important } .infoListWrapper .infoList > LI { BORDER-TOP: #cdcdcd 1px dotted } .infoList LI:first-child { BORDER-TOP: medium none } .infoList LI DIV H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .details .infoList { MARGIN-TOP: 0px !important } .infoListFloat { MARGIN: 0px } .infoListFloat LI { FONT-SIZE: 95%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: url(images/indicators.png) no-repeat 0px 50%; BORDER-BOTTOM: medium none; FLOAT: left; COLOR: #555; PADDING-BOTTOM: 3px !important; PADDING-TOP: 3px !important; PADDING-LEFT: 10px !important; BORDER-LEFT: medium none; PADDING-RIGHT: 10px !important } .copyQuestion { PADDING-BOTTOM: 2px !important; PADDING-LEFT: 22px !important } .linkQuestion { PADDING-BOTTOM: 2px !important; PADDING-LEFT: 22px !important } .copyQuestion { BACKGROUND: url(/images/ci/icons/file_copy_ti.png) no-repeat 1px center } .linkQuestion { BACKGROUND: url(/images/ci/icons/file_link_ti.png) no-repeat 1px center } DIV.contentListRight { RIGHT: 9px; POSITION: absolute; FONT-WEIGHT: normal; PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 4px; PADDING-LEFT: 4px; Z-INDEX: 1000; TOP: 9px; PADDING-RIGHT: 4px } DIV.contentListRight A { FONT-WEIGHT: bold; MARGIN-LEFT: 4px } DIV.contentListRight SPAN:first-child + SPAN { FONT-SIZE: 85% } DIV.contentListRight SPAN:first-child + SPAN + SPAN { FONT-SIZE: 85% } DIV.contentListRight SPAN:first-child + SPAN:before { CONTENT: "(" } DIV.contentListRight SPAN:first-child + SPAN + SPAN:before { CONTENT: "(" } DIV.contentListRight SPAN:first-child + SPAN:after { CONTENT: ")" } DIV.contentListRight SPAN:first-child + SPAN + SPAN:after { CONTENT: ")" } DIV.contentListRight SPAN:first-child[style*='none'] + SPAN { DISPLAY: none } DIV.contentListRight SPAN:first-child[style*='none'] + SPAN + SPAN { DISPLAY: none } DIV.contentListRight SPAN SPAN { FONT-SIZE: 90%; COLOR: #666; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } DIV.contentListRight STRONG { PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0.4em; PADDING-RIGHT: 0.4em } DIV.assessmentHeader { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px } DIV.assessmentHeader H3 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 3px 6px; PADDING-RIGHT: 0px } DIV.assessmentHeader DIV { COLOR: #555; MARGIN: 3px } .assess-stats .contentListPlain { MARGIN-TOP: 0px } .assess-stats .contentListRightOffset { FLOAT: left } .assess-stats .contentListRight { POSITION: static; FLOAT: right } .assess-stats .contentListRight .taskbuttondiv { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .assess-stats .details { CLEAR: both } .questionShell { BORDER-BOTTOM: #ccc 1px solid } .quesTable TH[scope=col] { COLOR: #666 } .assess-stats .bMedium TH[scope=col] { COLOR: #666 } .questionShell > TR { BORDER-TOP: #f1f1f1 1px solid } .questionShell > TBODY > TR { BORDER-TOP: #f1f1f1 1px solid } .questionShell > TR:first-child { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .questionShell > TBODY > TR:first-child { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .questionShell TH.labelCell { FONT-WEIGHT: bold; COLOR: #888 } .questionShell .labelCell { FONT-WEIGHT: bold; COLOR: #888 } .questionShell .field { BORDER-BOTTOM: #ccc 1px dotted } .takeQuestionDiv .liveArea.stepTitleRight { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-COLOR: #ccc; BORDER-BOTTOM-WIDTH: 1px; RIGHT: 0px; BORDER-LEFT-COLOR: #ccc; PADDING-BOTTOM: 8px; BORDER-BOTTOM-COLOR: #ccc; PADDING-TOP: 8px; PADDING-LEFT: 12px; BORDER-RIGHT-COLOR: #ccc; TOP: 0px; PADDING-RIGHT: 30px; BORDER-TOP-WIDTH: 0px; -webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px } #assessmentGradeForm .liveArea.stepTitleRight { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-COLOR: #ccc; BORDER-BOTTOM-WIDTH: 1px; RIGHT: 0px; BORDER-LEFT-COLOR: #ccc; PADDING-BOTTOM: 8px; BORDER-BOTTOM-COLOR: #ccc; PADDING-TOP: 8px; PADDING-LEFT: 12px; BORDER-RIGHT-COLOR: #ccc; TOP: 0px; PADDING-RIGHT: 30px; BORDER-TOP-WIDTH: 0px; -webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px } DIV.multiAssign { MARGIN: 3px 0px 9px } DIV.multiAssign UL { LIST-STYLE-TYPE: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } DIV.multiAssign UL LI { FONT-SIZE: 90%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 13em; BACKGROUND: #f6f6f6; BORDER-BOTTOM: 0px; FLOAT: left; PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 6px; CLEAR: none; MARGIN: 0px 9px 0px 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 1.3em; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } DIV.multiAssign UL LI.read { FONT-SIZE: 90%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 13em; BACKGROUND: #f6f6f6; BORDER-BOTTOM: 0px; FLOAT: left; PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 6px; CLEAR: none; MARGIN: 0px 9px 0px 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 1.3em; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } DIV.multiAssign UL LI A { FONT-SIZE: 100%; FONT-WEIGHT: bold } DIV.multiAssign UL LI A { FONT-SIZE: 100%; FONT-WEIGHT: bold } DIV.multiAssign UL LI P { PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.multiAssign UL LI.label { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 12em; BACKGROUND: none transparent scroll repeat 0% 0%; WHITE-SPACE: normal; BORDER-BOTTOM: 0px; FONT-WEIGHT: normal; COLOR: #888; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 1.1em; PADDING-RIGHT: 0px } DIV.multiAssign UL LI P SPAN { COLOR: #888 } DIV.multiAssign A.buttonMicro { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; MARGIN: 1px auto 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 5px } H3 A.buttonMicro { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; MARGIN: 1px auto 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 5px } DIV.multiAssign A.buttonMicro:hover { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } H3 A.buttonMicro:hover { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } DIV.multiAssign A.buttonMicro:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } H3 A.buttonMicro:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } 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 { FONT-SIZE: 80%; BACKGROUND: #f3f3f3; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN-LEFT: 6px; PADDING-RIGHT: 6px } H3 DIV.status { FONT-SIZE: 80%; BACKGROUND: #f3f3f3; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN-LEFT: 6px; PADDING-RIGHT: 6px } H3 SPAN.status SPAN { COLOR: #888 } H3 DIV.status SPAN { COLOR: #888 } H3 DIV.status { DISPLAY: inline } DIV.pushAlignmentsLightboxContainer { WIDTH: 400px; PADDING-BOTTOM: 50px; PADDING-TOP: 50px; PADDING-LEFT: 50px; LINE-HEIGHT: 1.8em; PADDING-RIGHT: 50px } .orderingAnswersEdit { PADDING-LEFT: 60px } .gbtable_header DIV.gbText { text-shadow: 0 -1px 0 #777 } .gbtable THEAD DIV.gbText { text-shadow: 0 -1px 0 #777 } .subActionBar:hover { Z-INDEX: 1000 } .subActionBar DIV.block { FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: #999 1px dotted; PADDING-RIGHT: 9px } .subActionBar DIV.button { FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: #999 1px dotted; PADDING-RIGHT: 9px } .subActionBar SPAN.block { FLOAT: none } .subActionBar SPAN.button { FLOAT: none } .subActionBar LI.sub { POSITION: relative } .subActionBar FIELDSET LEGEND + DIV.block { BORDER-LEFT: 0px } .subActionBar SELECT { MAX-WIDTH: 180px; VERTICAL-ALIGN: middle } .subActionBar DIV.button { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .subActionBar DIV.last { BORDER-RIGHT: medium none } .subActionBar FIELDSET { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .subActionBar OPTGROUP { BORDER-TOP: #ddd 1px solid; FONT-WEIGHT: normal; COLOR: #777; FONT-STYLE: normal; MARGIN-TOP: 6px } .subActionBar OPTGROUP OPTION { COLOR: #000 } .subActionBar UL LI.sortableSelector A { PADDING-LEFT: 18px } .navPageHeader { TEXT-ALIGN: center; MARGIN: 1em 0px } .navPageHeader H3 { MARGIN-LEFT: 12px; DISPLAY: inline } .navPageHeader SPAN { FONT-WEIGHT: normal; COLOR: #888; MARGIN: 0px 6px 0px 0px } FIELDSET.secondaryActions { FLOAT: right } DIV.secondaryBlock { FLOAT: right } .cellInfoPanel { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #999 2px solid; BORDER-LEFT: #eee 1px solid } .cellStatus { FONT-SIZE: 85%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f6f6f6; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .cellStatus DIV { FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .statusTitle { BACKGROUND: #eee; COLOR: #666 } .statdata { OVERFLOW: hidden; COLOR: #000 } .cellStatus DIV.gbTableTimeStamp { WHITE-SPACE: nowrap; FLOAT: right; COLOR: #666; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .sortImage { POSITION: absolute; LEFT: 6px; TOP: 9px } .bubble { WIDTH: 190px; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 1000; DISPLAY: none; PADDING-RIGHT: 0px } .bubble UL { LIST-STYLE-TYPE: none; OVERFLOW: hidden; BORDER-TOP: #acc2df 1px solid; BORDER-RIGHT: #57b 1px solid; BORDER-BOTTOM: #57b 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: #acc2df 1px solid; Z-INDEX: 1000; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #e2eefe } .bubble UL LI { FONT-SIZE: 90%; WIDTH: 174px; FLOAT: left; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: left; MARGIN: 0px 0px 4px; PADDING-RIGHT: 0px } .bubble UL LI SPAN { WIDTH: 80px; FLOAT: left; FONT-WEIGHT: normal; COLOR: #666; DISPLAY: block; MARGIN-RIGHT: 3px } .bubble UL LI SPAN.icon { OVERFLOW: hidden; WIDTH: 20px; FLOAT: left } .bubble UL LI SPAN.label { FONT-SIZE: 100%; WIDTH: 147px; FONT-WEIGHT: normal } .bubbleStem { HEIGHT: 14px; WIDTH: 190px; POSITION: relative } .bottom .bubbleStem { BOTTOM: 4px } .top .bubbleStem { TOP: -2px } .left .bubbleStem { PADDING-LEFT: 24px } .right .bubbleStem { RIGHT: 24px; TEXT-ALIGN: right } .selectList { LIST-STYLE-TYPE: none; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 6px 0px 0px; LIST-STYLE-IMAGE: none; Z-INDEX: 100; PADDING-RIGHT: 0px } #viewList { Z-INDEX: 1000 !important } .selectList LI { FLOAT: left; MARGIN: 0px 4px 0px 0px; Z-INDEX: 101 } .selectList .sub A { TEXT-DECORATION: none; DISPLAY: block } .selectList .sub:hover UL { LEFT: 0px; TOP: 20px !important } .selectList .sub UL LI { POSITION: static !important; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .selectList .sub UL LI H4 { FONT-SIZE: 90%; BORDER-BOTTOM: #ccc 1px solid; FONT-WEIGHT: bold; COLOR: #888; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 3px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .selectList .sub UL LI H4 { WIDTH: 152px } .selectList .sub UL LI A { BACKGROUND-IMAGE: none; PADDING-LEFT: 18px !important } .selectList .sub UL LI A:hover { BACKGROUND-IMAGE: none; PADDING-LEFT: 18px !important } .selectList .sub UL LI A:focus { BACKGROUND-IMAGE: none; PADDING-LEFT: 18px !important } .selectList .sub A #currentView { BACKGROUND-IMAGE: none } .selectList .sub A #currentSortBy { BACKGROUND-IMAGE: none } .selectList .sub A #currentColSortDir { BACKGROUND-IMAGE: none } UL.selectList LI.sub UL LI.current A { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } UL.selectList LI.sub UL LI.current A:hover { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } .nav .sub .current A { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } .nav .sub .current A:hover { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } .nav .sub .favorite.current A { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } .nav .sub .favorite.current A:hover { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } DIV.gradeDetails { FONT-SIZE: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } DIV.gradeDetails DIV.label { WIDTH: 15% } SPAN.unstyled { FONT-SIZE: 100%; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } @media Print { DIV.hideOnPrint { DISPLAY: none } } DIV.gradeDetailsStep { OVERFLOW-X: auto; OVERFLOW-Y: visible; BORDER-BOTTOM: #ccc 2px solid; MARGIN: 0px 0px 6px } .gradeInfoHeader { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 0px -12px 12px; PADDING-RIGHT: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .gradeInfoHeader H3 { FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px 4px 0px 12px; PADDING-RIGHT: 0px } .gradeInfoHeader H3 SPAN { FONT-WEIGHT: bold; COLOR: #000 } .gradeInfoHeader H3.root { BACKGROUND: #888; COLOR: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .gradeInfoHeader H3.root SPAN { COLOR: #fff } UL.gb_currView LI.sub UL LI.favorite A { BACKGROUND-IMAGE: url(/images/ci/icons/favorite_on_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 4px } UL.gb_currView LI.sub UL LI.favorite A:hover { BACKGROUND-IMAGE: url(/images/ci/icons/favorite_on_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 4px } .navStatusButtons .taskbuttondiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.staticFooter DIV.details { MARGIN-LEFT: 18px } DIV.staticHeader DIV.details { MARGIN-LEFT: 18px } DIV.staticHeader { MARGIN: 10px 0px 0px } DIV.staticFooter DIV.details { BORDER-BOTTOM: #ddd 1px solid } .gbColumns_rumble { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: 0px; MARGIN-LEFT: 38px !important; BORDER-LEFT: #ddd 1px solid } .gbColumns_rumble_bottom { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: 0px; MARGIN-LEFT: 38px !important; BORDER-LEFT: #ddd 1px solid } .gbColumns_rumble_bottom { BORDER-TOP: 0px; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid } .staticHeader { POSITION: relative; ZOOM: 1; CLEAR: both } .staticFooter { POSITION: relative; ZOOM: 1; CLEAR: both } .staticHeader DIV.itemHeaderControl { RIGHT: 0px } .staticFooter DIV.itemHeaderControl { RIGHT: 0px } UL.gbCategories LI DIV.itemHeaderControl { RIGHT: 0px } .staticHeader DIV.itemHeaderControl { RIGHT: 0px; TOP: 0px } .staticFooter DIV.itemHeaderControl { RIGHT: 0px; TOP: 0px } UL.gbCategories LI DIV.itemHeaderControl { RIGHT: 0px; TOP: 0px } .staticHeader DIV.itemHeaderControl A { DISPLAY: inline-block } .staticFooter DIV.itemHeaderControl A { DISPLAY: inline-block } UL.gbCategories LI DIV.itemHeaderControl A { DISPLAY: inline-block } UL.dragableHighlight { BORDER-TOP: #999 1px dashed; BACKGROUND: #fff; BORDER-BOTTOM: #999 1px dashed; PADDING-BOTTOM: 3px; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 12px -30px; PADDING-RIGHT: 12px } UL.gbCategories LI H3.item { PADDING-BOTTOM: 18px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } DIV.staticHeader H3.item { PADDING-BOTTOM: 18px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } DIV.staticFooter H3.item { PADDING-BOTTOM: 18px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } UL.gbCategories LI H3.item A.toggleLink { MARGIN-TOP: -2px; MARGIN-RIGHT: 6px } DIV.staticHeader H3.item A.toggleLink { MARGIN-TOP: -2px; MARGIN-RIGHT: 6px } DIV.staticFooter H3.item A.toggleLink { MARGIN-TOP: -2px; MARGIN-RIGHT: 6px } DIV.areaHighlight DIV.container { BACKGROUND: #f9f9f9 } UL.dragableHighlight LI H3.item { BORDER-TOP-COLOR: #999; BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999 } .dragableHighlight DIV.details { BORDER-TOP-COLOR: #999; BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999 } #theGrid { POSITION: relative } .gridOverflowControl { OVERFLOW-X: auto; ZOOM: 1; PADDING-BOTTOM: 24px } .rubricTable TBODY TD TEXTAREA { BORDER-TOP: #ccc 1px solid; HEIGHT: 6em; BORDER-RIGHT: #ccc 1px solid; WIDTH: 99%; MIN-WIDTH: 9em; BORDER-BOTTOM: #ccc 1px solid; COLOR: #555; BORDER-LEFT: #ccc 1px solid } .rubricTable TBODY TD TEXTAREA + SCRIPT + DIV { TEXT-ALIGN: right } .rubricTable TBODY TD DIV INPUT[type='text'] { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 4em; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } #rubricRowReorder { POSITION: absolute; Z-INDEX: 100; TOP: 5em } #rubricColReorder { POSITION: absolute; LEFT: 15%; Z-INDEX: 100; TOP: 3em } #rubricColReorder FIELDSET { WHITE-SPACE: nowrap; POSITION: relative } #rubricColSort { WHITE-SPACE: nowrap; MARGIN-RIGHT: 60px } #rubricColSort LI { BORDER-RIGHT: #999 1px dotted; WHITE-SPACE: nowrap; POSITION: relative; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 24px; MARGIN: 0px 1px; DISPLAY: inline-block; PADDING-RIGHT: 6px } #rubricColSort LI INPUT { POSITION: absolute; LEFT: 0px; TOP: 0px } #reorderPanelControls { RIGHT: 0px; POSITION: absolute; TOP: 0px } #reorderPanelControls A { TEXT-DECORATION: none } TR.show { DISPLAY: table-row } TR.hide { DISPLAY: none } DIV.blogContainer { WIDTH: 74%; FLOAT: left } DIV.blogContainer H3.blogHead { FONT-SIZE: 100%; BACKGROUND: #777; COLOR: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 15px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 15px } DIV.blogContainer DIV.blogEntry { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px 0px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px } DIV.blogContainer DIV.blogEntry H4 { OVERFLOW: hidden; WORD-WRAP: break-word; FONT-SIZE: 110%; BACKGROUND: url(images/small_discussions.gif) no-repeat 8px 9px; PADDING-BOTTOM: 0px; PADDING-TOP: 9px; PADDING-LEFT: 30px; PADDING-RIGHT: 12px } DIV.blogContainer DIV.blogEntry DIV.entryText { OVERFLOW-X: auto; PADDING-BOTTOM: 18px; PADDING-TOP: 9px; PADDING-LEFT: 0px; MARGIN: 3px 12px 12px; PADDING-RIGHT: 0px } DIV.blogContainer DIV.entryDate { FONT-SIZE: 95%; COLOR: #444 } DIV.blogContainer DIV.entryDate A { FONT-WEIGHT: bold } DIV.blogContainer DIV.entryFooter { BACKGROUND: #eaeaea; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px } DIV.blogContainer .comment-header { FONT-SIZE: 100%; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.blogContainer DIV.entryFooter DIV.addBlogComment TABLE { WIDTH: 98% } DIV.blogContainer DIV.entryFooter DIV.addBlogComment TEXTAREA { WIDTH: 99.5% } DIV.blogContainer DIV.entryFooter DIV.addBlogComment { BORDER-TOP: #999 1px solid; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; MARGIN: 0px -12px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none } DIV.blogContainer DIV.entryFooter DIV.addBlogComment H3 { FONT-SIZE: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .addBlogComment .stepcontent OL { WIDTH: 100% } .addBlogComment .stepcontent OL LI { WIDTH: 100% } DIV.blogContainer DIV.entryFooter DIV.addBlogComment DIV.controls { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } DIV.blogContainer UL.entryComments { BACKGROUND: #eaeaea } DIV.blogContainer UL.entryComments LI P { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } DIV.blogContainer UL.entryComments LI P.commentDate { FONT-SIZE: 90%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: url(images/bubble_top_thin.gif) no-repeat 15px 100%; BORDER-BOTTOM: medium none; COLOR: #444; BORDER-LEFT: medium none } DIV.blogContainer UL.entryComments LI H5 { FONT-SIZE: 100%; COLOR: #444 } DIV.blogContainer UL.entryComments LI.newComment H5 { FONT-WEIGHT: bold } DIV.blogNav { WIDTH: 25%; FLOAT: right; PADDING-BOTTOM: 40px; MARGIN: -20px -20px -30px 0px; BORDER-LEFT: #ccc 4px double } DIV.journalNav { WIDTH: 25%; FLOAT: right; PADDING-BOTTOM: 40px; MARGIN: -20px -20px -30px 0px; BORDER-LEFT: #ccc 4px double } DIV.contentAreaNav { WIDTH: 25%; FLOAT: right; PADDING-BOTTOM: 40px; MARGIN: -20px -20px -30px 0px; BORDER-LEFT: #ccc 4px double } #gradeDetailsFormList { WIDTH: 100% !important } #editGradeActionList { WIDTH: 100% !important } DIV.blogNav UL { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.blogNav UL LI { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.blogNav UL LI { OVERFLOW: hidden; WORD-WRAP: break-word } DIV.blogNav UL.blogArchiveList LI A { WORD-WRAP: break-word; WIDTH: 100% } .indentedWikiList { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 22px !important; PADDING-RIGHT: 0px !important } .indentedWikiList IMG { MARGIN: 0px 3px 0px -22px } .blogNav #gradeDetailsForm { MARGIN: 0px 6px 0px -18px } .journalNav #gradeDetailsForm { MARGIN: 0px 6px 0px -18px } .blogNav #gradeDetailsForm .liveArea { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 6px; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px } .journalNav #gradeDetailsForm .liveArea { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 6px; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px } DIV.blogNav LI.currentBlog { FONT-WEIGHT: bold } DIV.blogNav LI.currentBlog SPAN { FONT-WEIGHT: normal } DIV.blogContainer .newItems { BACKGROUND: #fff1c5; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } DIV.blogNav .newItems { PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 2px; MARGIN: 0px 4px 0px 0px; PADDING-RIGHT: 0px } DIV.blogNav .gradeStatus { PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 2px; MARGIN: 0px 4px 0px 0px; PADDING-RIGHT: 0px } DIV.blogContainer DIV.u_controlsWrapper SPAN.newItems { FLOAT: left; MARGIN-LEFT: 4px; DISPLAY: block } DIV.blogNav UL.iconLegend { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px 0px 0px 24px; PADDING-RIGHT: 0px } DIV.journalNav UL.iconLegend { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px 0px 0px 24px; PADDING-RIGHT: 0px } DIV.blogNav UL.iconLegend LI { FONT-SIZE: 82%; COLOR: #666; PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.journalNav UL.iconLegend LI { FONT-SIZE: 82%; COLOR: #666; PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.blogNav UL UL { MARGIN-LEFT: 9px } DIV.blogNav UL#blogArchive UL { MARGIN: 0px 9px 9px 18px } DIV.journalContainer { WIDTH: 74%; FLOAT: left; MARGIN-RIGHT: 1% } DIV.journalContainer H3.blogHead { FONT-SIZE: 100%; BACKGROUND: #aaa; COLOR: #fff; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 15px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 15px } DIV.journalContainer DIV.blogEntry { BORDER-TOP: #eee 3px solid; BORDER-RIGHT: #eee 3px solid; BACKGROUND: url(images/blog_notebook_paper.gif) #fff repeat-y 0px 0px; BORDER-BOTTOM: #eee 3px solid; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 36px; MARGIN: 12px 0px; BORDER-LEFT: #eee 0px solid; PADDING-RIGHT: 0px } DIV.journalContainer DIV.blogEntry H4 { OVERFLOW: hidden; FONT-SIZE: 110%; BACKGROUND: #fff; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 24px } DIV.journalContainer DIV.entryDate { FONT-SIZE: 95%; BACKGROUND: #fff; BORDER-BOTTOM: #c0dace 1px solid; COLOR: #444; PADDING-BOTTOM: 12px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px; Z-INDEX: 100; PADDING-RIGHT: 24px } DIV.journalContainer DIV.entryDate A { FONT-WEIGHT: bold } DIV.journalContainer DIV.blogEntry DIV.entryText { BACKGROUND: #fff; OVERFLOW-X: auto; PADDING-BOTTOM: 18px; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } DIV.journalContainer DIV.entryFooter { BACKGROUND: url(images/blog_notebook_paper_bot.gif) repeat-x center bottom; ZOOM: 1; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 43px; MARGIN: 0px 0px 0px -31px; PADDING-RIGHT: 12px } DIV.journalContainer .comment-header { FONT-SIZE: 100%; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.journalContainer DIV.entryFooter A.genericButton { FLOAT: right; DISPLAY: block } DIV.journalContainer DIV.entryFooter DIV.addBlogComment TABLE { WIDTH: 98% } DIV.journalContainer DIV.entryFooter DIV.addBlogComment TEXTAREA { WIDTH: 99.35% } DIV.journalContainer DIV.entryFooter DIV.addBlogComment { MARGIN-BOTTOM: 6px; DISPLAY: none } DIV.journalContainer UL.entryComments { LIST-STYLE-TYPE: none; BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.journalContainer UL.entryComments LI { LIST-STYLE-TYPE: none; BORDER-TOP: #c0dace 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.journalContainer UL.entryComments LI P { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 4px 18px; PADDING-RIGHT: 0px } DIV.journalContainer UL.entryComments LI P.commentDate { FONT-SIZE: 90%; COLOR: #444; MARGIN-LEFT: 19px } DIV.journalContainer UL.entryComments LI H5 { FONT-SIZE: 100%; BACKGROUND: url(images/small_blog_comment.gif) no-repeat 0px 3px; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 18px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } DIV.journalContainer UL.entryComments LI.newComment H5 { FONT-WEIGHT: bold } DIV.journalNav UL { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.journalNav UL LI { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.journalNav UL LI { OVERFLOW: hidden } DIV.journalNav LI.currentBlog { FONT-WEIGHT: bold } DIV.journalNav LI.currentBlog SPAN { FONT-WEIGHT: normal } .newItems { BACKGROUND: #fff1c5; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } DIV.journalNav .newItems { PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DIV.journalContainer DIV.u_controlsWrapper SPAN.newItems { FLOAT: left; MARGIN-LEFT: 4px; DISPLAY: block } DIV.journalNav UL UL { MARGIN-LEFT: 9px } DIV.journalNav UL#blogArchive UL { MARGIN: 0px 9px 9px 18px } #blogNavLinks { RIGHT: 6px; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; TOP: 6px; PADDING-RIGHT: 0px } .contentAreaPalette UL#aboutBlog LI.currentBlogView { MARGIN-BOTTOM: 3px; BORDER-TOP: #0078cb 2px solid; BORDER-RIGHT: #0078cb 2px solid; BACKGROUND: #eff6ff; BORDER-BOTTOM: #0078cb 2px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 4px; BORDER-LEFT: #0078cb 2px solid; PADDING-RIGHT: 4px } .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; LEFT: 0px; TOP: 0px } .contentAreaNav A.itemHead { TEXT-DECORATION: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 60px } .contentAreaNav A#aboutBlogLink { PADDING-RIGHT: 6px } .contentAreaPalette { POSITION: relative; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.blogNav :first-child.contentAreaPalette { BORDER-TOP: 0px } DIV.journalNav :first-child.contentAreaPalette { BORDER-TOP: 0px } .rightColumn-narrow :first-child.contentAreaPalette { BORDER-TOP: 0px } .contentAreaPalette UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 24px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .contentAreaPalette LI { FONT-SIZE: 90%; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .contentAreaPalette LI LI { FONT-SIZE: 100% } DIV.iconLegendBlog { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .collapsibleInstructions { MARGIN: 0px 0px 12px } .collapsibleInstructions > A { FONT-WEIGHT: bold; MARGIN: 3px 0px; DISPLAY: block } #loginPageContainer { HEIGHT: auto !important; MARGIN: 0px auto; MIN-HEIGHT: 100% } #loginHeader { RIGHT: 0px; POSITION: absolute; TOP: 0px } #loginHeader UL LI { BORDER-TOP: 0px; VERTICAL-ALIGN: top; BACKGROUND: #777; POSITION: relative; MARGIN: 0px 0px 0px -4px; DISPLAY: inline-block } #loginHeader UL LI A { HEIGHT: 18px; WIDTH: 28px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; DISPLAY: inline-block; PADDING-RIGHT: 12px; TEXT-INDENT: -10000px } #loginHeader UL LI:hover { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginHeader UL LI:focus { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginLang H2:hover { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginLang H2:focus { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginLang:hover H2 { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginLang:focus H2 { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginHeader UL LI:first-child { border-radius: 0 0 0 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px } #loginHeader UL LI:first-child A { border-radius: 0 0 0 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px } #loginHeader UL LI IMG { DISPLAY: none } #loginHeader UL LI.font-size:before { RIGHT: 0px; POSITION: absolute; COLOR: #f0f0f0; TEXT-ALIGN: center; FONT: 130%/1 "Utilicons"; CONTENT: "T"; LEFT: 0px; Z-INDEX: 2; TOP: 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) } #loginHeader UL LI.contrast:before { RIGHT: 0px; POSITION: absolute; COLOR: #f0f0f0; TEXT-ALIGN: center; FONT: 130%/1 "Utilicons"; CONTENT: "T"; LEFT: 0px; Z-INDEX: 2; TOP: 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) } #loginHeader UL LI.font-size A { POSITION: relative; Z-INDEX: 3 } #loginHeader UL LI.contrast A { POSITION: relative; Z-INDEX: 3 } #loginHeader UL LI.contrast:before { CONTENT: "c" } #loginHeader UL LI:hover:before { CURSOR: pointer; COLOR: #fff } #loginHeader UL LI:focus:before { CURSOR: pointer; COLOR: #fff } #loginHeader UL LI:hover { CURSOR: pointer; COLOR: #fff } #loginHeader UL LI:focus { CURSOR: pointer; COLOR: #fff } #loginHeader UL LI.contrast { MARGIN-LEFT: -4px; BORDER-LEFT: #555 1px solid } #loginLang { POSITION: absolute; LEFT: 0px; TOP: 0px } #loginLang H2 { FONT-SIZE: 100%; HEIGHT: 17px; WIDTH: 16px; BACKGROUND: #888; FONT-WEIGHT: normal; PADDING-BOTTOM: 8px; PADDING-TOP: 4px; PADDING-LEFT: 14px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 16px; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 } #loginLang H2 SPAN { OVERFLOW: hidden; WIDTH: 0px; DISPLAY: inline-block; TEXT-INDENT: -999px } #loginLang H2:before { COLOR: #f0f0f0; FONT: 140%/1 "Utilicons"; CONTENT: "W"; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) } #loginLang H2:hover:before { COLOR: #fff } #loginLang H2:focus:before { COLOR: #fff } #loginLang UL { WIDTH: 150px; POSITION: absolute; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; LEFT: -1000px; TOP: -1000px; PADDING-RIGHT: 6px } #loginLang:hover UL { WIDTH: 175px; LEFT: 0px; TOP: 28px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } #loginLang:focus UL { WIDTH: 175px; LEFT: 0px; TOP: 28px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } #loginLang H2:hover:after { Z-INDEX: 100 } #loginLang H2:focus:after { Z-INDEX: 100 } #loginLang:hover H2:after { Z-INDEX: 100 } #loginLang:focus H2:after { Z-INDEX: 100 } #loginLang UL LI A { WIDTH: auto } DIV.loginBody { WIDTH: 600px; BACKGROUND: url(images/Bb_learn_small.png) no-repeat 94px 94px; PADDING-BOTTOM: 0px; PADDING-TOP: 260px; PADDING-LEFT: 0px; MARGIN: 0px auto; PADDING-RIGHT: 0px } DIV.loginBody .receipt { WIDTH: 409px; PADDING-BOTTOM: 14px; PADDING-TOP: 12px; PADDING-LEFT: 19px; MARGIN: 0px auto 16px; PADDING-RIGHT: 4px } #loginBox { TEXT-ALIGN: center } #loginBox UL { WIDTH: 415px; MARGIN: 0px auto } #loginBox LI { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #loginBox LI + LI + LI { VERTICAL-ALIGN: top; FLOAT: left; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 12px; PADDING-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px } #loginBox LI + LI + LI + LI { VERTICAL-ALIGN: top; POSITION: relative; FLOAT: right; TEXT-ALIGN: right; DISPLAY: inline-block } #loginBox LI LABEL { FONT-SIZE: 120%; WIDTH: 100%; TEXT-TRANSFORM: uppercase; COLOR: #666; PADDING-BOTTOM: 3px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 1px; PADDING-RIGHT: 0px } .portlet #loginBoxFull LI LABEL { FONT-SIZE: 120%; WIDTH: 100%; TEXT-TRANSFORM: uppercase; COLOR: #666; PADDING-BOTTOM: 3px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 1px; PADDING-RIGHT: 0px } .portlet #loginBoxFull LI LABEL { FONT-SIZE: 90%; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #loginBox LI INPUT { FONT-SIZE: 140%; WIDTH: 100%; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1) } #loginBox INPUT[type='text'] { BORDER-TOP: #777 4px solid; BORDER-RIGHT: #777 4px solid; BACKGROUND: #efefef; BORDER-BOTTOM: #777 4px solid; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px 0px 0px -10px; BORDER-LEFT: #777 4px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px } #loginBox INPUT[type='password'] { BORDER-TOP: #777 4px solid; BORDER-RIGHT: #777 4px solid; BACKGROUND: #efefef; BORDER-BOTTOM: #777 4px solid; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px 0px 0px -10px; BORDER-LEFT: #777 4px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px } #loginBox INPUT[type='text']:focus { BORDER-TOP-COLOR: #0188a3; BACKGROUND: #fff; BORDER-LEFT-COLOR: #0188a3; COLOR: #333; BORDER-BOTTOM-COLOR: #0188a3; BORDER-RIGHT-COLOR: #0188a3 } #loginBox INPUT[type='password']:focus { BORDER-TOP-COLOR: #0188a3; BACKGROUND: #fff; BORDER-LEFT-COLOR: #0188a3; COLOR: #333; BORDER-BOTTOM-COLOR: #0188a3; BORDER-RIGHT-COLOR: #0188a3 } #loginBox INPUT[type='text']:hover { BORDER-TOP-COLOR: #0188a3; BACKGROUND: #fff; BORDER-LEFT-COLOR: #0188a3; COLOR: #333; BORDER-BOTTOM-COLOR: #0188a3; BORDER-RIGHT-COLOR: #0188a3 } #loginBox INPUT[type='password']:hover { BORDER-TOP-COLOR: #0188a3; BACKGROUND: #fff; BORDER-LEFT-COLOR: #0188a3; COLOR: #333; BORDER-BOTTOM-COLOR: #0188a3; BORDER-RIGHT-COLOR: #0188a3 } #loginBox LI INPUT[type='submit'] { FONT-SIZE: 130%; WIDTH: auto; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 22px; MARGIN: 0px -9px 0px 12px; PADDING-RIGHT: 22px } #loginFormTitle { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginFormText { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginHeader H1 { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginHeader H2 { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginHeader .productLogo { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginOptions #gatewayButtonsTitle { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginOptions #gatewayButtonsInstructions { POSITION: absolute; LEFT: -10000px; TOP: -10000px } DIV.portlet #loginFormTitle { POSITION: static; DISPLAY: block } DIV.portlet #loginFormText { POSITION: static; DISPLAY: block } #loginOptions { WIDTH: 600px; TEXT-ALIGN: center; MARGIN: 38px auto 26px } #loginOptions H2 { MARGIN: 10px } #loginOptions P { FONT-SIZE: 0.85em; COLOR: #444; MARGIN: 10px } #loginOptions UL LI { MARGIN: 0px 9px 6px; DISPLAY: inline-block } #loginOptions UL LI.subOption { MARGIN: 0px 9px 6px; DISPLAY: inline-block } #loginOptions UL LI A { FONT-SIZE: 130%; BORDER-BOTTOM: #0099b6 1px dotted } #loginOptions UL LI.subOption A { FONT-SIZE: 130%; BORDER-BOTTOM: #0099b6 1px dotted } .forgot A { BORDER-BOTTOM: #0099b6 1px dotted } #loginOptions UL LI A:hover { BORDER-BOTTOM-STYLE: solid } #loginOptions UL LI A:focus { BORDER-BOTTOM-STYLE: solid } #loginOptions UL LI.subOption A:hover { BORDER-BOTTOM-STYLE: solid } #loginOptions UL LI.subOption A:focus { BORDER-BOTTOM-STYLE: solid } .forgot A:hover { BORDER-BOTTOM-STYLE: solid } .forgot A:focus { BORDER-BOTTOM-STYLE: solid } #loginText { BORDER-TOP: #777 1px solid; BACKGROUND: #5f6062; PADDING-BOTTOM: 18px; TEXT-ALIGN: center; PADDING-TOP: 12px; PADDING-LEFT: 80px; DISPLAY: none; PADDING-RIGHT: 80px } #loginText P SPAN { FONT-SIZE: 105%; FONT-WEIGHT: bold; COLOR: #fff } #loginText P { FONT-SIZE: 95%; COLOR: #ededed; MARGIN: 0px } #loginImage { PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: none; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff } #loginImage IMG { MARGIN: 0px auto } #loginAnnouncements { PADDING-BOTTOM: 7px; PADDING-TOP: 24px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px auto; PADDING-RIGHT: 0px } #loginAnnouncements H3 { FONT-SIZE: 110%; BORDER-BOTTOM: #bbb 1px solid; COLOR: #555; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 3px; MARGIN: 0px 9px; DISPLAY: none; PADDING-RIGHT: 3px } #loginAnnouncements UL { WIDTH: 800px; TEXT-ALIGN: center; MARGIN: 0px auto } #loginAnnouncements UL LI:before { MAX-WIDTH: 300px; HEIGHT: 20%; WIDTH: 50%; POSITION: absolute; CONTENT: ""; Z-INDEX: -2; BOTTOM: 15px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5) } #loginAnnouncements UL LI:after { MAX-WIDTH: 300px; HEIGHT: 20%; WIDTH: 50%; POSITION: absolute; CONTENT: ""; Z-INDEX: -2; BOTTOM: 15px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5) } #loginAnnouncements UL LI:before { LEFT: 8px; -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg) } #loginAnnouncements UL LI:after { RIGHT: 8px; -moz-transform: rotate(2deg); -webkit-transform: rotate(2deg) } #loginAnnouncements LI { FONT-SIZE: 95%; VERTICAL-ALIGN: top; BACKGROUND: #fff; POSITION: relative; ZOOM: 1; COLOR: #666; PADDING-BOTTOM: 24px; TEXT-ALIGN: justify; PADDING-TOP: 18px; PADDING-LEFT: 24px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 24px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) } #loginAnnouncements UL LI STRONG:first-child { FONT-SIZE: 115%; FONT-FAMILY: Georgia, serif; FLOAT: left; COLOR: #000; MARGIN: 0px 0px 12px } #loginAnnouncements UL LI STRONG + EM { FONT-FAMILY: Georgia; FLOAT: right; TEXT-ALIGN: right; MARGIN: 0px; DISPLAY: block } #loginAnnouncements UL LI STRONG + EM + BR { DISPLAY: none } #loginAnnouncements UL LI .vtbegenerated { CLEAR: both; LINE-HEIGHT: 1.38 } #loginAnnouncements UL LI:first-child { BORDER-TOP: 0px } #loginAnnouncements A { BORDER-BOTTOM: #128fa8 1px dotted } #loginAnnouncements A:hover { BORDER-BOTTOM-STYLE: solid } #loginAnnouncements A:focus { BORDER-BOTTOM-STYLE: solid } #loginOptions #gatewayButtonsTitle { DISPLAY: none } #loginOptions #gatewayButtonsInstructions { DISPLAY: none } .login-page #copyright { WIDTH: 900px; POSITION: absolute; TEXT-ALIGN: center; MARGIN-LEFT: -450px; LEFT: 50%; MARGIN-TOP: 24px; BOTTOM: 24px } #loginAnnouncements + #copyright { POSITION: relative } .loginCopyright { WIDTH: 580px !important } .login-page #copyright .logo { BACKGROUND: #efede3; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .login-page #copyright .newCopyright { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .loginCopyright .legal { BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; WIDTH: 24em; BORDER-BOTTOM: red 1px solid; MIN-HEIGHT: 2.5em; BORDER-LEFT: red 1px solid } .loginCopyright .additionalInfo { BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; WIDTH: 24em; BORDER-BOTTOM: red 1px solid; MIN-HEIGHT: 2.5em; BORDER-LEFT: red 1px solid } .loginCopyright .legal { WIDTH: 24.5em; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 12px; BORDER-LEFT: medium none; PADDING-RIGHT: 12px } #loginPane + #copyright .legal P { MARGIN: 0px; DISPLAY: inline } #loginPane + #copyright .additionalInfo P { MARGIN: 0px; DISPLAY: inline } .login-page .copyrightDetailContents { MARGIN-LEFT: -394px; LEFT: 50%; MIN-HEIGHT: 6.5em } H1.pageTitle { PADDING-TOP: 0px; MARGIN: -16px 0px 5px } .caliperTitle { PADDING-TOP: 0px; MARGIN: -16px 0px 5px } .discoverTitle { PADDING-TOP: 0px; MARGIN: -16px 0px 5px } .unitHomePageTitle { MARGIN: -60px -30px 5px } .caliperTitle H1 { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .unitHomePageTitle H1 { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .discoverTitle H1 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .unitHomePageTitle A.browse { FONT-SIZE: 55%; FLOAT: right; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 2px; MARGIN: 4px 0px 0px 6px } .caliperTitle A.browse { FONT-SIZE: 55%; FLOAT: right; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 2px; MARGIN: 4px 0px 0px 6px } .unitHomePageTitle A.browseNoImg { PADDING-BOTTOM: 3px; PADDING-TOP: 2px } .reports { BACKGROUND: #f0f0f0; MIN-WIDTH: 810px } .reports .navigationPane { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports .locationPane { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports .contentPaneWide { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports .container { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports #dataCollectionContainer { MARGIN: 0px } .reports DIV[id*='step'] { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .reports UL { MARGIN: 12px } .reports .stepcontent { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 0px } .reports UL LI { PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 12px; CLEAR: both; PADDING-RIGHT: 12px } .reports .label { COLOR: #777 } .reports .field { COLOR: #000 } .reports UL LI:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .reports H1 { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px; PADDING-RIGHT: 18px } .reports H2 { COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 6px 18px; PADDING-RIGHT: 6px } .reports H3 { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 6px 18px; PADDING-RIGHT: 6px } .reports H3 A IMG { VERTICAL-ALIGN: middle; MARGIN-RIGHT: 6px } .reports H3.steptitle { FONT-SIZE: 110%; BACKGROUND: #bbb; COLOR: #fff; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; MARGIN: 0px; LETTER-SPACING: 0px; PADDING-RIGHT: 12px } .reports H4 { FONT-SIZE: 115%; BACKGROUND: #bbb; COLOR: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px 10px; PADDING-RIGHT: 12px } .reports H5 { FONT-SIZE: 100%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px -12px 0px; PADDING-RIGHT: 0px } .reports .attachments { MARGIN: 0px } .reports t.wide { WIDTH: 100%; MARGIN: 0px } #toc { LIST-STYLE-TYPE: decimal; LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: 12px 0px; PADDING-RIGHT: 0px } #toc UL { MARGIN: 0px 24px 24px } .toc_div { BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 2px solid; BORDER-BOTTOM: #ccc 2px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 8px; CLEAR: both; MARGIN: 6px 18px 18px; BORDER-LEFT: #ccc 2px solid; PADDING-RIGHT: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .toc_div OL LI UL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports .toc_div H2 { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .toc_div H2 A IMG { MARGIN-RIGHT: 6px } .toc_div A.toggle { FONT-SIZE: 95%; TEXT-DECORATION: none; BACKGROUND: #f6f6f6; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FLOAT: right; FONT-WEIGHT: normal; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 10px; BORDER-LEFT: #ccc 1px solid; TOP: -4px; PADDING-RIGHT: 10px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0 } .toc_div A.toggle:hover { BACKGROUND: #fff } .backtotop { FLOAT: right } .dateofreport { FLOAT: right } .dateofreport { MARGIN: 6px 18px 12px 0px } .reports .block { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; MARGIN: 0px 18px 24px; BORDER-LEFT: #ccc 1px solid; -webkit-border-radius: 4px 4px 0 4px; -moz-border-radius: 4px 4px 0 4px } .backtotop { MARGIN-BOTTOM: -40px; POSITION: relative; FLOAT: right; MARGIN-RIGHT: -1px } .backtotop A { FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f6f6f6; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; PADDING-RIGHT: 12px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .backtotop A:hover { BACKGROUND: #fff } .backtotop A IMG { MARGIN-RIGHT: 5px } DIV.fontPreview { BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #000 1px solid; FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; MARGIN: 3px 0px; BORDER-LEFT: #000 1px solid; DISPLAY: block; PADDING-RIGHT: 4px } .textareaDiv { PADDING-BOTTOM: 6px } .textareaDiv TABLE { WIDTH: 98% } .textareaDiv TABLE TABLE { WIDTH: 100% } .textareaDiv TABLE TABLE TABLE { WIDTH: 100% } .textareaDiv TEXTAREA { BORDER-TOP: #666 2px solid; WIDTH: 100% } DIV.textToolbar { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 97.7%; BACKGROUND: #f6f6f6; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 0px } DIV.textToolbar A { FONT-SIZE: 90%; WHITE-SPACE: nowrap } DIV.textToolbar LABEL { FONT-SIZE: 90%; VERTICAL-ALIGN: middle; PADDING-LEFT: 4px } DIV.textToolbar SELECT { FONT-SIZE: 90%; VERTICAL-ALIGN: middle } .previewTextArea { OVERFLOW: auto; BORDER-TOP: #999 2px solid; HEIGHT: 112px; BORDER-RIGHT: #999 2px solid; WIDTH: 459px; BACKGROUND: #fff; BORDER-BOTTOM: #999 2px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #999 2px solid; DISPLAY: none; PADDING-RIGHT: 0px } .previewTextArea DIV.previewTitle { BACKGROUND: #eee; BORDER-BOTTOM: #eee 2px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px 0px 4px; PADDING-RIGHT: 2px } .previewTextArea DIV.previewTitle A { FLOAT: right } .previewTextArea DIV.previewTitle H6 { FONT-SIZE: 90%; FLOAT: left; MARGIN: 0px } .previewTextArea DIV.previewContent { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .messageContainer H6 { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .messageContainer P { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .messageVariable { FONT-SIZE: 100%; BORDER-TOP: #ed9 1px solid; BORDER-RIGHT: #ed9 1px solid; BORDER-BOTTOM: #ed9 1px solid; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 3px; BORDER-LEFT: #ed9 1px solid; DISPLAY: inline; PADDING-RIGHT: 3px; BACKGROUND-COLOR: #fff1c5; -webkit-border-radius: 1px; -moz-border-radius: 1px } .myPlaces .navPaletteContent { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .explore .navPaletteContent { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .myPlaces A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-LEFT: 30px; BORDER-LEFT: 0px; BACKGROUND-COLOR: transparent } .myPlaces A:hover { TEXT-DECORATION: underline } .myPlaces A:focus { TEXT-DECORATION: underline } .myPlaces A.home { PADDING-RIGHT: 20px } .myPlaces SPAN.homeIconWrap { BACKGROUND: url(/images/ci/icons/clphomepage/home_ti.gif) no-repeat 0px 0px; RIGHT: 3px; POSITION: absolute; TOP: 3px } .myPlaces SPAN.homeIconWrap IMG { HEIGHT: 16px; WIDTH: 16px } .myPlaces A.unit { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.course { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.ee { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.program { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.workspace { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.unit { BACKGROUND-IMAGE: url(/images/ci/icons/clp_unit_ti.gif) } .myPlaces A.unit:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_unit_ti.gif) } .myPlaces A.course { BACKGROUND-IMAGE: url(/images/ci/icons/clp_course_ti.gif) } .myPlaces A.course:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_course_ti.gif) } .myPlaces A.ee { BACKGROUND-IMAGE: url(/images/ci/icons/clp_ee_ti.gif) } .myPlaces A.ee:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_ee_ti.gif) } .myPlaces A.program { BACKGROUND-IMAGE: url(/images/ci/icons/clp_program_ti.gif) } .myPlaces A.program:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_program_ti.gif) } .myPlaces A.workspace { BACKGROUND-IMAGE: url(/images/ci/icons/clp_workspace_ti.gif) } .myPlaces A.workspace:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_workspace_ti.gif) } .explore A { BACKGROUND: url(images/indicators.png) no-repeat 9px -1489px; PADDING-LEFT: 30px } .explore H4 A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px } .explore H4 A:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px } .explore H4 A:focus { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px } .wizardBody .locationPane { MARGIN: 0px; DISPLAY: block } .wizardBody .breadcrumbs .courseName { DISPLAY: none } .wizardBody .breadcrumbs .courseId { DISPLAY: none } .wizardBody .breadcrumbs { HEIGHT: 24px } .wizardBody .path .root A:before { FONT-SIZE: 20px; FONT-FAMILY: "Pictos"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #aaa; CONTENT: "H"; TOP: -2px } .wizardBody .modeSwitchWrap { RIGHT: 12px; POSITION: absolute; TOP: 15px } .wizardBody { BACKGROUND: #fff } .wizardBody .container { POSITION: static } .wizardBody #contentPanel { MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 12px; PADDING-LEFT: 210px; PADDING-RIGHT: 0px } .wizardBody FORM#contentPanel { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .wizardBody #pageTitleDiv IMG { DISPLAY: none } .wizardBody .reqfield { FLOAT: none; MARGIN: 0px 0px 6px -6px } .wizardBody #containerdiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .wizardHead H2 { FONT-SIZE: 110%; MARGIN: 0px } .wizardHead .helphelp { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .wizardBody .contentPaneWide > .contentBox > .pageTitle H1 { FONT-SIZE: 150% } .wizardBody .containerWizard { OVERFLOW: hidden; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .wizardBody .contentPaneWide > .contentBox > .pageTitle { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 18px; PADDING-TOP: 14px; PADDING-LEFT: 24px; MARGIN: -13px -12px 24px -224px; BORDER-LEFT: 0px; PADDING-RIGHT: 24px } .wizardBody .contentPaneWide > .contentBox { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; box-shadow: none } .wizardHead { MARGIN-BOTTOM: 24px; BACKGROUND: #efede3; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .wizardBody #dataCollectionContainer { MARGIN: 0px } .wizardHead + .container { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: url(images/bblearn_2011_bg.png) #efede3 0px -5px; BORDER-BOTTOM: #aaa 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 0px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); border-radius: 4px 4px 4px 4px } .wizardBody .containerWizard .container { HEIGHT: auto } .wizardBody .containerWizard .locationPane { MARGIN-TOP: 12px } .wizardBody UL.contentList LI DIV.details { OVERFLOW-X: visible } .wizardFinishText { MARGIN: 6px 0px 150px } .wizardSubmit { BORDER-TOP: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 18px; PADDING-LEFT: 18px; MARGIN: 0px 0px -79px -210px; TOP: 18px; PADDING-RIGHT: 18px } .wizardSubmit INPUT[name='cancel'] { FONT-SIZE: 105%; TEXT-DECORATION: none; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #444; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .wizardSubmit INPUT[name='Previous'] { FONT-SIZE: 105%; TEXT-DECORATION: none; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #444; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .wizardSubmit INPUT[name='finish'] { FONT-SIZE: 105%; TEXT-DECORATION: none; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #444; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .wizardSubmit INPUT[name='cancel']:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .wizardSubmit INPUT[name='cancel']:focus { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .wizardSubmit INPUT[name='Previous']:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .wizardSubmit INPUT[name='Previous']:focus { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .wizardSubmit INPUT[type=image] { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .wizardSubmit SPAN { COLOR: #999; MARGIN: 0px 18px } .wizardSubmit SPAN STRONG { COLOR: #000 } .navigationPaneWizard { WIDTH: 190px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN-TOP: 63px; PADDING-RIGHT: 0px } .navigationPaneWizard .navPalette { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .wizardBody #courseMenuPalette { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; WIDTH: 200px; BACKGROUND: #eee; BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px; BORDER-LEFT: #999 0px solid; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0 } .wizardBody #courseMenuPalette DIV.navPaletteContent { -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 } .navigationPaneWizard H2 { FONT-SIZE: 90%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: 100; COLOR: #00add0; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px; LETTER-SPACING: 0.2em; PADDING-RIGHT: 12px } .navigationPaneWizard .navPalette SPAN { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; DISPLAY: block; PADDING-RIGHT: 9px; BACKGROUND-COLOR: #ededed } .navigationPaneWizard .navPalette LI { FONT-SIZE: 95%; OVERFLOW-X: hidden; COLOR: #777; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } .navigationPaneWizard .navPalette UL LI:first-child { BORDER-TOP: medium none; POSITION: relative } .navigationPaneWizard .navPalette UL LI.currentStep { FONT-WEIGHT: bold; COLOR: #000 } .navigationPaneWizard .navPalette UL LI.currentStep:after { FONT-SIZE: 18px; RIGHT: 0px; POSITION: absolute; COLOR: #999; CONTENT: "?"; LINE-HEIGHT: 0.5; TOP: 9px } .containerWizard .controlPanel .navPaletteContent A { TEXT-DECORATION: none; BACKGROUND: url(../../../images/ci/ng/portlet_expand.gif) no-repeat 2px 6px; OVERFLOW-X: hidden; FONT-WEIGHT: normal; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 23px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 9px } .containerWizard .navPaletteContent H2 { FONT-SIZE: 105%; MARGIN: 0px } .containerWizard .navPaletteContent H2 A { BORDER-TOP: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 23px; PADDING-RIGHT: 9px } .containerWizard .controlpanel LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } #logDetail { HEIGHT: 300px; OVERFLOW-Y: auto } .totalMsgs { FONT-SIZE: 120%; FONT-WEIGHT: bold; COLOR: #555; PADDING-BOTTOM: 9px !important; PADDING-TOP: 11px !important; PADDING-LEFT: 14px !important; PADDING-RIGHT: 6px !important } .latestEntry { FONT-SIZE: 85%; FLOAT: right !important; FONT-WEIGHT: normal; COLOR: #666 } .log-summary { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px } .log-summary A { MARGIN: 0px 3px; DISPLAY: inline-block } .log-summary LI { VERTICAL-ALIGN: middle; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 14px; MIN-HEIGHT: 26px; BORDER-LEFT: #ccc 1px dotted; PADDING-RIGHT: 3px } .sis-seperator { VERTICAL-ALIGN: middle; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 14px; MIN-HEIGHT: 26px; BORDER-LEFT: #ccc 1px dotted; PADDING-RIGHT: 3px } .log-summary LI:first-child { BORDER-LEFT: medium none } .log-type { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #fff; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; DISPLAY: inline-block; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .log-summary .log-type { FONT-SIZE: 120% } .log-error { BACKGROUND: #ef3e36 } .log-warning { BACKGROUND: #fcb040 } .log-message { BACKGROUND: #0b9444 } .log-debug { BACKGROUND: #00aeef } .log-header { MARGIN: 0px 0px 9px } .attachments .log-type { FONT-SIZE: 90%; MIN-WIDTH: 6em; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal; TEXT-ALIGN: center; LETTER-SPACING: 0.1em } .table-scroll-wrapper TABLE { MARGIN: 0px } .table-scroll-wrapper TBODY { OVERFLOW: hidden; HEIGHT: 200px; OVERFLOW-Y: auto } .row-selected { BACKGROUND-COLOR: #e2eefe } .log-search > DIV > DIV { BORDER-RIGHT: #bbb 1px dotted; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 6px 6px 0px 0px; DISPLAY: inline-block; PADDING-RIGHT: 9px !important } .answerSavedButton { BORDER-TOP-COLOR: #777; BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #777; COLOR: #eee; BORDER-BOTTOM-COLOR: #777; PADDING-LEFT: 22px !important; FILTER: none; BORDER-RIGHT-COLOR: #777; BACKGROUND-COLOR: #888; text-shadow: 0 -1px 0 #000 } .answerSavedButton:hover { BORDER-TOP-COLOR: #777; BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #777; COLOR: #eee; BORDER-BOTTOM-COLOR: #777; PADDING-LEFT: 22px !important; FILTER: none; BORDER-RIGHT-COLOR: #777; BACKGROUND-COLOR: #888; text-shadow: 0 -1px 0 #000 } .answerSavedButton:focus { BORDER-TOP-COLOR: #777; BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #777; COLOR: #eee; BORDER-BOTTOM-COLOR: #777; PADDING-LEFT: 22px !important; FILTER: none; BORDER-RIGHT-COLOR: #777; BACKGROUND-COLOR: #888; text-shadow: 0 -1px 0 #000 } .answerSavedButton:hover { BORDER-TOP-COLOR: #555; BORDER-LEFT-COLOR: #555; COLOR: #fff; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555; BACKGROUND-COLOR: #666; text-shadow: 0 -1px 0 #000 } .answerSavedButton:focus { BORDER-TOP-COLOR: #555; BORDER-LEFT-COLOR: #555; COLOR: #fff; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555; BACKGROUND-COLOR: #666; text-shadow: 0 -1px 0 #000 } .answerSavingButton { BORDER-TOP-COLOR: #999; BACKGROUND-IMAGE: url(/images/ci/icons/file_li.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #999; COLOR: #444; BORDER-BOTTOM-COLOR: #999; PADDING-LEFT: 22px !important; BORDER-RIGHT-COLOR: #999; BACKGROUND-COLOR: #ccc } .answerSavingButton:hover { BORDER-TOP-COLOR: #999; BACKGROUND-IMAGE: url(/images/ci/icons/file_li.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #999; COLOR: #444; BORDER-BOTTOM-COLOR: #999; PADDING-LEFT: 22px !important; BORDER-RIGHT-COLOR: #999; BACKGROUND-COLOR: #ccc } .answerSavingButton:focus { BORDER-TOP-COLOR: #999; BACKGROUND-IMAGE: url(/images/ci/icons/file_li.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #999; COLOR: #444; BORDER-BOTTOM-COLOR: #999; PADDING-LEFT: 22px !important; BORDER-RIGHT-COLOR: #999; BACKGROUND-COLOR: #ccc } .timeUpWarning { COLOR: #cf0c0c } .thirtySecondWarning { COLOR: #cf0c0c } .oneMinuteWarning { COLOR: #cf0c0c } .fiveMinuteWarning { COLOR: #000 } .halfTimeWarning { COLOR: #000 } .headerForProgressBar { POSITION: relative; Z-INDEX: 100 } DIV.assessmentPortletBlock H3.headerForProgressBar A { BACKGROUND: none transparent scroll repeat 0% 0% } .progressBar { POSITION: absolute; LEFT: 0px; Z-INDEX: 90; TOP: 0px; BOTTOM: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .progressBarStyle { BACKGROUND: #b6f796 } .progressBarStyleOneMin { BACKGROUND: #ffe79f } .progressBarStyleThirtySec { BACKGROUND: #ffafaf } .progressBarStyleOvertime { BACKGROUND: #ffafaf } .timerBar { FONT-SIZE: 105%; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid; BACKGROUND: #f9f9f9; BORDER-BOTTOM: #fff 2px solid; POSITION: relative; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 4px 14px 0px; BORDER-LEFT: #fff 2px solid; PADDING-RIGHT: 6px; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 9px; -moz-border-radius: 9px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) } .timer STRONG { POSITION: relative; Z-INDEX: 100 } .timerText { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px } .liveArea.timer { PADDING-BOTTOM: 9px; PADDING-TOP: 6px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px } .questionStatus { PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } .timedQuestionStatus { BORDER-TOP: #ddd 2px groove; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px 2px; PADDING-RIGHT: 0px } .completionContainer { PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .questionStatus .questionStatusLabel { FONT-WEIGHT: normal; MARGIN: 0px; LETTER-SPACING: 0px } .questionStatus .questionStatusLabel A { TEXT-DECORATION: none; COLOR: #666 } .questionStatus .questionStatusLabel A:hover { TEXT-DECORATION: underline; COLOR: #000 } .timerMessage { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) } .timeLabel { FONT-WEIGHT: normal; COLOR: #666 } .timeValue { FONT-SIZE: 120% } .timer-collapsed.timer-toggle { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 0px 2px; PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 14px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .timer-expanded.timer-toggle { HEIGHT: 20px; WIDTH: 20px; BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 3px 4px; POSITION: absolute; LEFT: 4px; TOP: 5px } .timerBar .timerLabel:before { FONT: 1.4em/0 "Pictos", sans-serif; MARGIN-RIGHT: 0.4em } .timerMessage:before { FONT: 1.4em/0 "Pictos", sans-serif; MARGIN-RIGHT: 0.4em } .progressBarStyleOvertime + .timerLabel:before { COLOR: #cf0c0c; CONTENT: "t" } .progressBarStyleOneMin + .timerLabel:before { COLOR: #7f6b2f; CONTENT: "!" } .progressBarStyleThirtySec + .timerLabel:before { COLOR: #cf0c0c; CONTENT: "!" } .timerMessage:before { CONTENT: "" } .halfTimeWarning:before { COLOR: #999 } #theGrid { POSITION: relative } .gridOverflowControl { OVERFLOW-X: auto; ZOOM: 1; PADDING-BOTTOM: 24px } .rubricTable TBODY TD TEXTAREA { BORDER-TOP: #ccc 1px solid; HEIGHT: 6em; BORDER-RIGHT: #ccc 1px solid; WIDTH: 99%; MIN-WIDTH: 9em; BORDER-BOTTOM: #ccc 1px solid; COLOR: #555; BORDER-LEFT: #ccc 1px solid } .rubricTable TBODY TD TEXTAREA + SCRIPT + DIV { TEXT-ALIGN: right } .rubricTable TBODY TD DIV INPUT[type='text'] { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 4em; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } #rubricRowReorder { POSITION: absolute; Z-INDEX: 100; TOP: 5em } #rubricColReorder { POSITION: absolute; LEFT: 15%; Z-INDEX: 100; TOP: 3em } #rubricColReorder FIELDSET { WHITE-SPACE: nowrap; POSITION: relative } #rubricColSort { WHITE-SPACE: nowrap; MARGIN-RIGHT: 60px } #rubricColSort LI { BORDER-RIGHT: #999 1px dotted; WHITE-SPACE: nowrap; POSITION: relative; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 24px; MARGIN: 0px 1px; DISPLAY: inline-block; PADDING-RIGHT: 6px } #rubricColSort LI INPUT { POSITION: absolute; LEFT: 0px; TOP: 0px } #reorderPanelControls { RIGHT: 0px; POSITION: absolute; TOP: 0px } #reorderPanelControls A { TEXT-DECORATION: none } #collabRubricList .collabRubricListTypeContainer { MARGIN: 4px } .rubricGradingTable { WIDTH: 100%; BORDER-COLLAPSE: separate; MARGIN-LEFT: -9px; BORDER-SPACING: 9px } .rubricTable { WIDTH: 100%; BORDER-COLLAPSE: separate; MARGIN-LEFT: -9px; BORDER-SPACING: 9px } .rubricGradingTable TH { COLOR: #45586f } .rubricTable TH { COLOR: #45586f } .rubricTable THEAD TH { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 12px } .rubricTable THEAD TH:first-child { BORDER-LEFT: medium none } .rubricGradingTable TBODY TD { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; VERTICAL-ALIGN: top; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #444; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 12px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -webkit-border-radius: 3px; -moz-border-radius: 3px } .rubricTable TBODY TD { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; VERTICAL-ALIGN: top; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #444; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 12px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -webkit-border-radius: 3px; -moz-border-radius: 3px } .rubricTable TBODY TD { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .rubricGradingTable TBODY TH { BORDER-TOP: #ccc 1px solid; VERTICAL-ALIGN: top; FONT-WEIGHT: bold; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .rubricTable TBODY TH { BORDER-TOP: #ccc 1px solid; VERTICAL-ALIGN: top; FONT-WEIGHT: bold; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .rubricTable TBODY TH LABEL { FONT-WEIGHT: normal } .rubricTable TBODY TH INPUT { FONT-WEIGHT: normal } .rubricTable TBODY TH > SPAN { FONT-WEIGHT: normal } .rubricGradingTable .rubricCellHeader { PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rubricGradingTable .radioLabel { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 0px } .rubricGradingTable .selectedCell .radioLabel { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 0px } .rubricGradingTable .selectedCell .rubricSelectedValue { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 0px } .rubricGradingTable .selectedCell .rubricCellDescription { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 0px } .rubricGradingList .radioLabel { FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 24px; DISPLAY: inline-block; PADDING-RIGHT: 6px } .rubricGradingTable .rubricCellContainer { OVERFLOW: hidden; POSITION: relative; MIN-HEIGHT: 30px } .rubricCellRadio { POSITION: absolute; TOP: 6px } .rubricGradingList .rubricCellRadio { POSITION: absolute; TOP: 2px } .selectedCell .rubricCellRadio { TOP: -60px } .pointContainer { FONT-WEIGHT: bold } .rubricGradingTable .feedback { DISPLAY: none } .rubricGradingTable .selectedCell .feedback { DISPLAY: block } .rubricGradingTable .feedback TEXTAREA { WIDTH: 99% } .rubricGradingTable .selectedCell { BACKGROUND: url(images/button_ok_ia.png) #d1eaef no-repeat 12px 12px; COLOR: #000; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .3); box-shadow: 0 0 6px rgba(0, 0, 0, .3) } .rubricGradingList .selectedCell { BACKGROUND: url(images/button_ok_ti.png) no-repeat 4px 3px } .rubricGradingTable TBODY TD:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #d1eaef; BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999 } .rubricTable TBODY TD:hover { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } .rubricGradingTable TBODY .selectedCell:hover { BACKGROUND: url(images/button_ok_ia.png) #d1eaef no-repeat 12px 12px } .rubricCriteriaHead { WIDTH: 15% !important } .rubricInlineEdit { POSITION: relative } .rubricInlineEdit > DIV { WHITE-SPACE: nowrap; POSITION: absolute; Z-INDEX: 100 } .gridActionBar { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #f1f1f1; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .gridActionBar TH { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #f1f1f1; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .gridActionBar UL { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .stepcontent .gridActionBar LI { MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px } .rubricGradingTable .data { BACKGROUND: none transparent scroll repeat 0% 0% } .rubricTable .data { BACKGROUND: none transparent scroll repeat 0% 0% } .rubricSelectedValue { FONT-SIZE: 130%; FONT-WEIGHT: bold; DISPLAY: block } .rangePercent { FONT-SIZE: 90%; FONT-WEIGHT: normal; COLOR: #666 } .selectedCell .rangeValue { BORDER-TOP: #aaa 1px dashed; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 6px 0px 0px; PADDING-RIGHT: 0px } .rubricControlContainer .containerTabs { MARGIN: 0px } .rubricControlContainer .contentAreaBlock { MARGIN: 0px } .rubricGradingList .rubricGradingCell { OVERFLOW: hidden; POSITION: relative; MARGIN: 1px 0px } .rubricGradingList .feedback { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .rubricGradingList .feedback TEXTAREA { WIDTH: 99% !important } .rubricGradingList H4 { POSITION: relative; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .rubricGradingList H4 SPAN { RIGHT: 0px; POSITION: absolute; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 4px; TOP: 0px; PADDING-RIGHT: 4px; BACKGROUND-COLOR: #fff1c5 } .rubricGradingTotalPoints { FONT-SIZE: 110%; MARGIN: 6px 0px } .rubricGradingOverride { FONT-SIZE: 110%; PADDING-BOTTOM: 6px; MARGIN: 6px 0px } .rubricGradingComments .editor { MARGIN-TOP: 20px } .rubricGradingComments .rubricVtbeLabel { MARGIN-BOTTOM: 10px; DISPLAY: block } .alignmentPanel TR { COLOR: #555 } .alignmentPanel .gradingRubric { COLOR: #000; BACKGROUND-COLOR: #ffd } .alignmentPanel .gradingRubric .title { FONT-WEIGHT: bold } .alignmentPanel UL.nav SPAN { PADDING-LEFT: 3px } .rubricPanel THEAD TR TH { WHITE-SPACE: normal !important } .rubricPopupContainer .rubricControlContainer { MARGIN: 0px 0px 10px } .rubricPopupContainer .onlyOne.changeRubricContainer .previous.pagelink { DISPLAY: none } .rubricPopupContainer .onlyOne.changeRubricContainer .next.pagelink { DISPLAY: none } .rubricPopupContainer .first.changeRubricContainer .previous.pagelink { DISPLAY: none } .rubricPopupContainer .last.changeRubricContainer .next.pagelink { DISPLAY: none } .rubricGradingCell .pointRangeEdit { DISPLAY: none } .selectedCell.rubricGradingCell .pointRangeView { DISPLAY: none } .rubricPopupContainer .first.changeRubricContainer .next.pagelink { DISPLAY: inline } .rubricPopupContainer .middle.changeRubricContainer .previous.pagelink { DISPLAY: inline } .rubricPopupContainer .middle.changeRubricContainer .next.pagelink { DISPLAY: inline } .rubricPopupContainer .last.changeRubricContainer .previous.pagelink { DISPLAY: inline } .rubricGradingTable .pointRangeView { FONT-WEIGHT: bold; DISPLAY: block } .selectedCell.rubricGradingCell .pointRangeEdit { FONT-WEIGHT: bold; DISPLAY: block } .vtbegenerated TH { FONT-WEIGHT: bold !important } .vtbegenerated TD[align='center'] { TEXT-ALIGN: center !important } .vtbegenerated TH[align='center'] { TEXT-ALIGN: center !important } .vtbegenerated TR[align='center'] > TD { TEXT-ALIGN: center !important } .vtbegenerated TR[align='center'] > TH { TEXT-ALIGN: center !important } .vtbegenerated TD[align='right'] { TEXT-ALIGN: right !important } .vtbegenerated TH[align='right'] { TEXT-ALIGN: right !important } .vtbegenerated TR[align='right'] > TD { TEXT-ALIGN: right !important } .vtbegenerated TR[align='right'] > TH { TEXT-ALIGN: right !important } .vtbegenerated TD[align='left'] { TEXT-ALIGN: left !important } .vtbegenerated TH[align='left'] { TEXT-ALIGN: left !important } .vtbegenerated TR[align='left'] > TD { TEXT-ALIGN: left !important } .vtbegenerated TR[align='left'] > TH { TEXT-ALIGN: left !important } .vtbegenerated { FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; DISPLAY: block !important; PADDING-RIGHT: 0px !important } .vtbegenerated P { MARGIN-BOTTOM: 1em } .vtbegenerated ADDRESS { FONT-STYLE: italic; DISPLAY: block } .vtbegenerated IMG { FILTER: alpha(opacity = auto) !important; opacity: auto } .vtbegenerated UL { PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated MENU { PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated DIR { PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated UL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .vtbegenerated OL { PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated OL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .vtbegenerated LI { LIST-STYLE-POSITION: outside } .vtbegenerated UL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated UL UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated MENU UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated DIR UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated OL MENU { LIST-STYLE-TYPE: circle } .vtbegenerated UL MENU { LIST-STYLE-TYPE: circle } .vtbegenerated MENU MENU { LIST-STYLE-TYPE: circle } .vtbegenerated DIR MENU { LIST-STYLE-TYPE: circle } .vtbegenerated OL DIR { LIST-STYLE-TYPE: circle } .vtbegenerated UL DIR { LIST-STYLE-TYPE: circle } .vtbegenerated MENU DIR { LIST-STYLE-TYPE: circle } .vtbegenerated DIR DIR { LIST-STYLE-TYPE: circle } .vtbegenerated OL OL UL { LIST-STYLE-TYPE: square } .vtbegenerated OL UL UL { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated OL OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL OL UL { LIST-STYLE-TYPE: square } .vtbegenerated UL UL UL { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated UL OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL UL UL LI { LIST-STYLE-TYPE: square } .vtbegenerated TABLE { BORDER-COLLAPSE: separate } .vtbegenerated H4 { MARGIN-BOTTOM: 1.5em } .vtbegenerated H5 { MARGIN-BOTTOM: 1.5em } .vtbegenerated H6 { MARGIN-BOTTOM: 1.5em } .vtbegenerated H4 { FONT-SIZE: 100% } .vtbegenerated H5 { FONT-SIZE: 90% } .vtbegenerated H6 { FONT-SIZE: 80% } .vtbegenerated BLOCKQUOTE { MARGIN: 1em 35px } .vtbegenerated UL[type='circle'] LI { LIST-STYLE-TYPE: circle } .vtbegenerated UL[type='square'] LI { LIST-STYLE-TYPE: square } .vtbegenerated UL[type='disc'] LI { LIST-STYLE-TYPE: disc } .inlineVtbegenerated { DISPLAY: inline } .tree .treeNodeIcon { HEIGHT: 16px; WIDTH: 16px } .navPaletteContent .submenu LI.favorite { PADDING-LEFT: 10px } .navPaletteContent UL[id*='files_groupContents'] .favorite { PADDING-LEFT: 0px } .columnPalette H5 { COLOR: #555; MARGIN: 6px 0px 3px } .blogNav .stepcontent { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 4px; MARGIN: 0px; PADDING-RIGHT: 4px } .button-split-left { BORDER-RIGHT: #f6f6f6 2px solid; FLOAT: left; DISPLAY: inline-block; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0 } .button-split-left:hover { BORDER-RIGHT: #555 2px solid } .button-split-right { FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 6px; MARGIN-LEFT: -1px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 6px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0 } .full_evaluation_view_component H3 { MARGIN: 18px 0px 3px } .full_evaluation_view_component H3:first-child { MARGIN: 9px 0px 3px } .gradeSide_panel .container { POSITION: relative; PADDING-RIGHT: 45% } .gradeSide_panel .contentListPlain { MARGIN: -20px 0px 0px -30px } .collabContainer { PADDING-BOTTOM: 30px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .gradeSide { WIDTH: 36%; RIGHT: 20px; TOP: 20px } .gradeSide { BORDER-TOP: #555 3px solid; BORDER-RIGHT: #555 3px solid; BACKGROUND: #888 0px 0px; RIGHT: 20px; BORDER-BOTTOM: #555 3px solid; POSITION: absolute; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; LEFT: auto; MARGIN: 0px; BORDER-LEFT: #555 3px solid; TOP: 20px; PADDING-RIGHT: 4px; BOTTOM: auto; border-radius: 4px } .collapseTabsData A.close { RIGHT: 4px; TOP: 4px } .evalColumn .taskbuttondiv { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .gradeItemsWrapper { OVERFLOW: visible } .gradeSide .stepcontent { PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 4px; MARGIN: 0px; PADDING-RIGHT: 4px } .evalColumn { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 6px; PADDING-LEFT: 18px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 18px; BACKGROUND-COLOR: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) } .evalColumn .liveArea { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; box-shadow: none } .column-wrapper { OVERFLOW: visible !important; POSITION: relative } .column-nav { WIDTH: 190px; FLOAT: left } .colspan2 { POSITION: relative; MARGIN-LEFT: 190px } .colspan2#standards-column { MARGIN-BOTTOM: -41px; PADDING-BOTTOM: 12px; LEFT: -3px; BORDER-LEFT: #ccc 3px double; TOP: -20px } .pageHead-2 { WORD-WRAP: break-word; COLOR: #555; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .column-nav .pageHead-2 { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 6px; DISPLAY: none; PADDING-RIGHT: 6px } .pageHead-2 H2 { FONT-SIZE: 120%; FONT-WEIGHT: normal; MARGIN: 0px } .pageHead-2 SPAN { FONT-SIZE: 120%; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .pageHead-2 SPAN:first-child { BORDER-RIGHT: #aaa 1px dotted } .column-inner { PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 18px; PADDING-RIGHT: 0px } .column-nav-inner { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } .category-column .column-nav-inner { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee',endColorstr = '#cccccc',GradientType = 1); BORDER-LEFT: medium none } #column_lrn_std_category { BORDER-RIGHT: #ccc 3px double } .column-inner { BACKGROUND: #fff; PADDING-BOTTOM: 12px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 18px !important; PADDING-RIGHT: 18px !important } #standards-column .column-inner { PADDING-BOTTOM: 12px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 18px !important; PADDING-RIGHT: 0px !important } .column-nav .column-inner { DISPLAY: none } .navmenu-list-item { WORD-WRAP: break-word; BORDER-BOTTOM: #777 1px solid; POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; DISPLAY: block; PADDING-RIGHT: 21px } .navmenu-list > LI:hover { BACKGROUND: #777 } .navmenu-list > LI > A { FONT-SIZE: 110%; TEXT-DECORATION: none; FONT-WEIGHT: 200; COLOR: #f6f6f6 } .navmenu-list A SPAN { DISPLAY: none } .navmenu-list .active { BORDER-TOP: #777 1px solid; BORDER-RIGHT: #777 0px solid; WIDTH: 142px; BACKGROUND: #eee; BORDER-BOTTOM: #777 1px solid; FONT-WEIGHT: 600; COLOR: #000; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 20px; LEFT: -3px; BORDER-LEFT: #777 1px solid; PADDING-RIGHT: 18px; -webkit-box-shadow: -4px 3px 5px #777; -moz-box-shadow: -4px 3px 5px #777; box-shadow: -4px 3px 5px #777; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .navmenu-list .active:hover { BORDER-TOP: #777 1px solid; BORDER-RIGHT: #777 0px solid; WIDTH: 142px; BACKGROUND: #eee; BORDER-BOTTOM: #777 1px solid; FONT-WEIGHT: 600; COLOR: #000; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 20px; LEFT: -3px; BORDER-LEFT: #777 1px solid; PADDING-RIGHT: 18px; -webkit-box-shadow: -4px 3px 5px #777; -moz-box-shadow: -4px 3px 5px #777; box-shadow: -4px 3px 5px #777; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .navmenu-list .active A { COLOR: #000 } .column2-nav .category-column .navmenu-list LI > A { PADDING-LEFT: 24px } .column-wrapper .actionBar > UL > LI > A { TEXT-DECORATION: none; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 16px; DISPLAY: inline-block; PADDING-RIGHT: 16px } .column-wrapper .actionBar > UL > LI > A:hover { BACKGROUND: #ccc } .standards .button-2 { COLOR: #444 } .standards .button-2:hover { BORDER-TOP-COLOR: #aaa; BORDER-LEFT-COLOR: #aaa; BORDER-BOTTOM-COLOR: #aaa; BORDER-RIGHT-COLOR: #aaa } .category-column :first-child.navmenu-list { MARGIN: 12px 0px 0px } .category-column .navmenu-list-item { BORDER-TOP-COLOR: #d6d6d6; BORDER-LEFT-COLOR: #d6d6d6; BORDER-BOTTOM-COLOR: #d6d6d6; BORDER-RIGHT-COLOR: #d6d6d6 } .category-column .navmenu-list-item A { COLOR: #333 } .category-column .navmenu-list-item:hover { FILTER: alpha(opacity = 100) !important; BACKGROUND-COLOR: #e0e0e0; opacity: 1 } .category-column .navmenu-list .active { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BACKGROUND: #fff; RIGHT: -4px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; Z-INDEX: 1001; MARGIN-RIGHT: -1px; -webkit-box-shadow: -4px 3px 5px #DDD; -moz-box-shadow: -4px 3px 5px #DDD; box-shadow: -4px 3px 5px #DDD; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .navmenu-list .inactive { FILTER: alpha(opacity = 75); opacity: .75 } .standards .actionBar { BORDER-TOP: medium none; HEIGHT: 32px; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 20px -12px; BORDER-LEFT: medium none; DISPLAY: block; PADDING-RIGHT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .actionBar#actionbarlrn_std_doc { BORDER-BOTTOM-COLOR: #777 } .actionBar#actionbarlrn_std_doc > UL > LI > A { COLOR: #f0f0f0; -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4) } .actionBar#actionbarlrn_std_doc > UL > LI > A:hover { BACKGROUND: #777; COLOR: #fff } .actionBar#actionbarlrn_std_doc > UL > LI:hover > A { BACKGROUND: #777; COLOR: #fff } .actionBar#actionbarlrn_std_category > UL > LI > A { COLOR: #666; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) } .actionBar#actionbarlrn_std_category > UL > LI > A:hover { BACKGROUND: #ccc; COLOR: #000 } .actionBar#actionbarlrn_std { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f0f0f0; BORDER-BOTTOM: 0px; MARGIN: 9px 0px 20px; BORDER-LEFT: 0px } .actionBar#actionbarlrn_std > UL > LI > A { COLOR: #666; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) } .actionBar#actionbarlrn_std > UL > LI > A:hover { BACKGROUND: #ddd; COLOR: #000 } .standards .actionBar > UL { HEIGHT: 32px; MARGIN: 0px } .standards .actionBar UL LI { FLOAT: left } .standards .groupLabel { PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .standards .searchbar .selectedItem LABEL SPAN { FONT-SIZE: 90% } .navmenu-actions-1 { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f0f0f0; BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; LEFT: -4px; BORDER-LEFT: #ccc 1px solid; TOP: 4px; PADDING-RIGHT: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .active .navmenu-actions-1 { LEFT: -4px } .navmenu-actions-2 { POSITION: absolute; PADDING-BOTTOM: 1px !important; PADDING-TOP: 1px !important; PADDING-LEFT: 1px !important; LEFT: -4px; TOP: 22px; PADDING-RIGHT: 1px !important } .navmenu-list-item .contextMenuContainer { RIGHT: 9px; POSITION: absolute; MARGIN-TOP: -8px; TOP: 50%; opacity: 0 } .navmenu-list .active .contextMenuContainer { opacity: 1 } .navmenu-list .active:hover .contextMenuContainer { opacity: 1 } .navmenu-list-item:hover .contextMenuContainer { opacity: .5 } .navmenu-list-item:hover .contextMenuContainer:hover { opacity: 1 } .standards .column-1 { FONT-SIZE: 90%; MIN-HEIGHT: 0px } .standards .column-2 { FONT-SIZE: 90%; MIN-HEIGHT: 0px } .standards .column-3 { FONT-SIZE: 90%; MIN-HEIGHT: 0px } .standards .column-2 { WIDTH: 46%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1%; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 1% } .standards .column-3 { WIDTH: 31%; MARGIN: 0px } .standardForm > H3 + DIV.column-2 { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .standards .stepcontent { PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 4px; MARGIN: 0px; PADDING-RIGHT: 4px } .standards .stepcontent OL LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .standardForm { POSITION: absolute !important; LEFT: 6px; TOP: 38px } .inline-form-title { MARGIN: 6px 0px } .docs-column .column-nav-inner { BORDER-TOP: #777 1px solid; BORDER-RIGHT: medium none; BACKGROUND: #999; BORDER-BOTTOM: #777 1px solid; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#999999',endColorstr = '#777777',GradientType = 1); MIN-HEIGHT: 400px; BORDER-LEFT: #777 1px solid; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px } .docs-column :first-child.navmenu-list { MARGIN: 12px 0px 0px } .iconToggleWrapper { ZOOM: 1; DISPLAY: inline-block } .iconToggle { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; ZOOM: 1; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; MARGIN: 0px 0px 0px -5px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 5px } .quickAddPal .iconToggle { MARGIN: 0px 0px 0px -1px } :first-child.iconToggle { MARGIN: 0px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px } .iconToggle:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #e8f0fe; BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999 } .stepcontent .iconToggle .fieldHelp { FONT-SIZE: 90%; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; BACKGROUND: #fff; MIN-WIDTH: 200px; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; LEFT: 0px; BORDER-LEFT: #555 1px solid; Z-INDEX: 100; DISPLAY: none; TOP: 100%; PADDING-RIGHT: 6px; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 9px rgba(0, 0, 0, .3); -webkit-border-radius: 3px; -moz-border-radius: 3px } .iconToggle:hover .fieldHelp { Z-INDEX: 10; DISPLAY: block } .iconToggleWrapper .selectedItem { BORDER-TOP-COLOR: #999; BACKGROUND: #cdcdcd; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2) inset; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2) inset } .iconToggle LABEL SPAN { COLOR: #555; DISPLAY: none } .selectedItem LABEL SPAN { DISPLAY: inline } .selectedItem .fieldHelp STRONG { DISPLAY: none } #lrn_std .panelHead { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 25px; PADDING-RIGHT: 16px } #lrn_std .sHeader { MARGIN-LEFT: -21px } #lrn_std .contextMenuContainer { } .lb-content .itemTray { POSITION: absolute } .lb-drawer { PADDING-BOTTOM: 54px } .lb-noTitleBar #pageTitleBar { DISPLAY: none } .lb-locationPane { MARGIN: 0px } .lb-locationPane #contentPanel { MARGIN: 0px } .lb-contentBox { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; border-radius: 0 } .overSoftLimit { COLOR: red } .autocomplete_pos { LEFT: 0px !important; TOP: 15px !important } .autocomplete { BORDER-TOP: #888 1px solid; BORDER-RIGHT: #888 1px solid; WIDTH: 250px; BORDER-BOTTOM: #888 1px solid; POSITION: absolute; BORDER-LEFT: #888 1px solid; Z-INDEX: 5; BACKGROUND-COLOR: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .3) } .autocomplete .selected { BACKGROUND-COLOR: #ccc } .autocomplete UL LI { CURSOR: pointer; WIDTH: 98%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px } .quickAddPal .field { POSITION: relative } .quickAddPal .noLabelField { POSITION: relative } .renameCategory { RIGHT: 0px; POSITION: absolute; LEFT: 0px; Z-INDEX: 1200; DISPLAY: block; TOP: 0px; BOTTOM: 0px } .renameCategory A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } LI SPAN.labelMenuItem { FONT-WEIGHT: bold; COLOR: #000 } #toolSettingsWrapper_table TBODY TR { BORDER-TOP: #ddd 1px dashed } #toolSettingsWrapper_table TR TH { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } #toolSettingsWrapper_table TBODY TR.rowTitle TD { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } #toolSettingsWrapper_table TBODY TR.rowTitle TH { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } #toolSettingsWrapper_table TBODY TR.rowTitle { BORDER-TOP: #ddd 1px solid; BACKGROUND-COLOR: #ebebeb } #toolSettingsWrapper_table TBODY TR.rowTitle H3 { MARGIN: 0.5em 0px } .tooltip { COLOR: #fff; BACKGROUND-COLOR: #3b3b3b } .tooltipContainer .tooltip:after { COLOR: #3b3b3b } .tooltipContainer-bot .tooltip:after { COLOR: #3b3b3b } .paddedMetadata { PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 6px !important } .quickAddPal .colorlist LI A.transparent { BACKGROUND-IMAGE: url(/images/swatches/transparent.gif); BACKGROUND-POSITION: -1px -1px; COLOR: transparent } .quickAddPal .colorlist LI A.transparent:hover { BACKGROUND-POSITION: -2px -2px } DIV.checkListActions { PADDING-BOTTOM: 10px } .quickAddPal .colorlist LI A.transparent:active { BACKGROUND-POSITION: -3px -3px } .quickAddPal .colorlist LI A.transparent:focus { BACKGROUND-POSITION: -3px -3px } .theme_scrollbar_content H2 { FONT-SIZE: 130%; FONT-FAMILY: Georgia, serif; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 0px; FONT-STYLE: italic; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: -35px 0px 15px; LETTER-SPACING: 0.06em; PADDING-RIGHT: 0px } #wizard .theme_scrollbar_content H2 { COLOR: #ccc } .theme-switch-wrapper { DISPLAY: inline-block } .theme-switch { BORDER-RIGHT: #ccc 1px solid; VERTICAL-ALIGN: middle; POSITION: relative; MARGIN: -14px 9px -14px 0px; DISPLAY: inline-block } .theme-switch .sub > A { OVERFLOW: hidden; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 12px; DISPLAY: block; LINE-HEIGHT: 1; PADDING-RIGHT: 12px } .theme-switch .sub > A:hover { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset } .theme-switch .sub:hover > A { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset } .dummy-switch.theme-switch:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .theme-switch A SPAN { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(images/pantone_fan.png) no-repeat 0px 0px; DISPLAY: inline-block } .theme-switch SPAN SPAN { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(images/pantone_fan.png) no-repeat 0px 0px; DISPLAY: inline-block } .theme-switch:hover .cmdiv UL:before { BORDER-TOP: 0px; BORDER-RIGHT: 7px solid; BORDER-BOTTOM: 7px solid; POSITION: absolute; CONTENT: ""; LEFT: 10px; BORDER-LEFT: 7px solid; TOP: -7px } .theme-switch:hover .cmdiv UL:after { BORDER-TOP: 0px; BORDER-RIGHT: 7px solid; BORDER-BOTTOM: 7px solid; POSITION: absolute; CONTENT: ""; LEFT: 10px; BORDER-LEFT: 7px solid; TOP: -7px } .theme-switch:hover .cmdiv UL:before { BORDER-BOTTOM-COLOR: #999; TOP: -8px } .theme-switch .nav .sub UL { WIDTH: 180px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .theme-switch .nav .sub UL LI H4 { COLOR: #999; PADDING-BOTTOM: 2px; PADDING-TOP: 9px; FONT: italic 95% Georgia, serif; PADDING-LEFT: 4px; MARGIN: 2px 0px; LETTER-SPACING: 2px; PADDING-RIGHT: 0px } .theme-switch .nav .sub UL A { FONT-SIZE: 95%; WIDTH: 142px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 18px; PADDING-RIGHT: 4px } BODY DIV.lb-overlay { BACKGROUND: url(images/reorder_bg.png) #bbb -10px 0px } #wizard { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; WIDTH: 900px; BACKGROUND: #555; BORDER-BOTTOM: #666 1px solid; POSITION: fixed; MARGIN-LEFT: -450px; LEFT: 50%; BORDER-LEFT: #666 1px solid; Z-INDEX: 1100; TOP: 5px; box-shadow: 0 11px 20px rgba(0, 0, 0, .7); border-radius: 9px; background-clip: content-box } #wizard H1 { FONT-SIZE: 110%; BACKGROUND: #494949; BORDER-BOTTOM: #666 1px solid; COLOR: #bbb; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 30px; MARGIN: 1px 0px 0px 1px; PADDING-RIGHT: 30px; box-shadow: 0 -1px 0 #363636 inset; border-radius: 9px 9px 0 0; text-shadow: 0 -1px 0 #111 } #wizard .accordion-wrapper { BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 0px 30px; border-radius: 0 0 6px 6px } #wizard .accordion_toggle { FONT-SIZE: 115%; COLOR: #eee; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #wizard .accordion_content { FONT-SIZE: 115%; COLOR: #eee; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #wizard .accordion_toggle { CURSOR: pointer; FONT-SIZE: 90%; BORDER-TOP: #444 1px solid; POSITION: relative; COLOR: #aaa; TEXT-ALIGN: right; PADDING-RIGHT: 60px; -webkit-box-shadow: 0 1px 0 #666 inset; box-shadow: 0 1px 0 #666 inset } #wizard .accordion_toggle .accordionTabLabel { FONT-SIZE: 125%; TEXT-DECORATION: none; FLOAT: left; COLOR: #eee } #wizard .accordion_toggle SPAN#selectedStructureName { BACKGROUND: url(/images/ci/ng/close_mini.gif) #aaa no-repeat 96% 50%; COLOR: #000; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 5px; MARGIN-LEFT: 3px; PADDING-RIGHT: 19px; VISIBILITY: visible; border-radius: 5px } #wizard .accordion_toggle SPAN#selectedThemeName { BACKGROUND: url(/images/ci/ng/close_mini.gif) #aaa no-repeat 96% 50%; COLOR: #000; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 5px; MARGIN-LEFT: 3px; PADDING-RIGHT: 19px; VISIBILITY: visible; border-radius: 5px } #wizard .accordion_toggle_help { TEXT-ALIGN: left } #wizard .accordion_toggle A#unselectStructure { FONT-SIZE: 90%; FLOAT: right; COLOR: #1ec8ea; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN-LEFT: 5px; DISPLAY: none; PADDING-RIGHT: 6px } #wizard .accordion_toggle A#unselectTheme { FONT-SIZE: 90%; FLOAT: right; COLOR: #1ec8ea; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN-LEFT: 5px; DISPLAY: none; PADDING-RIGHT: 6px } #wizard .accordion_toggle A#unselectStructure:hover { VISIBILITY: visible } #wizard .accordion_toggle A#unselectTheme:hover { VISIBILITY: visible } #wizard .accordion_toggle A#unselectStructure:hover SPAN { TEXT-DECORATION: line-through } #wizard .accordion_toggle A#unselectTheme:hover SPAN { TEXT-DECORATION: line-through } #wizard :first-child.accordion_toggle { BORDER-TOP: 0px; box-shadow: none } #wizard .accordion_content { OVERFLOW: hidden; HEIGHT: 245px; BACKGROUND: #3d3b3b; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #wizard .accordion_content A { COLOR: #1ec8ea } #wizard .accordion_toggle_addstructure .right-image { BACKGROUND: url(/images/ci/icons/wizard_step-1.png) no-repeat } #wizard .accordion_toggle_choosetheme .right-image { BACKGROUND: url(/images/ci/icons/wizard_step-2.png) no-repeat } #wizard .accordion_toggle_help .right-image { BACKGROUND: url(/images/ci/icons/wizard_step-4.png) no-repeat } #wizard .right-image { HEIGHT: 30px; WIDTH: 30px; RIGHT: 8px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: center center; DISPLAY: inline-block; TOP: 6px; opacity: .5 } #wizard .previewArea { BORDER-LEFT-WIDTH: 0px; OVERFLOW: hidden; FONT-SIZE: 85%; HEIGHT: 235px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-TOP-WIDTH: 0px; MAX-HEIGHT: 235px; BACKGROUND-COLOR: #474747 } .course_welcome_help_scrollbar_track { CURSOR: move; HEIGHT: 99%; WIDTH: 10px; RIGHT: 0px; POSITION: absolute; MARGIN: 1px 0px; TOP: 0px } .selected.course_welcome_help_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: #555; -webkit-border-radius: 5px; -moz-border-radius: 5px } .selected.course_welcome_help_scrollbar_handle { } .course_welcome_help_container { POSITION: relative } #wizard .previewArea .introduction { WIDTH: 80% } #wizard .previewArea .helplink { WIDTH: 80% } #wizard .previewArea .customHelp { WIDTH: 80% } #wizard .previewArea .conclusion { FONT-SIZE: 90%; WIDTH: 20%; RIGHT: 0px; BACKGROUND-ATTACHMENT: fixed; POSITION: absolute; COLOR: #bbb; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; PADDING-LEFT: 10px; TOP: 0px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #3d3b3c } #wizard .previewArea .customHelp { FONT-SIZE: 90%; BORDER-TOP: #555 1px dotted; WIDTH: 100%; COLOR: #bbb; PADDING-BOTTOM: 1em; PADDING-TOP: 1em; PADDING-LEFT: 0px; MARGIN-TOP: 0.5em; PADDING-RIGHT: 0px } #wizard .previewArea H3 { MARGIN-BOTTOM: 3px; FONT-SIZE: 140%; FONT-WEIGHT: normal; MARGIN-TOP: 0.2em } #wizard .previewArea H3 SPAN { FONT-SIZE: 65%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal; COLOR: #888; DISPLAY: block } #wizard .previewArea H3 SPAN SPAN { FONT-SIZE: 95%; TEXT-TRANSFORM: lowercase; FONT-STYLE: italic; DISPLAY: inline } #wizard .helplink .easylist { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px !important; BORDER-LEFT: 0px; MARGIN-TOP: 5px; PADDING-RIGHT: 0px } #wizard .helplink .easylist LI { BORDER-TOP: #555 2px dotted; WIDTH: 46%; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px 10px 10px; PADDING-RIGHT: 0px } #wizard .helplink .easylist LI H3 { FONT-FAMILY: Georgia, serif } #wizard .helplink .easylist LI P { PADDING-LEFT: 0px } #wizard .helplink .easylist LI P { COLOR: #ddd } #wizard .log-summary { BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; box-shadow: 0; border-radius: 0 } #wizard .conclusion H3 { FONT-SIZE: 100%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal; COLOR: #888; MARGIN-TOP: 10px } #wizard .conclusion UL { MARGIN-BOTTOM: 15px } #wizard .conclusion UL LI { MARGIN-BOTTOM: 5px } #wizard .content-inner { OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; HEIGHT: 245px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; BACKGROUND-COLOR: #f5f4ef } .content-inner { OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; HEIGHT: 245px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; BACKGROUND-COLOR: #f5f4ef } #wizard .content-inner { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: #3d3b3b } #wizard .introtext { FONT-SIZE: 100%; WIDTH: 100%; FLOAT: left; FONT-WEIGHT: normal; COLOR: #ccc; PADDING-BOTTOM: 1em; PADDING-TOP: 1em; PADDING-LEFT: 0px; LINE-HEIGHT: 1.5em; PADDING-RIGHT: 2em } #wizard .introtext LABEL { FONT-SIZE: 85%; FONT-STYLE: italic; MARGIN-LEFT: 15px; DISPLAY: none } #wizard .introtext INPUT { MARGIN-BOTTOM: 10px; FONT-SIZE: 200%; FONT-FAMILY: Georgia, serif; FONT-STYLE: italic } #wizard .introtext .courseNameAndDescription TABLE TABLE { WIDTH: 99%; MARGIN-LEFT: 7px } #wizard .defaultSkin TD.mceToolbar { MIN-WIDTH: 0px } #wizard .courseNameAndDescription > .textboxtable { WIDTH: 98% !important; MARGIN-LEFT: 9px } #wizard .introtext .courseNameAndDescription .textboxtable .mceSplitButton { WIDTH: auto; MARGIN-LEFT: 0px; MARGIN-TOP: 3px } #wizard .introtext TEXTAREA { FONT-SIZE: 110% } #wizard .introtext INPUT { FONT-FAMILY: inherit; WIDTH: 96%; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 7px; MARGIN-LEFT: 15px; PADDING-RIGHT: 0px; resize: none } #wizard .introtext TEXTAREA { FONT-FAMILY: inherit; WIDTH: 96%; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 7px; MARGIN-LEFT: 15px; PADDING-RIGHT: 0px; resize: none } #wizard .introtext .courseNameAndDescription { BORDER-RIGHT: #666 3px dotted; WIDTH: 60%; FLOAT: left; PADDING-RIGHT: 0.8em; MARGIN-RIGHT: 1em } #wizard .introtext P { FONT-SIZE: 90%; FONT-FAMILY: Georgia, serif; FONT-STYLE: italic; MARGIN: 55px 20px 0px 0px; LINE-HEIGHT: 1.4em } .themes .horizontal-block { CURSOR: pointer; BORDER-TOP: #ddd 1px solid; HEIGHT: 184px; BORDER-RIGHT: #ddd 1px solid; WIDTH: 230px; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 8px; TEXT-ALIGN: center; PADDING-TOP: 8px; PADDING-LEFT: 0px; MARGIN: 35px 10px 0px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 0px } #wizard .themes .horizontal-block { BORDER-TOP-COLOR: #555; BORDER-LEFT-COLOR: #555; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555 } .help .horizontal-block { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 250px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .themes .horizontal-block IMG { HEIGHT: 152px; WIDTH: 203px; MARGIN: 0px auto } .theme-selector { PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 10px; PADDING-LEFT: 26px; PADDING-RIGHT: 26px } .structure .theme-selector { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .theme-selector SPAN { FONT-SIZE: 110%; FONT-WEIGHT: bold } #wizard .selected .theme-selector SPAN { COLOR: #333 } .selected .theme-selector SPAN { COLOR: #fff } .structure .horizontal-block:hover { BACKGROUND-COLOR: #e8e7e5 } .themes .horizontal-block:hover { BACKGROUND-COLOR: #e8e7e5 } #wizard .structure .horizontal-block:hover { BACKGROUND-COLOR: #5b5858 } #wizard .themes .horizontal-block:hover { BACKGROUND-COLOR: #5b5858 } #wizard LI.selected A { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } #wizard LI.selected { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } #wizard .selected { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } .content-inner LI.selected A { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } .content-inner LI.selected { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } .content-inner .selected { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } .content-inner .selected:hover { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } #wizard LI.selected A { COLOR: #333; BACKGROUND-COLOR: #f5f4ef } #wizard LI.selected { COLOR: #333; BACKGROUND-COLOR: #f5f4ef } #wizard .selected { COLOR: #333; BACKGROUND-COLOR: #f5f4ef } #wizard .themes .selected.horizontal-block:hover { COLOR: #333; BACKGROUND-COLOR: #f5f4ef } DIV.scroller { OVERFLOW: hidden; HEIGHT: 200px } .themes DIV.scroller { HEIGHT: 245px } DIV.scroller DIV.section { OVERFLOW: hidden; HEIGHT: 225px; WIDTH: 780px; FLOAT: left; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 28px; PADDING-RIGHT: 0px } .horizontal-block { FONT-SIZE: 80%; HEIGHT: 214px; WIDTH: 167px; VERTICAL-ALIGN: top; FLOAT: none; PADDING-BOTTOM: 6px; TEXT-ALIGN: left; PADDING-TOP: 3px; PADDING-LEFT: 18px; MARGIN: 8px 0px 0px 7px; DISPLAY: inline-block; PADDING-RIGHT: 0px; border-radius: 5px } .horizontal-block UL { MARGIN-LEFT: 4px } .structure .horizontal-block { CURSOR: pointer; HEIGHT: 178px } #wizard .gotocourse { BORDER-TOP: #444 1px solid; COLOR: #ccc; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 10px; PADDING-LEFT: 28px; PADDING-RIGHT: 2px; -webkit-box-shadow: 0 1px 0 #666 inset; box-shadow: 0 1px 0 #666 inset } #wizard .gotocourse LABEL { WIDTH: auto; DISPLAY: inline-table } #wizard .gotocourse LABEL SPAN { FONT-SIZE: 10px; COLOR: #999; DISPLAY: block } #wizard .gotocourse .button-2 { MARGIN-BOTTOM: 7px; FONT-SIZE: 115%; BORDER-TOP-COLOR: #333; BORDER-LEFT-COLOR: #333; PADDING-BOTTOM: 8px; BORDER-BOTTOM-COLOR: #333; PADDING-TOP: 8px; BORDER-RIGHT-COLOR: #333; MARGIN-RIGHT: 25px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 0 #fefefe inset, -1px -1px 0 #888 inset; text-shadow: 0 1px 0 #BBB } #wizard .gotocourse .button-2:hover { BORDER-TOP-COLOR: #222; BORDER-LEFT-COLOR: #222; BORDER-BOTTOM-COLOR: #222; BORDER-RIGHT-COLOR: #222 } #wizard .number { FONT-SIZE: 150%; VERTICAL-ALIGN: middle; POSITION: relative; FLOAT: left; FONT-WEIGHT: bold; COLOR: #999; LINE-HEIGHT: 1; TOP: -1px; MARGIN-RIGHT: 18px } #wizard .accordion_toggle_help .number { HEIGHT: 20px; WIDTH: 20px; BACKGROUND: url(/images/ci/icons/step_star_light.png) no-repeat; MARGIN-RIGHT: 14px; TEXT-INDENT: -9999px; opacity: .4; background-size: 100% 100% } #wizard .gotocourse .secondary.button-2 { FONT-WEIGHT: normal; COLOR: #555; text-shadow: none } #wizard .gotocourse #welcomePageCancelButton { MARGIN-RIGHT: 10px } #wizard A.wizard-close:before { FONT: 150% "Utilicons"; CONTENT: "X" } #wizard A.wizard-close { RIGHT: 13px; POSITION: absolute; COLOR: #888; TOP: 8px } .theme_scrollbar_track { CURSOR: move; HEIGHT: 99%; WIDTH: 10px; RIGHT: 2px; POSITION: absolute; MARGIN: 1px 0px; TOP: 0px } #wizard .selected.theme_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px } .selected.theme_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px } .selected.theme_scrollbar_handle { } .theme_scrollbar_content { OVERFLOW: hidden; HEIGHT: 245px; TEXT-ALIGN: center } .structure_scrollbar_container { POSITION: relative } .structure_scrollbar_track { CURSOR: move; HEIGHT: 99%; WIDTH: 10px; RIGHT: 0px; POSITION: absolute; MARGIN: 1px 0px; TOP: 0px } DIV.courseStructureDescriptions .structure_scrollbar_track { MARGIN: 1px 3% 1px 0px; TOP: 10px } #wizard .structure_scrollbar_track { MARGIN: 1px 0px; TOP: 0px } #wizard .selected.structure_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: #555; -webkit-border-radius: 5px; -moz-border-radius: 5px } .selected.structure_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: #555; -webkit-border-radius: 5px; -moz-border-radius: 5px } #wizard .selected.structure_scrollbar_handle:hover { BACKGROUND-COLOR: #777 } .selected.structure_scrollbar_handle { } #wizard .courseStructureDescriptions .selected.structure_scrollbar_handle { } .selected.structure_scrollbar_handle:hover { } #wizard .courseStructureDescriptions .selected.structure_scrollbar_handle:hover { } .structure_scrollbar_content { OVERFLOW: hidden; HEIGHT: 370px; MARGIN-TOP: 30px } #wizard .structure_scrollbar_content { HEIGHT: 200px; MARGIN-TOP: 22px } .courseStructureOuterDiv { MARGIN-BOTTOM: 10px; MIN-WIDTH: 800px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 400px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #fff } #wizard .courseStructureOuterDiv { MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 250px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #3d3b3b } .courseStructureNameScroller { OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; HEIGHT: 400px; WIDTH: 170px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FLOAT: left; MARGIN: 10px 0px 0px; BORDER-LEFT: #ccc 1px solid; BACKGROUND-COLOR: #fff; box-shadow: -1px 0 4px #CCC; border-top-left-radius: 4px; border-bottom-left-radius: 4px } #wizard .courseStructureNameScroller { BORDER-TOP: 0px; HEIGHT: 220px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN-TOP: 0px; BACKGROUND-COLOR: transparent; box-shadow: none; border-radius: 0 } .courseStructureNameScroller OL LI { MARGIN-BOTTOM: 3px; CURSOR: pointer } .courseStructureNameScroller OL LI:focus { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #000 } .courseStructureNameScroller OL LI.courseStructureChoiceLink:focus { OUTLINE-COLOR: #fff; -webkit-box-shadow: inset 0 0 6px #128FA8; -moz-box-shadow: inset 0 0 6px #128FA8; box-shadow: inset 0 0 6px #128FA8 } #wizard .courseStructureNameScroller OL LI { MARGIN-LEFT: 13px } .courseStructureHeader { CURSOR: default !important; FONT-SIZE: 85%; FONT-FAMILY: Georgia, serif; COLOR: #999; PADDING-BOTTOM: 5px; FONT-STYLE: italic; PADDING-TOP: 15px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px } #structureDescription H3 { TEXT-ALIGN: center; FONT: italic 100% Georgia, serif; MARGIN-TOP: 110px } #wizard .courseStructureHeader { COLOR: #aaa; PADDING-TOP: 0px; PADDING-LEFT: 0px; text-shadow: 0 0 1px #222 } .courseStructureChoiceLink { FONT-SIZE: 85%; TEXT-DECORATION: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 33px; DISPLAY: block; PADDING-RIGHT: 5px } #wizard .courseStructureChoiceLink { PADDING-LEFT: 20px } .courseStructureChoiceSelected { COLOR: #3d3b3b; BACKGROUND-COLOR: #f5f4ef; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .courseStructureChoiceSelected A { COLOR: #333 } #wizard .courseStructureChoiceSelected A { COLOR: #333 } .courseStructureDescriptions { HEIGHT: 400px; POSITION: relative; MARGIN-LEFT: 170px } #wizard .courseStructureDescriptions { HEIGHT: 225px; POSITION: relative; MARGIN: 10px 0px 10px 170px } .courseStructureDescriptionAndMenu { OVERFLOW: hidden; FONT-SIZE: 12px; BORDER-TOP: #ccc 1px solid; HEIGHT: 400px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 95%; BORDER-BOTTOM: #ccc 1px solid; POSITION: static; FLOAT: left; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: 10px 0px 0px; MIN-HEIGHT: 400px; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 18px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #f5f4ef; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } #wizard .courseStructureDescriptionAndMenu { BORDER-TOP: 0px; HEIGHT: 225px; BORDER-RIGHT: 0px; WIDTH: 635px; BORDER-BOTTOM: 0px; POSITION: static; MIN-HEIGHT: 225px; BORDER-LEFT: 0px; MARGIN-TOP: 0px } .courseStructureDescriptions P { MARGIN-BOTTOM: 15px } .courseStructureDescriptions H3 { MARGIN-BOTTOM: 0px; FONT-SIZE: 120%; COLOR: #666; TEXT-ALIGN: center; MARGIN-TOP: 30px } .courseStructureDescriptions BR { DISPLAY: none } .structureIncludeSampleContentCheck { HEIGHT: 40px; WIDTH: 100%; PADDING-TOP: 10px; PADDING-LEFT: 15px; MARGIN-LEFT: -20px; DISPLAY: block; BACKGROUND-COLOR: #f4f1e3; box-shadow: -10px 0 6px #CCC inset } #wizard .structureIncludeSampleContentCheck { BORDER-TOP: #ccc 1px solid; HEIGHT: 25px; WIDTH: 630px; POSITION: absolute; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 7px; MARGIN-LEFT: -12px; Z-INDEX: 1; TOP: 185px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff; box-shadow: 0 0 2px #999; border-radius: 5px 5px 0 0 } #wizard .accordion_content .useSelectedStructure { MARGIN-RIGHT: 15px } #wizard .accordion_content .useSelectedStructure { COLOR: #333 } #wizard .accordion_content .useExistingMenu { COLOR: #333 } #wizard .courseStructureDescriptions .structure_scrollbar_track { RIGHT: 15px } .courseStructureMenu { OVERFLOW: hidden; WIDTH: 200px; POSITION: relative; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; MARGIN: 0px 0px 0px 20px; MIN-HEIGHT: 400px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: white; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); border-top-right-radius: 5px; border-bottom-right-radius: 5px } #wizard .courseStructureMenu { PADDING-BOTTOM: 35px; MIN-HEIGHT: 265px } .courseStructureMenu .listCm .courseMenu A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px } .courseStructureMenu .listCm .courseMenu .divider { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .courseStructureMenu .actionBarMicro { DISPLAY: none } .courseStructureMenu #courseMenuPalette DIV.navPaletteContent { PADDING-TOP: 0px } .arrow_guide { HEIGHT: 34px; WIDTH: 156px; BACKGROUND: url(/images/ci/icons/left-arrow-point.png) no-repeat; POSITION: absolute; LEFT: 3% } #wizard .arrow_guide { TOP: 81% } .courseStructureDescription IMG { TEXT-ALIGN: center; MARGIN: 10px 0px 5px } .courseStructureDescription P.existing_text { FONT-SIZE: 95%; COLOR: #666; TEXT-ALIGN: center; MARGIN: 0px } .courseStructureDescription P.existing_icon { FONT-SIZE: 95%; COLOR: #666; TEXT-ALIGN: center; MARGIN: 0px } .courseStructureDescription A.button-3 { COLOR: #333; MARGIN-RIGHT: 15px } .courseStructureDescription A.existingstructure.unselectStructureButton { MARGIN-TOP: 5px; MARGIN-RIGHT: 37% } .courseStructureNameScroller .current-value { FONT-SIZE: 85%; WIDTH: 130px; BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); WHITE-SPACE: nowrap; BACKGROUND-REPEAT: no-repeat; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; BACKGROUND-POSITION: 0px 20%; FONT-WEIGHT: normal; PADDING-BOTTOM: 6px; PADDING-LEFT: 17px; LEFT: 15px; TOP: 5px; box-shadow: 0 -1px 0 #333 inset } #wizard .courseStructureNameScroller .current-value { TOP: 0px } .noSectionDivider { BORDER-TOP: medium none } .dividerRow { BORDER-TOP: #acc2df 1px dotted; PADDING-BOTTOM: 0px !important; PADDING-TOP: 5px !important; PADDING-LEFT: 0px !important; MARGIN: 5px 0px 0px; PADDING-RIGHT: 0px !important } .keyboardAccess .selectArrows A { WIDTH: 18px; MARGIN: 0px; DISPLAY: inline-block } .keyboardAccess .y-arrows A { WIDTH: 18px; MARGIN: 0px; DISPLAY: inline-block } .keyboardAccess .y-arrows BUTTON { WIDTH: 18px; MARGIN: 0px; DISPLAY: inline-block } .keyboardAccess .selectArrows BUTTON { WIDTH: 18px; MARGIN: 0px; DISPLAY: inline-block } .keyboardAccess LABEL { MARGIN-BOTTOM: 3px; COLOR: #777; FONT: italic 100% Georgia, serif; DISPLAY: inline-block } .keyboardAccess .selectArrows { TEXT-ALIGN: center; MARGIN: 3px 0px } .keyboardAccess .y-arrows { TEXT-ALIGN: center; MARGIN: 3px 0px } .access-reorder-block { MIN-WIDTH: 200px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .access-reorder-block SELECT { MIN-WIDTH: 200px } .y-arrows { TEXT-ALIGN: center; CLEAR: both } .brandingImgWrap IMG[src*='header_institution'] { POSITION: absolute; LEFT: 12px; TOP: 0px; MAX-HEIGHT: 60px } .sample-content { BACKGROUND: url(images/bg_chalk_dark_s.png) 0px 0px; FONT: 113% Georgia, serif } .sample-content .item H3 SPAN { COLOR: #25bfcb !important; FONT: bold 120% Georgia, serif } .sample-content TABLE { FONT: italic 108%/1.6 Georgia, serif } .sample-content .vtbegenerated { FONT: italic 108%/1.6 Georgia, serif } .sample-content .vtbegenerated UL { MARGIN: 4px 0px } .sample-content .vtbegenerated BR { HEIGHT: 1px } .sample-content.liItem:hover { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666; BACKGROUND-COLOR: #f6f6f6 } .buildList > LI.sample-content:hover { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666; BACKGROUND-COLOR: #f6f6f6 } DIV.loading-overwrite { HEIGHT: 100%; WIDTH: 100%; BACKGROUND: url(/images/ci/misc/progress/progress_learningSystem.gif) white no-repeat center 100px; POSITION: absolute; TEXT-ALIGN: center; LEFT: 0px; Z-INDEX: 10000; TOP: 0px; opacity: 100 } DIV.loading-overwrite SPAN { FONT-SIZE: 200%; POSITION: relative; TOP: 10px } .sample-content DL { MARGIN: 0px } .sample-content DT { WIDTH: 9em; FLOAT: left; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .sample-content DD { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 10em; PADDING-RIGHT: 0px } .dueDate { COLOR: #063 } .dueDatePassed { COLOR: #900 } .inventory_paging A.inactive { opacity: .4 } .inactive { opacity: .4 } .linkLeftSpacesp { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px } .codeFragment { FONT-FAMILY: "Courier New" } .filteredTextHeader { BORDER-TOP: 1px dotted; BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted; PADDING-BOTTOM: 5px; TEXT-ALIGN: center; PADDING-TOP: 5px; PADDING-LEFT: 5px; BORDER-LEFT: 1px dotted; DISPLAY: inline-block; LINE-HEIGHT: 150%; PADDING-RIGHT: 5px; BACKGROUND-COLOR: lightyellow } .filteredText { COLOR: red; BACKGROUND-COLOR: lightyellow } .floatedReceipt { BORDER-TOP: #ddd 1px solid; FONT-FAMILY: Helvetica, serif; BORDER-RIGHT: #ddd 1px solid; WIDTH: 300px; BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: normal !important; COLOR: #333 !important; PADDING-BOTTOM: 10px !important; PADDING-TOP: 10px !important; PADDING-LEFT: 10px !important; MARGIN: 0px 0px 6px; BORDER-LEFT: #ddd 1px solid; LINE-HEIGHT: 1.3em; PADDING-RIGHT: 22px !important; BACKGROUND-COLOR: #fcfbd1; box-shadow: 1px 1px 5px #666; border-radius: 4px } .floatedReceipt A.close:before { } .floatedReceipt A.close:hover:before { } .floatedReceipt EM { FONT-WEIGHT: bold } .floatedReceipt A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: url(none); BORDER-BOTTOM: 0px; FONT-WEIGHT: normal !important; COLOR: #333 !important; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px !important } .floatedReceipt A:hover { TEXT-DECORATION: none !important } .floatedReceipt#receipt_floated_theme { RIGHT: 45px; POSITION: absolute; Z-INDEX: 1001; TOP: 50px } .floatedReceipt#receipt_floated_courseMenu { POSITION: absolute; LEFT: 180px; Z-INDEX: 1201 } .floatedReceipt .arrow { FONT-SIZE: 0px; BORDER-TOP: transparent 15px dashed; HEIGHT: 0px; BORDER-RIGHT: transparent 15px dashed; BORDER-BOTTOM: transparent 15px dashed; POSITION: absolute; BORDER-LEFT: transparent 15px dashed } .pointTop.floatedReceipt .arrow { BORDER-BOTTOM-STYLE: solid; BORDER-BOTTOM-COLOR: #fcfbd1; LEFT: 58%; TOP: -30px } .pointLeft.floatedReceipt .arrow { BORDER-RIGHT-STYLE: solid; LEFT: -30px; BORDER-RIGHT-COLOR: #fcfbd1; TOP: 10px } .nav .sub .flyout .slideoutLink { FONT-WEIGHT: bold } .nav .sub .slideoutLink IMG { HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(images/utilicons_arrows_dark.png) 16px 16px; FLOAT: right } .nav .sub .slideoutLink-active { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: -1px; box-shadow: -3px 0 3px rgba(0, 0, 0, .3); border-radius: 0 } .nav .sub .slideoutLink-active IMG { BACKGROUND: url(images/utilicons_arrows_dark.png) 0px 16px } .slideoutOpen { BORDER-RIGHT: #ccc 1px solid; MARGIN-LEFT: -1px !important } .statusFilter { FONT-SIZE: 13px; POSITION: relative; PADDING-LEFT: 8px } LABEL.statusFilter { TOP: 0px } SPAN.statusFilter { TOP: 1px } .collapsible TABLE.reportcard TR TD:first-child { DISPLAY: block !important } DIV#filterItemContainer DIV.columnPalette DIV.paletteItems UL LI { OVERFLOW: auto } .itemIconOverlay { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 2px; BORDER-LEFT: #555 1px solid; TOP: 38px; PADDING-RIGHT: 2px; BACKGROUND-COLOR: #fc0; -webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.4); -webkit-border-radius: 10px; -moz-border-radius: 2px 10px 10px 10px; -webkit-border-top-left-radius: 2px } #loginRedirectProviders H3 { MARGIN: 10px } #loginRedirectProviderList LI { MARGIN: 0px 10px 5px 0px; DISPLAY: inline-block } #loginRedirectProviderList LI IMG { HEIGHT: 16px; WIDTH: 16px } .contentList .itemIconOverlay { LEFT: 54px } .paletteItems LABEL { WORD-WRAP: break-word; MAX-WIDTH: 90% } .paletteItems LI INPUT[type=checkbox] { POSITION: absolute; LEFT: 0px; TOP: 0px } .paletteItems LI INPUT[type=radio] { POSITION: absolute; LEFT: 0px; TOP: 0px } .paletteItems .inactive { MARGIN: 0px; opacity: .4 } DIV.comments DIV DIV.collabComments { OVERFLOW: auto !important; MAX-HEIGHT: 100px; BACKGROUND-COLOR: white } DIV.studentGradesCommentPreview { OVERFLOW: auto !important; HEIGHT: 110px; WIDTH: 200px } DIV.grdDetEditTabCommentPreview { OVERFLOW: auto !important; HEIGHT: 110px; WIDTH: 110px } DIV.grdDetHistTabCommentPreview { OVERFLOW: auto !important; HEIGHT: 110px; WIDTH: 200px } .tooltip_show:focus { OVERFLOW: visible; HEIGHT: auto; WIDTH: auto; POSITION: static } .radio-list { PADDING-LEFT: 20px } .radio-list LI { PADDING-BOTTOM: 4px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important; TEXT-INDENT: -26px } .radio-list LI INPUT[type=radio] { VERTICAL-ALIGN: bottom; MARGIN-RIGHT: 6px } .radio-list LI .button-4 { MARGIN-LEFT: 4px } .cartMode.csPicker #copyright { DISPLAY: none } .details .key-valueTable + .vtbegenerated { MARGIN-TOP: 12px !important } .abutton { COLOR: #128fa8 } .runReportContainer { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 24px; MARGIN: -20px -30px 20px; TOP: 0px; PADDING-RIGHT: 24px; BACKGROUND-COLOR: #ededed } .itemReceipt A { COLOR: #fefc75 } .previousReports .previousReports linear { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportTitle { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .answerOptions TABLE TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportSummary .data-summary TR { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportSummary .data-summary TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .data-summary-vert TABLE { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .questionDetails .reportTable TABLE { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportTable TABLE { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .questionDetails .reportTable TH { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .questionDetails .reportTable TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .matching TH { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .matching TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .questionFilter DIV DIV { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .data-summary TABLE TR:hover { BACKGROUND: #fff4bf } .data-summary-vert TABLE TR:hover { BACKGROUND: #fff4bf } .questionDetails .reportTable TH { BORDER-TOP-COLOR: #eee; BACKGROUND: #ededed; BORDER-LEFT-COLOR: #eee; BORDER-BOTTOM-COLOR: #eee; BORDER-RIGHT-COLOR: #eee } .matching TH { BORDER-TOP-COLOR: #eee; BACKGROUND: #ededed; BORDER-LEFT-COLOR: #eee; BORDER-BOTTOM-COLOR: #eee; BORDER-RIGHT-COLOR: #eee } .matching TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .matching .lastOption TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportKey { BORDER-TOP-COLOR: #f3f3f3; BACKGROUND: #fcfcfc; BORDER-LEFT-COLOR: #f3f3f3; BORDER-BOTTOM-COLOR: #f3f3f3; BORDER-RIGHT-COLOR: #f3f3f3 } LI.recommended { BACKGROUND: url(/images/ci/icons/item_analysis_recommended.png) no-repeat } LI.changed { BACKGROUND: url(/images/ci/icons/item_analysis_changed.png) no-repeat } LI.notallgraded { BACKGROUND: url(/images/ci/icons/item_analysis_allgraded.png) no-repeat } .questionDetails .rumble_top { MARGIN: -16px -11px 0px 0px } .questionDetails :first-child.backLink { RIGHT: auto; LEFT: 0px; TOP: 0px; BOTTOM: auto } .questionDetails :first-child.backLink A { BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-TOP-WIDTH: 0px } #insideContent { OVERFLOW: auto; BORDER-TOP: #ccc 1px solid; POSITION: relative } #insideContentCol { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } .hasNav { BACKGROUND: #fff; PADDING-LEFT: 230px } .hasNavIcons { BACKGROUND: #fff; PADDING-LEFT: 50px } #insideNav { WIDTH: 230px; POSITION: absolute; LEFT: 0px; BACKGROUND-COLOR: #ededed; -webkit-box-shadow: inset -1px 0 1px 0 #999; -moz-box-shadow: inset -1px 0 1px 0 #999; box-shadow: inset -1px 0 1px 0 #999 } #insideNavIcons { WIDTH: 50px; POSITION: absolute; LEFT: 0px; BACKGROUND-COLOR: #ededed; -webkit-box-shadow: inset -1px 0 1px 0 #999; -moz-box-shadow: inset -1px 0 1px 0 #999; box-shadow: inset -1px 0 1px 0 #999 } #insideNav UL.tabs { MARGIN: 0px; DISPLAY: block } #insideNavIcons UL.tabs { MARGIN: 0px; DISPLAY: block } #insideNav UL.tabs > LI { BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } #insideNavIcons UL.tabs > LI { BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } #insideNav UL.tabs > LI.active { BACKGROUND: #fff; Z-INDEX: 1 } #insideNavIcons UL.tabs > LI.active { BACKGROUND: #fff; Z-INDEX: 1 } #insideNav UL.tabs > LI A { COLOR: #333; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; OUTLINE-STYLE: none; PADDING-LEFT: 12px; DISPLAY: block; OUTLINE-COLOR: invert; PADDING-RIGHT: 10px } #insideNavIcons UL.tabs > LI A { COLOR: #333; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; OUTLINE-STYLE: none; PADDING-LEFT: 12px; DISPLAY: block; OUTLINE-COLOR: invert; PADDING-RIGHT: 10px } #insideNav UL.tabs > LI A IMG { MARGIN-RIGHT: 10px } #insideNavIcons UL.tabs > LI A IMG { MARGIN-RIGHT: 0px } #insideNav UL.tabs > LI A:hover { BACKGROUND: #e7e7e7; -webkit-box-shadow: inset -1px 0 1px 0 #999; -moz-box-shadow: inset -1px 0 1px 0 #999; box-shadow: inset -1px 0 1px 0 #999 } #insideNavIcons UL.tabs > LI A:hover { BACKGROUND: #e7e7e7; -webkit-box-shadow: inset -1px 0 1px 0 #999; -moz-box-shadow: inset -1px 0 1px 0 #999; box-shadow: inset -1px 0 1px 0 #999 } #insideNav UL.tabs > LI.active { COLOR: #555; PADDING-LEFT: 0px } #insideNavIcons UL.tabs > LI.active { COLOR: #555; PADDING-LEFT: 0px } #insideNav UL.tabs > LI.active A:hover { BACKGROUND: none transparent scroll repeat 0% 0%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } #insideNavIcons UL.tabs > LI.active A:hover { BACKGROUND: none transparent scroll repeat 0% 0%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .split-vert { FONT-SIZE: 0px; BORDER-TOP: #ccc 1px solid; HEIGHT: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: white 1px solid; BORDER-LEFT: 0px; LINE-HEIGHT: 0 } .insideActionButton { VERTICAL-ALIGN: middle; PADDING-BOTTOM: 4px; PADDING-TOP: 3px; PADDING-LEFT: 8px; DISPLAY: inline-block; PADDING-RIGHT: 8px } .lor-filter { BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 12px } .filter-knobs { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .filter-knobs > LI { FLOAT: left; DISPLAY: inline; MARGIN-RIGHT: 5px } .filter-knobs SELECT { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND-IMAGE: url(../../../images/ci/icons/arrowDown-topnav-rvrsd.png); BACKGROUND-REPEAT: no-repeat; BORDER-BOTTOM: #999 1px solid; POSITION: relative; BACKGROUND-POSITION: 100% 50%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; BORDER-LEFT: #999 1px solid; LINE-HEIGHT: 21px; TOP: -2px; PADDING-RIGHT: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-appearance: none; -webkit-appearance: none } #filter-knob_types { WIDTH: 150px } #filter-knob_statuses { WIDTH: 200px !important } #contentAllSearch { HEIGHT: 23px; WIDTH: 210px; POSITION: relative; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#ffffff',GradientType=0); BACKGROUND-COLOR: #eee; -webkit-box-shadow: inset 0 0 2px 0 #333; -moz-box-shadow: inset 0 0 2px 0 #333; box-shadow: inset 0 0 2px 0 #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #contentAllSearch #searchCriteria { BORDER-TOP: medium none; BORDER-RIGHT: medium none; WIDTH: 200px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 5px; BORDER-LEFT: medium none; OUTLINE-COLOR: invert; PADDING-RIGHT: 5px } .content-search { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 20px } .hide { DISPLAY: none } .yellow { BACKGROUND-COLOR: yellow } H3.insideNavHdr { FONT-SIZE: 20px; BACKGROUND: #333; POSITION: relative; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 0px 10px 10px; LINE-HEIGHT: 28px; PADDING-RIGHT: 12px } .handle { BORDER-LEFT-WIDTH: 8px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 8px; BORDER-TOP-COLOR: #333; WIDTH: 0px; BORDER-BOTTOM-WIDTH: 8px; RIGHT: 4px; POSITION: absolute; BORDER-LEFT-COLOR: #333; BORDER-BOTTOM-COLOR: #333; BORDER-RIGHT-COLOR: #333; LINE-HEIGHT: 0; TOP: 28px; BORDER-TOP-WIDTH: 8px; border-size: 8px 8px 0 } DIV.groupDelete { RIGHT: 4px; POSITION: absolute; TOP: 6px } .obj_type { FONT-FAMILY: Georgia, "Times New Roman", Times, serif; COLOR: #999 } .editedby_user { FONT-FAMILY: Georgia, "Times New Roman", Times, serif; COLOR: #999 } UL.objectDescription { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } UL.objectDescription LI { DISPLAY: inline } UL.objectDescription LI.objectActions { FLOAT: right; MARGIN-LEFT: 10px } .objectActions UL { LIST-STYLE-TYPE: none; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .objectActions UL LI { HEIGHT: 24px; WIDTH: 24px; WHITE-SPACE: nowrap; FLOAT: left; DISPLAY: inline } .previewLaunch { CURSOR: pointer; HEIGHT: 14px; WIDTH: 15px; BACKGROUND-IMAGE: url(../../../images/ci/ng/small_new_window.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -100px -100px; DISPLAY: block; BACKGROUND-COLOR: transparent } .gray .previewLaunch { BACKGROUND-POSITION: left top } .previewLaunchOn { CURSOR: pointer; HEIGHT: 14px; WIDTH: 15px; BACKGROUND-IMAGE: url(../../../images/ci/ng/small_new_window.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; DISPLAY: block; BACKGROUND-COLOR: transparent } .favStatus { CURSOR: pointer; HEIGHT: 14px; WIDTH: 15px; BACKGROUND-IMAGE: url(../../../images/ci/icons/favorites-item_off.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -100px -100px; DISPLAY: block; BACKGROUND-COLOR: transparent } .gray .favStatus { BACKGROUND-POSITION: left top } .favStatusOn { CURSOR: pointer; HEIGHT: 14px; WIDTH: 15px; BACKGROUND-IMAGE: url(../../../images/ci/icons/favorites-item_on.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; DISPLAY: block; BACKGROUND-COLOR: transparent } .objStatus { POSITION: relative; TOP: -2px; MARGIN-RIGHT: 5px } .img-swap { CURSOR: pointer; DISPLAY: inline-block } .groupLabelRow { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#dddddd) } .groupLabelRow H5 { PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 4px !important; MARGIN: 0px; LINE-HEIGHT: 100%; PADDING-RIGHT: 4px !important } .groupLabelRow TH { PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 4px !important; MARGIN: 0px; LINE-HEIGHT: 100%; PADDING-RIGHT: 4px !important } .groupLabelRow H5 { FONT-SIZE: 90%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal } .groupLabelRow H5 A { TEXT-DECORATION: none; COLOR: #666 } DIV.overlays { DISPLAY: none } .overlay { BORDER-TOP: #ccc 1px dashed; BORDER-RIGHT: #ccc 1px dashed; WIDTH: 60px; BORDER-BOTTOM: #ccc 1px dashed; PADDING-BOTTOM: 10px; TEXT-ALIGN: center; PADDING-TOP: 10px; PADDING-LEFT: 10px; BORDER-LEFT: #ccc 1px dashed; PADDING-RIGHT: 10px; BACKGROUND-COLOR: transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .singleActionContainer { POSITION: absolute; FLOAT: left; MARGIN-LEFT: 24px; MARGIN-TOP: -5px; DISPLAY: inline } .singleActionContainer .actionBarMicro .mainButton > A { } .singleActionContainer .actionBarMicro .secondaryButton > A { } .formLayer { PADDING-BOTTOM: 10px; CLEAR: both; DISPLAY: block } .formLayer LI { FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } .formLayer LABEL { LINE-HEIGHT: 24px } .formLayer LI { PADDING-RIGHT: 12px } #searchLaunchBar { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 0px; CLEAR: both; MARGIN-TOP: 10px; PADDING-RIGHT: 0px } .modalExtra { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px } #modalContent > P { MARGIN: 10px 0px } #modalContent > DIV { MARGIN: 10px 0px } #modalContent { BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #fff 1px solid; PADDING-BOTTOM: 19px; PADDING-TOP: 19px; PADDING-LEFT: 19px; BORDER-LEFT: #fff 1px solid; PADDING-RIGHT: 19px } .modal-type-warning { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .modal-type-success { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .modal-type-warning { BACKGROUND-IMAGE: url(../images/reorder_bg.png); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: left top; BACKGROUND-COLOR: #fcffd6; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px } .modal-type-success { BACKGROUND-IMAGE: url(../images/ci/icons/icon_confirm.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 20px 20px; PADDING-LEFT: 100px; BACKGROUND-COLOR: #fff } .modal-type-warning #modalContent { PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } .modal-type-warning #modalContent { BORDER-TOP: #e7e7e7 1px solid; BORDER-RIGHT: #e7e7e7 1px solid; BORDER-BOTTOM: #e7e7e7 1px solid; BORDER-LEFT: #e7e7e7 1px solid } .optionsGroup { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } .optionsGroup UL { LIST-STYLE-TYPE: none; PADDING-TOP: 10px; PADDING-LEFT: 10px; LIST-STYLE-IMAGE: none } .optionsGroup UL > LI { MARGIN-RIGHT: 20px } .actionsGroup { PADDING-BOTTOM: 0px; PADDING-TOP: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .u_nopad { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .insideContainer { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } .CookieConsent { MIN-WIDTH: auto } .CookieConsent .container { MIN-HEIGHT: auto } .CookieConsent .content { MIN-HEIGHT: auto } .CookieConsent .containerPortal { MIN-HEIGHT: auto } .CookieConsent .contentPaneWide { WIDTH: 560px; MARGIN: 0px auto } .CookieConsent .container P { MARGIN: 0px 0px 15px; LINE-HEIGHT: 16px } DIV.CookieConsent DIV.lb-header { DISPLAY: none } DIV.CookieConsent { BACKGROUND-COLOR: transparent } .editIsolationForm .steptitle { MARGIN-LEFT: 48px } .editIsolationForm .submittitle { MARGIN-LEFT: 48px } .editIsolationForm .receipt { WIDTH: 687px; MARGIN: 0px 0px 10px 186px } .editIsolationForm .default { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } .overtimeStyle { FONT-WEIGHT: bold; COLOR: red } DIV.resourcePickerContainer DIV.localViewToggle { FLOAT: right } #quickPath { POSITION: relative; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 150px } #editablePath { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN-LEFT: 12px; PADDING-RIGHT: 3px } #quickPath { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN-LEFT: 12px; PADDING-RIGHT: 3px } #quickPath OL LI.folderIncluder { RIGHT: 6px; POSITION: absolute; TOP: 6px } #quickPath OL LI.folderCreator { RIGHT: 6px; POSITION: absolute; TOP: 6px } .pathFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-folder.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathCourseFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-course.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathAllContentFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-allcontent.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathBookmarkFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-bookmark.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathInstitutionFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-institution.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathLibraryFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-library.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathMyContentFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-mycontent.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathOrganizationFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-organization.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } #contentActions { MARGIN: 0px 0px 10px; DISPLAY: block } #levelUp { MARGIN: 4px 2px } #levelUp BUTTON { CURSOR: pointer; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 7px } .contentInput { OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 3px; OUTLINE-COLOR: invert; PADDING-RIGHT: 3px } #contentSearch .contentInput { MARGIN-RIGHT: 4px } .bottom-buttons-home A.home { BACKGROUND: url(/images/ci/mybb/mybb_nav_bottombuttons_sprite.png) no-repeat 50% 6px } .bottom-buttons-help A.help { BACKGROUND: url(/images/ci/mybb/mybb_nav_bottombuttons_sprite.png) no-repeat 50% -13px } .bottom-buttons-logout A.logout { BACKGROUND: url(/images/ci/mybb/mybb_nav_bottombuttons_sprite.png) no-repeat 50% -33px } .global-nav-bar A.logout-link { BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_logout.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px } .global-nav-bar A.logout-link:hover { BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_logout.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px } .global-nav-bar A.logout-link:focus { BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_logout.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px } .global-nav-bar A.logout-link:hover { BACKGROUND-POSITION: 50% -22px } .global-nav-bar A.logout-link:focus { BACKGROUND-POSITION: 50% -22px } .selectItems SELECT { HEIGHT: 200px; WIDTH: 100% } DIV.deploymentTabs { WIDTH: 96%; POSITION: relative; MARGIN: 40px 0px 20px } .tab_title { MARGIN-BOTTOM: 10px; DISPLAY: none } DIV.tab_content { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 100%; BORDER-BOTTOM: #ccc 1px solid; FLOAT: left; PADDING-BOTTOM: 15px; PADDING-TOP: 25px; PADDING-LEFT: 15px; MARGIN: -1px 20px 0px 0px; MIN-HEIGHT: 110px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 15px } .deploymentTabs .arrow:before { BORDER-TOP: 0px; BORDER-RIGHT: 15px solid; BORDER-BOTTOM: 15px solid; POSITION: absolute; CONTENT: ""; BORDER-LEFT: 15px solid; DISPLAY: block; TOP: -15px } .deploymentTabs .arrow:after { BORDER-TOP: 0px; BORDER-RIGHT: 15px solid; BORDER-BOTTOM: 15px solid; POSITION: absolute; CONTENT: ""; BORDER-LEFT: 15px solid; DISPLAY: block; TOP: -15px } .deploymentTabs .outer.arrow:before { BORDER-TOP: 0px; BORDER-RIGHT: 16px solid; BORDER-BOTTOM: 16px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -1px; BORDER-LEFT: 16px solid; DISPLAY: block; TOP: -16px } .deploymentTabs .outer.arrow:after { BORDER-TOP: 0px; BORDER-RIGHT: 16px solid; BORDER-BOTTOM: 16px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -1px; BORDER-LEFT: 16px solid; DISPLAY: block; TOP: -16px } .firstButton.arrow:before { LEFT: 9% } .firstButton.arrow:after { LEFT: 9% } .secondButton.arrow:before { LEFT: 35% } .secondButton.arrow:after { LEFT: 35% } .thirdButton.arrow:before { LEFT: 58% } .thirdButton.arrow:after { LEFT: 58% } DIV#tab-bar { BACKGROUND: #fafafa; PADDING-BOTTOM: 140px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 10px 0px 0px; DISPLAY: inline; PADDING-RIGHT: 0px } DIV#tab-bar :first-child.mt-tab { MARGIN-TOP: -1px } DIV#tab-bar DIV.mt-tab { CURSOR: pointer; FONT-SIZE: 14px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FLOAT: left; FONT-WEIGHT: normal; COLOR: #999; PADDING-BOTTOM: 18px; TEXT-ALIGN: center; PADDING-TOP: 18px; PADDING-LEFT: 40px; MARGIN: -1px -1px 0px 0px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 40px; BACKGROUND-COLOR: #eaeaea } DIV#tab-bar DIV.mt-tab-active { CURSOR: pointer; FONT-SIZE: 14px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(/images/ci/icons/active_ti.png) no-repeat 93% 50%; BORDER-BOTTOM: #fff 1px solid; FONT-WEIGHT: bold; COLOR: #333; TEXT-ALIGN: center; MARGIN: -1px -1px 0px 0px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline } .survey-count { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 170px; RIGHT: -42px; BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; COLOR: #999; PADDING-BOTTOM: 25px; TEXT-ALIGN: center; PADDING-TOP: 25px; PADDING-LEFT: 20px; BORDER-LEFT: #ccc 1px solid; TOP: 43px; PADDING-RIGHT: 20px; BACKGROUND-COLOR: #f5f5f5; box-shadow: 1px 5px 10px #CCC } .survey-count .right-triangle { HEIGHT: 0px; WIDTH: 0px; BORDER-BOTTOM: #666 10px solid; POSITION: absolute; LEFT: -10px; BORDER-LEFT: transparent 10px solid; TOP: 0px } .survey-count SPAN { FONT-SIZE: 300%; FONT-FAMILY: Georgia, serif; FONT-WEIGHT: normal; COLOR: #0096b2 } .survey-count SPAN IMG#recipient_count_preview_progress { HEIGHT: 20%; WIDTH: 20%; POSITION: relative; LEFT: 0px; TOP: 0px } .survey-count IMG { RIGHT: 20px; POSITION: absolute; TOP: 43% } .survey-count INPUT.genericButton { MARGIN-BOTTOM: 10px; MARGIN-TOP: 3px } .survey-count #revert { -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease-in; -moz-transition-duration: .3s; -moz-transition-timing-function: ease-in; transition-duration: .3s; transition-timing-function: ease-in } .tag-node { FONT-SIZE: 11px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 25px; BACKGROUND-COLOR: #f5f5f5; MARGIN-RIGHT: 10px; border-radius: 9px } .tag-node:after { CURSOR: pointer; FONT-SIZE: 14px; RIGHT: 9px; POSITION: absolute; FONT-WEIGHT: normal; COLOR: #ccc; CONTENT: "x"; TOP: 10%; text-shadow: 1px 1px 0 #FFF } .toggles.field { WIDTH: 100%; POSITION: relative; Z-INDEX: 1 } .toggle-button { POSITION: relative; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px } .active.toggle-button { BACKGROUND-COLOR: #f5f4ef; border-radius: 5px 0 0 5px } .active.toggle-button:after { RIGHT: 17px; POSITION: absolute; CONTENT: ""; LEFT: 11px; Z-INDEX: -1; TOP: -3px; BOTTOM: 17px; box-shadow: 0 17px 14px rgba(0, 0, 0, 0.4); -moz-transform: rotate(-3deg) } .toggle-button INPUT[type='radio'] { DISPLAY: inline-block } .toggle-button LABEL { CURSOR: pointer; WIDTH: 100px; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; DISPLAY: inline-block; PADDING-RIGHT: 20px } .selectButton { CURSOR: pointer; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 180px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 15px; TEXT-ALIGN: center; PADDING-TOP: 15px; PADDING-LEFT: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#f7f7f7',GradientType=0); BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 0px; MARGIN-RIGHT: 10px; border-radius: 22px } .active.selectButton { BACKGROUND: #f5fafb; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fafb',endColorstr='#d1eaef',GradientType=0) } .active.selectButton:before { BORDER-TOP: #d1eaef 15px solid; BORDER-RIGHT: transparent 15px solid; BORDER-BOTTOM: transparent 0px; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -15px; LEFT: 50%; BORDER-LEFT: transparent 15px solid; DISPLAY: block; BOTTOM: -15px } .active.selectButton:after { BORDER-TOP: #d1eaef 15px solid; BORDER-RIGHT: transparent 15px solid; BORDER-BOTTOM: transparent 0px; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -15px; LEFT: 50%; BORDER-LEFT: transparent 15px solid; DISPLAY: block; BOTTOM: -15px } .tab_content .formElements { WIDTH: 56%; FLOAT: left; PADDING-BOTTOM: 17px; PADDING-TOP: 17px; PADDING-LEFT: 17px; MIN-HEIGHT: 180px; PADDING-RIGHT: 180px; BACKGROUND-COLOR: #f5f4ef } .tab_content .radio-selection { WIDTH: 175px; FLOAT: left } .tab_content .formElements .label { WIDTH: 28% } .tab_content .formElements .field { WIDTH: 72% } .tab_content .formElements .column.field { WIDTH: 31% } .type-label { MARGIN-BOTTOM: 5px; FONT-WEIGHT: bold; FONT-STYLE: italic } .deploymentTabs .selectItems .u_floatThis-left { WIDTH: 43% } .deploymentTabs .selectItems { WIDTH: auto } .deploymentTabs .selectItems .selectArrows.u_floatThis-left { WIDTH: auto } #numOfSurveyQuestion { DISPLAY: inline-block } .response-periods-list { POSITION: relative } .stepcontent LI .response-periods-list LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 95%; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 30px; MARGIN: 0px 0px 15px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #fff } .response-periods-list LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 95%; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 30px; MARGIN: 0px 0px 15px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #fff } .stepcontent LI .response-periods-list LI.selected { BACKGROUND-COLOR: #f0f0f0 } .response-periods-list LI.selected { BACKGROUND-COLOR: #f0f0f0 } .response-periods-list INPUT[type='checkbox'] { POSITION: absolute; LEFT: 2px; MARGIN-TOP: -8px; TOP: 50% } .response-periods-list LABEL { CURSOR: pointer; FONT-SIZE: 110%; COLOR: #333; FONT-STYLE: normal; DISPLAY: block; LINE-HEIGHT: 150% } .response-period-description { FONT-SIZE: 90%; WIDTH: 80%; FLOAT: left; COLOR: #666; FONT-STYLE: italic } .response-period-data SPAN { FONT-SIZE: 90%; WIDTH: 80%; FLOAT: left; COLOR: #666; FONT-STYLE: italic } .response-period-data { WIDTH: 20%; FLOAT: right; LINE-HEIGHT: 150% } .response-period-data SPAN { WIDTH: 100%; DISPLAY: block } .secondary-options { MARGIN-LEFT: 40px } .tertiary-options { MARGIN-LEFT: 80px } .field P { MARGIN-BOTTOM: 5px; MARGIN-TOP: 5px } .secondary-options P { MARGIN-BOTTOM: 5px; MARGIN-TOP: 5px } .tertiary-options P { MARGIN-BOTTOM: 5px; MARGIN-TOP: 5px } .floatedReceipt#receipt_floated_surveyReport { WIDTH: 135px; POSITION: absolute; Z-INDEX: 1201 } .pointRight.floatedReceipt .arrow { RIGHT: -30px; BORDER-LEFT-COLOR: #fcfbd1; BORDER-LEFT-STYLE: solid; TOP: 100px } .evalColumn { Z-INDEX: 1000 } DIV#nodeFilter > INPUT.browse { VERTICAL-ALIGN: top } DIV.md_linear { FONT-FAMILY: arial, helvetica, sans-serif; BORDER-BOTTOM: #657ca3 1px solid; PADDING-LEFT: 3px; MARGIN: 6px 0px; BORDER-LEFT: #657ca3 1px solid; DISPLAY: inline } DIV.md_linear A { FONT-FAMILY: arial, helvetica, sans-serif; FONT-STYLE: italic } DIV.md_linear P { FONT-SIZE: 95%; DISPLAY: inline } DIV.md_linear P SPAN { DISPLAY: none } DIV.md_tabular { FONT-FAMILY: arial, helvetica, sans-serif; PADDING-LEFT: 3px; MARGIN: 0px 0px 6px 12px; BORDER-LEFT: #657ca3 1px solid } DIV.md_tabular A { FONT-FAMILY: arial, helvetica, sans-serif; FONT-STYLE: italic } DIV.md_tabular P { FONT-SIZE: 95%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.md_tabular P SPAN { COLOR: #444; FONT-STYLE: italic } DIV.sample_data { MARGIN: 0px 0px 0px 24px } DIV.sample_data DIV { FLOAT: left } DIV.sample_data DIV.sample_head { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; FONT-WEIGHT: bold; MARGIN: 6px 10px 2px 1px; BORDER-LEFT: medium none } .ondemand-module { POSITION: relative; MARGIN: 14px 3px } .ondemand-module DIV { MARGIN-BOTTOM: 12px } .ondemand-module DIV A { FONT-SIZE: 120%; BACKGROUND: #00add0; FONT-WEIGHT: bold; COLOR: #fff; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 4%; DISPLAY: block; PADDING-RIGHT: 12px; border-radius: 5px } .ondemand-module DIV A:hover { TEXT-DECORATION: none; BACKGROUND: #00b3be; box-shadow: 0 0 12px #2cb673; text-shadow: 0 -1px 0 rgba(0, 0, 0, .4) } .ondemand-module DIV A > SPAN { MARGIN-BOTTOM: 3px; FONT-SIZE: 80%; FONT-WEIGHT: normal; DISPLAY: block } .ondemand-module SPAN.release { FONT-SIZE: 85%; BORDER-TOP: #00add0 1px solid; BORDER-RIGHT: #00add0 1px solid; BACKGROUND: #9dddea; RIGHT: -4px; BORDER-BOTTOM: #00add0 1px solid; POSITION: absolute; COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 13px; BORDER-LEFT: #00add0 1px solid; TOP: -7px; PADDING-RIGHT: 10px; border-radius: 12px 12px 12px 12px; text-shadow: 0 1px 0 rgba(255, 255, 255, .3) } .ondemand-module P { COLOR: #666; FONT: italic 93%/1.45 Georgia, serif; MARGIN: 0px 13px }

@import url( theme1.css?v=9.1.110082.0 ); @import url( theme2.css?v=9.1.110082.0 );

#contentFrame { COLOR: #000 } #schemePreview { COLOR: #000 } BODY { COLOR: #000 } BODY.ineditmode { COLOR: #000 } BODY.topFrame { COLOR: #000 } DIV.breadcrumbs { COLOR: #000 } DIV.paneTabs UL LI.active { COLOR: #000 } DIV.paneTabs UL LI { COLOR: #000 } BODY.wizardBody DIV.containerWizard { COLOR: #000 } #contentArea { COLOR: #000; BACKGROUND-COLOR: #fff } #schemePreviewBody { COLOR: #000; BACKGROUND-COLOR: #fff } .container { COLOR: #000; BACKGROUND-COLOR: #fff } .contentPane DIV.bottomRound B { COLOR: #000; BACKGROUND-COLOR: #fff } #primaryButton { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } INPUT[type='submit'].submit { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .mainButton A { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .mainButton A:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .mainButton A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .actionBarMicro .mainButton A { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .actionBarMicro .mainButton A:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .actionBarMicro .mainButton A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble .mainButton > A { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1 { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1-img { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1-img:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1-img:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } #secondaryButton { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .secondaryButton A { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .secondaryButton A:hover { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .secondaryButton A:focus { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2 { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2-img { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2:hover { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2-img:focus { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2:hover { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2-img:focus { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #pageHeader { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #schemePreviewHead { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.pageTitle { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.actionBar { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.contentPaneWide DIV.actionBar { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.actionBar UL { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.localViewToggle { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .navPalette DIV.actionBarMicro { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.contentPane DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.listCm DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.buttonCm DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.treeContainer DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.treeViewCs DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV#lightboxContent H2 { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #lightbox DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #puller { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .frameResizeToggle { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #topFrame { COLOR: #fff } DIV.topTabs DIV.topGlobalLinks UL LI A.topLevel { COLOR: #fff } DIV.topTabs-compact DIV.topGlobalLinks UL LI A.topLevel { COLOR: #fff } DIV.topTabs DIV.hotItems UL.hotLinks LI A { COLOR: #fff } #topFrame { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #990000 } .bgBanner { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #990000 } DIV.topTabs-compact { BORDER-TOP-COLOR: #dedede; BACKGROUND: #990000; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede } #topTab { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A:hover { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A:hover { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A:focus { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A:focus { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } #topTabActive { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A:hover { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A:focus { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A:hover { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A:focus { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } #moduleTitle { COLOR: #fff; BACKGROUND-COLOR: #990000 } .portlet H2 { COLOR: #fff; BACKGROUND-COLOR: #990000 } .portlet H2 SPAN.reorder { COLOR: #fff; BACKGROUND-COLOR: #990000 } .portlet H2 A { COLOR: #fff; BACKGROUND-COLOR: transparent } #moduleBorder { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #000; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #fff } #moduleBody { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #000; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #fff } .portlet { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #000; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #fff } #contentFrame { COLOR: #000000 } #schemePreview { COLOR: #000000 } BODY { COLOR: #000000 } BODY.ineditmode { COLOR: #000000 } BODY.topFrame { COLOR: #000000 } DIV.breadcrumbs { COLOR: #000000 } DIV.paneTabs UL LI.active { COLOR: #000000 } DIV.paneTabs UL LI { COLOR: #000000 } BODY.wizardBody DIV.containerWizard { COLOR: #000000 } #contentArea { COLOR: #000000; BACKGROUND-COLOR: #ffffff } #schemePreviewBody { COLOR: #000000; BACKGROUND-COLOR: #ffffff } .container { COLOR: #000000; BACKGROUND-COLOR: #ffffff } .contentPane DIV.bottomRound B { COLOR: #000000; BACKGROUND-COLOR: #ffffff } #primaryButton { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } INPUT[type='submit'].submit { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .mainButton A { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .mainButton A:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .mainButton A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .actionBarMicro .mainButton A { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .actionBarMicro .mainButton A:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .actionBarMicro .mainButton A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble .mainButton > A { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1 { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1-img { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1-img:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1-img:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } #secondaryButton { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .secondaryButton A { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .secondaryButton A:hover { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .secondaryButton A:focus { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2 { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2-img { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2:hover { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2-img:focus { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2:hover { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2-img:focus { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #pageHeader { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #schemePreviewHead { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.pageTitle { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.actionBar { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.contentPaneWide DIV.actionBar { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.actionBar UL { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.localViewToggle { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .navPalette DIV.actionBarMicro { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.contentPane DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.listCm DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.buttonCm DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.treeContainer DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.treeViewCs DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV#lightboxContent H2 { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #lightbox DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #puller { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .frameResizeToggle { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #topFrame { COLOR: #ffffff } DIV.topTabs DIV.topGlobalLinks UL LI A.topLevel { COLOR: #ffffff } DIV.topTabs-compact DIV.topGlobalLinks UL LI A.topLevel { COLOR: #ffffff } DIV.topTabs DIV.hotItems UL.hotLinks LI A { COLOR: #ffffff } #topFrame { BORDER-TOP-COLOR: #dedede; BACKGROUND-IMAGE: url(https://blackboard.strayer.edu/branding/_1_1/bb_banner5noLogo.png); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #980329 } .bgBanner { BORDER-TOP-COLOR: #dedede; BACKGROUND-IMAGE: url(https://blackboard.strayer.edu/branding/_1_1/bb_banner5noLogo.png); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #980329 } DIV.topTabs-compact { BORDER-TOP-COLOR: #dedede; BACKGROUND: #980329; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede } #topTab { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A:hover { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A:hover { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A:focus { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A:focus { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } #topTabActive { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A:hover { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A:focus { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A:hover { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A:focus { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } #moduleTitle { COLOR: #ffffff; BACKGROUND-COLOR: #980329 } .portlet H2 { COLOR: #ffffff; BACKGROUND-COLOR: #980329 } .portlet H2 SPAN.reorder { COLOR: #ffffff; BACKGROUND-COLOR: #980329 } .portlet H2 A { COLOR: #ffffff; BACKGROUND-COLOR: transparent } #moduleBorder { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #000000; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #ffffff } #moduleBody { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #000000; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #ffffff } .portlet { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #000000; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #ffffff }

#contentFrame { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } #schemePreview { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } BODY { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } .topFrame { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } .paneTabs UL LI.active { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } .paneTabs UL LI { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } .wizardBody .containerWizard { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } #contentArea { COLOR: #333333; BACKGROUND-COLOR: #ffffff } #schemePreviewBody { COLOR: #333333; BACKGROUND-COLOR: #ffffff } .container { COLOR: #333333; BACKGROUND-COLOR: #ffffff } #primaryButton { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } INPUT[type='submit'].submit { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .mainButton A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .mainButton A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .mainButton A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .mainButton A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .actionBarMicro .mainButton A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .actionBarMicro .mainButton A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble .mainButton > A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1 { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1-img { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1-img:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1-img:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } #secondaryButton { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .secondaryButton A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .secondaryButton A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .secondaryButton A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2 { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2-img { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2-img:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2-img:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } #pageHeader { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } #schemePreviewHead { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } DIV.pageTitle { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .actionBar { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .contentPaneWide .actionBar { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } DIV.actionBar UL { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } DIV.localViewToggle { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .actionBarMicro { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } DIV#lightboxContent H2 { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .frameResizeToggle { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } #topFrame { COLOR: #ffffff } .topGlobalLinks UL LI { COLOR: #ffffff } .topGlobalLinks A { COLOR: #ffffff } .topGlobalLinks A:hover { COLOR: #ffffff } .topGlobalLinks A:focus { COLOR: #ffffff } .hotItems { COLOR: #ffffff } .hotSpots A { COLOR: #ffffff } .hotSpots LI:after { COLOR: #ffffff } .hotSpots A:hover { COLOR: #ffffff } #topFrame { BORDER-TOP-COLOR: #000000; BACKGROUND-IMAGE: url(Strayer%20Institution%20Banner_1144.jpg); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #373737 } .bgBanner { BORDER-TOP-COLOR: #000000; BACKGROUND-IMAGE: url(Strayer%20Institution%20Banner_1144.jpg); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #373737 } DIV.topTabs-compact { BORDER-TOP-COLOR: #000000; BACKGROUND: #373737; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000 } #topTab { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } TABLE.appTabs TBODY TR TD A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } DIV.topTabs-compact TABLE.appTabs TR TD A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } TABLE.appTabs TBODY TR TD A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } DIV.topTabs-compact TABLE.appTabs TR TD A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } TABLE.appTabs TBODY TR TD A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } DIV.topTabs-compact TABLE.appTabs TR TD A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } #topTabActive { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } TABLE.appTabs TBODY TR TD.active A { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } TABLE.appTabs TBODY TR TD.active A:hover { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } TABLE.appTabs TBODY TR TD.active A:focus { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } DIV.topTabs-compact TABLE.appTabs TR TD.active A { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } DIV.topTabs-compact TABLE.appTabs TR TD.active A:hover { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } DIV.topTabs-compact TABLE.appTabs TR TD.active A:focus { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } #moduleTitle { COLOR: #333333; BACKGROUND-COLOR: #cccccc } .portlet H2 { COLOR: #333333; BACKGROUND-COLOR: #cccccc } .portlet H2 SPAN.reorder { COLOR: #333333; BACKGROUND-COLOR: #cccccc } .portlet H2 A { COLOR: #333333; BACKGROUND-COLOR: transparent } #moduleBorder { BORDER-TOP-COLOR: #cccccc; BORDER-LEFT-COLOR: #cccccc; COLOR: #333333; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff } #moduleBody { BORDER-TOP-COLOR: #cccccc; BORDER-LEFT-COLOR: #cccccc; COLOR: #333333; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff } .portlet { BORDER-TOP-COLOR: #cccccc; BORDER-LEFT-COLOR: #cccccc; COLOR: #333333; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff }

HTML { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } BODY { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } DIV { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } SPAN { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } APPLET { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } OBJECT { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } IFRAME { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } H1 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } H2 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } H3 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } H4 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } H5 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } H6 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } P { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } BLOCKQUOTE { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } PRE { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } ABBR { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } ACRONYM { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } ADDRESS { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } BIG { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } CITE { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } CODE { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } DEL { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } DFN { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } EM { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } IMG { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } INS { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } KBD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } Q { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } S { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } SAMP { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } SMALL { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } STRIKE { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } STRONG { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } SUB { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } SUP { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TT { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } VAR { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } B { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } U { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } I { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } CENTER { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } DL { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } DT { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } DD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } OL { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } FIELDSET { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } FORM { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } LABEL { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } LEGEND { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TABLE { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } CAPTION { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TBODY { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TFOOT { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } THEAD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TR { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } article { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } aside { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } canvas { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } details { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } EMBED { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } figure { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } figcaption { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } footer { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } header { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } hgroup { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } MENU { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } nav { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } output { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } RUBY { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } section { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } summary { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } time { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } mark { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } audio { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } video { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: baseline; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: inherit; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } article { DISPLAY: block } aside { DISPLAY: block } details { DISPLAY: block } figcaption { DISPLAY: block } figure { DISPLAY: block } footer { DISPLAY: block } header { DISPLAY: block } hgroup { DISPLAY: block } MENU { DISPLAY: block } nav { DISPLAY: block } section { DISPLAY: block } BODY { LINE-HEIGHT: 1 } OL { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } UL { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } BLOCKQUOTE { QUOTES: none } Q { QUOTES: none } BLOCKQUOTE:before { CONTENT: none } BLOCKQUOTE:after { CONTENT: none } Q:before { CONTENT: none } Q:after { CONTENT: none } TABLE { BORDER-COLLAPSE: collapse; BORDER-SPACING: 0 } HTML { COLOR: #333; FONT: 400 0.85em "Helvetica Neue", Arial, sans-serif } BODY.mybb-shell { OVERFLOW: hidden; BACKGROUND: #007896 left top; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .mybb-shell .mybb-iframe-wrap { BACKGROUND: #fff; POSITION: relative; MARGIN: 12px 20px 0px 100px; TOP: 0px; border-radius: 6px 6px 0 0 } .cloud-iframe { HEIGHT: 100%; WIDTH: 100%; BACKGROUND-COLOR: #808080 } .iframe-wrap { BORDER-TOP: #333 7px solid; BORDER-RIGHT: #333 7px solid; RIGHT: 14px; BORDER-BOTTOM: #333 0px solid; POSITION: absolute; LEFT: 90px; BORDER-LEFT: #333 0px solid; TOP: 14px; BOTTOM: 0px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); border-radius: 0 4px 0 0 } .side-nav { BOX-SIZING: border-box; WIDTH: 68px; BACKGROUND: #333; POSITION: fixed; TEXT-ALIGN: center; LEFT: 22px; MARGIN: 0px; Z-INDEX: 1; TOP: 14px; BOTTOM: 0px; -moz-box-sizing: border-box; -webkit-border-radius: 4px 0px 0px 0px; -moz-border-radius: 4px 0px 0px 0px; border-radius: 4px 0px 0px 0px } .side-nav UL { WIDTH: 52px; MARGIN: 6px auto 0px } .side-nav .profile { BORDER-TOP: #111 1px solid; HEIGHT: 48px; BORDER-RIGHT: #111 1px solid; WIDTH: 48px; BORDER-BOTTOM: #111 1px solid; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; BORDER-LEFT: #111 1px solid; DISPLAY: block; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .1); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .1); box-shadow: 0 1px 0 rgba(255, 255, 255, .1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .side-nav LI[id*='myProfile'] { BORDER-BOTTOM: #191919 1px solid; TEXT-ALIGN: center; MARGIN: 0px -8px 10px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08) } .side-nav UL LI[id*='myProfile'] A { WIDTH: 50px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px auto 16px; PADDING-RIGHT: 0px; border-radius: 3px } .side-nav UL LI[id*='myProfile'].active A { WIDTH: 50px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px auto 16px; PADDING-RIGHT: 0px; border-radius: 3px } .side-nav .active .profile { BACKGROUND-COLOR: #222; box-shadow: 0 0 12px #222 inset; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .side-nav UL LI A SPAN.badge { FONT-SIZE: 11px; HEIGHT: 13px; RIGHT: 4px; POSITION: absolute; COLOR: #eeeeee; PADDING-TOP: 4px; DISPLAY: block; LINE-HEIGHT: 0.9em; TOP: 0px; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px } .side-nav UL LI { MARGIN-BOTTOM: 10px; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; FILTER: alpha(opacity=80); BORDER-LEFT: transparent 1px solid; opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8 } .side-nav UL LI:hover { opacity: 1 } .side-nav UL LI.active A { CURSOR: pointer; BORDER-TOP-COLOR: #111; BORDER-LEFT-COLOR: #111; BORDER-BOTTOM-COLOR: #111; FILTER: alpha(opacity=100); BORDER-RIGHT-COLOR: #111; BACKGROUND-COLOR: #222; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; box-shadow: 0 0 8px #000 inset, 0 1px 0 rgba(255, 255, 255, .07); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -ms-border-radius: 4px } .side-nav A { POSITION: relative; DISPLAY: block } .side-nav .badge { FONT-SIZE: 75%; RIGHT: 0px !important; FONT-WEIGHT: bold; COLOR: white; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 5px; MARGIN: 0px 0px 0px 3px; PADDING-RIGHT: 5px; border-radius: 12px } .side-nav .more-tools { POSITION: absolute; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 9px; LEFT: 100%; PADDING-RIGHT: 9px; BOTTOM: 6px; BACKGROUND-COLOR: #404040; -webkit-box-shadow: 0 0 12px 1px #111111; -moz-box-shadow: 0 0 12px 1px #111111; box-shadow: 0 0 12px 1px #111111 } .side-nav .more-tools LI { MARGIN-BOTTOM: 0px } .menu-icon { HEIGHT: 50px; BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_sprite.png); BACKGROUND-REPEAT: no-repeat; DISPLAY: block; BACKGROUND-COLOR: transparent } .home.menu-icon { BACKGROUND-POSITION: center 0px } .stream.menu-icon { BACKGROUND-POSITION: center -50px } .msg.menu-icon { BACKGROUND-POSITION: center -100px } .grades.menu-icon { BACKGROUND-POSITION: center -150px } .people.menu-icon { BACKGROUND-POSITION: center -200px } .spaces.menu-icon { BACKGROUND-POSITION: center -250px } .todo.menu-icon { BACKGROUND-POSITION: center -300px } .alerts.menu-icon { BACKGROUND-POSITION: center -350px } .calendar.menu-icon { BACKGROUND-POSITION: center -400px } .more.menu-icon { BACKGROUND-POSITION: 0px -450px } .more-tools .menu-icon { MARGIN-BOTTOM: 0px; WIDTH: 50px } .badge { BACKGROUND-COLOR: #ad0000; -webkit-box-shadow: 0 1px 1px 0px #222 inset; -moz-box-shadow: 0 1px 1px 0px #222 inset; box-shadow: 0 1px 1px 0px #222 inset } .avatar48 { BORDER-TOP: #ccc 1px solid; HEIGHT: 48px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 48px; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; LEFT: 14px; BORDER-LEFT: #ccc 1px solid; TOP: 14px; PADDING-RIGHT: 2px; border-radius: 1px } H1 { BOX-SIZING: border-box; FONT-SIZE: 210%; POSITION: relative; FONT-WEIGHT: 600; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; LETTER-SPACING: 0px; LINE-HEIGHT: 1; TOP: 0px; PADDING-RIGHT: 0px; -moz-box-sizing: border-box; box-shadow: none; text-shadow: none; -ms-box-sizing: border-box } H1 .current-page { FONT-SIZE: 150%; FONT-FAMILY: Georgia, serif; VERTICAL-ALIGN: middle; FONT-WEIGHT: 600; COLOR: white; TEXT-ALIGN: center; MIN-HEIGHT: 39px; DISPLAY: inline-block } H1 .ribbon-text { DISPLAY: none } H1 .current-page .icon { HEIGHT: 36px; WIDTH: 36px; BACKGROUND-IMAGE: url(images/mybb_title_sprite.png); BACKGROUND-REPEAT: no-repeat; MARGIN: 0px; DISPLAY: inline-block } .mybb-column H1 { MARGIN: 24px 0px 18px 24px } .title-date { POSITION: relative; TEXT-TRANSFORM: none; FONT-WEIGHT: 200; COLOR: #01758c; MARGIN: 0px; text-shadow: 0 1px 0 rgba(255, 255, 255, .9) } .title-text { POSITION: relative; TEXT-TRANSFORM: none; FONT-WEIGHT: 200; COLOR: #01758c; MARGIN: 0px; text-shadow: 0 1px 0 rgba(255, 255, 255, .9) } .title-date { MARGIN-LEFT: -9px } #streamHeader_messages .icon { BACKGROUND-POSITION: center -108px } #streamHeader_people .icon { BACKGROUND-POSITION: center -208px } #streamHeader_todo .icon { BACKGROUND-POSITION: center -310px } #streamHeader_stream .icon { BACKGROUND-POSITION: center -60px } #streamHeader_spaces .icon { BACKGROUND-POSITION: center -18px } #streamHeader_mygrades .icon { BACKGROUND-POSITION: center -158px } #streamHeader_mygrades_d .icon { BACKGROUND-POSITION: center -158px } #streamHeader_alerts .icon { BACKGROUND-POSITION: center -360px } H3.section-title { FONT-SIZE: 20px; FONT-FAMILY: "Helvetica Neue", "Lucida Grande", sans-serif; POSITION: relative; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: 200; COLOR: #898273; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 27px; CLEAR: both; MARGIN: 24px 0px 0px; LETTER-SPACING: 0px; PADDING-RIGHT: 0px; text-shadow: 0 1px 0 rgba(255, 255, 255, .9) } .mybb-overview #column_1 H1 { DISPLAY: none } .mybb-overview .stream_left { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .mybb-overview .stream_page_left { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } :first-child.stream_item { } .cmdiv { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px } .cmdiv UL { BORDER-TOP: #acc2df 1px dotted; BORDER-BOTTOM: 0px } .nav .sub UL LI A { FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; FONT-WEIGHT: normal; COLOR: #333; BORDER-LEFT: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } .cmdiv A { FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; FONT-WEIGHT: normal; COLOR: #333; BORDER-LEFT: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } .menumini A { FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; FONT-WEIGHT: normal; COLOR: #333; BORDER-LEFT: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } .cmdiv A { FONT-SIZE: 95%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .cmdiv A.close-menu { RIGHT: 0px; POSITION: relative; FILTER: alpha(opacity=100); Z-INDEX: 100; TOP: 0px; opacity: 1 } A.cmimg { HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(/themes/as_2012/images/controls.png) no-repeat -320px -125px; MARGIN: 0px; DISPLAY: inline-block } A.cmimg:hover { BACKGROUND-POSITION: -320px -143px } A.cmimg:focus { BACKGROUND-POSITION: -320px -143px } A.cmimg IMG { HEIGHT: 15px; WIDTH: 15px } DIV.lb-overlay { BACKGROUND-COLOR: #000000 } DIV.lb-wrapper DIV.lb-header { MARGIN-BOTTOM: 0.5em } DIV.lb-wrapper DIV.lb-header A IMG { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } DIV.lb-wrapper DIV.lb-content { BACKGROUND-COLOR: #ffffff } DIV.lb-wrapper DIV.lb-content DIV.lb-loading { BACKGROUND: url(/images/ci/misc/progress/progress_learningSystem.gif) no-repeat center center } H1 { FONT-WEIGHT: bold } H2 { FONT-WEIGHT: bold } H3 { FONT-WEIGHT: bold } H4 { FONT-WEIGHT: bold } H5 { FONT-WEIGHT: bold } H6 { FONT-WEIGHT: bold } STRONG { FONT-WEIGHT: bold } B { FONT-WEIGHT: bold } EM { FONT-STYLE: italic } #MessagesOverview { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 24px; PADDING-RIGHT: 24px } .message-item { BOX-SIZING: border-box; CURSOR: default; BORDER-TOP: #ccc 1px dashed; BORDER-RIGHT: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 24px; PADDING-TOP: 18px; PADDING-LEFT: 86px; MIN-HEIGHT: 60px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .message-item:hover { BORDER-TOP-STYLE: solid; BACKGROUND-COLOR: #eaeaea } .message-item:focus { BORDER-TOP-STYLE: solid; BACKGROUND-COLOR: #eaeaea } .active.message-item { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; COLOR: #333; BORDER-LEFT: #ccc 1px solid; Z-INDEX: 2; BACKGROUND-COLOR: #eee; box-shadow: 1px 1px 0 rgba(255, 255, 255, .5), 1px 1px 7px rgba(0, 0, 0, .1) inset; border-radius: 4px } .active.message-item:hover { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; COLOR: #333; BORDER-LEFT: #ccc 1px solid; Z-INDEX: 2; BACKGROUND-COLOR: #eee; box-shadow: 1px 1px 0 rgba(255, 255, 255, .5), 1px 1px 7px rgba(0, 0, 0, .1) inset; border-radius: 4px } .active.message-item + .message-item { BORDER-TOP: 0px; box-shadow: none } .message-item:hover + .message-item { BORDER-TOP-STYLE: solid } .message-item DIV { TEXT-OVERFLOW: ellipsis; COLOR: #999; CLEAR: right } A.name { BORDER-BOTTOM: #01758c 1px dotted; FONT: 600 13px "Helvetica Neue", Arial, sans-serif } A.name:hover { BORDER-BOTTOM-STYLE: solid } .message-text { OVERFLOW: hidden; COLOR: #311d11; FONT: 16px/1.25 Georgia, serif; MARGIN-TOP: 6px } SPAN.timestamp { FONT: 400 12px "Helvetica Neue", "Lucida Grande", sans-serif } #myBbSkipLinks { OVERFLOW: visible; HEIGHT: 0px; POSITION: relative; FILTER: alpha(opacity=100); MARGIN: 0px; Z-INDEX: 100; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } #myBbSkipLinks A { POSITION: absolute } A.skipLink.hideoff { LEFT: -10000px; FILTER: alpha(opacity=0); TOP: -1000px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0 } A.skipLink { TEXT-DECORATION: none; HEIGHT: auto; WIDTH: 140px !important; BACKGROUND: #333; POSITION: absolute; TEXT-TRANSFORM: uppercase; COLOR: #fff; PADDING-BOTTOM: 9px; TEXT-ALIGN: center; PADDING-TOP: 9px; FONT: 80%/1.4 Georgia, serif; PADDING-LEFT: 9px; LEFT: -19px; Z-INDEX: 1000; TOP: -14px; PADDING-RIGHT: 9px; opacity: 1; -moz-border-radius: 5px; border-radius: 5px; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } #myBbSkipLinks A.skipLink:focus { OUTLINE-WIDTH: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert }

#cloud-tos-lightbox { MIN-WIDTH: 800px; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px } #cloud-tos-lightbox H2 { FONT-SIZE: 2em } #cloud-tos-lightbox .tos-contents { OVERFLOW: auto; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; MARGIN: 10px 0px; BORDER-LEFT: #ccc 1px solid; MAX-HEIGHT: 150px } #cloud-tos-lightbox DIV.tos-contents { PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } #cloud-tos-lightbox IFRAME.tos-contents { HEIGHT: 150px; WIDTH: 100% } #cloud-tos-lightbox P { MARGIN-BOTTOM: 10px } #cloud-tos-lightbox P.receipt { MARGIN: 10px 0px } #cloud-tos-lightbox .submit-help { FLOAT: left; COLOR: #666; LINE-HEIGHT: 1.2em } #cloud-tos-lightbox .submit-buttons { TEXT-ALIGN: right } #cloud-tos-lightbox .insitution-tos-area { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 20px; PADDING-LEFT: 10px; MARGIN-TOP: 10px; PADDING-RIGHT: 10px }

BODY { HEIGHT: auto } HTML { HEIGHT: auto } BODY { MIN-WIDTH: 0px } DIV.topGlobalLinks { MIN-WIDTH: 0px } .navigationPane { DISPLAY: none } .contentPane { MARGIN: 0px 14px } .questionDiv .submission_text { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .completionContainer { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .completionContainerLarge { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .blogEntry H4 { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .blogEntry .entryText { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .blogContainer .entryComments LI P { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .journalNav UL LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .calMonth { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .calMonth TABLE THEAD TH { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .calMonth TABLE TBODY TD { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .calMonth TABLE TD DIV { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .modeSwitch { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .listCm .courseMenu A.cmimg { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .buttonCm .courseMenu A.cmimg { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .portlet A.cmimg { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } A.cmimg-small { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .fileInputWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .field { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .noLabelField { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .liveArea .stepcontent TEXTAREA { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .buttonLibrary { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .previewTextArea { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .rating LI A:hover { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .dbThreadTree { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .nav .sub UL LI A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .cmdiv A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .menumini A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .timediv UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .currentTags { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .auto_complete UL LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .lb-wrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .lb-wrapper .lb-header H2 { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .lb-wrapper .lb-content { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .myPlacesContent { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .myavatar { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .bubble UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .bubble .detailComments { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gradeDetailsStep { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .tableOverflowControl { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .inventory { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .brandingImgWrap { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .announcementList .item { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .announcementList-read .item { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #announcementList .item { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .contentList .details { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .contentListPlain .contentListRight + .details { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .announcementList .details { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #announcementList .details { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .datalistScroll { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .landingPageColumn UL LI UL.datalistScroll { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .panelNested { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .module { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .moduleHeading { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .collapsible { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .imgWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .scroll_div { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .eudModule .eudModule-inner { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .styledModule-dark .module-inner { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .portlet .itemGroups LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .portlet UL.hierarchyList LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .customBanner { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .loggedInAs { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #loggedInUserName { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .topTabs .hotItems UL.hotLinks { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .cmImg { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .itemTray .cartTableWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .sideTOC .cartTableWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .itemIconHolder A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .itemInfo .title { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .itemInfo .high { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .tocTreeWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .sideTOC .tocTreeWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .navPaletteContent A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .listCm .courseMenu H3 { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .buttonCm .courseMenu A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .expTreeContainer { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .listCm .treeContainer .tree { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .buttonCm .treeContainer .tree { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .treeContainer .tree LI H4 + UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #pickerPalette .tree > LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .treeScrollable { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #logDetail { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .table-scroll-wrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gridOverflowControl { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gradeItemsWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gradeSide .tocTreeWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV UL LI DIV.collabComments { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.comments DIV DIV.collabComments { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.studentGradesCommentPreview { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.grdDetEditTabCommentPreview { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.grdDetHistTabCommentPreview { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .u_scrollPanel-vertical { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .currentScore { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gbContainer { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gbtable DIV { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gbtable_header DIV { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gc_info UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gblist LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gblist LI SPAN { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .cumulativeSelectItems .selected_items .itemList { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .flynav UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .overrow DIV { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .weightField { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .criteriaItem { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.locationPane { DISPLAY: block }

DIV.blogContainer DIV.entryFooter DIV.addBlogComment { DISPLAY: none } DIV.blogContainer DIV.entryFooter A.genericButton { FLOAT: right; DISPLAY: block } .legend-visible { FONT-SIZE: 100%; HEIGHT: auto; WIDTH: 100%; POSITION: static; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; LINE-HEIGHT: 1.2; TOP: auto; PADDING-RIGHT: 0px } .u_controlsWrapper { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .u_reverseAlign { TEXT-ALIGN: right } TR.dummyVTBEFooter TD { PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DIV.blogContainer UL.entryComments { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.blogContainer UL.entryComments LI { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.blogContainer UL.entryComments LI P { OVERFLOW: hidden; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 0px 0px 4px; PADDING-RIGHT: 12px; _height: 1% } DIV.blogContainer UL.entryComments LI P.commentDate { POSITION: relative; PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 2px 0px -1px; Z-INDEX: 10; PADDING-RIGHT: 0px } DIV.blogContainer UL.entryComments LI H5 { PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .comment-delete { OVERFLOW: hidden; HEIGHT: 17px; WIDTH: 24px; BACKGROUND: url(/images/ci/actionbar/clp_item_remove.gif) no-repeat 0px 0px; DISPLAY: inline-block } .comment-delete IMG { FILTER: alpha(opacity=0); opacity: 0 } DIV.liveArea FIELDSET.stepcontent { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.liveArea FIELDSET.stepcontent OL LI { MARGIN: 0px } DIV.liveArea FIELDSET.stepcontent TEXTAREA { WIDTH: 98% } DIV.liveArea FIELDSET.stepcontent SPAN.inlineHelp { DISPLAY: inline } #mybb-nav .flyout-menu { WIDTH: 400px } .mybb-tools LI { OVERFLOW: hidden; HEIGHT: 40px; WIDTH: 40px } .mybb-tools LI:hover { FILTER: alpha(opacity = 100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .mybb-tools LI A { HEIGHT: 39px; WIDTH: 39px; POSITION: relative; FILTER: alpha(opacity = 80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8 } .mybb-tools LI A:focus { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #cccccc } .mybb-tools LI A:focus IMG { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #cccccc } #global-list-tools { WIDTH: 40px; MARGIN: 4px } .mybb-tools LI A:focus { FILTER: alpha(opacity = 100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .mybb-tools LI A:focus IMG { FILTER: alpha(opacity = 100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .mybb-tools LI A:hover { FILTER: alpha(opacity = 100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .mybb-tools LI SPAN.badge { RIGHT: 0px; POSITION: absolute; TOP: 2px; BACKGROUND-COLOR: #b90000 } .mybb-tools LI.home { BACKGROUND-COLOR: #666 } .mybb-tools LI.logout { BACKGROUND-COLOR: #666 } .mybb-tools LI.home:hover { BACKGROUND-COLOR: #404040 } .mybb-tools LI.logout:hover { BACKGROUND-COLOR: #404040 } .mybb-tools A { BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_sprite_sm.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: transparent } .mybb-tools .overview A { BACKGROUND-POSITION: 5px 7px } .mybb-tools .stream A { BACKGROUND-POSITION: -72px 7px } .mybb-tools .messages A { BACKGROUND-POSITION: -115px 7px } .mybb-tools .grades A { BACKGROUND-POSITION: -156px 7px } .mybb-tools .people A { BACKGROUND-POSITION: -202px 7px } .mybb-tools .spaces A { BACKGROUND-POSITION: -247px 7px } .mybb-tools .todo A { BACKGROUND-POSITION: -293px 7px } .mybb-tools .alerts A { BACKGROUND-POSITION: -336px 7px } .mybb-tools .more-link A { BACKGROUND-POSITION: -417px 7px } .mybb-tools .calendar A { BACKGROUND-POSITION: -459px 7px } .mybb-tools .logout A { BACKGROUND-POSITION: -372px 7px } .mybb-tools .profile { MARGIN-BOTTOM: 5px; HEIGHT: auto } .mybb-tools .profile A { HEIGHT: auto; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #global-nav .profile IMG { HEIGHT: 30px; WIDTH: 30px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px; PADDING-RIGHT: 0px } .bottom-buttons { HEIGHT: 25px; WIDTH: 210px; RIGHT: 0px; POSITION: absolute; LINE-HEIGHT: 25px; BOTTOM: 0px; BACKGROUND-COLOR: white } .bottom-buttons LI { BOX-SIZING: border-box; OVERFLOW: hidden; FONT-SIZE: 11px; BORDER-RIGHT: #eeeeee 1px solid; WIDTH: 105px; FLOAT: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .bottom-buttons A { TEXT-INDENT: -99px } .bottom-buttons A:hover { COLOR: #000; BACKGROUND-COLOR: #ddd } .bottom-buttons A:focus { COLOR: #000; BACKGROUND-COLOR: #ddd } .accordion_toggle_active { COLOR: #000; BACKGROUND-COLOR: #ccc } .accordion_content { OVERFLOW: auto; COLOR: #444444; BACKGROUND-COLOR: #eee; -webkit-box-shadow: 0 5px 10px -7px #000 inset; -moz-box-shadow: 0 5px 10px -7px #000 inset; box-shadow: 0 5px 10px -7px #000 inset } .accordion_content LI { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; MARGIN: 0px 12px; PADDING-RIGHT: 0px } .accordion_content LI A { FONT-SIZE: 110%; COLOR: #128fa8; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; LINE-HEIGHT: 1.2em; PADDING-RIGHT: 0px } .accordion_content .course-list LI A { BORDER-BOTTOM: 1px dotted; FONT-WEIGHT: 600; DISPLAY: inline } .accordion_content .accordion-list LI A { BORDER-BOTTOM: 1px dotted; FONT-WEIGHT: 600; DISPLAY: inline } .accordion_content .course-list LI A:hover { BORDER-BOTTOM-STYLE: solid } .accordion_content .course-list LI A:focus { BORDER-BOTTOM-STYLE: solid } .accordion_content .accordion-list LI A:hover { BORDER-BOTTOM-STYLE: solid } .accordion_content .accordion-list LI A:focus { BORDER-BOTTOM-STYLE: solid } .accordion-list { MARGIN-TOP: 6px } .accordion_content .noItems { FONT-SIZE: 110%; TEXT-ALIGN: center; MARGIN-TOP: 12px; DISPLAY: block } .accordion_content LI SPAN { FONT-SIZE: 9px; DISPLAY: block; LINE-HEIGHT: 100% } .accordion_content #menuShortcutText { FONT-SIZE: 75%; FONT-STYLE: italic; MARGIN-TOP: 100% } .global-nav-bar-wrap { HEIGHT: 0px; WIDTH: 100%; POSITION: absolute; Z-INDEX: 1000; TOP: 0px } .global-nav-bar { FONT-SIZE: 11px; HEIGHT: 25px; POSITION: relative; FLOAT: right; MARGIN-LEFT: 3px; Z-INDEX: 999 } .logout.global-nav-bar { } .global-nav-bar .badge { FONT-SIZE: 10px; HEIGHT: 12px; FONT-WEIGHT: 800; COLOR: #fff; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN-LEFT: 5px; DISPLAY: inline-block; LINE-HEIGHT: 0.9; PADDING-RIGHT: 3px; BACKGROUND-COLOR: #b90000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px } .side-nav .menu-icon SPAN.badge { FONT-SIZE: 10px; HEIGHT: 12px; FONT-WEIGHT: 800; COLOR: #fff; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN-LEFT: 5px; DISPLAY: inline-block; LINE-HEIGHT: 0.9; PADDING-RIGHT: 3px; BACKGROUND-COLOR: #b90000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px } .global-nav-bar A { DISPLAY: block } .nav-link { TEXT-DECORATION: none; HEIGHT: 25px; BACKGROUND: none transparent scroll repeat 0% 0%; WHITE-SPACE: nowrap; POSITION: relative; ZOOM: 1; COLOR: #eee; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 28px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000, endColorstr=#26000000 ); DISPLAY: block; LINE-HEIGHT: 25px; PADDING-RIGHT: 49px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .nav-link:hover { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#62000000, endColorstr=#62000000 ) } .nav-link:focus { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#62000000, endColorstr=#62000000 ) } .global-nav-bar .logout-link { OVERFLOW: hidden; WIDTH: 32px; BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_logout.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TEXT-INDENT: -10000px } .global-nav-bar .logout-link:hover { BACKGROUND-POSITION: 50% -22px } .global-nav-bar .logout-link:focus { BACKGROUND-POSITION: 50% -22px } .nav-link .badge { RIGHT: 22px; POSITION: absolute; TOP: 5px } .global-toggle { RIGHT: 0px; POSITION: absolute; TOP: 9px } .flyout-menu { BOX-SIZING: border-box; WIDTH: 260px; RIGHT: 0px; POSITION: absolute; TOP: 25px; BACKGROUND-COLOR: #444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-shadow: 0 4px 15px 2px #222; -moz-box-shadow: 0 4px 15px 2px #222; box-shadow: 0 4px 15px 2px #222 } .flyout-menu A { COLOR: #128fa8 } .flyout-menu .list LI { BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em } .flyout-menu .list LI:hover { BACKGROUND-COLOR: #eee } .flyout-menu .accordion-wrapper { OVERFLOW: hidden; WIDTH: 211px; RIGHT: 0px; POSITION: absolute; TOP: 0px; BOTTOM: 0px; BACKGROUND-COLOR: #ddd } .flyout-menu .accordion_toggle { OUTLINE-WIDTH: medium; OUTLINE-STYLE: none; OUTLINE-COLOR: invert } .flyout-menu .accordion_toggle SPAN { CURSOR: pointer; FONT-SIZE: 110%; BORDER-BOTTOM: #cccccc 1px solid; FONT-WEIGHT: bold; COLOR: #555555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; MARGIN: 0px; DISPLAY: block; LINE-HEIGHT: 25px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #dddddd; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-shadow: none } .flyout-menu .accordion_toggle:focus SPAN { BACKGROUND-COLOR: #ccc } .flyout-menu .accordion_toggle:hover SPAN { BACKGROUND-COLOR: #ccc } .flyout-menu .mybb-tools { HEIGHT: 100%; POSITION: relative; FLOAT: left; BACKGROUND-COLOR: #333 } #global-nav .global-top-avatar { HEIGHT: 16px; WIDTH: 16px; POSITION: absolute; LEFT: 6px; TOP: 4px } #global-nav-link SPAN.observing { BACKGROUND: url(/images/console/icons/observing.gif) no-repeat 4px -3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 30px; DISPLAY: inline; TOP: -5px; PADDING-RIGHT: 1px } #global-nav .more-tools { RIGHT: 100%; POSITION: absolute; BOTTOM: 6px; BACKGROUND-COLOR: #404040; -webkit-box-shadow: 0 0 12px 1px #111111; -moz-box-shadow: 0 0 12px 1px #111111; box-shadow: 0 0 12px 1px #111111 } .more-tools LI { FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .previewContent .global-nav-bar { POSITION: relative; FLOAT: right } .previewContent .nav-link { WHITE-SPACE: nowrap } DIV.section-loading { BACKGROUND: url(/images/ci/misc/progress/progress_learningSystem.gif) no-repeat center center; DISPLAY: block } DIV.lb-overlay { RIGHT: 0px; POSITION: fixed; LEFT: 0px; Z-INDEX: 1001; TOP: 0px; BOTTOM: 0px } DIV.lb-wrapper { OVERFLOW: hidden; BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; POSITION: fixed; BORDER-LEFT: #aaa 1px solid; Z-INDEX: 1002; box-shadow: 1px 1px 10px #888; border-radius: 3px } DIV.lb-wrapper DIV.lb-header { PADDING-BOTTOM: 5px; PADDING-TOP: 3px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } DIV.lb-wrapper DIV.lb-header H2 { OVERFLOW: hidden; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 1.23em; PADDING-RIGHT: 15px } DIV.lb-wrapper DIV.lb-header A { RIGHT: 10px; POSITION: absolute; DISPLAY: block; TOP: 10px } DIV.lb-wrapper DIV.lb-header A IMG { VERTICAL-ALIGN: top } DIV.lb-wrapper DIV.lb-content { OVERFLOW: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .lbAction { RIGHT: 9px; POSITION: absolute; Z-INDEX: 1005; TOP: 5px } .u_floatThis-right { FLOAT: right } .u_floatThis-left { FLOAT: left } .clearfix:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .clearfixParent > DIV:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .clearfixParent > LI:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .clearfix { DISPLAY: inline-block } .clearfixParent > DIV { DISPLAY: inline-block } .clearfixParent > LI { DISPLAY: inline-block } .clearfix { DISPLAY: block } .clearfixParent > DIV { DISPLAY: block } .clearfixParent > LI { DISPLAY: block } .welcomeOverlay { HEIGHT: 100%; FONT-FAMILY: "Helvetica Neue"; WIDTH: 100%; RIGHT: 0px; POSITION: fixed; LEFT: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B0000000, endColorstr=#B0000000 ); Z-INDEX: 800; TOP: 0px; BOTTOM: 0px } .welcomeMessage STRONG { FONT-WEIGHT: bold; COLOR: #21acb6 } .whatsNew H2 { FONT-WEIGHT: bold; COLOR: #21acb6 } .welcomeMessage { WIDTH: 370px; RIGHT: 550px; POSITION: absolute; COLOR: #dddddd; Z-INDEX: 801; TOP: 75px; text-shadow: 2px 0 2px #000000 } .welcomeMessage H2 { WORD-WRAP: break-word; FONT-SIZE: 64px; WIDTH: 385px; FONT-WEIGHT: bold; MARGIN: 18px 0px 10px } .welcomeMessage P { MARGIN-BOTTOM: 10px; FONT-SIZE: 22px; LINE-HEIGHT: 125% } .whatsNew { FONT-SIZE: 16px; WIDTH: 380px; RIGHT: 60px; POSITION: absolute; COLOR: #dddddd; Z-INDEX: 801; LINE-HEIGHT: 125%; TOP: 100px; text-shadow: 2px 0 2px #000000 } .whatsNew LI { POSITION: relative } .whatsNew .number { FONT-SIZE: 32px; WIDTH: 30px; BACKGROUND: #15cedb; POSITION: absolute; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 10px; LEFT: -70px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#15cedb, endColorstr=#0C8F98 ); LINE-HEIGHT: 48px; TOP: -10px; PADDING-RIGHT: 10px; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-radius: 2px 2px 2px #000 } .whatsNew H2 { FONT-SIZE: 26px; FONT-FAMILY: "Helvetica Neue", Arial, sans-serif; MARGIN: 15px 0px 10px; LINE-HEIGHT: 120%; text-shadow: 0 1px 0 rgba(0, 0, 0, .7) } .whatsNew LI { } .whatsNew .arrow { HEIGHT: 90px; WIDTH: 40px; BACKGROUND: url(overview_global_nav_arrow.png) no-repeat; RIGHT: -10px; POSITION: absolute; TOP: -70px } .whatsNew OL > LI:first-child { MARGIN-BOTTOM: 60px } UL.newMenu { MARGIN: 10px 0px 20px } .newMenu LI { WIDTH: 100px; FLOAT: left; CLEAR: none } #spacesHelp { FONT-SIZE: 12px; MARGIN: 6px 0px 12px; LINE-HEIGHT: 1.3 } .social-buttons LI { WIDTH: auto; FLOAT: left; MARGIN: 3px 6px 6px 0px } .social-buttons LI { WIDTH: auto; VERTICAL-ALIGN: middle; MARGIN: 12px 14px 12px 0px; DISPLAY: inline-block } .social-buttons LI A { DISPLAY: block } .social-buttons LI A IMG { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } LI.socialConnections { WIDTH: 160px; COLOR: #000; PADDING-BOTTOM: 8px; PADDING-TOP: 9px; PADDING-LEFT: 24px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dedede, endColorstr=#cacaca ); PADDING-RIGHT: 18px; BACKGROUND-COLOR: #d5fdfd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: none } LI.anotherAccount { WIDTH: 160px; COLOR: #000; PADDING-BOTTOM: 8px; PADDING-TOP: 9px; PADDING-LEFT: 24px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dedede, endColorstr=#cacaca ); PADDING-RIGHT: 18px; BACKGROUND-COLOR: #d5fdfd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: none } LI.anotherAccount { FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #d5fdfd; PADDING-TOP: 5px } LI.socialConnections IMG { POSITION: absolute; LEFT: 20px } LI.socialConnections H3 { FONT-SIZE: 13px; MARGIN: 0px; LINE-HEIGHT: 1 } LI.socialConnections P { FONT-SIZE: 12px } LI.socialConnections H3 A { COLOR: #000 } LI.socialConnections P A { COLOR: #000 } LI.anotherAccount P A { COLOR: #21acb6 } .confirmation { } #finishLater { FONT-SIZE: 16px; BORDER-TOP: medium none; FONT-FAMILY: "Helvetica Neue", Arial, sans-serif; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #21acb6 1px dotted; FONT-WEIGHT: bold; COLOR: #21acb6; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px; text-shadow: 0 1px 0 rgba(0, 0, 0, .7) } #finishLater:hover { CURSOR: pointer } .cmdiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 1150 !important; PADDING-RIGHT: 0px } .cmdiv { POSITION: absolute; Z-INDEX: 200; DISPLAY: none } .menumini { POSITION: absolute; Z-INDEX: 200; DISPLAY: none } DIV.quickAddPal { POSITION: absolute; Z-INDEX: 200; DISPLAY: none } DIV.keyboardAccess { POSITION: absolute; Z-INDEX: 200; DISPLAY: none } .cmdiv UL { WIDTH: 180px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .nav .sub UL LI A { WORD-WRAP: break-word; WIDTH: 190px; OVERFLOW-X: hidden; OVERFLOW-Y: visible; WORD-BREAK: normal; ZOOM: 1; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } .cmdiv A { WORD-WRAP: break-word; WIDTH: 190px; OVERFLOW-X: hidden; OVERFLOW-Y: visible; WORD-BREAK: normal; ZOOM: 1; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } .menumini A { WORD-WRAP: break-word; WIDTH: 190px; OVERFLOW-X: hidden; OVERFLOW-Y: visible; WORD-BREAK: normal; ZOOM: 1; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } .cmdiv A { WIDTH: auto !important } A.cmimg { ZOOM: 1 } A.cmimg:hover { FILTER: alpha(opacity = 100); opacity: 1 } A.cmimg:focus { FILTER: alpha(opacity = 100); opacity: 1 } A.cmimg IMG { HEIGHT: 14px; WIDTH: 16px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity = 0); MARGIN: 0px; PADDING-RIGHT: 0px; opacity: 0 } .cmdiv LI.contextmenubar_top { WIDTH: 190px; RIGHT: -1px; POSITION: absolute; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; TOP: -20px; PADDING-RIGHT: 0px } .menumini LI.contextmenubar { WIDTH: 190px; RIGHT: -1px; POSITION: absolute; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; TOP: -20px; PADDING-RIGHT: 0px } .providerList { LIST-STYLE-TYPE: disc; LIST-STYLE-POSITION: inside; MARGIN: 1.5em 2em } .providerList LI { MARGIN: 0px } .tooltipContainer { POSITION: relative; DISPLAY: inline-block } .tooltipContainer-bot { POSITION: relative; DISPLAY: inline-block } .tooltip { BOX-SIZING: border-box; WORD-WRAP: break-word; CURSOR: normal; FONT-SIZE: 13px; WIDTH: 170px; BACKGROUND: #fff; POSITION: absolute; FONT-WEIGHT: 400; COLOR: #000 !important; PADDING-BOTTOM: 1.1em; TEXT-ALIGN: center; PADDING-TOP: 0.9em; PADDING-LEFT: 1.2em; FILTER: alpha(opacity = 90); Z-INDEX: 99; DISPLAY: none; LINE-HEIGHT: 1.25; PADDING-RIGHT: 1.2em; opacity: .9; -moz-opacity: .9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: 0 2px 6px rgba(0, 0, 0, .8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none; -khtml-border-radius: 3px } .tooltipContainer:hover .tooltip { LEFT: 50%; MARGIN: 0px 0px 9px -85px; DISPLAY: block; BOTTOM: 100% } .tooltipContainer:focus .tooltip { LEFT: 50%; MARGIN: 0px 0px 9px -85px; DISPLAY: block; BOTTOM: 100% } .tooltipContainer .tooltip:after { FONT-SIZE: 3em; HEIGHT: 0px; WIDTH: 100%; POSITION: absolute; COLOR: #fff !important; TEXT-ALIGN: center; CONTENT: "\25B8"; LEFT: 3px; Z-INDEX: -1; DISPLAY: block; LINE-HEIGHT: 0; BOTTOM: -2px; -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -khtml-transform: rotate(90deg); -webkit-transform: rotate(90deg) } .tooltipContainer-bot .tooltip:after { FONT-SIZE: 3em; HEIGHT: 0px; WIDTH: 100%; POSITION: absolute; COLOR: #fff !important; TEXT-ALIGN: center; CONTENT: "\25B8"; LEFT: 3px; Z-INDEX: -1; DISPLAY: block; LINE-HEIGHT: 0; BOTTOM: -2px; -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -khtml-transform: rotate(90deg); -webkit-transform: rotate(90deg) } .tooltipContainer-bot .tooltip:after { LEFT: -3px; TOP: 0px; BOTTOM: auto; -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); -webkit-transform: rotate(-90deg) } .tooltipContainer-bot:hover .tooltip { LEFT: 50%; MARGIN: 7px 0px 0px -75px; DISPLAY: block; TOP: 100% } .tooltipContainer-bot:focus .tooltip { LEFT: 50%; MARGIN: 7px 0px 0px -75px; DISPLAY: block; TOP: 100% } .data-summary TR:hover .tooltipContainer-bot .tooltip { LEFT: 50%; MARGIN: 7px 0px 0px -75px; DISPLAY: block; TOP: 100% } .data-summary-vert TR:hover .tooltipContainer-bot .tooltip { LEFT: 50%; MARGIN: 7px 0px 0px -75px; DISPLAY: block; TOP: 100% } .data-summary .tooltipContainer-bot { POSITION: absolute; MARGIN-LEFT: -8px; LEFT: 50%; BOTTOM: 3px } .reportSummary .data-summary-container { FLOAT: left; CLEAR: none } .reportSummary .data-summary { POSITION: relative; FLOAT: left; MARGIN: 0px 12px 0px 0px } .reportSummary .data-summary-vert { POSITION: relative; FLOAT: left; MARGIN: 0px 12px 0px 0px } .reportSummary H3 { FONT-WEIGHT: normal; MARGIN: 9px 0px } .reportSummary .data-summary TR { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid; FLOAT: left; MARGIN: 1px 0px 0px -1px; BORDER-LEFT: 1px solid } .reportSummary .data-summary TH { FONT-SIZE: 120%; WIDTH: 100%; FLOAT: left; FONT-WEIGHT: normal; PADDING-BOTTOM: 16px; TEXT-ALIGN: center; PADDING-TOP: 16px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .reportSummary .data-summary TD { FONT-SIZE: 80%; BORDER-TOP: 1px dotted; HEIGHT: 30px; WIDTH: 100%; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 18px; TEXT-ALIGN: center; PADDING-TOP: 5px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .data-summary TABLE { BORDER-TOP: medium none; BORDER-RIGHT: medium none; MIN-WIDTH: 120px; BORDER-BOTTOM: medium none; MIN-HEIGHT: 98px; BORDER-LEFT: medium none } .data-summary-vert TABLE { BOX-SIZING: border-box; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; MIN-WIDTH: 120px; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MIN-HEIGHT: 102px; BORDER-LEFT: 1px solid; DISPLAY: block; PADDING-RIGHT: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .data-summary-vert TH { FONT-SIZE: 120%; VERTICAL-ALIGN: baseline; MIN-WIDTH: 1.5em; PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .data-summary-vert TD { FONT-SIZE: 80%; VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 1px; TEXT-ALIGN: left; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .data-summary TABLE TR:hover { CURSOR: help } .data-summary-vert TABLE TR:hover { CURSOR: help } .runReportContainer { POSITION: relative; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 11px; MARGIN: 0px 0px 20px; TOP: -12px; PADDING-RIGHT: 11px } .previousReports UL { MARGIN: 5px 24px } .previousReports LI { MARGIN: 4px 0px } .previousReports .previousReports linear { BORDER-BOTTOM: 1px dotted; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px; MARGIN-RIGHT: 10px } .reportTitle { BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 10px } .questionDetails .searchResultList-sortOptions { DISPLAY: none } .questionDetails .reportTitle { MARGIN: 10px 0px } .reportTitle H2 { MARGIN: 10px 0px 5px } .reportTitle .actions { FLOAT: right; MARGIN-TOP: -30px } .reportSummary { MARGIN-BOTTOM: 10px; WIDTH: 100%; BORDER-BOTTOM: medium none; POSITION: relative } .questionDetails .reportSummary { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .answerOptions.reportSummary { MARGIN-TOP: 20px } .answerOptions H4 { MARGIN: 20px 0px } .answerOptions TABLE { MAX-WIDTH: 800px; BORDER-COLLAPSE: collapse; MIN-WIDTH: 400px; MARGIN: 20px 0px } .answerOptions TABLE TD { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 5px } .interrogativesTable TD:first-child { WIDTH: 150px } .phraseTable TD:first-child { WIDTH: 150px } .calculatedNumeric TD:first-child { WIDTH: 150px } .questionDetails .reportTable TABLE { BORDER-TOP: 1px solid; HEIGHT: auto; BORDER-RIGHT: 1px solid; MIN-WIDTH: 400px; BORDER-BOTTOM: 1px solid; MARGIN: 10px 0px; BORDER-LEFT: 1px solid } .reportTable TABLE { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid } .questionDetails .reportTable TH { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 10px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 10px } .questionDetails .reportTable TD { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 10px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 10px } .matching TH { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 10px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 10px } .matching TD { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 10px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 10px } .matchingNumber { VERTICAL-ALIGN: top; DISPLAY: inline-block } .orderCanvasWide { WIDTH: 100% } .questionDetails .reportTable TH { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 15px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 15px } .matching TH { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 15px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 15px } .matching .lastOption TD { BORDER-BOTTOM: 4px solid } .reportKey { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 8px; MARGIN: 20px 0px; BORDER-LEFT: 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px } .reportKey H3 { MARGIN: 0px } .reportKey DIV { FONT-WEIGHT: bold; MARGIN: 4px 0px 0px 16px } .ordering TABLE TD IMG { MARGIN: 0px 5px } .calculated { FLOAT: left; CLEAR: both; MARGIN-TOP: 20px } UL.key { WIDTH: 100%; MARGIN: 20px 0px } UL.key LI { WIDTH: auto; FLOAT: left; PADDING-LEFT: 17px; MARGIN-RIGHT: 10px } .smallCell UL { WIDTH: 50px } LI.recommended { HEIGHT: 16px; FLOAT: left; MARGIN: 0px; DISPLAY: block } LI.changed { HEIGHT: 16px; FLOAT: left; MARGIN: 0px; DISPLAY: block } LI.notallgraded { HEIGHT: 16px; FLOAT: left; MARGIN: 0px; DISPLAY: block } .smallCell LI.recommended { WIDTH: 16px } .smallCell LI.changed { WIDTH: 16px } .smallCell LI.notallgraded { WIDTH: 16px } .questionTextId LI.recommended { WIDTH: 16px } .questionTextId LI.changed { WIDTH: 16px } .questionTextId LI.notallgraded { WIDTH: 16px } .smallCell LI.recommended { FLOAT: right } .smallCell LI.changed { FLOAT: right } .smallCell LI.notallgraded { FLOAT: right } LI.recommended { BACKGROUND: url(/images/ci/icons/item_analysis_recommended.png) no-repeat } LI.changed { BACKGROUND: url(/images/ci/icons/item_analysis_changed.png) no-repeat } LI.notallgraded { BACKGROUND: url(/images/ci/icons/item_analysis_allgraded.png) no-repeat } .previousReports A:hover { TEXT-DECORATION: underline } .reportKey H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 10px; PADDING-LEFT: 25px; MARGIN: 0px; PADDING-RIGHT: 0px } .questionFilter DIV DIV { BORDER-RIGHT: 1px solid; FLOAT: left; PADDING-RIGHT: 20px; MARGIN-RIGHT: 20px } .answerBlock { MARGIN-BOTTOM: 20px; WIDTH: 100% } .answerBlock SPAN { WHITE-SPACE: nowrap } .answerValueStyle { OVERFLOW: auto; HEIGHT: 45px; WIDTH: 400px; VERTICAL-ALIGN: top; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } BODY.filePickerWidget { BACKGROUND: url(none) } .filePickerWidget .locationPane { PADDING-BOTTOM: 60px; MARGIN-TOP: 0px } .filePickerWidget .contentBox { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; box-shadow: none; border-radius: 0px } .filePickerWidget #content { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; box-shadow: none; border-radius: 0px } .pathFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-folder.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathSlash { PADDING-LEFT: 5px !important; DISPLAY: inline-block; PADDING-RIGHT: 5px !important } .pathFolder A { TEXT-DECORATION: underline; COLOR: #0c80ac } .pathfolder:before { CONTENT: "after"; MARGIN: 0px 4px } #tabsBar { } .tabsBar { BACKGROUND: #d1eaef; BORDER-BOTTOM: #bbbbbb 1px solid; MIN-HEIGHT: 47px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px } .tabsBar A { TEXT-DECORATION: none } .tabsBar #tabs { HEIGHT: 47px; FLOAT: left; DISPLAY: inline } .tabsBar .tabs { HEIGHT: 47px } .tabsBar .localViewToggle { FLOAT: right; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px } IMG.zoneIcon { MARGIN: 0px 5px } #contentSearch { BACKGROUND: none transparent scroll repeat 0% 0%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px } .contentInput { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f7f7f7; BORDER-BOTTOM: #ccc 1px solid; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 1px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; OUTLINE-COLOR: invert; PADDING-RIGHT: 1px; -webkit-box-shadow: inset 0px 0px 2px 0px #666; -moz-box-shadow: inset 0px 0px 2px 0px #666; box-shadow: inset 0px 0px 2px 0px #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .locationInput { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f7f7f7; BORDER-BOTTOM: #ccc 1px solid; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 1px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; OUTLINE-COLOR: invert; PADDING-RIGHT: 1px; -webkit-box-shadow: inset 0px 0px 2px 0px #666; -moz-box-shadow: inset 0px 0px 2px 0px #666; box-shadow: inset 0px 0px 2px 0px #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #contentSearch .contentInput INPUT[type='text'] { BORDER-TOP: 0px; HEIGHT: 22px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px } .locationInput INPUT[type='text'] { BORDER-TOP: 0px; HEIGHT: 22px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px } #contentSearch .contentInput { MARGIN-LEFT: 10px; MARGIN-RIGHT: 4px } .locationInput { MARGIN-LEFT: 10px; MARGIN-RIGHT: 4px } #contentActions { MARGIN: 0px 0px 10px; DISPLAY: block } #levelUp { MARGIN: 2px 0px } #levelUp BUTTON { CURSOR: pointer; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 7px } #editablePath { OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #e7e7e7; BORDER-BOTTOM: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#ffffff ); BORDER-LEFT: 0px; DISPLAY: inline-block; -webkit-box-shadow: inset 0px 2px 0px 0px #ccc; -moz-box-shadow: inset 0px 2px 0px 0px #ccc; box-shadow: inset 0px 2px 0px 0px #ccc; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px } #quickPath { OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #e7e7e7; BORDER-BOTTOM: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#ffffff ); BORDER-LEFT: 0px; DISPLAY: inline-block; -webkit-box-shadow: inset 0px 2px 0px 0px #ccc; -moz-box-shadow: inset 0px 2px 0px 0px #ccc; box-shadow: inset 0px 2px 0px 0px #ccc; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px } #quickPath { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px } .linkables { WIDTH: 100%; BORDER-SPACING: 5px; DISPLAY: table } .linkables .link { VERTICAL-ALIGN: top; WHITE-SPACE: inherit; DISPLAY: table-cell } .linkables .folder-nav-up { WIDTH: 1% } #quickPath OL LI { MARGIN: 4px 0px; DISPLAY: inline-block } #quickPath OL LI.folderIncluder { MARGIN: 0px } #quickPath OL LI.folderCreator { MARGIN: 0px } .checkmark-btn { HEIGHT: 20px; WIDTH: 22px; VERTICAL-ALIGN: top; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN-LEFT: 10px; PADDING-RIGHT: 0px !important } .mark-inactive.checkmark-btn { BACKGROUND: url(../../../images/cs/icons/include-folder-sprite.png) #fff no-repeat 3px -29px; FILTER: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important } .mark-active.checkmark-btn { BACKGROUND: url(../../../images/cs/icons/include-folder-sprite.png) #fff no-repeat 3px 3px; FILTER: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important; -webkit-box-shadow: inset 0px 0px 2px 1px #999; -moz-box-shadow: inset 0px 0px 2px 1px #999; box-shadow: inset 0px 0px 2px 1px #999 } .linkables .button-5 { CURSOR: pointer; FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #333; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#e7e7e7 ); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; OUTLINE-COLOR: invert; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 #eee } .pressed { BACKGROUND: url(../../../images/ci/icons/diag-thick-bg.png) #fff left top; -webkit-box-shadow: inset 0px 0px 3px 1px #999; -moz-box-shadow: inset 0px 0px 2px 1px #ccc; box-shadow: inset 0px 0px 3px 1px #999 } #storageQuota { FONT-SIZE: 95%; POSITION: relative; COLOR: #666; PADDING-LEFT: 110px; MARGIN-TOP: 8px } #storageQuota STRONG { COLOR: #333 } .quotaGauge { FONT-SIZE: 7px; BORDER-TOP: #333 1px solid; HEIGHT: 7px; BORDER-RIGHT: #333 1px solid; WIDTH: 100px; BORDER-BOTTOM: #333 1px solid; POSITION: absolute; LEFT: 0px; BORDER-LEFT: #333 1px solid; LINE-HEIGHT: 7px; TOP: 3px; BACKGROUND-COLOR: #e7e7e7 } .quotaGauge DIV { HEIGHT: 7px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ADD0, endColorstr=#0189A4 ); LINE-HEIGHT: 7px } UL.dropdown { HEIGHT: 47px; POSITION: relative; -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px } UL.dropdown LI { HEIGHT: 47px; BACKGROUND: none transparent scroll repeat 0% 0%; ZOOM: 1; FLOAT: left; FONT-WEIGHT: bold } UL.dropdown > LI { BORDER-RIGHT: #bbbbbb 1px solid; box-shadow: -1px 0px 0px #EEEEEE inset } UL.dropdown > LI:first-child { BORDER-LEFT: medium none } UL.dropdown > LI:first-child { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px } UL.dropdown > LI:first-child > A { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px } UL.dropdown A:hover { COLOR: #000 } UL.dropdown A:active { COLOR: #ffa500 } UL.dropdown LI A { HEIGHT: 47px; FONT-WEIGHT: normal; COLOR: #01869e; DISPLAY: block; LINE-HEIGHT: 46px } UL.dropdown > LI > A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 32px; PADDING-RIGHT: 32px } UL.dropdown LI:hover UL LI A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 12px } UL.dropdown LI.active { BACKGROUND: #ffffff; BORDER-BOTTOM: #ffffff 1px solid } UL.dropdown LI.active A { FONT-WEIGHT: bold; COLOR: #000000 } UL.dropdown LI#zoneChooser > A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 12px } UL.dropdown LI#uploadType > A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 12px } UL.dropdown LI#zoneChooser > A:after { HEIGHT: 9px; WIDTH: 20px; BACKGROUND-IMAGE: url(../../../images/ci/icons/tab-expand-chevron.png); BACKGROUND-REPEAT: no-repeat; CONTENT: ""; MARGIN-LEFT: 8px; DISPLAY: inline-block } UL.dropdown LI#uploadType > A:after { HEIGHT: 9px; WIDTH: 20px; BACKGROUND-IMAGE: url(../../../images/ci/icons/tab-expand-chevron.png); BACKGROUND-REPEAT: no-repeat; CONTENT: ""; MARGIN-LEFT: 8px; DISPLAY: inline-block } UL.dropdown LI.hover { BACKGROUND: #f6f6f6; POSITION: relative; COLOR: #000000 } UL.dropdown LI:hover { BACKGROUND: #f6f6f6; POSITION: relative; COLOR: #000000 } UL.dropdown > LI.hover { Z-INDEX: 99 } UL.dropdown > LI:hover { Z-INDEX: 99 } UL.dropdown LI.hover A { COLOR: black; Z-INDEX: 999 } UL.dropdown LI.active:hover { BACKGROUND: #ffffff } UL.dropdown UL { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; MIN-WIDTH: 200px; BORDER-BOTTOM: 0px; POSITION: absolute; LEFT: -1px; BORDER-LEFT: #ccc 1px solid; Z-INDEX: 100; TOP: 100%; VISIBILITY: hidden } UL.dropdown > LI:hover > UL { Z-INDEX: 100; TOP: 46px } UL.dropdown > LI:focus > UL { Z-INDEX: 100; TOP: 46px } UL.dropdown UL LI { BACKGROUND: #f6f6f6; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; FLOAT: none; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } UL.dropdown UL LI A { BACKGROUND: none transparent scroll repeat 0% 0% } UL.dropdown LI#uploadType UL LI A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 12px } UL.dropdown UL LI > A.hover { BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } UL.dropdown UL LI > A:hover { BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #uploadEngine { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } #uploadEngine #dataCollectionContainer { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px -10px; PADDING-RIGHT: 0px } #legalAgreement { OVERFLOW: auto; BORDER-TOP: #cccccc 1px solid; HEIGHT: 80%; BORDER-RIGHT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 8px; MARGIN: 15px; BORDER-LEFT: #cccccc 1px solid; PADDING-RIGHT: 8px } #legalButtons { MARGIN-LEFT: 15px; MARGIN-RIGHT: 15px } #cloudSettingsForm .stepcontent .label { MAX-WIDTH: none; WIDTH: 34%; MIN-WIDTH: 0px } #cloudSettingsForm .stepcontent .field { WIDTH: auto } #socialProfileSettings .splashTable TR > TD:first-child { WIDTH: 33% } #cloudSettingsForm .splashTable TR > TD:first-child { WIDTH: 33% } .u_nopad { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .u_nowrap { WHITE-SPACE: nowrap !important } .insideContainer { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } .profileCardAvatarThumb A { } .profileCardAvatarThumb IMG { BORDER-TOP: #ddd 1px solid; HEIGHT: 18px; BORDER-RIGHT: #ddd 1px solid; WIDTH: 18px; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; BORDER-LEFT: #ddd 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .skipLink.hideoff { opacity: 0 } #topNavSkipLink { FONT-SIZE: 10px; COLOR: #fff; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 9px; LEFT: 9px; TOP: -4px; PADDING-RIGHT: 9px; -moz-border-radius: 5px; border-radius: 5px } .skipLink { WIDTH: 140px !important; BACKGROUND: #333; POSITION: absolute; TEXT-TRANSFORM: uppercase; COLOR: #fff; PADDING-BOTTOM: 9px; TEXT-ALIGN: center; PADDING-TOP: 9px; FONT: 10px/1.4 Georgia, serif; PADDING-LEFT: 9px; LEFT: 9px; Z-INDEX: 1000; TOP: 9px; PADDING-RIGHT: 9px; opacity: 1; -moz-border-radius: 5px; border-radius: 5px; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .skipLink:focus { OUTLINE-WIDTH: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert } DIV.skipLink { OVERFLOW: visible; HEIGHT: 0px; WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 10000; PADDING-RIGHT: 0px } .abutton { TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .abutton:hover { CURSOR: pointer } .hideoff { OVERFLOW: hidden; HEIGHT: 1px; WIDTH: 1px; POSITION: absolute; LEFT: -10000px; TOP: -1000px } [tabindex='0'].hideoff { TOP: auto } .fileInputWrapper { OVERFLOW: hidden; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; MARGIN-RIGHT: 9px } .fileInputWrapper INPUT.hiddenInput { FONT-SIZE: 210%; RIGHT: 0px; POSITION: absolute; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=0); Z-INDEX: 2; TOP: 0px; PADDING-RIGHT: 0px; opacity: 0 } .fileInputWrapper INPUT[type='file'] { FILTER: alpha(opacity=0) !important } .fileInputWrapper INPUT.visibleInput { RIGHT: 0px; POSITION: relative; Z-INDEX: 1; TOP: 0px } .hideme { DISPLAY: none !important } .hidden { DISPLAY: none } .clearfloats { CLEAR: both } .containerTabs LI A { CURSOR: pointer } .containerTabs LI.active A { CURSOR: default } .questionShell { WIDTH: 100% } .quesTable { WIDTH: 100% } .questionShell TD { VERTICAL-ALIGN: top; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .questionShell TH { VERTICAL-ALIGN: top; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .questionShell TH.labelCell { WIDTH: 17% } .questionShell .labelCell { WIDTH: 17% } .questionShell TD.valueCell { WIDTH: 83% } .questionShell .correctAnswer { WIDTH: 2% } .questionShell .field { WIDTH: 95%; POSITION: relative; FLOAT: none; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 24px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 12px } .questionShell .field IMG:first-child { POSITION: absolute; LEFT: 0px; TOP: 5px } .questionShell .field .vtbegenerated IMG { POSITION: relative; LEFT: auto; TOP: auto } .questionShell .vtbegenerated { DISPLAY: inline-block !important } .questionShell TD.valueCell TABLE .vtbegenerated { DISPLAY: inline-block !important } .answer-label { FLOAT: left; MARGIN: 5px 5px 5px 0px } .answer-table .answer-label { MARGIN-TOP: 0px } .answer-table TH { VERTICAL-ALIGN: top } .answer-table TD { VERTICAL-ALIGN: top } .relativeQuestionImageFormat { POSITION: relative !important } .inlineContextMenu A.browse { BORDER-TOP: #888 1px solid; BORDER-RIGHT: #888 1px solid; BORDER-BOTTOM: #888 1px solid; WORD-BREAK: normal; FONT-WEIGHT: normal; BORDER-LEFT: #888 1px solid; DISPLAY: inline-block; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset } .contentList .details .contextItemDetailsHeaders { FONT-SIZE: inherit; BACKGROUND: none transparent scroll repeat 0% 0%; WORD-BREAK: normal; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } .contextItemDetailsHeaders > .detailsValue { MARGIN: 0px 0px 0px 10px; DISPLAY: inline-block }

@font-face { font-family: Utilicons; src: url(fonts/utilicons/utilicons-web-webfont.eot); } @font-face { font-family: Avenir; src: url(fonts/avenir/AvenirLTStd-Book.otf); } @font-face { font-family: Avenir; src: url(fonts/avenir/AvenirLTStd-Medium.otf); } HTML { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } BODY { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SPAN { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } APPLET { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } OBJECT { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } IFRAME { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H1 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H2 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H3 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H4 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H5 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H6 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } P { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } BLOCKQUOTE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } PRE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } A { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } ABBR { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } ACRONYM { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } ADDRESS { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } BIG { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } CITE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } CODE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DEL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DFN { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } EM { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } IMG { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } INS { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } KBD { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } Q { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } S { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SAMP { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SMALL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } STRIKE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } STRONG { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SUB { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SUP { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } TT { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } VAR { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DT { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DD { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } OL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } UL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } LI { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } FIELDSET { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } FORM { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } LABEL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } LEGEND { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } CAPTION { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } TABLE { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TBODY { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TFOOT { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } THEAD { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TR { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TH { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TD { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } FONT { BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } BODY { BACKGROUND: #fff } OL { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } UL { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } TABLE { BORDER-COLLAPSE: collapse } TH { FONT-WEIGHT: normal } CAPTION { TEXT-ALIGN: left } TH { TEXT-ALIGN: left } TD { TEXT-ALIGN: left } BLOCKQUOTE:before { CONTENT: "" } BLOCKQUOTE:after { CONTENT: "" } Q:before { CONTENT: "" } Q:after { CONTENT: "" } BLOCKQUOTE { QUOTES: "" "" } Q { QUOTES: "" "" } INPUT { FONT-SIZE: 100%; FONT-FAMILY: inherit; VERTICAL-ALIGN: middle; FONT-WEIGHT: inherit; FONT-STYLE: inherit } BUTTON { FONT-SIZE: 100%; FONT-FAMILY: inherit; VERTICAL-ALIGN: middle; FONT-WEIGHT: inherit; FONT-STYLE: inherit } SELECT { FONT-SIZE: 100%; FONT-FAMILY: inherit; VERTICAL-ALIGN: middle; FONT-WEIGHT: inherit; FONT-STYLE: inherit } .field SELECT { MAX-WIDTH: 100% } .noLabelField SELECT { MAX-WIDTH: 100% } .field SELECT#filterQueryCondition { MAX-WIDTH: 300px; MIN-HEIGHT: 75px } .vtbegenerated { BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: auto; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; PADDING-RIGHT: 0px !important } .vtbegenerated IMG { FILTER: alpha(opacity=auto) !important; opacity: auto } .vtbegenerated UL { LIST-STYLE-TYPE: disc; PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated MENU { LIST-STYLE-TYPE: disc; PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated DIR { LIST-STYLE-TYPE: disc; PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated UL LI { LIST-STYLE-TYPE: inherit } .vtbegenerated OL { LIST-STYLE-TYPE: decimal; PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated OL LI { LIST-STYLE-TYPE: inherit } .vtbegenerated LI { LIST-STYLE-POSITION: outside; DISPLAY: list-item } .vtbegenerated UL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated UL UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated MENU UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated DIR UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated OL MENU { LIST-STYLE-TYPE: circle } .vtbegenerated UL MENU { LIST-STYLE-TYPE: circle } .vtbegenerated MENU MENU { LIST-STYLE-TYPE: circle } .vtbegenerated DIR MENU { LIST-STYLE-TYPE: circle } .vtbegenerated OL DIR { LIST-STYLE-TYPE: circle } .vtbegenerated UL DIR { LIST-STYLE-TYPE: circle } .vtbegenerated MENU DIR { LIST-STYLE-TYPE: circle } .vtbegenerated DIR DIR { LIST-STYLE-TYPE: circle } .vtbegenerated OL OL UL { LIST-STYLE-TYPE: square } .vtbegenerated OL UL UL { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated OL OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL OL UL { LIST-STYLE-TYPE: square } .vtbegenerated UL UL UL { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated UL OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL[type=circle] LI { LIST-STYLE-TYPE: circle } .vtbegenerated UL[type=disc] LI { LIST-STYLE-TYPE: disc } .vtbegenerated UL[type=square] LI { LIST-STYLE-TYPE: square } .vtbegenerated TABLE { BORDER-COLLAPSE: separate } .vtbegenerated BLOCKQUOTE { MARGIN: 1em 24px } .vtbegenerated CAPTION { TEXT-ALIGN: center } .inventory .vtbegenerated CAPTION { TEXT-ALIGN: center } .inlineVtbegenerated { DISPLAY: inline } TD[align='center'] { TEXT-ALIGN: center !important } TR[align='center'] { TEXT-ALIGN: center !important } .altHideoff1 { OVERFLOW: hidden; HEIGHT: 1px; WIDTH: 1px; POSITION: absolute; LEFT: -10000px } .boldme { FONT-WEIGHT: bold } .u_inlineStack { VERTICAL-ALIGN: top; ZOOM: 1; DISPLAY: inline-block } .u_inlineStackWrapper > LI { VERTICAL-ALIGN: top; ZOOM: 1; DISPLAY: inline-block } .u_inlineStackWrapper > DIV { VERTICAL-ALIGN: top; ZOOM: 1; DISPLAY: inline-block } .u_inlineStack SELECT { MAX-WIDTH: 300px } .u_resetFont { FONT-SIZE: 100% } .u_centerAlign { TEXT-ALIGN: center } .u_normalAlign { TEXT-ALIGN: left } .u_floatWrapper-right > DIV { FLOAT: right; MARGIN-LEFT: 5px } .u_floatWrapper-right > LI { FLOAT: right; MARGIN-LEFT: 5px } .u_floatWrapper-left > DIV { FLOAT: left; MARGIN-RIGHT: 5px } .u_floatWrapper-left > LI { FLOAT: left; MARGIN-RIGHT: 5px } .u_floatWrapper-left > LABEL { FLOAT: left; MARGIN-RIGHT: 5px } .u_floatWrapper-left:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .u_floatWrapper-right:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .u_controlsWrapper:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .u_clearFloatsWrapper > DIV { FLOAT: none !important } .u_clearFloatsWrapper > LI { FLOAT: none !important } .u_indent { MARGIN-LEFT: 24px !important } .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 } HTML { HEIGHT: 100% } BODY { HEIGHT: 100%; MIN-WIDTH: 1000px } BODY.topFrame { HEIGHT: 89px; OVERFLOW-Y: hidden } BODY.filePicker { MIN-WIDTH: 400px } BODY.popup { MIN-WIDTH: 100% } .content-system-page { MIN-WIDTH: 780px } BODY.popup DIV.locationPane { WIDTH: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } BODY.csMenuFrame { WIDTH: 100%; MIN-WIDTH: 210px } BODY.popupMenu { WIDTH: 100%; MIN-WIDTH: 210px } IMG { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } H1 { FONT-WEIGHT: bold } H2 { FONT-WEIGHT: bold } H3 { FONT-WEIGHT: bold } H4 { FONT-WEIGHT: bold } H5 { FONT-WEIGHT: bold } H6 { FONT-WEIGHT: bold } STRONG { FONT-WEIGHT: bold } B { FONT-WEIGHT: bold } EM { FONT-STYLE: italic } TABLE.bouncer { WIDTH: 100% } TABLE.bouncer TD { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .brandingImgWrap { OVERFLOW: hidden } .topTabs-compact .bannerImage { DISPLAY: none } .topTabs-compact .brandingImgWrap { DISPLAY: none } .topTabs { OVERFLOW-Y: hidden; POSITION: relative } .topTabs-compact { POSITION: relative } .topTabs .tabWrapper-center .appTabs { MARGIN: 0px auto } .topTabs-compact .tabWrapper-center .appTabs { MARGIN: 0px auto } .topTabs .tabWrapper-right .appTabs { FLOAT: right } .topTabs-compact .tabWrapper-right .appTabs { FLOAT: right } .breadcrumbs { POSITION: relative } .locationPane { OVERFLOW: visible; MIN-WIDTH: 100%; POSITION: relative; ZOOM: 1; DISPLAY: inline-block } .navigationPane { OVERFLOW: visible; WIDTH: 200px; POSITION: absolute; ZOOM: 1; CLEAR: both; LEFT: 0px; TOP: 0px } .menuWrap { POSITION: relative; ZOOM: 1 } .contentPane { OVERFLOW: visible; MIN-WIDTH: auto; ZOOM: 1; MARGIN: 0px 14px 0px 212px; DISPLAY: block } #puller { POSITION: absolute; Z-INDEX: 3 } #puller A { HEIGHT: 30px; WIDTH: 15px; BACKGROUND: #ccc; DISPLAY: block } .contcollapsed { MARGIN-LEFT: 15px } .content { MIN-WIDTH: auto; ZOOM: 1; MIN-HEIGHT: 400px; DISPLAY: block } .container { MIN-WIDTH: auto; ZOOM: 1; MIN-HEIGHT: 400px; DISPLAY: block } .containerPortal { MIN-WIDTH: auto; ZOOM: 1; MIN-HEIGHT: 400px; DISPLAY: block } .popup .container { MIN-HEIGHT: 400px } .container { OVERFLOW: visible } .containerOptions { OVERFLOW: visible } .column-1 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } .column-2 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } .column-3 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } .column-4 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } column-5 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } .column-1 { WIDTH: 100% } .column-2 { WIDTH: 50% } .column-3 { WIDTH: 33.3% } .column-4 { WIDTH: 25% } .column-5 { WIDTH: 20% } #lightbox .column-3 { MARGIN: 0px; MIN-HEIGHT: 200px !important } #lightbox .column-2 { MARGIN: 0px; MIN-HEIGHT: 200px !important } INPUT[type='submit'].submit { FONT-WEIGHT: bold } .mainButton A { FONT-WEIGHT: bold } .actionBarMicro .mainButton A { FONT-WEIGHT: bold } .rumble .mainButton > A { FONT-WEIGHT: bold } .rumble_top .mainButton > A { FONT-WEIGHT: bold } .button-1 { FONT-WEIGHT: bold } .button-1-img { FONT-WEIGHT: bold } .modeSwitchWrap { RIGHT: 0px; LEFT: auto; TOP: 6px } .modeSwitchWrap DIV { VERTICAL-ALIGN: middle; DISPLAY: inline-block } .modeSwitch { OVERFLOW: hidden; POSITION: relative; DISPLAY: block } .read-on { MARGIN-RIGHT: 0px } A.read-off IMG { POSITION: absolute; LEFT: 0px; BOTTOM: 0px } A.read-on IMG { RIGHT: 0px; POSITION: absolute; BOTTOM: 0px } .switcherLabel { VERTICAL-ALIGN: middle; DISPLAY: inline-block } .helpLink { POSITION: relative; TOP: 1px } .helpLink A.browseIcon { DISPLAY: inline-block } .vtbeSwitch { POSITION: relative; FLOAT: right } .vtbeSwitch SPAN { DISPLAY: inline-block } A.colorChip { DISPLAY: inline-block } A.colorChip SPAN { DISPLAY: inline-block } INPUT[type='button'] { } INPUT[type='submit'] { } BUTTON { } FORM#content { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none } .reorder { CURSOR: move; POSITION: absolute } .contextMenuContainer { ZOOM: 1 } .gbtable .contextMenuContainer { DISPLAY: inline } .gbtable_header .contextMenuContainer { DISPLAY: inline } .gbtable_header TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 2px !important; BORDER-LEFT: 0px; PADDING-RIGHT: 1px !important } .gbtable THEAD TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 2px !important; BORDER-LEFT: 0px; PADDING-RIGHT: 1px !important } A.cmimg { ZOOM: 1 } HTML { FONT: 300 0.78em "Arial", Lucida Grande, sans-serif } H1 { FONT-SIZE: 148% } H2 { FONT-SIZE: 123.1% } H3 { FONT-SIZE: 110% } H1 { MARGIN: 1em 0px } H2 { MARGIN: 1em 0px } H3 { MARGIN: 1em 0px } A { TEXT-DECORATION: none; COLOR: #b00 } A:focus { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #000 } .vtbegenerated A { TEXT-DECORATION: underline } TABLE { FONT-SIZE: 100% } THEAD TH { FONT-WEIGHT: bold } #contentFrame { BACKGROUND: url(images/bblearn_2011_bg.png) #efede3 0px -5px } #schemePreview { BACKGROUND: url(images/bblearn_2011_bg.png) #efede3 0px -5px } BODY { BACKGROUND: url(images/bblearn_2011_bg.png) #efede3 0px -5px } BODY.topFrame { BACKGROUND: #f7f7f7 } BODY.login-page { POSITION: relative; MIN-HEIGHT: 800px } BODY.popup { BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } BODY.csMenuFrame { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #eee; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-box-shadow: -1px 0 1px #F9F9F9 inset; -moz-box-shadow: -1px 0 1px #F9F9F9 inset; -webkit-border-radius: 0; -moz-border-radius: 0 } BODY.popupMenu { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #eee; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-box-shadow: -1px 0 1px #F9F9F9 inset; -moz-box-shadow: -1px 0 1px #F9F9F9 inset; -webkit-border-radius: 0; -moz-border-radius: 0 } .csMenuFrame { FONT-SIZE: 95% } BODY.external-breadcrumbs { BACKGROUND-IMAGE: none } BODY.picker { BACKGROUND: #fff; MIN-WIDTH: 400px } .breadcrumbs { BORDER-TOP: 0px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; MARGIN: 0px 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px } .locationPane { MARGIN-TOP: 12px } BODY.picker .locationPane { MARGIN: 0px; DISPLAY: block } .csPicker .locationPane { DISPLAY: block } .navigationPane { WIDTH: 210px; LEFT: 0px; MARGIN: 0px; TOP: 0px; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .menuWrap { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #444 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px; BORDER-LEFT: #999 0px solid; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .contentPane { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px 0px 222px; PADDING-RIGHT: 0px; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .contentPaneWide { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px; PADDING-RIGHT: 0px } .portalPane { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px; PADDING-RIGHT: 0px } .popup .contentPaneWide { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .picker .contentPaneWide { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .container { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .course-tools-page #listContainer { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .picker .container { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } .popup .container { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } #puller { RIGHT: -8px; POSITION: absolute; Z-INDEX: 3; TOP: -1px; BOTTOM: 1px; -moz-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #puller A { OVERFLOW: visible; BORDER-TOP: #777 1px solid; HEIGHT: 100%; BORDER-RIGHT: #777 1px solid; WIDTH: 8px; BACKGROUND: url(images/reorder_bg.png) #bbb repeat-y; BORDER-BOTTOM: #777 1px solid; POSITION: relative; FILTER: alpha(opacity=0); BORDER-LEFT: 0px; opacity: 0; box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } .menuWrap:hover #puller A { FILTER: alpha(opacity=100); opacity: 1; -moz-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .menuWrap:focus #puller A { FILTER: alpha(opacity=100); opacity: 1; -moz-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #puller A:after { FONT-SIZE: 180%; BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; RIGHT: -30px; BORDER-BOTTOM: #666 1px solid; POSITION: absolute; COLOR: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; CONTENT: "\2190"; PADDING-LEFT: 1px; FILTER: alpha(opacity=0) !important; BORDER-LEFT: #666 0px solid; DISPLAY: none !important; LINE-HEIGHT: 1; TOP: 200px; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #777; opacity: 0; border-radius: 0 12px 12px 0; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out } .pullcollapsed#puller A { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #00add0; opacity: 1 } #puller A:hover { BACKGROUND-COLOR: #777 } #puller A:focus { BACKGROUND-COLOR: #777 } #puller A IMG { HEIGHT: 24px; WIDTH: 12px; BACKGROUND: url(images/menu_expand_rtl.gif) no-repeat 0px 0px; RIGHT: -9px; POSITION: relative; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 1px; FILTER: alpha(opacity=0)\9; TOP: 200px; PADDING-RIGHT: 6px } .pullcollapsed#puller A:hover { BACKGROUND-COLOR: #777; -moz-transition: background-color 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: background-color 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .pullcollapsed#puller A:focus { BACKGROUND-COLOR: #777; -moz-transition: background-color 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: background-color 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .pullcollapsed#puller A:after { CONTENT: "\2192"; opacity: 0 } .pullcollapsed#puller A:hover:after { opacity: 1 } #puller A:hover:after { opacity: 1 } .pullcollapsed#puller A:focus:after { opacity: 1 } #puller A:focus:after { opacity: 1 } .pullcollapsed#puller A:hover IMG { FILTER: alpha(opacity=100) } .pullcollapsed#puller A:focus IMG { FILTER: alpha(opacity=100) } #puller A:hover IMG { FILTER: alpha(opacity=100) } #puller A:focus IMG { FILTER: alpha(opacity=100) } .pullcollapsed#puller A:hover IMG { BACKGROUND: url(images/menu_collapse_rtl.gif) no-repeat 0px 0px } .pullcollapsed#puller A:focus IMG { BACKGROUND: url(images/menu_collapse_rtl.gif) no-repeat 0px 0px } .navcollapsed { MARGIN-LEFT: -210px; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .pullcollapsed#puller { RIGHT: -10px; opacity: 1; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .navcollapsed .menuWrap { DISPLAY: block !important } .contcollapsed { MARGIN-LEFT: 12px; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #topFrame { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 0px; COLOR: #ccc; BACKGROUND-COLOR: #555 } .bgBanner { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 0px; COLOR: #ccc; BACKGROUND-COLOR: #555 } .brandingImgWrap { HEIGHT: 46px } .brandingImgWrap A { MARGIN: 8px 12px 0px; DISPLAY: inline-block } .bannerImage { MAX-HEIGHT: 35px } .topTabs-compact .bannerImage { DISPLAY: none } .topTabs-compact .brandingImgWrap { DISPLAY: none } .topTabs-compact .hotItems { DISPLAY: none } .topTabs { HEIGHT: 89px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #555; -webkit-box-shadow: 0 -6px 17px #333 inset; -moz-box-shadow: 0 -6px 17px #333 inset; box-shadow: 0 -6px 17px #333 inset } .topTabs-compact { HEIGHT: 52px } .tabWrapper-left { WIDTH: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 28px; PADDING-RIGHT: 28px } .tabWrapper-center { WIDTH: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 28px; PADDING-RIGHT: 28px } .tabWrapper-right { WIDTH: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 28px; PADDING-RIGHT: 28px } .appTabs { WIDTH: auto; POSITION: relative } .topTabs-compact .tabWrapper-left { PADDING-TOP: 24px } .topTabs-compact .tabWrapper-center { PADDING-TOP: 24px } .topTabs-compact .tabWrapper-right { PADDING-TOP: 24px } #topTab { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-TOP: transparent 1px solid; FONT-FAMILY: "Avenir", Arial, sans-serif; BORDER-RIGHT: transparent 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: transparent 0px solid; POSITION: relative; FONT-WEIGHT: normal; COLOR: #efefef; PADDING-BOTTOM: 19px; FONT-STYLE: normal; TEXT-ALIGN: center; PADDING-TOP: 10px; PADDING-LEFT: 1.2em; BORDER-LEFT: transparent 1px solid; Z-INDEX: 100; DISPLAY: block; PADDING-RIGHT: 1.2em; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .appTabs A { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-TOP: transparent 1px solid; FONT-FAMILY: "Avenir", Arial, sans-serif; BORDER-RIGHT: transparent 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: transparent 0px solid; POSITION: relative; FONT-WEIGHT: normal; COLOR: #efefef; PADDING-BOTTOM: 19px; FONT-STYLE: normal; TEXT-ALIGN: center; PADDING-TOP: 10px; PADDING-LEFT: 1.2em; BORDER-LEFT: transparent 1px solid; Z-INDEX: 100; DISPLAY: block; PADDING-RIGHT: 1.2em; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .appTabs A SPAN { BORDER-BOTTOM: transparent 1px dotted; PADDING-BOTTOM: 1px } .topTabs-compact .appTabs A SPAN { PADDING-BOTTOM: 0px } .appTabs A:hover { COLOR: #fff } .appTabs A:focus { COLOR: #fff } .appTabs A:hover SPAN { BORDER-BOTTOM: #fff 1px double } .appTabs A:focus SPAN { BORDER-BOTTOM: #fff 1px double } #topTabActive { Z-INDEX: 1000 } .appTabs .active A { Z-INDEX: 1000 } .appTabs .active A:hover { Z-INDEX: 1000 } .appTabs .active A:focus { Z-INDEX: 1000 } .appTabs .active A SPAN { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .appTabs .active A:hover SPAN { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .appTabs .active A:focus SPAN { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .appTabs .active .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .appTabs .active A:hover .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .appTabs .active A:focus .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .toppTabs-compact .appTabs .active .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .toppTabs-compact .appTabs .active A:hover .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .toppTabs-compact .appTabs .active A:focus .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .topTabs-compact .appTabs .active .hideoff { BORDER-LEFT-WIDTH: 7px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -7px; BORDER-TOP-WIDTH: 0px } .topTabs-compact .appTabs .active A:hover .hideoff { BORDER-LEFT-WIDTH: 7px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -7px; BORDER-TOP-WIDTH: 0px } .topTabs-compact .appTabs .active A:focus .hideoff { BORDER-LEFT-WIDTH: 7px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -7px; BORDER-TOP-WIDTH: 0px } .topTabs-compact .appTabs A { FONT-SIZE: 95%; PADDING-BOTTOM: 0.7em; PADDING-TOP: 0.4em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em } .topTabs-compact .appTabs .active A:hover { FONT-SIZE: 95%; PADDING-BOTTOM: 0.7em; PADDING-TOP: 0.4em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em } .topTabs-compact .appTabs .active A:focus { FONT-SIZE: 95%; PADDING-BOTTOM: 0.7em; PADDING-TOP: 0.4em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em } .round1 A { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .round2 A { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0 } .topGlobalLinks { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000020,endColorstr=#33000020) } .topGlobalLinks UL { Z-INDEX: 1001 } .topGlobalLinks UL LI { COLOR: #ccc; MARGIN: 0px 0px 0px -4px; DISPLAY: inline-block } .topGlobalLinks UL LI:first-child { MARGIN: 0px } .topGlobalLinks A { OVERFLOW: hidden; BACKGROUND: none transparent scroll repeat 0% 0%; MIN-WIDTH: 18px; COLOR: #ccc; PADDING-BOTTOM: 3px; TEXT-ALIGN: left; PADDING-TOP: 3px; PADDING-LEFT: 5px; DISPLAY: inline-block; PADDING-RIGHT: 5px; TEXT-INDENT: -10000px } .topGlobalLinks A .link-icon { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; BACKGROUND-IMAGE: url(images/utilicons_sprite_rev.png); BACKGROUND-REPEAT: no-repeat; FLOAT: right; DISPLAY: block } .topGlobalLinks .home .link-icon { BACKGROUND-POSITION: -129px 0px } .topGlobalLinks .home:hover .link-icon { BACKGROUND-POSITION: -129px -16px } .topGlobalLinks .home:focus .link-icon { BACKGROUND-POSITION: -129px -16px } .topGlobalLinks .logout .link-icon { DISPLAY: none } .topGlobalLinks .logout { WIDTH: auto !important; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; TEXT-INDENT: 0px } .topGlobalLinks .help .link-icon { BACKGROUND-POSITION: -145px 1px } .topGlobalLinks .help:hover .link-icon { BACKGROUND-POSITION: -145px 1px } .topGlobalLinks .help:focus .link-icon { BACKGROUND-POSITION: -145px 1px } .topGlobalLinks A:hover { COLOR: #eee; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000025,endColorstr=#44000025) } .topGlobalLinks A:focus { COLOR: #eee; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000025,endColorstr=#44000025) } .hotItems { WIDTH: 240px; POSITION: relative; COLOR: #ddd; TEXT-ALIGN: center; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000020,endColorstr=#33000020); MIN-HEIGHT: 28px; MARGIN-RIGHT: 3px } .hotSpots { BOX-SIZING: border-box; OVERFLOW: auto; PADDING-BOTTOM: 5px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; MAX-HEIGHT: 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .hotSpots LI { PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .hotSpots A { TEXT-DECORATION: underline; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ddd; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 6px } .hotSpots LI:after { RIGHT: 1px; POSITION: relative; COLOR: #999; CONTENT: "\2022" } .hotSpots A:hover { COLOR: #eee } .hotSpots A:focus { COLOR: #eee } .path { POSITION: relative; FLOAT: left; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .simplePath { POSITION: relative; FLOAT: left; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .simplePath { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .breadcrumbs .noToggle { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .path LI { VERTICAL-ALIGN: middle; BACKGROUND: url(images/indicators.png) no-repeat 100% 50%; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 12px } .simplePath LI { VERTICAL-ALIGN: middle; BACKGROUND: url(images/indicators.png) no-repeat 100% 50%; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 12px } .path .placeholder { BACKGROUND-IMAGE: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .simplePath .placeholder { BACKGROUND-IMAGE: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .path .label { FONT-WEIGHT: normal; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .simplePath .label { FONT-WEIGHT: normal; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .path A { TEXT-DECORATION: none; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .simplePath A { TEXT-DECORATION: none; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .path A:hover { TEXT-DECORATION: underline; COLOR: #333 } .path A:focus { TEXT-DECORATION: underline; COLOR: #333 } .simplePath A:hover { TEXT-DECORATION: underline; COLOR: #333 } .simplePath A:focus { TEXT-DECORATION: underline; COLOR: #333 } .path .root { BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 13px; PADDING-TOP: 13px; PADDING-LEFT: 0px; MARGIN: -12px 6px -13px 0px; PADDING-RIGHT: 9px } .simplePath .root { BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 13px; PADDING-TOP: 13px; PADDING-LEFT: 0px; MARGIN: -12px 6px -13px 0px; PADDING-RIGHT: 9px } .path .root A { TEXT-DECORATION: none; VERTICAL-ALIGN: baseline; FONT-WEIGHT: bold } .simplePath .root A { TEXT-DECORATION: none; VERTICAL-ALIGN: baseline; FONT-WEIGHT: bold } .path .root A[href*='course_id'] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .simplePath .root A[href*='course_id'] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .path .root A[href*='admin'] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .simplePath .root A[href*='admin'] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .path .root A[href*='tabId='] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .simplePath .root A[href*='tabId='] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .path .root A[href*='course_id']:before { CONTENT: "H" } .simplePath .root A[href*='course_id']:before { CONTENT: "H" } .path .root A[href*='admin']:before { CONTENT: "S" } .simplePath .root A[href*='admin']:before { CONTENT: "S" } .path .root A[href*='tabId=']:before { CONTENT: "m" } .simplePath .root A[href*='tabId=']:before { CONTENT: "m" } .path .button { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 8px 0px 0px; PADDING-RIGHT: 0px } .simplePath .button { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 8px 0px 0px; PADDING-RIGHT: 0px } .path .root A:before { FONT-SIZE: 20px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #aaa; TOP: 1px } .simplePath .root A:before { FONT-SIZE: 20px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #aaa; TOP: 1px } .path .root A:hover:before { COLOR: #888 } .path .root A:focus:before { COLOR: #888 } .simplePath .root A:hover:before { COLOR: #888 } .simplePath .root A:focus:before { COLOR: #888 } .path .button A { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .simplePath .button A { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .path LI.contextPath { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 0; PADDING-RIGHT: 12px } .contextPath > DIV { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; opacity: .6 } .contextPath > DIV:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; opacity: .6 } .contextPath > DIV:focus { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; opacity: .6 } .contextPath:hover > DIV { opacity: 1 } .contextPath:hover > DIV:hover { opacity: 1 } .contextPath:hover > DIV:focus { opacity: 1 } .contextPath A.cmimg { HEIGHT: 16px; VERTICAL-ALIGN: middle; BACKGROUND-POSITION: -28px -124px; DISPLAY: inline-block } .courseArrow A.cmimg { HEIGHT: 16px; VERTICAL-ALIGN: middle; BACKGROUND-POSITION: -28px -124px; DISPLAY: inline-block } .contextPath A.cmimg:hover { BACKGROUND-POSITION: -28px -142px } .contextPath A.cmimg:focus { BACKGROUND-POSITION: -28px -142px } .courseArrow A.cmimg:hover { BACKGROUND-POSITION: -28px -142px } .courseArrow A.cmimg:focus { BACKGROUND-POSITION: -28px -142px } .courseArrow { DISPLAY: inline-block } .courseArrow A { DISPLAY: inline-block } .coursePath:hover .courseArrow { opacity: 1 } .coursePath:focus .courseArrow { opacity: 1 } .banner + .breadcrumbs { MARGIN: 0px; BACKGROUND-COLOR: inherit } .breadcrumb-controls { FLOAT: right } .content { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } #contentArea { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } #schemePreviewBody { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .contentBox { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .popup .contentBox { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .picker .contentBox { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .portal .contentBox { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) } #contentArea { COLOR: #111; MARGIN: 0px } .container { COLOR: #111; MARGIN: 0px } .containerOptions { COLOR: #111; MARGIN: 0px } .containerPortal { COLOR: #111; MARGIN: 0px } .containerPortal { MIN-WIDTH: 600px; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 24px; PADDING-RIGHT: 24px } .portal .container { MIN-WIDTH: 600px; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 24px; PADDING-RIGHT: 24px } .containerOptions .searchbar { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BACKGROUND: #dfdfdf; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 21px; MARGIN: 0px; BORDER-LEFT: #ccc 0px solid; PADDING-RIGHT: 21px; -webkit-box-shadow: 1px 0 0 #FFF inset; -moz-box-shadow: 1px 0 0 #FFF inset; box-shadow: 1px 0 0 #FFF inset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .containerOptions .liveArea { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BACKGROUND: #dfdfdf; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 21px; MARGIN: 0px; BORDER-LEFT: #ccc 0px solid; PADDING-RIGHT: 21px; -webkit-box-shadow: 1px 0 0 #FFF inset; -moz-box-shadow: 1px 0 0 #FFF inset; box-shadow: 1px 0 0 #FFF inset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } #addFolderForm { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BACKGROUND: #dfdfdf; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 21px; MARGIN: 0px; BORDER-LEFT: #ccc 0px solid; PADDING-RIGHT: 21px; -webkit-box-shadow: 1px 0 0 #FFF inset; -moz-box-shadow: 1px 0 0 #FFF inset; box-shadow: 1px 0 0 #FFF inset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } DIV.okContainer { POSITION: relative; PADDING-BOTTOM: 60px } DIV.ok DIV.container { POSITION: relative; PADDING-BOTTOM: 60px } .collabContainer { POSITION: relative; PADDING-BOTTOM: 60px } .column-1 { MARGIN: 6px 0px 0px } .column-2 { MARGIN: 6px 0px 0px } .column-3 { MARGIN: 6px 0px 0px } .column-4 { MARGIN: 6px 0px 0px } .column-5 { MARGIN: 6px 0px 0px } .leftColumn-narrow { OVERFLOW: auto; BORDER-RIGHT: #ccc 3px double; WIDTH: 22%; FLOAT: left; MARGIN: -20px 0px 0px -30px } .picker .leftColumn-narrow { WIDTH: 25%; MARGIN: -12px 0px 0px -20px } .picker #bb-question-discover .leftColumn-narrow { WIDTH: 25%; MARGIN: -12px 0px 0px -20px } .rightColumn-narrow { WIDTH: 22%; FLOAT: right; MARGIN-LEFT: 1% } .rightColumn-wide { WIDTH: 74%; FLOAT: right } .leftColumn-wide { WIDTH: 76%; FLOAT: left; MARGIN-LEFT: -3px; BORDER-LEFT: #ccc 3px double } .picker .leftColumn-wide { WIDTH: 76%; MIN-HEIGHT: 430px; MARGIN-TOP: -12px } .picker #bb-question-discover .leftColumn-wide { WIDTH: 76%; MIN-HEIGHT: 430px; MARGIN-TOP: -12px } .picker .leftColumn-wide H1 { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } #bb-question-discover .leftColumn-wide { WIDTH: 80%; MARGIN: -20px -20px 0px -3px; BORDER-LEFT: #ccc 3px double } #bb-question-discover .leftColumn-wide + .leftColumn-wide { WIDTH: auto; MARGIN: 0px; BORDER-LEFT: medium none } #bb-question-discover .leftColumn-narrow { WIDTH: 24% } .leftColumn-narrow H3 { FONT-SIZE: 100%; POSITION: relative; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; PADDING-RIGHT: 0px } .rightColumn-narrow H3 { FONT-SIZE: 100%; POSITION: relative; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; PADDING-RIGHT: 0px } .leftColumn-narrow H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .rightColumn-narrow H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .columnPalette H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .leftColumn-narrow A.itemHead { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; DISPLAY: block; PADDING-RIGHT: 9px } .rightColumn-narrow A.itemHead { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; DISPLAY: block; PADDING-RIGHT: 9px } A.itemHead { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; DISPLAY: block; PADDING-RIGHT: 9px } .leftColumn-narrow A.itemHead:hover { TEXT-DECORATION: underline } .leftColumn-narrow A.itemHead:focus { TEXT-DECORATION: underline } .rightColumn-narrow A.itemHead:hover { TEXT-DECORATION: underline } .rightColumn-narrow A.itemHead:focus { TEXT-DECORATION: underline } A.itemHead:hover { TEXT-DECORATION: underline } A.itemHead:focus { TEXT-DECORATION: underline } .leftColumn-narrow A.itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 6px 6px } .rightColumn-narrow A.itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 6px 6px } A.itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 6px 6px } .leftColumn-narrow H3.hideoff { MARGIN: 0px } .leftColumn-narrow :first-child.columnPalette { BORDER-TOP: 0px } .paletteGroup { POSITION: relative; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } .columnPalette { POSITION: relative; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } .paletteGroup DIV.columnPalette { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px } .paletteItems { FONT-SIZE: 95%; MARGIN: 0px 0px 4px } .paletteItems LI { POSITION: relative; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px 16px; PADDING-RIGHT: 2px } .paletteItems DIV { MARGIN: 0px 0px 0px 16px } #searchForm .paletteItems LI { MARGIN: 0px 0px 0px 24px } .paletteItems LI A { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; DISPLAY: block; LINE-HEIGHT: 110%; PADDING-RIGHT: 9px } .paletteItems LI LABEL { PADDING-LEFT: 21px; DISPLAY: inline-block } .picker .paletteItems LI LABEL { FONT-SIZE: 94% } .paletteItems LI INPUT[type=checkbox] { POSITION: absolute; LEFT: 0px; TOP: 0px } UL.paletteItems LI INPUT[type=radio] { POSITION: absolute; LEFT: 0px; TOP: 0px } .paletteItems LI:hover { BACKGROUND: #fff } .paletteItems LI:focus { BACKGROUND: #fff } .paletteItems LI A:hover { TEXT-DECORATION: underline } .paletteItems LI A:focus { TEXT-DECORATION: underline } .paletteItems LI.selectedItem { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.selectedItem:hover { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.selectedItem:focus { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.active { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.active:hover { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.active:focus { BACKGROUND: #fff4bf; COLOR: #000 } .columnActions UL LI A { DISPLAY: block } #copyright { FONT-SIZE: 82%; POSITION: relative; COLOR: #555; MARGIN: 16px 0px 0px 9px; DISPLAY: inline-block } .newCopyright { POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 20px; PADDING-LEFT: 60px; MARGIN: 0px 0px 0px 12px; PADDING-RIGHT: 12px } .logo { PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .productTitle { PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .legal { PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .additionalInfo { PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .productTitle { PADDING-BOTTOM: 0px; PADDING-TOP: 9px; PADDING-LEFT: 9px; MIN-HEIGHT: auto; PADDING-RIGHT: 12px } .logo { POSITION: absolute; LEFT: 0px; MARGIN-TOP: -20px } .logo IMG { WIDTH: 45px } .additionalInfo { FLOAT: none } .legal P { MARGIN: 0px; DISPLAY: inline-block } .additionalInfo P { MARGIN: 0px; DISPLAY: inline-block } .additionalInfo P:first-child { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 9px 0px 0px; PADDING-RIGHT: 2px } .additionalInfo P:first-child:after { RIGHT: -1px; POSITION: relative; COLOR: #ccc; CONTENT: "\2022" } .additionalInfo P:first-child A { PADDING-RIGHT: 12px } .additionalInfo P:first-child A:hover { BACKGROUND: url(images/micro_popup.png) no-repeat right 2px } .additionalInfo P:first-child A:focus { BACKGROUND: url(images/micro_popup.png) no-repeat right 2px } .productTitle A { FONT-SIZE: 125%; TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #333; TEXT-ALIGN: right; DISPLAY: block; LINE-HEIGHT: 1.1em } .productTitle A:hover { TEXT-DECORATION: underline } .productTitle A:focus { TEXT-DECORATION: underline } .additionalInfo A:hover { TEXT-DECORATION: underline } .additionalInfo A:focus { TEXT-DECORATION: underline } .copyrightDetailContents { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; WIDTH: 740px; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; COLOR: #fff; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 24px; CLEAR: left; LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 5em; BORDER-LEFT: #555 1px solid; DISPLAY: none; TOP: 0px; PADDING-RIGHT: 24px; BACKGROUND-COLOR: #777; -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4) inset, 2px 2px rgba(255, 255, 255, 0.6); -moz-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4) inset, 2px 2px rgba(255, 255, 255, 0.6); box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4) inset, 2px 2px rgba(255, 255, 255, 0.6); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .productImg { FLOAT: left; MARGIN-TOP: 5px } .copyrightDetailContents UL { FLOAT: left; TEXT-ALIGN: left; MARGIN: 4px 0px 0px 24px } .copyrightDetailContents UL LI SPAN { FONT-WEIGHT: bold } A.closeCopyright { RIGHT: -16px; POSITION: relative; FLOAT: right; TOP: -5px } .contentBlock { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 1em; PADDING-TOP: 0.6em; PADDING-LEFT: 1.4em; MARGIN: 0px 1em 0.6em; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 1.4em } .contentBlock H3 { FONT-SIZE: 110%; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0.4em; MARGIN: 0px 0px 1em; PADDING-RIGHT: 0.4em } .contentBlock UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1.2em; MARGIN: 0px; PADDING-RIGHT: 0px } .contentBlock UL.threeCol { WIDTH: 30%; FLOAT: left } .contentBlock UL.threeCol LI { FONT-SIZE: 90%; BACKGROUND: url(images/indicators.png) no-repeat 0px 3px; FLOAT: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 22px; MARGIN: 0px; PADDING-RIGHT: 0px } .contentBlock UL.threeCol LI A { BACKGROUND-IMAGE: none } .contentBlock UL.threeCol LI A:hover { TEXT-DECORATION: underline } .contentBlock UL.threeCol LI A:focus { TEXT-DECORATION: underline } .contentBlock H3 INPUT { FONT-SIZE: 90%; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #999 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 2px } .contentBlock H3 SELECT { FONT-SIZE: 90%; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #999 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 2px } .contentBlock INPUT { FONT-SIZE: 90%; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #999 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 2px } .contentBlock SELECT { FONT-SIZE: 90%; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #999 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 2px } .contentBlock OL LI INPUT[type='checkbox'] { VERTICAL-ALIGN: middle; MARGIN-RIGHT: 6px } .contentBlock H3 A.browse { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; BORDER-BOTTOM: #aaa 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 3px } .contentBlock A.browse { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; BORDER-BOTTOM: #aaa 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 3px } .contentBlock INPUT.browse { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; BORDER-BOTTOM: #aaa 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 3px } DIV.landingListWrapper { TEXT-ALIGN: center; MARGIN: 1.6em 0px 0px } DIV.landingListWrapper UL.landingList { LIST-STYLE-TYPE: none; WIDTH: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.landingListWrapper UL.landingList-2cols { LIST-STYLE-TYPE: none; WIDTH: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.landingListWrapper UL.landingList LI { WIDTH: 50%; TEXT-ALIGN: left; MARGIN: 0px 0px 1.6em } DIV.landingListWrapper UL.landingList-2cols LI { WIDTH: 45%; FLOAT: left; TEXT-ALIGN: left; MARGIN: 0px 3em 1.6em 0px } DIV.landingListWrapper UL.landingList LI.restart { MARGIN-TOP: -13.6em } DIV.landingListWrapper UL.landingList LI A { TEXT-DECORATION: none } DIV.landingListWrapper UL.landingList-2cols LI A { TEXT-DECORATION: none } DIV.landingListWrapper UL.landingList LI A:hover { TEXT-DECORATION: underline } DIV.landingListWrapper UL.landingList-2cols LI A:hover { TEXT-DECORATION: underline } DIV.landingListWrapper UL.landingList LI A:focus { TEXT-DECORATION: underline } DIV.landingListWrapper UL.landingList-2cols LI A:focus { TEXT-DECORATION: underline } DIV.landingListWrapper UL.landingList LI P { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0.4em; PADDING-LEFT: 1.4em; MARGIN: 0px; PADDING-RIGHT: 0.6em } DIV.landingListWrapper UL.landingList-2cols LI P { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0.4em; PADDING-LEFT: 1.4em; MARGIN: 0px; PADDING-RIGHT: 0.6em } DIV.landingListWrapper UL.landingList LI UL { LIST-STYLE-TYPE: square; MARGIN: 0px 0.4em 0.4em 0.8em } DIV.landingListWrapper UL.landingList LI UL LI { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: left; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.landingListWrapper UL.landingList-2cols LI UL LI { FLOAT: none; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.landingListWrapper UL.landingList LI H3 { FONT-SIZE: 110%; BACKGROUND: url(images/indicators.png) no-repeat 0px 0px; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 1.2em; MARGIN: 0px; PADDING-RIGHT: 1.2em } DIV.landingListWrapper UL.landingList-2cols H3 { FONT-SIZE: 110%; BACKGROUND: url(images/indicators.png) no-repeat 0px 0px; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 1.2em; MARGIN: 0px; PADDING-RIGHT: 1.2em } .containerLanding { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 400px; PADDING-RIGHT: 0px } DIV.landing DIV.container { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 400px; PADDING-RIGHT: 0px } BODY.landingBody DIV.container { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 400px; PADDING-RIGHT: 0px } .inst-email DIV.landing DIV.container { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } DIV.landingPageColumn { FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 1.2em 0px; PADDING-RIGHT: 0px } .twoCol { WIDTH: 49%; MARGIN: 1.2em 0px } .threeCol { WIDTH: 32.5%; MARGIN: 1.2em 0px } .landingPageColumn UL { MARGIN: 0px 0px 0px 30px } .landingPageColumn .outcomesLanding { PADDING-BOTTOM: 0.4em; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .landingPageColumn UL LI { TEXT-ALIGN: left; MARGIN: 0px 0px 2.2em } .inst-email .landingPageColumn UL LI { MARGIN: 0px } .landingPageColumn .outcomesLanding LI { MARGIN: 0px 0px 1.2em } .landingPageColumn UL LI A { TEXT-DECORATION: none } .landingPageColumn UL LI A:hover { TEXT-DECORATION: underline } .landingPageColumn UL LI A:focus { TEXT-DECORATION: underline } .landingPageColumn H3 { FONT-SIZE: 110%; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .landingPageColumn .outcomesLanding LI A { FONT-SIZE: 110%; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .landingPageColumn .outcomesLanding LI H3 { FONT-SIZE: 115%; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .landingPageColumn .outcomesLanding LI A { FONT-SIZE: 100%; FONT-WEIGHT: bold } .landingPageColumn .outcomesLanding LI P { BORDER-TOP: 0px } .landingPageColumn H3 IMG { MARGIN: 0px 0px 0px -12px } .landingPageColumn H3.hiddenlink IMG { POSITION: absolute; LEFT: 1.1em; FILTER: alpha(opacity=40); TOP: 0px; opacity: .4 } .landingPageColumn UL LI UL { LIST-STYLE-TYPE: square; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1.6em; MARGIN: 0px 0.4em 0.4em 0.8em; PADDING-RIGHT: 0px } .landingPageColumn UL LI UL LI { FLOAT: none; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .landingPageColumn UL LI UL LI.more { PADDING-TOP: 3px } .landingPageColumn UL LI UL LI.more A { BACKGROUND: url(images/indicators.png) no-repeat 0px 50%; COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 9px } .landingPageColumn UL LI P { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .landingPageColumn H3.hiddenlink { POSITION: relative; PADDING-BOTTOM: 0.6em; PADDING-TOP: 1em; PADDING-LEFT: 4.2em; PADDING-RIGHT: 1.2em } .landingPageColumn H3.hiddenlink A { TEXT-DECORATION: none; COLOR: #777 } .landingPageColumn H3.hiddenlink A:hover { TEXT-DECORATION: none; COLOR: #777 } .landingPageColumn H3.hiddenlink A:focus { TEXT-DECORATION: none; COLOR: #777 } .subhead_text { FONT-SIZE: 90%; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .list_text { FONT-SIZE: 85%; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 1.3em; PADDING-RIGHT: 2px } .landingPageColumn .outcomesLanding .list_text A { BACKGROUND-IMAGE: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 3px; PADDING-RIGHT: 0px } DIV.datalistScroll { OVERFLOW: auto; BORDER-TOP: #ddd 1px solid; HEIGHT: 360px; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; MARGIN: 0.4em 0px 0.4em 1.4em; BORDER-LEFT: #ddd 1px solid; BACKGROUND-COLOR: white } DIV.datalist { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; MARGIN: 0.4em 0px 0.4em 1.4em; BORDER-LEFT: #ddd 1px solid; BACKGROUND-COLOR: white } DIV.landingPageColumn UL LI UL.datalistScroll { LIST-STYLE-TYPE: none; OVERFLOW: auto; BORDER-TOP: medium none; HEIGHT: 250px; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.4em 0px 0.4em 1.4em; LIST-STYLE-IMAGE: none; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 0px; BACKGROUND-COLOR: white } DIV.landingPageColumn UL LI UL.datalistScroll LI { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND-COLOR: white } DIV.landingPageColumn UL LI UL.datalistScroll LI:hover { BACKGROUND-COLOR: #ffc } DIV.landingPageColumn UL LI UL.datalistScroll LI:focus { BACKGROUND-COLOR: #ffc } DIV.datalist TABLE THEAD TR TH { COLOR: #fff; BACKGROUND-COLOR: #aaa } DIV.datalistScroll TABLE THEAD TR TH { COLOR: #fff; BACKGROUND-COLOR: #aaa } .emptylist { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 6px 0px 0px 1.4em; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 12px; BACKGROUND-COLOR: white } DIV.landingPageColumn UL LI UL.subcaret { LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.4em 0px 0.4em 1.4em; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 0px } DIV.landingPageColumn UL LI UL.subcaret LI { LIST-STYLE-TYPE: none; BORDER-TOP: #ddd 1px solid; BACKGROUND: white; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px; PADDING-RIGHT: 1px } DIV.landingPageColumn UL LI UL.subcaret LI.complete { BACKGROUND: url(/images/ci/icons/workflow_detail_complete_ti.gif) white no-repeat 2px 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 20px; PADDING-RIGHT: 1px } DIV.landingPageColumn UL LI UL.subcaret LI.inprogress { BACKGROUND: url(/images/ci/icons/workflow_detail_active_ti.gif) white no-repeat 2px 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 20px; PADDING-RIGHT: 1px } .iconLegendLabel { FONT-SIZE: 95%; MARGIN: 1px 0px 1px 1.6em } DIV.landingPageColumn UL LI UL.subcaret LI A { TEXT-DECORATION: underline } DIV.landingPageColumn UL LI UL.datalist LI A { TEXT-DECORATION: underline } DIV.landingPageColumn UL LI DIV A { TEXT-DECORATION: underline } DIV.landingPageColumn UL LI TABLE A { TEXT-DECORATION: underline } DIV.landingPageColumn UL LI P A { TEXT-DECORATION: underline } .genericButton { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .genericButtonImg { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .browse { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .browseIcon { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } INPUT[type='submit'].submit { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .rumble A { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .rumble_top A { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .paging A { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .itemHeaderControl A { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .actionMenuButton { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-1 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-1-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-2 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-2-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-3 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-3-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-4 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-4-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .paletteSearch .button-4 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } H3#cs_search + UL DIV:first-child.none .button-4 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .treeContainer .tree LI A.button-4-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .mainButton H2 { FONT-SIZE: 100%; MARGIN: 0px } .secondaryButton H2 { FONT-SIZE: 100%; MARGIN: 0px } #primaryButton { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } INPUT[type='submit'].submit { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .rumble .mainButton > A { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .rumble_top .mainButton > A { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-1 { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-1-img { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } INPUT[type='submit'].submit:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } INPUT[type='submit'].submit:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .rumble .mainButton > A:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .rumble .mainButton > A:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .rumble_top .mainButton > A:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .rumble_top .mainButton > A:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .button-1:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .button-1:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .button-1-img:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .button-1-img:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } #secondaryButton { FONT-SIZE: 105%; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BACKGROUND: #ccc; BORDER-BOTTOM: #333 1px solid; COLOR: #333; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#333333); BORDER-LEFT: #333 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-2 { FONT-SIZE: 105%; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BACKGROUND: #ccc; BORDER-BOTTOM: #333 1px solid; COLOR: #333; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#333333); BORDER-LEFT: #333 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-2-img { FONT-SIZE: 105%; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BACKGROUND: #ccc; BORDER-BOTTOM: #333 1px solid; COLOR: #333; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#333333); BORDER-LEFT: #333 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } #secondaryButton { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .button-2:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .button-2:focus { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .button-2-img:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .button-2-img:focus { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .sub A IMG { MARGIN: -2px -4px 0px 0px } .sub .button-1 IMG { MARGIN: -2px -4px 0px 0px } .sub .button-2 IMG { MARGIN: -2px -4px 0px 0px } .secondaryButton A IMG { MARGIN: -2px -4px 0px 0px } .secondaryButton .button-2 IMG { MARGIN: -2px -4px 0px 0px } .mainButton A { DISPLAY: block } .secondaryButton A { DISPLAY: block } .actionBar .button-1 { DISPLAY: block } .actionBar .button-2 { DISPLAY: block } .mainButton > A { FONT-SIZE: 105%; TEXT-DECORATION: none; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 13px; PADDING-TOP: 12px; PADDING-LEFT: 18px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; DISPLAY: block; PADDING-RIGHT: 18px } .secondaryButton > A { FONT-SIZE: 105%; TEXT-DECORATION: none; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 13px; PADDING-TOP: 12px; PADDING-LEFT: 18px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; DISPLAY: block; PADDING-RIGHT: 18px } .mainButton H2 > A { FONT-SIZE: 105%; TEXT-DECORATION: none; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 13px; PADDING-TOP: 12px; PADDING-LEFT: 18px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; DISPLAY: block; PADDING-RIGHT: 18px } .secondaryButton H2 > A { FONT-SIZE: 105%; TEXT-DECORATION: none; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 13px; PADDING-TOP: 12px; PADDING-LEFT: 18px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; DISPLAY: block; PADDING-RIGHT: 18px } .mainButton > A { BORDER-RIGHT: #595959 1px solid; BORDER-LEFT: transparent 1px solid } .mainButton H2 > A { BORDER-RIGHT: #595959 1px solid; BORDER-LEFT: transparent 1px solid } .secondaryButton > A { BORDER-RIGHT: transparent 1px solid; MARGIN: 0px; BORDER-LEFT: #595959 1px solid } .secondaryButton H2 > A { BORDER-RIGHT: transparent 1px solid; MARGIN: 0px; BORDER-LEFT: #595959 1px solid } .sub.mainButton A { PADDING-RIGHT: 12px } .sub.secondaryButton A { PADDING-RIGHT: 12px } .mainButton H2 > A:hover { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .secondaryButton H2 > A:hover { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } LI.mainButton:hover > A { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .mainButton > A:hover { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .secondaryButton > A:hover { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } LI.mainButton:hover H2 > A { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .mainButton H2 > A:focus { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .secondaryButton H2 > A:focus { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } LI.mainButton:focus > A { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .mainButton > A:focus { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .secondaryButton > A:focus { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } LI.mainButton:focus H2 > A { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .mainButton > A { FONT-WEIGHT: 600 } .actionBar LI:first-child.mainButton H2 > A { PADDING-LEFT: 30px } .actionBar LI:first-child.mainButton > A { PADDING-LEFT: 30px } .popup .actionBar LI:first-child.mainButton H2 > A { PADDING-LEFT: 18px } .popup .actionBar LI:first-child.mainButton > A { PADDING-LEFT: 18px } .picker .actionBar LI:first-child.mainButton H2 > A { PADDING-LEFT: 18px } .picker .actionBar LI:first-child.mainButton > A { PADDING-LEFT: 18px } .genericButton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .genericButtonImg { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } INPUT[type='submit'].genericButton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .browse { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .browseIcon { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble H3 + UL > LI > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble H3 + UL > LI > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble_top H3 + UL > LI > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble_top H3 + UL > LI > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .paging A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .itemHeaderControl > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .actionMenuButton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .button-3 { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .button-3-img { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .button-4 { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .button-4-img { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #toolsSearchBox + .button-4 { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .treeContainer .tree LI A.button-4-img { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble_top A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble .abutton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble_top .abutton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .containerOptions INPUT.genericButton { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT[type='submit'].genericButton { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT.button-1 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT.button-2 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT.button-3 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT.button-4 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions .browse { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT[type='submit'].button-1 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } INPUT[type='text'] + INPUT[type='submit'] { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } INPUT[type='text'] + INPUT[type='submit'].submit { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } INPUT[type='button'].genericButton { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .genericButtonImg { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .button-3-img { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .button-4-img { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .itemHeaderControl A { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .browseIcon { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .treeContainer .tree LI A.button-4-img { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .genericButtonImg { DISPLAY: inline-block !important } INPUT[type='submit'].genericButton { FONT-WEIGHT: bold } .button-3 { FONT-WEIGHT: bold } .searchbar INPUT[type='submit'].genericButton { FONT-WEIGHT: normal } INPUT[type='button'][disabled] { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; COLOR: #999; BORDER-BOTTOM-COLOR: #ccc; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0,endColorstr=#f0f0f0); BORDER-RIGHT-COLOR: #ccc; box-shadow: 0 } INPUT[type='button'][disabled]:hover { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; COLOR: #999; BORDER-BOTTOM-COLOR: #ccc; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0,endColorstr=#f0f0f0); BORDER-RIGHT-COLOR: #ccc; box-shadow: 0 } .u_reverseAlign#editGradeActionList A.genericButton { MARGIN-BOTTOM: 5px; DISPLAY: inline-block } .genericButton:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .genericButton:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .genericButtonImg:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .genericButtonImg:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .browse:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .browse:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .browseIcon:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .browseIcon:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } INPUT[type='submit'].genericButton:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } INPUT[type='submit'].genericButton:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble H3 + UL > LI > A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble H3 + UL > LI > A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble_top H3 + UL > LI > A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble_top H3 + UL > LI > A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .paging A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .paging A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .itemHeaderControl A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .itemHeaderControl A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .actionMenuButton:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .actionMenuButton:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-3:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-3:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-3-img:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-3-img:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4-img:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4-img:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .navPaletteContent UL LI:first-child .paletteSearch .button-4:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .navPaletteContent UL LI:first-child .paletteSearch .button-4:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } H3#cs_search + UL DIV:first-child.none .button-4:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } H3#cs_search + UL DIV:first-child.none .button-4:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } #toolsSearchBox + .button-4:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } #toolsSearchBox + .button-4:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .treeContainer .tree LI A.button-4-img:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .treeContainer .tree LI A.button-4-img:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble_top A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble_top A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4-img.contextArrow:hover { box-shadow: none } .button-4-img.contextArrow:focus { box-shadow: none } .paletteSearch .button-4:hover { BACKGROUND-IMAGE: none } .paletteSearch .button-4:focus { BACKGROUND-IMAGE: none } .button-5 { TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: white; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0.4em; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 0.4em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .button-5-img { TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: white; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0.4em; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 0.4em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .button-5:hover { BACKGROUND: #ededed; COLOR: black } .button-5-img:hover { BACKGROUND: #ededed; COLOR: black } .button-6 { TEXT-DECORATION: none } .mainButton A.disabled { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .mainButton A.disabled:hover { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .secondaryButton A.disabled:hover { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .mainButton A.disabled:focus { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .secondaryButton A.disabled:focus { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .rumble A { DISPLAY: block } .rumble_top A { DISPLAY: block } .rumble .sub A IMG { MARGIN: -2px -1px 0px 3px } .rumble_top .sub A IMG { MARGIN: -2px -1px 0px 3px } .paging A { DISPLAY: inline-block } .rumble_top .inventory_paging .gotolink { DISPLAY: inline-block } .rumble .inventory_paging .gotolink { DISPLAY: inline-block } .listItemSelect { BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #555; MARGIN: 0px } #threadArea .listItemSelect { MARGIN: 0px } .rumble_top .listItemSelect { PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 32px; MARGIN: 0px 0px 4px; PADDING-RIGHT: 0px } .rumble .listItemSelect { PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 32px; MARGIN: 4px 0px 0px; PADDING-RIGHT: 0px } .rumble .listItemSelect A { TEXT-DECORATION: underline; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; COLOR: #b00; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 3px; MARGIN: 0px; BORDER-LEFT: medium none; DISPLAY: inline; PADDING-RIGHT: 3px } .rumble_top .listItemSelect A { TEXT-DECORATION: underline; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; COLOR: #b00; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 3px; MARGIN: 0px; BORDER-LEFT: medium none; DISPLAY: inline; PADDING-RIGHT: 3px } .rumble .listItemSelect A:hover { TEXT-DECORATION: none } .rumble_top .listItemSelect A:hover { TEXT-DECORATION: none } .listItemSelect LABEL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; BORDER-LEFT: #999 1px dotted; DISPLAY: inline; PADDING-RIGHT: 6px } .listItemSelect SELECT { FONT-SIZE: 95% } INPUT.calcButton { WIDTH: 2em; MARGIN: 2px 0px; DISPLAY: inline-block } INPUT#width { WIDTH: 5em } INPUT#height { WIDTH: 5em } SELECT#border { WIDTH: 5em } SELECT#controls { WIDTH: 5em } .smallControls INPUT[type='text'].width { WIDTH: 5em } .smallControls INPUT[type='text'].height { WIDTH: 5em } .smallControls SELECT.quality { WIDTH: auto } .smallControls SELECT.controls { WIDTH: auto } .smallControls SELECT.border { WIDTH: auto } .actionBarMicro .mainButton > A { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; LINE-HEIGHT: 1; PADDING-RIGHT: 6px } .actionBarMicro .secondaryButton > A { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; LINE-HEIGHT: 1; PADDING-RIGHT: 6px } .actionBarMicro .mainButton A IMG { MARGIN: 0px } .actionBarMicro .secondaryButton A IMG { MARGIN: 0px } .actionBarMicro A SPAN IMG { VISIBILITY: hidden } .actionBar A SPAN IMG { VISIBILITY: hidden } .actionBarMicro .access-reorder { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0 } .actionBarMicro A SPAN { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; VERTICAL-ALIGN: bottom; BACKGROUND-IMAGE: url(images/utilicons_sprite_rev.png); BACKGROUND-REPEAT: no-repeat; DISPLAY: inline-block; LINE-HEIGHT: 0 } .actionBar A SPAN { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; VERTICAL-ALIGN: bottom; BACKGROUND-IMAGE: url(images/utilicons_sprite_rev.png); BACKGROUND-REPEAT: no-repeat; DISPLAY: inline-block; LINE-HEIGHT: 0 } .actionBarMicro #quickViewLink A SPAN { BACKGROUND-POSITION: 0px 0px } .actionBarMicro #shortcutView A SPAN { BACKGROUND-POSITION: 0px 0px } .actionBarMicro #quickViewLink A:hover SPAN { BACKGROUND-POSITION: 0px -16px } .actionBarMicro .active#quickViewLink A SPAN { BACKGROUND-POSITION: 0px -16px } .actionBarMicro #shortcutView A:hover SPAN { BACKGROUND-POSITION: 0px -16px } .actionBarMicro .active#shortcutView A SPAN { BACKGROUND-POSITION: 0px -16px } .actionBarMicro #addCmItem > A SPAN { BACKGROUND-POSITION: -16px 0px } .actionBarMicro #detailViewLink2 UL LI A { WIDTH: 90px } .actionBarMicro #addCmItem:hover > A SPAN { BACKGROUND-POSITION: -16px -16px } .actionBarMicro .active#addCmItem > A SPAN { BACKGROUND-POSITION: -16px -16px } .actionBarMicro #detailViewLink A SPAN { BACKGROUND-POSITION: -32px 0px } .actionBarMicro #detailViewLink2 A SPAN { BACKGROUND-POSITION: -32px 0px } .actionBarMicro #folderView A SPAN { BACKGROUND-POSITION: -32px 0px } .actionBarMicro #detailViewLink A:hover SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro #detailViewLink2 A:hover SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro .active#detailViewLink A SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro .active#detailViewLink2 A SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro #folderView A:hover SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro .active#folderView A SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro #courseMapButton A SPAN { BACKGROUND-POSITION: -48px 0px } .actionBarMicro #courseMapButton A:hover SPAN { BACKGROUND-POSITION: -48px -16px } .actionBarMicro .active#courseMapButton A SPAN { BACKGROUND-POSITION: -48px -16px } .actionBarMicro #refreshMenuLink A SPAN { BACKGROUND-POSITION: -64px 0px } .actionBarMicro #refreshView A SPAN { BACKGROUND-POSITION: -64px 0px } .actionBarMicro #refreshMenuLink A:hover SPAN { BACKGROUND-POSITION: -64px -16px } .actionBarMicro .active#refreshMenuLink A SPAN { BACKGROUND-POSITION: -64px -16px } .actionBarMicro #refreshView A:hover SPAN { BACKGROUND-POSITION: -64px -16px } .actionBarMicro .active#refreshView A SPAN { BACKGROUND-POSITION: -64px -16px } A.access-reorder SPAN { BACKGROUND-POSITION: -80px 0px } A.access-reorder:hover SPAN { BACKGROUND-POSITION: -80px -16px } A.active.access-reorder SPAN { BACKGROUND-POSITION: -80px -16px } .actionBar .sub A .chevron { BACKGROUND-POSITION: -95px 0px } .actionBar .sub:hover A .chevron { BACKGROUND-POSITION: -95px -16px } .actionBar .sub A:focus .chevron { BACKGROUND-POSITION: -95px -16px } .actionBarMicro .active > A { BORDER-TOP-COLOR: #444 !important; POSITION: relative; BORDER-LEFT-COLOR: #444 !important; BORDER-BOTTOM-COLOR: #444 !important; BORDER-RIGHT-COLOR: #444 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .actionBarMicro .active > A:hover { BORDER-TOP-COLOR: #444 !important; POSITION: relative; BORDER-LEFT-COLOR: #444 !important; BORDER-BOTTOM-COLOR: #444 !important; BORDER-RIGHT-COLOR: #444 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .actionBarMicro .active > A:focus { BORDER-TOP-COLOR: #444 !important; POSITION: relative; BORDER-LEFT-COLOR: #444 !important; BORDER-BOTTOM-COLOR: #444 !important; BORDER-RIGHT-COLOR: #444 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .sub.mainButton:hover H2 > A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.mainButton > A:hover:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.mainButton:hover > A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.secondaryButton:hover H2 > A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.secondaryButton > A:hover:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.secondaryButton:hover > A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.mainButton:hover H2 > A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.mainButton > A:hover:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.mainButton:hover > A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.secondaryButton:hover H2 > A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.secondaryButton > A:hover:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.secondaryButton:hover > A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .actionBarMicro UL:hover + UL .active A:after { DISPLAY: none } A.liveAreaTab:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .mainButton.sub H2 > A:hover:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .mainButton.sub:hover > H2 A:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .secondaryButton.sub H2 > A:hover:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .secondaryButton.sub:hover > H2 A:after { BORDER-BOTTOM-COLOR: #d1eaef } #loginLang H2:hover:after { BORDER-BOTTOM-COLOR: #d1eaef } #loginLang:hover H2:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .sub:hover > A:after { BORDER-BOTTOM-COLOR: #d1eaef } .columnActions.actionBarMicro { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; PADDING-RIGHT: 0px } .alignPanel LI.sub { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .alignPanel LI.sub A.button-4:after { CONTENT: none } .columnActions UL { MARGIN: 0px 0px 2px } .columnActions .mainButton A { TEXT-DECORATION: none; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .columnActions .mainButton A:hover { TEXT-DECORATION: none; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .onOffToggleWrap { FONT-SIZE: 90%; BORDER-RIGHT: transparent 1px dotted; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold; DISPLAY: inline-block } .modeSwitchWrap { FONT-SIZE: 90%; BORDER-RIGHT: transparent 1px dotted; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold; DISPLAY: inline-block } .modeSwitch { TEXT-DECORATION: none; BACKGROUND: #ccc; TEXT-TRANSFORM: uppercase; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 9px; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .modeSwitch:before { FONT-SIZE: 22px; VERTICAL-ALIGN: middle; POSITION: relative; FONT-WEIGHT: normal; COLOR: #bbb; CONTENT: "\2022"; LEFT: 0px; LINE-HEIGHT: 0.9; TOP: -1px; MARGIN-RIGHT: 2px; font-effect: outline } .read-on { BACKGROUND-COLOR: #777; MARGIN-RIGHT: 0px } .read-on:hover { BACKGROUND: #555 } .read-on { COLOR: #fff } .read-on:before { COLOR: lime } .disabled.read-on:before { COLOR: #999 } .disabled.read-on { COLOR: #999 } .read-off:before { COLOR: #999 } .read-off { COLOR: #999 } .read-off.modeSwitch { TEXT-DECORATION: line-through } A.read-off IMG { DISPLAY: none } A.read-on IMG { DISPLAY: none } A.read-on .hideoff { HEIGHT: 0px; WIDTH: 0px; POSITION: relative } A.read-off .hideoff { HEIGHT: 0px; WIDTH: 0px; POSITION: relative } .modeSwitch SPAN { VERTICAL-ALIGN: middle; DISPLAY: inline-block } .switcherLabel { FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 2px !important; PADDING-TOP: 2px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 4px !important } .vtbeSwitch { TOP: 2px } .vtbeSwitch SPAN { FONT-SIZE: 100% !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .legacy .vtbeSwitch { HEIGHT: 2.2em } .vtbeSwitch DIV.modeSwitchWrap { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; BORDER-LEFT: #ccc 1px solid; TOP: 2px; PADDING-RIGHT: 12px; BACKGROUND-COLOR: #eee } .vtbeSwitch DIV.modeSwitchWrap A SPAN#statusText { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 9px !important; PADDING-RIGHT: 9px !important } .vtbeSwitch DIV.modeSwitchWrap A.read-off { BACKGROUND-COLOR: #ddd } .vtbeSwitch DIV.modeSwitchWrap A.read-off:hover { BACKGROUND-COLOR: #fff } .vtbeSwitch DIV.modeSwitchWrap A.read-off:hover SPAN#statusText { COLOR: #000 } TABLE.vtbeTable-legacy { WIDTH: 100% } .vtbeTable-legacy TEXTAREA { WIDTH: 100% } .helpLink { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: inline-block } .helpLink A.browseIcon { FONT-SIZE: 115%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #777; BORDER-BOTTOM: 0px; POSITION: relative; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 1px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#777777); BORDER-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 1px; box-shadow: none; border-radius: 12px } #helpTextToggleLink { DISPLAY: none } .helpLink A.browseIcon IMG { DISPLAY: none } .helpLink A.browseIcon:before { HEIGHT: 18px; WIDTH: 18px; RIGHT: -4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #fff; CONTENT: "?"; Z-INDEX: 1; DISPLAY: inline-block } .helpLink A.browseIcon:hover { box-shadow: none } .helpLink A.browseIcon:focus { box-shadow: none } .helpLink A[title*='Off'].browseIcon:hover { BACKGROUND: #bbb; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbbbbb,endColorstr=#bbbbbb) } .helpLink A[title*='Off'] { TEXT-DECORATION: line-through !important; BACKGROUND: #ccc 0px 0px; COLOR: #999; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#cccccc) } .helpLink A[title*='Off']:hover { TEXT-DECORATION: line-through !important; BACKGROUND: #ccc 0px 0px; COLOR: #999; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#cccccc) } .helpLink A[title*='Off']:focus { TEXT-DECORATION: line-through !important; BACKGROUND: #ccc 0px 0px; COLOR: #999; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#cccccc) } .helpLink A[title*='Off']:before { TEXT-DECORATION: line-through; COLOR: #999 } .helpLink A[title*='Off']:hover:before { TEXT-DECORATION: line-through; COLOR: #999 } .helpLink A[title*='Off']:focus:before { TEXT-DECORATION: line-through; COLOR: #999 } .reorder { BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: 18px; BACKGROUND: url(images/reorder_bg.png) #fff4bf 0px 0px; BORDER-BOTTOM: 0px; LEFT: 0px; FILTER: alpha(opacity=0); BORDER-LEFT: 0px; Z-INDEX: 2; TOP: 0px; BOTTOM: 0px; opacity: 0 } TABLE.reorder { opacity: 1 } .reorder SPAN { HEIGHT: 20px; DISPLAY: inline-block } TABLE.reorder SPAN { HEIGHT: auto } .item .reorder { BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: 18px; BACKGROUND: url(images/reorder_bg.png) #fff4bf 0px 0px; BORDER-BOTTOM: 0px; LEFT: 0px; FILTER: alpha(opacity=0); BORDER-LEFT: 0px; Z-INDEX: 2; TOP: 0px; BOTTOM: 0px; opacity: 0 } .item .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .liItem .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .listCm .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .subList-reorder .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .buttonCm .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .dndHandle .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .portlet .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .listCm .reorder { WIDTH: 16px } .subList-reorder .reorder { WIDTH: 16px } .buttonCm .reorder { WIDTH: 16px } .portlet .reorder SPAN { HEIGHT: 24px; BACKGROUND-POSITION: -237px -116px; DISPLAY: block } .portlet .reorder { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 0px solid; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; LEFT: -19px; BORDER-LEFT: #555 1px solid; TOP: -1px; BOTTOM: -1px; opacity: 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px } .module-dragstate.portlet .reorder { BORDER-LEFT-WIDTH: 2px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 2px; LEFT: -20px; TOP: -2px; BORDER-TOP-WIDTH: 2px; BOTTOM: -2px } .reorder IMG { FILTER: alpha(opacity=0); opacity: 0 } .item .reorder IMG { MARGIN: 6px 3px } .portlet .reorder IMG { HEIGHT: 20px; WIDTH: 18px } .liItem:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .liItem:focus .reorder { FILTER: alpha(opacity=100); opacity: 1 } .buildList LI:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .listCm LI:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .buttonCm LI:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .portlet H2:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .contentListPlain LI:hover .contextMenuContainer A { FILTER: alpha(opacity=100); opacity: 1 } .buildList LI:hover .contextMenuContainer A { FILTER: alpha(opacity=100); opacity: 1 } .liItem:hover .contextMenuContainer A { FILTER: alpha(opacity=100); opacity: 1 } .liItem:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .contentList > LI:hover .contextMenuContainer A { FILTER: alpha(opacity=100); opacity: 1 } A.cmimg { HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(images/controls.png) no-repeat -320px -125px; MARGIN: 0px; DISPLAY: inline-block } TABLE.inventory A.cmimg { FILTER: alpha(opacity=0); opacity: 0 } TABLE.inventory TR:hover A.cmimg { FILTER: alpha(opacity=100); opacity: 1 } TABLE.inventory TR A.cmimg:focus { FILTER: alpha(opacity=100); opacity: 1 } A.cmimg:hover { BACKGROUND-POSITION: -320px -143px } A.cmimg:focus { BACKGROUND-POSITION: -320px -143px } A.cmimg IMG { HEIGHT: 15px; WIDTH: 15px } .listCm .courseMenu A.cmimg { OVERFLOW: hidden; HEIGHT: 15px; BACKGROUND-IMAGE: url(images/controls.png); RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: -28px -124px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=70); MARGIN: 0px; DISPLAY: inline-block; TOP: 7px; PADDING-RIGHT: 0px; opacity: .7; _right: 0 } .buttonCm .courseMenu A.cmimg { OVERFLOW: hidden; HEIGHT: 15px; BACKGROUND-IMAGE: url(images/controls.png); RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: -28px -124px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=70); MARGIN: 0px; DISPLAY: inline-block; TOP: 7px; PADDING-RIGHT: 0px; opacity: .7; _right: 0 } .portlet A.cmimg { OVERFLOW: hidden; HEIGHT: 15px; BACKGROUND-IMAGE: url(images/controls.png); RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: -28px -124px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=70); MARGIN: 0px; DISPLAY: inline-block; TOP: 7px; PADDING-RIGHT: 0px; opacity: .7; _right: 0 } A.cmimg-small { OVERFLOW: hidden; HEIGHT: 15px; BACKGROUND-IMAGE: url(images/controls.png); RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: -28px -124px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=70); MARGIN: 0px; DISPLAY: inline-block; TOP: 7px; PADDING-RIGHT: 0px; opacity: .7; _right: 0 } .listCm .courseMenu A.cmimg:hover { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .portlet A.cmimg:hover { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .listCm .courseMenu A.cmimg:focus { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .portlet A.cmimg:focus { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .buttonCm .courseMenu A.cmimg:hover { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .buttonCm .courseMenu A.cmimg:focus { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .cmimg-small:focus { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .cmimg-small:hover { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .courseMenu .subhead A.cmimg { TOP: 9px } .buttonCm .courseMenu .subhead .cmimg { TOP: 2px } .buttonCm .subhead H3 { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px 18px 0px 0px; PADDING-RIGHT: 0px } .portlet A.cmimg { RIGHT: 0px; POSITION: relative; TOP: 2px } .listCm .courseMenu A.cmimg IMG { HEIGHT: 15px; WIDTH: 15px; FILTER: alpha(opacity=0); opacity: 0 } .portlet A.cmimg IMG { HEIGHT: 15px; WIDTH: 15px; FILTER: alpha(opacity=0); opacity: 0 } .buildList LI .contextMenuContainer A { VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=0); PADDING-RIGHT: 0px; opacity: 0 } .item .contextMenuContainer A { VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=0); PADDING-RIGHT: 0px; opacity: 0 } .listCm .courseMenu A.cmimg { VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=0); PADDING-RIGHT: 0px; opacity: 0 } .buildList LI .contextMenuContainer A:focus { FILTER: alpha(opacity=100); opacity: 1 } .item .contextMenuContainer A:focus { FILTER: alpha(opacity=100); opacity: 1 } .listCm .courseMenu LI:hover A.cmimg { FILTER: alpha(opacity=100); opacity: 1 } A.close { RIGHT: 10px; POSITION: absolute; FILTER: alpha(opacity=70); Z-INDEX: 100; TOP: 11px; opacity: .7 } A.close-menu { RIGHT: 10px; POSITION: absolute; FILTER: alpha(opacity=70); Z-INDEX: 100; TOP: 11px; opacity: .7 } A.close { RIGHT: 20px; TOP: 0px } A.close IMG { DISPLAY: none } A.close-menu IMG { DISPLAY: none } .lbAction IMG { DISPLAY: none } A.close:before { COLOR: #aaa; FONT: 18px/1 "Utilicons"; CONTENT: "X" } A.close-menu:before { COLOR: #aaa; FONT: 18px/1 "Utilicons"; CONTENT: "X" } .lbAction:before { COLOR: #aaa; FONT: 18px/1 "Utilicons"; CONTENT: "X" } A.close-menu:before { FONT-SIZE: 14px } A.close:hover:before { COLOR: #888 } A.close-menu:hover:before { COLOR: #888 } .lbAction:hover:before { COLOR: #888 } .builderItem A.close { FILTER: alpha(opacity:0); opacity: 0 } .builderItem:hover A.close { FILTER: alpha(opacity:100); opacity: 1 } .liveArea A.close { RIGHT: 6px; TOP: 6px } .cmdiv A.close-menu { RIGHT: 0px; POSITION: relative; FILTER: alpha(opacity=100); Z-INDEX: 100; TOP: 0px; opacity: 1 } #bb-assessment-canvas [id*='receipt_nested'].receipt A.close { RIGHT: 6px; TOP: 6px } A.colorChip { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .pageTitle A.colorChip { VERTICAL-ALIGN: top; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px } A.colorChip SPAN { VERTICAL-ALIGN: middle; BACKGROUND: url(images/controls.png) no-repeat -320px -123px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: inline-block; PADDING-RIGHT: 2px } A.colorChip:hover SPAN { BACKGROUND-POSITION: -320px -141px } A.colorChip SPAN IMG { HEIGHT: 16px; WIDTH: 16px; FILTER: alpha(opacity=0); opacity: 0 } A.colorChip IMG.chipSwatch { BORDER-TOP: #ccc 1px solid; HEIGHT: 16px; BORDER-RIGHT: #aaa 1px solid; WIDTH: 16px; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #ccc 1px solid } SPAN.colorChipName { VERTICAL-ALIGN: middle; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; DISPLAY: inline-block !important; PADDING-RIGHT: 0px !important } INPUT[type='text'] { FONT-SIZE: 90% } INPUT[type='password'] { FONT-SIZE: 90% } SELECT { FONT-SIZE: 90% } .smallControls INPUT[type='text'] { WIDTH: 100%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .smallControls SELECT { WIDTH: 100%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .courseMenu INPUT { WIDTH: 120px; MARGIN-LEFT: 18px } .courseMenu INPUT[type='text'] { WIDTH: 120px; MARGIN-LEFT: 18px } .renameCourseToc INPUT { WIDTH: 120px; MARGIN-LEFT: 18px } .renameCourseToc INPUT { MARGIN-LEFT: 0px } #calculatorValue { WIDTH: 10em; MARGIN: 3px 0px } A.microControl { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } A.microControl IMG { HEIGHT: 12px; WIDTH: 12px } A.save { BACKGROUND: url(images/controls.png) no-repeat -50px -123px } A.cancel { BACKGROUND: url(images/controls.png) no-repeat -70px -123px } .backLink { RIGHT: 0px; POSITION: absolute; MARGIN: 0px; BOTTOM: 0px } .tocBottom_min .backLink { BOTTOM: 48px } .tocBottom_max .backLink { BOTTOM: 348px } .tocBottom_open .backLink { BOTTOM: 178px } .shortDoc .backLink { RIGHT: 0px; POSITION: relative; TEXT-ALIGN: left; MARGIN-TOP: 15px; BOTTOM: 0px } .backLink A { TEXT-DECORATION: none; BORDER-TOP: #cdcdcd 1px solid; BORDER-RIGHT: #cdcdcd 0px solid; BACKGROUND: #eee; BORDER-BOTTOM: #cdcdcd 0px solid; FONT-WEIGHT: bold; COLOR: #888; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 12px; BORDER-LEFT: #cdcdcd 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 18px; -webkit-box-shadow: 1px 1px 4px #ddd inset; -moz-box-shadow: 1px 1px 4px #DDD inset; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0 } .shortDoc .backLink A { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .backLink A:before { FONT-SIZE: 120%; COLOR: #999; CONTENT: "\2190"; LINE-HEIGHT: 1.2 } .backLink A:hover { BACKGROUND: #ddd; COLOR: #777 } .backLink A:hover:before { COLOR: #00add0 } .sliderWrapper { FONT-SIZE: 85%; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 9px; PADDING-TOP: 14px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px -12px; PADDING-RIGHT: 13px; -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0 } #sliderHandle { CURSOR: ew-resize; BORDER-TOP: #555 1px solid; HEIGHT: 4px; BORDER-RIGHT: #555 1px solid; WIDTH: 4px; BACKGROUND: #999; BORDER-BOTTOM: #555 1px solid; MARGIN: -2px 0px 0px; BORDER-LEFT: #555 1px solid; DISPLAY: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #sliderTrack { BORDER-TOP: #ccc 1px solid; HEIGHT: 2px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 60px; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; MARGIN: 0px 0px 0px 6px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; TOP: -2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .itemCounter { FONT-SIZE: 115%; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BACKGROUND: #cdcdcd; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 4px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #pageHeader { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 20px } .pageTitle { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 20px } .pageTitleSmall { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 20px } #pageHeader { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-RIGHT: 0px } #schemePreviewHead { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-RIGHT: 0px } .pageTitle H1 { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-RIGHT: 0px } .pageTitleError H1 { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-RIGHT: 0px } #pageHeader { FONT-SIZE: 185% } .pageTitle H1 { FONT-SIZE: 185% } .pageTitleError H1 { FONT-SIZE: 185% } .picker .pageTitle H1 { FONT-SIZE: 160% } .popup .pageTitle H1 { FONT-SIZE: 160% } .pageTitle #titleicon { DISPLAY: inline-block } .pageTitle H1 { DISPLAY: inline-block } .pageTitle A.cmimg { DISPLAY: inline-block } .pageTitle H1 + .contextMenuContainer { VERTICAL-ALIGN: top; POSITION: relative; MARGIN-LEFT: 2px; TOP: 4px } .pageTitle A.cmimg { MARGIN: 0px } .pageTitle #titleicon { MARGIN: 0px 6px 0px 0px; DISPLAY: none } .pageTitle [src*='slideshare']#titleicon { BORDER-TOP: #dedede 0px solid; HEIGHT: 39px; BORDER-RIGHT: #dedede 0px solid; WIDTH: auto; BACKGROUND: #fff; RIGHT: 7px; BORDER-BOTTOM: #dedede 1px solid; POSITION: absolute; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; BORDER-LEFT: #dedede 1px solid; DISPLAY: block; TOP: 1px; PADDING-RIGHT: 12px; border-radius: 0 4px 0 4px } .pageTitle [src*='youtube']#titleicon { HEIGHT: 44px; WIDTH: auto; RIGHT: 14px; POSITION: absolute; DISPLAY: block; TOP: 8px } .pageTitleSmall H1 { FONT-SIZE: 135%; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } #pageHeader { POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#dedede); MARGIN: 0px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 1px 0 #fafafa inset; -moz-box-shadow: 1px 1px 0 #fafafa inset; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 4px 4px 0 0 } #schemePreviewHead { POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#dedede); MARGIN: 0px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 1px 0 #fafafa inset; -moz-box-shadow: 1px 1px 0 #fafafa inset; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 4px 4px 0 0 } .pageTitle { POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#dedede); MARGIN: 0px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 1px 0 #fafafa inset; -moz-box-shadow: 1px 1px 0 #fafafa inset; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 4px 4px 0 0 } .hierarchy-page .pageTitle + .container { BACKGROUND: #fff; MARGIN-TOP: -20px } .picker .pageTitle { PADDING-BOTTOM: 16px; PADDING-TOP: 18px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .popup .pageTitle { PADDING-BOTTOM: 16px; PADDING-TOP: 18px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } #pageHeader { BACKGROUND-COLOR: #dedede } #schemePreviewHead { BACKGROUND-COLOR: #dedede } .pageTitleIcon { DISPLAY: table-row } .pageTitle .details { DISPLAY: none } .pageTitle .contextMenuContainer { DISPLAY: inline-block !important } .pageTitle .titleButtons { DISPLAY: inline-block !important } .pageTitleEdit { DISPLAY: inline-block !important } #pageTitleBar { DISPLAY: inline-block; MARGIN-RIGHT: 6px } .pageTitle H2 { FONT-SIZE: 100%; COLOR: #333; CLEAR: both; MARGIN: 0px } .pageTitle H2 SPAN { FONT-WEIGHT: normal } .contextString { FONT-WEIGHT: normal; COLOR: #777 } .pageTitle .label { FONT-WEIGHT: normal; COLOR: #777 } .error .pageTitle { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DB0F0F,endColorstr=#FC0202); box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) inset } .error .pageTitle H1 { COLOR: #fff } .customBanner { OVERFLOW: hidden; TEXT-ALIGN: center; MARGIN: 0px; BACKGROUND-COLOR: transparent } DIV.localViewToggle + DIV.pageTitle { PADDING-TOP: 0px; -webkit-box-shadow: 1px 0 0 #fafafa inset; -moz-box-shadow: 1px 0 0 #fafafa inset; box-shadow: 1px 0 0 #fafafa inset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } DIV#lightboxContent H2 { FONT-SIZE: 130%; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 18px; PADDING-LEFT: 24px; MARGIN: 0px; PADDING-RIGHT: 24px } .helphelp { COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 105%/1.4em Georgia, sans-serif; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 9px 0px 0px; PADDING-RIGHT: 0px } .pageTitle P { COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 105%/1.4em Georgia, sans-serif; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 9px 0px 0px; PADDING-RIGHT: 0px } .label.details { COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 105%/1.4em Georgia, sans-serif; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 9px 0px 0px; PADDING-RIGHT: 0px } .mapTabs + .helphelp { BORDER-TOP: #bbb 1px solid; BACKGROUND: #eaeaea; PADDING-BOTTOM: 16px; PADDING-TOP: 12px; PADDING-LEFT: 30px; MARGIN: 0px -30px -20px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 0 0 #eee inset; -moz-box-shadow: 1px 0 0 #eee inset; box-shadow: 1px 0 0 #eee inset } .mapTabs ~ .helphelp { BORDER-TOP: #bbb 1px solid; BACKGROUND: #eaeaea; PADDING-BOTTOM: 16px; PADDING-TOP: 12px; PADDING-LEFT: 30px; MARGIN: 0px -30px -20px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 0 0 #eee inset; -moz-box-shadow: 1px 0 0 #eee inset; box-shadow: 1px 0 0 #eee inset } .helphelp A { TEXT-DECORATION: none; BORDER-BOTTOM: 1px dotted; COLOR: #444 } .helphelp A:hover { BORDER-TOP-STYLE: solid; BORDER-BOTTOM-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid } DIV.helphelp UL { MARGIN: 6px 0px } .version { FONT-SIZE: 60%; FONT-WEIGHT: normal; COLOR: #666; MARGIN-TOP: 6px; DISPLAY: inline-block } .version I { FONT-WEIGHT: bold; FONT-STYLE: normal } .version SPAN { OVERFLOW: hidden; WIDTH: 13px; POSITION: relative; LEFT: -5px; DISPLAY: inline-block; TOP: -2px } .version SPAN:before { FONT-SIZE: 105%; POSITION: relative; FONT-WEIGHT: bold; COLOR: #00add0; CONTENT: "+"; LEFT: 0px; TOP: 0px } .colophon { OVERFLOW: visible; FONT-SIZE: 85%; WIDTH: 30em; BACKGROUND: none transparent scroll repeat 0% 0%; RIGHT: 0px; POSITION: relative; FLOAT: right; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 55px; MARGIN: 0px 0px 0px 14px; PADDING-RIGHT: 0px } .colophon IMG { POSITION: absolute; LEFT: 0px } .installation { COLOR: #666 !important; LINE-HEIGHT: 1.3em } .installation SPAN { FONT-WEIGHT: bold } .actionBar { BORDER-TOP: #444 1px solid; Z-INDEX: 110; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .hierarchy-page .actionBar { MARGIN-TOP: -21px } .hierarchy-page #toolsTabForm .actionBar { MARGIN: -21px -30px 0px } .actionBar UL LI { POSITION: relative } .actionBar UL LI.mainButton { Z-INDEX: 210 } .actionBar UL LI.secondaryButton { Z-INDEX: 209 } .actionBar UL LI.mainButton:hover { Z-INDEX: 112 } .pageTitle + .actionBar { -moz-border-radius: 0; border-radius: 0 } .actionBar .mainButton { FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .actionBar .secondaryButton { FLOAT: right; MARGIN: 0px } .actionMenu { POSITION: relative; Z-INDEX: 111 } .actionMenuItem { POSITION: relative; Z-INDEX: 123 } .actionBarMicro { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset, 0 1px 0 #F9F9F9; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset, 0 1px 0 #F9F9F9; -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0 } .csMenuFrame .actionBarMicro { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .popupMenu .actionBarMicro { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .portlet .actionBarMicro { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; MARGIN: 0px; PADDING-RIGHT: 4px } .portlet .actionBarMicro UL { MARGIN: 2px } .actionBarMicro UL LI { POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .actionBarMicro .mainButton { Z-INDEX: 1000 } .actionBarMicro .secondaryButton { FLOAT: right; Z-INDEX: 10 } .actionBar { BACKGROUND-IMAGE: url(images/reorder_bg.png); BACKGROUND-COLOR: #666 } .actionBarMicro { BACKGROUND-IMAGE: url(images/reorder_bg.png); BACKGROUND-COLOR: #666 } .searchbar { POSITION: relative } .searchbarPicker { POSITION: relative } .subActionBar { POSITION: relative } .searchbarCanvas.searchbar { BACKGROUND: #dfdfdf 0px 0px; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: -24px -30px 20px; DISPLAY: block; PADDING-RIGHT: 20px; -webkit-box-shadow: 1px 0 0 #F0F0F0 inset; -moz-box-shadow: 1px 0 0 #F0F0F0 inset } .picker .searchbarCanvas.searchbar { MARGIN: -24px -20px 20px } .picker .leftColumn-narrow H2 { FONT-SIZE: 110%; MARGIN: 1em 0px 9px } .picker .leftColumn-wide H2 { FONT-SIZE: 110%; MARGIN: 1em 0px 9px } #bb-question-discover .searchbarCanvas.searchbar FIELDSET H2 { FONT-SIZE: 100%; FONT-WEIGHT: normal; DISPLAY: inline-block } .subActionBar { FONT-SIZE: 95% } .searchbar TABLE TD { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .searchbar TABLE TD TABLE TD { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .searchbar TABLE FIELDSET { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .searchbar TABLE DIV { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .searchbar FORM { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .searchbarPicker { FONT-SIZE: 90%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .searchbar:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .searchbarPicker:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .receipt A.close { RIGHT: 4px; FILTER: alpha(opacity=70); TOP: 1px; opacity: .7 } .slideshowControls { FONT-SIZE: 100%; TEXT-ALIGN: center; MARGIN: 8px auto 12px } .searchbar FIELDSET { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .searchbarPicker FIELDSET { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .subActionBar FIELDSET { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .searchbar H2 { FONT-SIZE: 110%; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; MARGIN: 0px; PADDING-RIGHT: 6px } .searchbarPicker H2 { FONT-SIZE: 110%; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; MARGIN: 0px; PADDING-RIGHT: 6px } .picker .searchbar H2 { FONT-SIZE: 100%; FONT-WEIGHT: normal; DISPLAY: inline } .searchbarPicker H2 { FONT-SIZE: 100%; FONT-WEIGHT: normal; DISPLAY: inline } .searchbar .groupLabel { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .searchbarPicker .groupLabel { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .liveArea FIELDSET .groupLabel { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .searchbar OL LI { FLOAT: left; MARGIN: 5px } .searchbarPicker OL LI { FLOAT: left; MARGIN: 5px } .liveArea FIELDSET OL LI { FLOAT: left; MARGIN: 5px } .searchbar OL LI > DIV { DISPLAY: inline-block } .searchbar OL LI.options { FLOAT: right } .searchbarPicker OL LI.options { FLOAT: right } .liveArea FIELDSET OL LI.options { FLOAT: right } .searchbarPicker SPAN { DISPLAY: inline } .searchbar .spacer { FONT-SIZE: 70%; MARGIN: 0px 4px } .searchbar .u_floatThis-left { MARGIN: 0px 4px 4px } .searchbar SELECT { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .filterGroup SELECT { MAX-WIDTH: 200px; WIDTH: 100% } .filterGroup P { MARGIN: 2px 0px -18px } .filterGroupLabel { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .cmImg { OVERFLOW: hidden; WIDTH: 180px; TEXT-ALIGN: center; MARGIN: 0px 0px 6px 12px } .cmImg IMG { WIDTH: 180px } .navDivider { FONT-SIZE: 80%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: bold; COLOR: #777; PADDING-BOTTOM: 4px; PADDING-TOP: 18px; PADDING-LEFT: 30px; MARGIN: 0px 0px 4px; LETTER-SPACING: 2px; PADDING-RIGHT: 6px } .cmPreviewWrapper { WIDTH: 212px } .navPalette { ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; PADDING-RIGHT: 0px } .csMenuFrame .navPalette { MARGIN: 0px 0px 18px } .navPalette H3 { FONT-SIZE: 105%; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .navPaletteTitle { POSITION: relative } .navPaletteTitle H3 + H3 { RIGHT: 0px; POSITION: absolute; TOP: 0px } .navPaletteCol H3 { BORDER-BOTTOM: 0px } .navPalette H4 { FONT-SIZE: 100%; MARGIN: 0px } .navPaletteContent UL LI { POSITION: relative; ZOOM: 1 } .navPaletteContent { MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .listCm .navPaletteContent { BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 6px } .singleControl .navPaletteContent { BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 6px } .tools .navPaletteContent { BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 6px } #courseMenuPalette DIV.navPaletteContent { PADDING-BOTTOM: 14px; PADDING-TOP: 14px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset } #courseMenuPalette { MARGIN-BOTTOM: 0px } .singleControl .navPaletteContent { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .singleControl { BACKGROUND: #777; ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 24px 0px 0px; Z-INDEX: 110; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 } .navPalette .discover { BACKGROUND: #777; ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 24px 0px 0px; Z-INDEX: 110; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 } .navPaletteContent A { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px; OVERFLOW-X: hidden; WORD-BREAK: normal; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 24px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 9px } .navPaletteContent A:hover { CURSOR: pointer; TEXT-DECORATION: underline } .navPaletteContent A:focus { CURSOR: pointer; TEXT-DECORATION: underline } .navPaletteContent A.comboLink { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 20px } .navPaletteContent A.comboLink_active { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 20px } .navPaletteContent A.comboLink_active { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px; BORDER-BOTTOM: 0px; COLOR: #333 } .navPaletteContent A.open { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px; BORDER-BOTTOM: 0px; COLOR: #333 } .navPaletteContent A.submenuLink { RIGHT: 0px; POSITION: absolute; ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; TOP: 0px; PADDING-RIGHT: 0px } .navPaletteContent A.submenuLink_active { RIGHT: 0px; POSITION: absolute; ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; TOP: 0px; PADDING-RIGHT: 0px } .navPaletteContent A.submenuLink:hover { BACKGROUND-POSITION: center 7px } .navPaletteContent A.submenuLink_active:hover { BACKGROUND-POSITION: center 7px } .navPaletteContent A.submenuLink:focus { BACKGROUND-POSITION: center 7px } .navPaletteContent A.submenuLink_active:focus { BACKGROUND-POSITION: center 7px } .navPaletteContent A.submenuLink IMG { HEIGHT: 14px; WIDTH: 14px; FILTER: alpha(opacity=0); opacity: 0 } .navPaletteContent A.submenuLink_active IMG { HEIGHT: 14px; WIDTH: 14px; FILTER: alpha(opacity=0); opacity: 0 } .navPaletteContent UL LI:first-child H4 A { BORDER-TOP: medium none } .navPaletteContent UL LI:first-child A { BORDER-TOP: medium none } .navPaletteContent UL LI H4 A { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 9px } .navPaletteContent H3 A { WORD-WRAP: break-word; BORDER-TOP: 0px; BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px; FONT-WEIGHT: bold; COLOR: #333; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 9px } .navPaletteContent H3 A:hover { TEXT-DECORATION: none } .navPaletteContent H3 A:focus { TEXT-DECORATION: none } #courseMenu { COLOR: #fff; BACKGROUND-COLOR: #0078cb } .controlpanel UL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .controlpanel A { BORDER-TOP: #ccc 1px dotted } .controlpanel A.submenuLink { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .controlpanel A.submenuLink_active { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .tools A.submenuLink { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .tools A.submenuLink_active { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .navPaletteContent H3 A.submenuLink { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .navPaletteContent H3 A.submenuLink_active { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .navPaletteContent H3 A.submenuLink { DISPLAY: inline-block } .navPaletteContent H3 A.submenuLink_active { DISPLAY: inline-block } .controlpanel A.submenuLink:after { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .controlpanel A.submenuLink_active:after { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .tools A.submenuLink:after { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .tools A.submenuLink_active:after { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .navPaletteContent H3 A.submenuLink:before { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .navPaletteContent H3 A.submenuLink_active:before { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .navPaletteContent H3 A.submenuLink:before { FONT: 18px/1 "Utilicons"; CONTENT: "H"; MARGIN: 3px 0px 0px 6px; DISPLAY: block } .navPaletteContent H3 A.submenuLink_active:before { FONT: 18px/1 "Utilicons"; CONTENT: "H"; MARGIN: 3px 0px 0px 6px; DISPLAY: block } .controlpanel A.submenuLink:hover:after { COLOR: #aaa } .controlpanel A.submenuLink_active:hover:after { COLOR: #aaa } .tools A.submenuLink:hover:after { COLOR: #aaa } .tools A.submenuLink_active:hover:after { COLOR: #aaa } .navPaletteContent H3 A.submenuLink:hover:before { COLOR: #aaa } .navPaletteContent H3 A.submenuLink_active:hover:before { COLOR: #aaa } .controlpanel A.comboLink_active { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .tools A.comboLink_active { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .controlpanel H4 A.open { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .navPaletteContent UL LI:first-child H4 A.comboLink_active { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .explore H4 { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .controlpanel A.comboLink_active { POSITION: relative; Z-INDEX: 1 } .tools A.comboLink_active { POSITION: relative; Z-INDEX: 1 } .controlpanel H4 A.open { POSITION: relative; Z-INDEX: 1 } .treeViewCs .navPaletteContent { } .courseFilesPalette { BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid } .paletteSearch { FONT-SIZE: 95%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } .classFiles H4#cs_search + UL LI:first-child { FONT-SIZE: 95%; BORDER-BOTTOM: #aaa 1px dotted; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 3px; MARGIN: 2px 9px 2px 0px; PADDING-RIGHT: 3px } .classFiles H4#cs_search + UL LI { BACKGROUND-IMAGE: none } .classFiles A#filesPaletteContentCollectionLink { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 98% -143px; COLOR: #aaa; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 16px; DISPLAY: block; PADDING-RIGHT: 16px } .navPaletteContent .submenu .paletteSearchElement { BORDER-TOP: #bbb 1px dotted; PADDING-BOTTOM: 9px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MARGIN: 6px 0px 0px -16px; PADDING-RIGHT: 0px } .paletteSearchElement INPUT { WIDTH: 99px } .classFiles UL.tree > LI { BACKGROUND-IMAGE: none } .listCm .courseMenu { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .ineditmode DIV.listCm UL.courseMenu { MARGIN: 0px } .ineditmode DIV.listCm UL.courseMenu LI { BORDER-TOP: transparent 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; MARGIN: 0px -1px 0px 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: transparent } .ineditmode DIV.listCm UL.courseMenu LI:hover { BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); -moz-transition: border, margin, background, -moz-box-shadow 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition-property: background, border, -webkit-box-shadow; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); background-clip: padding-box } .ineditmode DIV.listCm UL.courseMenu LI:hover .reorder { -moz-transition: opacity 350ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: opacity 350ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .ineditmode DIV.listCm UL.courseMenu LI:hover .reorder:before { -moz-transition: visibility 350ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: visibility 350ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .listCm .courseMenu LI { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .buttonCm LI { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .listCm .courseMenu A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; BORDER-BOTTOM: 0px; WORD-BREAK: normal; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px 18px 0px 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .buttonCm .courseMenu A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; BORDER-BOTTOM: 0px; WORD-BREAK: normal; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px 18px 0px 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .listCm .courseMenu A:hover { TEXT-DECORATION: underline } .listCm .courseMenu A:focus { TEXT-DECORATION: underline } .buttonCm LI A:hover { TEXT-DECORATION: underline } .buttonCm LI:focus { TEXT-DECORATION: underline } .listCm .courseMenu > LI:hover A SPAN { COLOR: #01758c !important } .listCm .courseMenu A:hover { COLOR: #01758c !important } .listCm .courseMenu A:focus { COLOR: #01758c !important } .listCm .courseMenu A:hover SPAN { COLOR: #01758c !important } .listCm .courseMenu A:focus SPAN { COLOR: #01758c !important } .listCm .courseMenu .here { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #888 1px solid; BACKGROUND: white; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #bbb 1px solid; box-shadow: 1px 1px 3px rgba(0, 0, 0, .15) } .listCm .courseMenu .here A.cmimg { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .listCm .courseMenu .here A.cmimg:hover { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .listCm H3 { FONT-SIZE: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .listCm .subhead H3 { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 30px; PADDING-RIGHT: 0px } #courseMenu_folderView H4 A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND-IMAGE: none; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px } #courseMenu_folderView .subhead { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .navPaletteContent .subhead H3 A { TEXT-DECORATION: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .navPaletteContent .subhead H3 A:hover { TEXT-DECORATION: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .listCm .courseMenu .divider { POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .buttonCm .courseMenu .divider { POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .buttonCm .courseMenu .divider { BACKGROUND-IMAGE: none } .noteditmode .listCm .courseMenu .divider { PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .noteditmode .listCm .buttonCm .divider { PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .listCm .courseMenu .divider HR { BORDER-LEFT-WIDTH: 0px; BORDER-TOP: #999 1px solid; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM-WIDTH: 0px; POSITION: relative; MARGIN: 0px; BACKGROUND-COLOR: #ccc } .buttonCm .courseMenu .divider HR { BORDER-LEFT-WIDTH: 0px; BORDER-TOP: #999 1px solid; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM-WIDTH: 0px; POSITION: relative; MARGIN: 0px; BACKGROUND-COLOR: #ccc } .listCm .courseMenu .collapsed { HEIGHT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 0px } .buttonCm .navPaletteContent { BACKGROUND: none transparent scroll repeat 0% 0% } .buttonCm LI { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 12px 0px; BACKGROUND-COLOR: transparent } .buttonCm .courseMenu .here A { TEXT-DECORATION: underline; BACKGROUND-COLOR: transparent } .buttonCm .courseMenu .here A:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: transparent } .cmLink-hidden { VERTICAL-ALIGN: middle; MARGIN: -2px 0px 0px 3px } .cmLink-empty { VERTICAL-ALIGN: middle; MARGIN: -2px 0px 0px 3px } .cmLink-hidden IMG { HEIGHT: 14px; WIDTH: 14px; FILTER: alpha(opacity=0); opacity: 0 } .cmLink-empty IMG { HEIGHT: 14px; WIDTH: 14px; FILTER: alpha(opacity=0); opacity: 0 } .cmLink-empty { BACKGROUND: url(images/controls.png) no-repeat -389px -123px; DISPLAY: inline-block } .cmLink-hidden { BACKGROUND: url(images/controls.png) no-repeat -389px -138px; DISPLAY: inline-block } .buttonCm .invisible .cmLink-hidden { RIGHT: 26px; POSITION: absolute; TOP: 5px } .buttonCm .invisible .cmLink-empty { RIGHT: 26px; POSITION: absolute; TOP: 5px } .buttonCm .invisible .cmLink-empty { RIGHT: 32px } .pickerMenu { WIDTH: 150px; POSITION: absolute; LEFT: 14px; MARGIN: 0px; TOP: 0px } .pickerMenu UL LI A { BACKGROUND-IMAGE: none } DIV.pickerMenu A.simpleLink { BACKGROUND-IMAGE: none } .pickerMenu A.open { BACKGROUND: url(images/indicators.png) #fff no-repeat 100% center } .pickerMenu A:hover { BACKGROUND: url(images/indicators.png) #fff no-repeat 100% center } .pickerMenu A:focus { BACKGROUND: url(images/indicators.png) #fff no-repeat 100% center } .discover .navPaletteContent { } .singleControl .navPaletteContent { } .discover A IMG { DISPLAY: none } .discover.navPalette { MARGIN-BOTTOM: 0px } .singleControl A { FONT-SIZE: 105%; TEXT-DECORATION: none; BACKGROUND-IMAGE: none; FONT-WEIGHT: 600; COLOR: #f0f0f0; PADDING-BOTTOM: 12px; TEXT-ALIGN: center; PADDING-TOP: 14px; PADDING-LEFT: 18px; DISPLAY: block; PADDING-RIGHT: 18px } .navPalette .discover A { FONT-SIZE: 105%; TEXT-DECORATION: none; BACKGROUND-IMAGE: none; FONT-WEIGHT: 600; COLOR: #f0f0f0; PADDING-BOTTOM: 12px; TEXT-ALIGN: center; PADDING-TOP: 14px; PADDING-LEFT: 18px; DISPLAY: block; PADDING-RIGHT: 18px } .singleControl A:hover { TEXT-DECORATION: none; BACKGROUND: #555; COLOR: #fff } .singleControl A:focus { TEXT-DECORATION: none; BACKGROUND: #555; COLOR: #fff } .discover A:hover { TEXT-DECORATION: none; BACKGROUND: #555; COLOR: #fff } .discover A:focus { TEXT-DECORATION: none; BACKGROUND: #555; COLOR: #fff } .singleControl A.enrolled:before { FONT-SIZE: 19px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #ef3b3b; CONTENT: "x"; LEFT: -4px; TOP: 1px } .singleControl A.not-enrolled:before { FONT-SIZE: 19px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #ef3b3b; CONTENT: "x"; LEFT: -4px; TOP: 1px } .discover A:before { FONT-SIZE: 19px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #ef3b3b; CONTENT: "x"; LEFT: -4px; TOP: 1px } .singleControl A.not-enrolled:before { COLOR: #3c0; CONTENT: "+" } .discover A:before { COLOR: #eee; CONTENT: "F" } .navPaletteContent .submenu { FONT-SIZE: 90%; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 6px; -moz-box-shadow: 0 1px 4px #ccc; -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .explore .submenu { FONT-SIZE: 90%; BACKGROUND: #fff } .navPaletteContent .submenu LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND-IMAGE: none; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .navPaletteContent .submenu LI UL LI { PADDING-LEFT: 12px } .navPaletteContent .submenu LI A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } H4#cs_search + UL DIV A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } H4#cs_search + UL DIV { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 9px } H4#cs_search + UL DIV A { FONT-SIZE: 90%; DISPLAY: block } .controlpanel .submenu A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 9px } .explore .submenu A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 9px } .explore .submenu A { PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .explore .submenu .emptyMsg { COLOR: #777 } .controlpanel .submenu A:hover { TEXT-DECORATION: underline } .controlpanel .submenu A.here { TEXT-DECORATION: underline } .controlpanel .submenu A:focus { TEXT-DECORATION: underline } .explore .submenu A:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .explore .submenu A:focus { TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .tools .submenu { BACKGROUND: #fff } .controlpanel .submenu { BACKGROUND: #fff; -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .controlpanel .submenu LI UL { BACKGROUND: #fff; -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #explore_contents { BACKGROUND: #fff; -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #explore_contents { BACKGROUND-COLOR: transparent } .navPalette A.simpleLink { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; PADDING-RIGHT: 9px } .controlpanel A.simpleLink { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; PADDING-RIGHT: 9px } .navPalette A.simpleLink:hover { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 97% center } .navPalette A.simpleLink:focus { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 97% center } .controlpanel A.simpleLink:hover { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 97% center } .controlpanel A.simpleLink:focus { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 97% center } .navPaletteCol H3 A { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px } .navPaletteCol H3 A.comboLink { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px } .navPaletteCol .navPaletteContent H3 { BACKGROUND-IMAGE: none } .navPaletteCol .actionBarMicro { DISPLAY: none } .shortcutViewCs UL LI A { BORDER-TOP: #ededed 1px dotted; TEXT-ALIGN: center } .shortcuts LI A { BORDER-TOP: #ccc 1px dotted; BACKGROUND: none transparent scroll repeat 0% 0% } .shortcuts LI A:hover { TEXT-DECORATION: none; BACKGROUND: url(images/indicators.png) no-repeat 100% center } .shortcuts LI A:focus { TEXT-DECORATION: none; BACKGROUND: url(images/indicators.png) no-repeat 100% center } .treeContainer#courseMenu_folderView { OVERFLOW-X: auto } DIV.expTreeContainer { BACKGROUND: #eee } DIV.treeContainer UL.tree { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.tree { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.treeContainer > UL.tree { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.treeContainer UL.tree > UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.treeContainer UL.tree UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.tree UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.listCm DIV.treeContainer UL.tree { OVERFLOW-X: auto; ZOOM: 1 } DIV.treeContainer UL.tree LI H4 + UL { FONT-SIZE: 90%; OVERFLOW-X: auto; ZOOM: 1; PADDING-BOTTOM: 18px; PADDING-TOP: 0px; PADDING-LEFT: 18px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff } DIV.treeContainer UL.tree LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: url(/images/ci/icons/nlstree/line.gif) repeat-y 0px 0px; WHITE-SPACE: nowrap; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.tree LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: url(/images/ci/icons/nlstree/line.gif) repeat-y 0px 0px; WHITE-SPACE: nowrap; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .sideTOC UL.tree > LI { OVERFLOW-X: visible } DIV.treeContainer UL.tree LI.last { BACKGROUND-IMAGE: none } UL.tree LI.last { BACKGROUND-IMAGE: none } DIV.treeContainer UL.tree LI.here A { BACKGROUND-COLOR: #ededed } UL.tree LI.here A { BACKGROUND-COLOR: #ededed } DIV.treeContainer UL.tree LI A { BORDER-TOP: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 1px } UL.tree LI A { BORDER-TOP: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 1px } DIV.treeContainer UL.tree LI A.open_folder { FONT-SIZE: 95%; BORDER-TOP: medium none; BACKGROUND: #ebeffa; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 3px } DIV.treeContainer UL.tree LI A.exp { BACKGROUND: url(/images/ci/icons/nlsTree/folder.gif) no-repeat 18px 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 21px } DIV.treeContainer UL.tree LI A.collapse { BACKGROUND: url(/images/ci/icons/nlsTree/folderopen.gif) no-repeat 18px 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 21px } DIV.treeContainer H4.treehead { FONT-SIZE: 95%; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; MARGIN: 8px 0px 2px; PADDING-RIGHT: 0px } DIV.treeContainer H4.first { MARGIN: 0px 0px 2px } DIV#userTreeDiv { BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.treeContainer UL.tree LI.subhead { BORDER-TOP: #ccc 1px dotted; BACKGROUND-IMAGE: none; MARGIN: 0px } DIV.treeContainer UL.tree LI.subhead H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.treeContainer UL.tree LI.subhead H4.first A { BORDER-TOP: medium none } DIV.treeContainer UL.tree LI.subhead H4 A { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 20px } UL.tree LI:first-child.subhead { MARGIN-TOP: 0px } UL.tree LI:first-child.subhead > A { BORDER-TOP: 0px } DIV.treeContainer UL.tree LI.subhead H4.treeSubhead-collapsed A { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px; FONT-WEIGHT: normal } .tableOverflowControl { OVERFLOW-X: auto } .inventory { WIDTH: 100%; BACKGROUND: #fff; BORDER-COLLAPSE: separate; OVERFLOW-X: auto; OVERFLOW-Y: visible; COLOR: #000; PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; BORDER-SPACING: 0; PADDING-RIGHT: 0px } .inventory CAPTION { FONT-SIZE: 85%; COLOR: #999; TEXT-ALIGN: left } .inventory > THEAD TR TH { FONT-SIZE: 95%; BACKGROUND: #ededed; FONT-WEIGHT: normal; COLOR: #999; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } .splashTable THEAD TR TH { FONT-SIZE: 95%; BACKGROUND: #ededed; FONT-WEIGHT: normal; COLOR: #999; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } .inventory > THEAD TR TH:first-child { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; BORDER-LEFT: medium none; PADDING-RIGHT: 3px } .inventory > TBODY { BORDER-BOTTOM: #ccc 2px solid } .inventory > TBODY TR { BORDER-BOTTOM: #ccc 1px solid } .inventory > TBODY TR TD { WORD-WRAP: break-word; FONT-SIZE: 95%; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: 0px; WHITE-SPACE: normal; BORDER-BOTTOM: #eee 1px solid; WORD-BREAK: normal; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventory > TBODY TR TH { WORD-WRAP: break-word; FONT-SIZE: 95%; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: 0px; WHITE-SPACE: normal; BORDER-BOTTOM: #eee 1px solid; WORD-BREAK: normal; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventory#drawerItems TR TD { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } .inventory#drawerItems TR TH { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } #bb-question-discover .inventory TR TD { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } #bb-question-discover .inventory TR TH { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } .inventory > TBODY TR TH { FONT-WEIGHT: normal; TEXT-ALIGN: left } .inventory > TBODY TR TD:first-child { BORDER-LEFT: medium none } .inventory > TBODY .gray TD { BACKGROUND: #fff4bf } .inventory > TBODY .gray TH { BACKGROUND: #fff4bf } .inventory > THEAD TR TH.sorted { BACKGROUND: #ccc } TH.sorted { BACKGROUND: #ccc } .splashTable THEAD TR TH.sorted { BACKGROUND: #ccc } .inventory > TBODY TR TD.sorted { BACKGROUND: #eee } .inventory > THEAD TR TH.sorted A { FONT-WEIGHT: bold; COLOR: #000 !important } .sortable > THEAD TH A { COLOR: #666; MARGIN-RIGHT: 9px } .sortable > THEAD TH A:hover { TEXT-DECORATION: underline; COLOR: #333 } .sortable A.sortheader { POSITION: relative; DISPLAY: block; PADDING-RIGHT: 17px; MARGIN-RIGHT: 0px } .sortable .sortarrow { TEXT-DECORATION: none; RIGHT: 0px; COLOR: #ff0; LEFT: auto; TOP: 0px } TR.high { BACKGROUND: #fff4bf } .high { BACKGROUND: #fff4bf } .disabledCell { BACKGROUND-COLOR: #f0f0f0 } .inventory .smallCell .reorder { CURSOR: move; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: static; FILTER: alpha(opacity=0); MIN-HEIGHT: 30px; Z-INDEX: 2; DISPLAY: inline-block; opacity: 0 } .inventory > TBODY .reorder { CURSOR: move; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: static; FILTER: alpha(opacity=0); MIN-HEIGHT: 30px; Z-INDEX: 2; DISPLAY: inline-block; opacity: 0 } .attachments .smallCell .reorder { CURSOR: move; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: static; FILTER: alpha(opacity=0); MIN-HEIGHT: 30px; Z-INDEX: 2; DISPLAY: inline-block; opacity: 0 } .attachments TBODY .reorder { CURSOR: move; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: static; FILTER: alpha(opacity=0); MIN-HEIGHT: 30px; Z-INDEX: 2; DISPLAY: inline-block; opacity: 0 } .attachments { WIDTH: 100% } .inventory .dndHandle { POSITION: static; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .inventory .dndHandle .reorder IMG { HEIGHT: 20px } .inventory .dndHandle .reorder:hover IMG { HEIGHT: 20px } .inventory .dndHandle .reorder { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-POSITION: -172px -125px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventory .dndHandle .reorder:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-POSITION: -172px -125px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventory TR:hover .dndHandle { BACKGROUND: url(images/reorder_bg.png) #fff4bf 0px 0px } .reorderable > TBODY TR:hover { -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset } .reorderable > TBODY TR:hover TD { BORDER-TOP: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #f4f4f4; -moz-transition: border, margin, background 250ms ease-in; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .reorderable > TBODY TR:hover TH { BORDER-TOP: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #f4f4f4; -moz-transition: border, margin, background 250ms ease-in; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .reorderable TBODY TR TD:first-child { BORDER-LEFT: transparent 1px solid } .inventory TR:hover .smallCell .reorder { FILTER: alpha(opacity=100); opacity: 1 } .inventory > TBODY TR:hover .smallCell .reorder:hover { FILTER: alpha(opacity=100); opacity: 1 } .attachments TR:hover .smallCell .reorder { FILTER: alpha(opacity=100); opacity: 1 } .attachments TBODY TR:hover .smallCell .reorder:hover { FILTER: alpha(opacity=100); opacity: 1 } .attachments THEAD TR { BORDER-BOTTOM: #ccc 2px solid; COLOR: #999 } .inventory-simple THEAD TR { BORDER-BOTTOM: #ccc 2px solid; COLOR: #999 } .attachments TBODY TR { BORDER-TOP: #eee 1px solid } .inventory-simple TBODY TR { BORDER-TOP: #eee 1px solid } .attachments TD { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .attachments TH { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .inventory-simple TD { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .inventory-simple TH { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } TABLE.inventory > TBODY UL.subtabs { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } TABLE.inventory > TBODY UL.subtabs LI { POSITION: relative; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 20px; PADDING-RIGHT: 2px } DIV.status { FONT-SIZE: 90%; BACKGROUND: #f9f9f9; COLOR: #000; PADDING-BOTTOM: 3px; TEXT-ALIGN: left; PADDING-TOP: 1px; PADDING-LEFT: 6px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } DIV.status A IMG { VERTICAL-ALIGN: middle } DIV.status P { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #444; PADDING-BOTTOM: 1px; TEXT-ALIGN: left !important; PADDING-TOP: 1px; PADDING-LEFT: 1px; MARGIN: 2px auto 4px; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 10%; PADDING-RIGHT: 1px } DIV.status P IMG { HEIGHT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #8dafaf } DIV.stopped P IMG { BACKGROUND: url(images/controls.png) #fff no-repeat -20px -180px } DIV.status A.buttonMicro { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; MARGIN: 1px auto; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 5px } DIV.status DIV { POSITION: relative; TEXT-ALIGN: center } DIV.status A.buttonMicro:hover { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } TABLE.inventory-simple { WIDTH: 100%; BORDER-COLLAPSE: collapse; MARGIN: 0px 0px 12px } TABLE.inventory-simple THEAD TR { BORDER-BOTTOM: #ccc 2px solid; COLOR: #999 } TABLE.attachments THEAD TR.warningRow { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } TABLE.inventory-simple THEAD TR TH { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } TABLE.inventory-simple TBODY TR { BORDER-TOP: #eee 1px solid } TABLE.inventory-simple TBODY TR TH { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } TABLE.inventory-simple TBODY TR TD { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } TABLE.inventory-simple TBODY TR TH { COLOR: #000 } TABLE.inventory-simple .removeCell { BACKGROUND: #ededed; COLOR: #777 } TABLE.inventory-simple .removeCell TD { COLOR: #999 } TABLE.inventory-simple .removeCell TH { COLOR: #999 } TABLE.inventory-simple .removeCell TD A IMG { FILTER: alpha(opacity=40); opacity: .4 } TABLE.inventory-simple .smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.inventory-simple TBODY TR.inEditMode { BORDER-TOP: #444 2px solid; BORDER-RIGHT: #444 2px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #444 2px solid; BORDER-LEFT: #444 2px solid; -moz-border-radius: 0 } TABLE.inventory-simple TBODY TR.inEditMode TD { BORDER-TOP: #444 2px solid; -moz-border-radius: 0 } TABLE.inventory-simple TBODY TR.inEditMode TH { BORDER-TOP: #444 2px solid; -moz-border-radius: 0 } TABLE.stepItems-reorder { MARGIN-BOTTOM: 12px; FONT-SIZE: 85%; BORDER-SPACING: 0 } TABLE.gbColumns { FONT-SIZE: 90%; ZOOM: 1 } TABLE.stepItems-reorder TD { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 6px } TABLE.stepItems-reorder TH { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 6px } TABLE.stepItems-reorder THEAD TR TH { BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #999; TEXT-ALIGN: left } TABLE.gbColumns THEAD TR TH { BACKGROUND: #bbb; BORDER-BOTTOM: #999 2px solid; COLOR: #fff } TABLE.gbColumns THEAD TR TD { BACKGROUND: #bbb; BORDER-BOTTOM: #999 2px solid; COLOR: #fff } TABLE.gbColumns THEAD TR TH.sorted { BORDER-RIGHT: #777 1px solid; BACKGROUND: #999; BORDER-LEFT: #777 1px solid } TABLE.gbColumns THEAD TR TH A { COLOR: #fff } TABLE.gbColumns THEAD TR TD A { COLOR: #fff } TABLE.stepItems-reorder THEAD TR.lowerHeader TH { BORDER-BOTTOM: #ccc 2px solid; COLOR: #333 } TABLE.stepItems-reorder TBODY TR TD.shaded { BACKGROUND: url(images/readback.png) #f6f6f6 } TABLE.stepItems-reorder THEAD TR TH.shaded { BACKGROUND: url(images/readback.png) #f6f6f6 } TABLE.stepItems-reorder TR TH.clearCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.stepItems-reorder TBODY TR:first-child TD { BORDER-TOP: 0px } TABLE.stepItems-reorder TBODY TR:first-child TH { BORDER-TOP: 0px } TABLE.stepItems-reorder THEAD TR:first-child { BORDER-TOP: 0px } TABLE.stepItems-reorder TBODY TR TD.dragCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: top; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.stepItems-reorder TBODY TR TD SPAN.reorder { CURSOR: move; HEIGHT: 20px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 18px !important; BACKGROUND: url(images/controls.png) #ededed no-repeat -177px -122px; RIGHT: 0px; POSITION: relative; LEFT: auto; FILTER: alpha(opacity=100); DISPLAY: block; TOP: 2px; opacity: 1; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px } TABLE.gbColumns TBODY TR TD SPAN.reorder { BACKGROUND: url(images/controls.png) #ededed no-repeat -237px -122px } TABLE.stepItems-reorder TBODY TR.frozenbar TD SPAN.reorder { TOP: 1px } TABLE.stepItems-reorder TBODY TR TD INPUT { WIDTH: 95%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } 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: 0px 4px 0px 0px } TABLE.gbColumns TBODY TR TD INPUT[type=checkbox] { WIDTH: auto; MARGIN: 0px } TABLE.gbColumns TBODY TR TD { VERTICAL-ALIGN: top; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 6px } TABLE.gbColumns TBODY TR.frozenbar TD { FONT-SIZE: 95%; BORDER-TOP: 0px; BACKGROUND: #ccc; COLOR: #444 } TABLE.gbColumns TFOOT TR.lastRow TD { BORDER-TOP: 0px; HEIGHT: 2px; BORDER-RIGHT: 0px; BACKGROUND: #999; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 0; PADDING-RIGHT: 0px } TABLE.gbColumns TBODY TR.frozen TD { BACKGROUND: #ededed } TABLE.gbColumns THEAD TR TD.checkBox { PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } TABLE.gbColumns TBODY TR TD.checkBox { PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } DIV.areaHighlight TABLE.gbColumns THEAD TR TD.clear { BACKGROUND: inherit } TD.clear { BACKGROUND: inherit } DIV.areaHighlight TABLE.gbColumns TBODY TR.frozenbar TD.dragCell { BACKGROUND: inherit } DIV.areaHighlight TABLE.gbColumns TBODY TR TD.dragCell { BACKGROUND: inherit } DIV.areaHighlight TABLE.gbColumns TBODY TR.frozen TD.dragCell { BACKGROUND: inherit } DIV.areaHighlight TABLE.gbColumns TFOOT TR.lastRow TD.clear { BACKGROUND: inherit } TABLE.gbColumns TBODY TR.frozenbar TD.dragCell { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } TABLE.gbColumns TBODY TR.placeholder TD { BORDER-TOP: 0px; HEIGHT: 1px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 0; PADDING-RIGHT: 0px } TABLE.gbColumns TBODY TR.placeholder TD.clear { BACKGROUND: inherit } UL.dragableHighlight LI TABLE.gbColumns THEAD TR TD.clear { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TD.clear { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TABLE.gbColumns TBODY TR.frozenbar TD.dragCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TABLE.gbColumns TBODY TR TD.dragCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TABLE.gbColumns TBODY TR.frozen TD.dragCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TABLE.gbColumns TFOOT TR.lastRow TD.clear { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.gbColumns THEAD TR TD.clear { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TR.rowdrag { BACKGROUND: #ccc; Z-INDEX: 1 } .insertImg { POSITION: relative; Z-INDEX: 20; TOP: 12px } .insertImgUp { RIGHT: -10px; POSITION: absolute; Z-INDEX: 20 } TABLE.inventory > TBODY TR TD.smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 3px; PADDING-RIGHT: 0px } TABLE.inventory > THEAD TR TH.smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 3px; PADDING-RIGHT: 0px } TABLE.inventory > TBODY TR TD.hideCell { DISPLAY: none } TABLE.inventory > THEAD TR TH.hideCell { DISPLAY: none } .clickOrder { DISPLAY: none } TABLE.inventory > TBODY TR TD.clickOrder { BORDER-LEFT: medium none; BACKGROUND-COLOR: #ddd } TABLE.inventory TR TD.endCell { WIDTH: 1px !important; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important; BACKGROUND-COLOR: #ddd } TABLE.inventory TR.orderRow TD.clickOrder { TEXT-ALIGN: center; BACKGROUND-COLOR: #ddd } 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 } .cloudToolsSwitch { BORDER-TOP: #ccc 1px solid; BACKGROUND: #fafafa; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px } .cloudToolsSwitch DIV:first-child.clearfix { MARGIN-BOTTOM: 5px; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 5px } TABLE.splashTable { WIDTH: 100%; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #ccc 2px solid; MARGIN: 3px 0px 12px } TABLE.splashTable THEAD TR { COLOR: #999 } TABLE.splashTable THEAD TR TH { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } TABLE.splashTable THEAD TR TH A { TEXT-DECORATION: none; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666 } TABLE.splashTable THEAD TR TH A:hover { TEXT-DECORATION: underline; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #333 } TABLE.splashTable TBODY TR { BORDER-TOP: #ddd 1px solid } TABLE.splashTable TBODY TR TH { FONT-SIZE: 90%; COLOR: #777; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } TABLE.splashTable TBODY TR TD { FONT-SIZE: 90%; COLOR: #777; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } TABLE.splashTable TBODY TR TH { COLOR: #000; TEXT-ALIGN: left } TABLE.splashTable TH.smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.splashTable TD.smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .contentBlock A { TEXT-DECORATION: none; BACKGROUND: url(images/indicators.png) no-repeat 0px -450px; DISPLAY: block } .contentBlock A.collapse { TEXT-DECORATION: none; BACKGROUND: url(images/indicators.png) no-repeat 0px -1045px; DISPLAY: block } .contentBlock A.collapse:hover { TEXT-DECORATION: underline } .contentBlock A.hover { TEXT-DECORATION: underline } TABLE.reorderCols { FONT-SIZE: 95%; WIDTH: 100%; BORDER-COLLAPSE: collapse; CLEAR: both; MARGIN: 18px 0px 9px } TABLE.reorderCols THEAD TR TH { CURSOR: move; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 4px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 4px } TABLE.reorderCols THEAD TR TH.noReorderCol { CURSOR: default; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: medium none } TABLE.reorderCols TBODY TR TD { BORDER-RIGHT: #ddd 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: left; PADDING-TOP: 2px; PADDING-LEFT: 4px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 4px } TABLE.reorderCols TBODY TR TH { BORDER-RIGHT: #ddd 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: left; PADDING-TOP: 2px; PADDING-LEFT: 4px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 4px } TABLE.reorderCols TBODY TR TH { BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; COLOR: #555 } TABLE.reorderCols THEAD TH SPAN.reorderToolTip { BACKGROUND: url(images/controls.png) #ddd no-repeat -347px -122px } TABLE.reorderCols THEAD TR TH.axis { BACKGROUND: #ededed 0px 50%; BORDER-BOTTOM: #ccc 1px solid; COLOR: #555 } .ghostTd { BORDER-TOP: #000 1px solid; HEIGHT: auto; BORDER-RIGHT: #000 1px solid; WIDTH: auto; BACKGROUND: #eee; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT: 10px arial; PADDING-LEFT: 8px; BORDER-LEFT: #000 1px solid; PADDING-RIGHT: 8px } TABLE.reorderCols THEAD TH.dragging { BACKGROUND: #ccc } TABLE.reorderCols THEAD TH.hovering { BACKGROUND: #666 } TABLE.reorderCols THEAD TH.hovering IMG { DISPLAY: none } .rumble { BACKGROUND: url(images/selected_items.png) no-repeat -1974px center; MARGIN: 0px 0px 9px } .rumble_top { BACKGROUND: url(images/selected_items.png) no-repeat 12px center; MARGIN: 12px 0px 0px } #mapCanvasForm .rumble_top { MARGIN-LEFT: 30px; MARGIN-RIGHT: 30px } #mapCanvasForm .rumble { MARGIN-LEFT: 30px; MARGIN-RIGHT: 30px } #mapCanvasForm .rumble_top { BORDER-BOTTOM: #eee 2px solid } .noBatchActions { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 5px !important; PADDING-TOP: 5px !important; PADDING-LEFT: 5px !important; PADDING-RIGHT: 5px !important } .rumbleBuildList { BORDER-TOP: #eee 2px solid; MARGIN: 0px 0px 0px 18px } .rumbleBuildList UL LI { Z-INDEX: 1000 } .rumbleBuildListTop UL LI { Z-INDEX: 1000 } .rumble_top UL { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 34px; PADDING-RIGHT: 2px } .rumble UL { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 34px; PADDING-RIGHT: 2px } .rumble_top UL LI { VERTICAL-ALIGN: top; MARGIN: 0px 3px 0px 0px; DISPLAY: inline-block } .rumble UL LI { VERTICAL-ALIGN: top; MARGIN: 0px 3px 0px 0px; DISPLAY: inline-block } .rumble_top UL LI.primary { VERTICAL-ALIGN: top; MARGIN: 0px 3px 0px 0px; DISPLAY: inline-block } .rumble UL LI.primary { VERTICAL-ALIGN: top; MARGIN: 0px 3px 0px 0px; DISPLAY: inline-block } .rumble_top UL LI.secondary { POSITION: relative; FLOAT: right; MARGIN: 0px 0px 0px 3px } .rumble UL LI.secondary { POSITION: relative; FLOAT: right; MARGIN: 0px 0px 0px 3px } .contentListPlain .rumble LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .contentListPlain .rumble_top LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble LI.listActionDivider { BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 9px; MARGIN-RIGHT: 9px } .rumble_top LI.listActionDivider { BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 9px; MARGIN-RIGHT: 9px } .selectList .listActionDivider { BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 9px; MARGIN-RIGHT: 9px } .listActionDivider { BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 9px; MARGIN-RIGHT: 9px } .rumble LI.listActionGroup INPUT { FONT-SIZE: 95% } .rumble_top LI.listActionGroup INPUT { FONT-SIZE: 95% } .rumble LI.listActionGroup A { DISPLAY: inline } .rumble_top LI.listActionGroup A { DISPLAY: inline } .paging { FLOAT: right; TEXT-ALIGN: right; CLEAR: left } .pagingprefs { COLOR: #666; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN-TOP: 3px; PADDING-RIGHT: 0px } .paging SPAN { BORDER-RIGHT: #ccc 1px dotted; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px 9px 0px 0px; PADDING-RIGHT: 6px } .rumble_top .inventory_paging { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN-LEFT: 9px; PADDING-RIGHT: 0px } .rumble .inventory_paging { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN-LEFT: 9px; PADDING-RIGHT: 0px } .jumptopage INPUT { WIDTH: auto; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; _display: inline-block } .inventory_paging INPUT { WIDTH: auto; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; _display: inline-block } .inventory_paging INPUT { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid } .jumptopage INPUT { WIDTH: 2em; FONT-WEIGHT: normal; -webkit-border-radius: 0; -moz-border-radius: 0 } .rumble_top .inventory_paging A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble .inventory_paging A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble_top .inventory_paging .abutton { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble .inventory_paging .abutton { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble_top .inventory_paging .gotolink { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .rumble_top .inventory_paging .gotolink { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .inventory_paging A { DISPLAY: inline-block } .inventory_paging IMG { DISPLAY: inline-block } .inventory_paging SPAN { DISPLAY: inline-block } .inventory_paging DIV { DISPLAY: inline-block } .jumptopage DIV { DISPLAY: inline-block } .inventory_paging .abutton { DISPLAY: inline-block } .inventory_paging A IMG { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .inventory_paging .abutton IMG { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .inventory_paging IMG { MARGIN: 2px 2px 3px } .inventory_paging A.inactive { FILTER: alpha(opacity=40); opacity: .4 } A.jumpToPageOpen { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 1px !important; BORDER-LEFT: medium none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } A.jumpToPageOpen:hover { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 1px !important; BORDER-LEFT: medium none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } A.jumpToPageOpen:focus { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 1px !important; BORDER-LEFT: medium none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } A.jumpToPageOpen:hover { BORDER-BOTTOM-COLOR: #333 } A.jumpToPageOpen:focus { BORDER-BOTTOM-COLOR: #333 } DIV.jumptopage INPUT#currentpage_bot { WIDTH: auto } DIV.jumptopage INPUT#currentpage_top { WIDTH: auto } INPUT#currentpage_bot { WIDTH: auto } INPUT#currentpage_top { WIDTH: auto } .jumptopage { FLOAT: right } .jumptopage DIV { MARGIN: 0px 0px 0px 3px } .jumptopage BUTTON { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; RIGHT: 0px; BORDER-BOTTOM: medium none; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: medium none; TOP: 0px; PADDING-RIGHT: 0px } .jumptopage BUTTON IMG { MARGIN: 0px } .rumble_top .secondaryControl { FLOAT: right } .rumble .secondaryControl { FLOAT: right } .key-valueTable TR { BORDER-BOTTOM: medium none } .key-valueTable TH { BORDER-BOTTOM: medium none } .key-valueTable TD { BORDER-BOTTOM: medium none } .key-valueTable TBODY { BORDER-BOTTOM: medium none } .key-valueTable TBODY TD { FONT-SIZE: inherit !important; BORDER-TOP: #ccc 1px dotted; VERTICAL-ALIGN: top; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .key-valueTable TBODY TH { FONT-SIZE: inherit !important; BORDER-TOP: #ccc 1px dotted; VERTICAL-ALIGN: top; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .key-valueTable TBODY TR:first-child TH { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .key-valueTable TBODY TR:first-child TD { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .key-valueTable TBODY TH { COLOR: #555 } .infoListWrapper .key-valueTable { MARGIN: 3px 9px 6px } TD.removeCell { TEXT-DECORATION: line-through; COLOR: #999 } TD.removeCell SPAN A { TEXT-DECORATION: line-through; COLOR: #999 } TD.removeCell SPAN A IMG { FILTER: alpha(opacity=30); opacity: .3 } .contentList { MARGIN: -20px -30px } .buildList { MARGIN: -20px -30px } .contentListPlain { MARGIN: -20px -30px } .announcementList { MARGIN: -20px -30px } FORM#announcementForm TABLE { MARGIN: -20px -30px 24px } FORM#announcementForm TABLE TD { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #bb-assessment-canvas .contentListPlain { MARGIN: 0px -30px } .gradingList { MARGIN: 0px -30px } .buildList#survey { MARGIN: 0px -30px } #manageFormCanvasForm .buildList { MARGIN: 0px -30px } #mapCanvasForm .buildList { MARGIN: 0px 30px } .hierarchy-page #toolSettingsForm #dataCollectionContainer { MARGIN: -10px -30px } .leftColumn-wide .contentListPlain { MARGIN: 0px } .contentList > LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .buildList > LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .contentListPlain > LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .announcementList > LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .contentPageItem { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .contentList > LI:first-child { BORDER-TOP: transparent 1px solid } .contentList > LI:first-child.read:hover { BORDER-TOP: transparent 1px solid } .buildList > LI:first-child { BORDER-TOP: transparent 1px solid } .contentListPlain > LI:first-child { BORDER-TOP: transparent 1px solid } .announcementList > LI:first-child { BORDER-TOP: transparent 1px solid } #bb-assessment-canvas .contentListPlain > LI:first-child { BORDER-TOP-COLOR: #ccc } #bb-assessment-canvas .contentListPlain > LI { PADDING-LEFT: 42px; MIN-HEIGHT: 16px } #bb-assessment-canvas .contentListPlain > LI .item { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #bb-assessment-canvas .contentListPlain > LI .details { PADDING-BOTTOM: 5px; PADDING-TOP: 12px } .takeQuestionDiv { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } #assessmentGradeForm #dataCollectionContainer > DIV[id*='_'] { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } #assessmentGradeForm #dataCollectionContainer > DIV[id*='step'] { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } #assessmentGradeForm #dataCollectionContainer H3.submittitle.steptitle { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .takeQuestionDiv H3 { MARGIN: 0px } .takeQuestionDiv + H3 { PADDING-LEFT: 28px } #assessmentGradeForm #dataCollectionContainer { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .contentList > LI { MIN-HEIGHT: 50px } .buildList > LI { MIN-HEIGHT: 50px } .contentListPlain > LI { MIN-HEIGHT: 50px } .announcementList > LI { MIN-HEIGHT: 50px } .contentPageItem { MIN-HEIGHT: 50px } .liItem:hover { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid; BACKGROUND-COLOR: #f4f4f4; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-transition: border, margin, -moz-box-shadow, background 100ms ease-in-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 100ms; -webkit-transition-timing-function: ease-in-out } .buildList > LI:hover { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid; BACKGROUND-COLOR: #f4f4f4; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-transition: border, margin, -moz-box-shadow, background 100ms ease-in-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 100ms; -webkit-transition-timing-function: ease-in-out } .buildList LI:first-child:hover { BORDER-TOP-COLOR: #666 } .contentList > LI:first-child:hover { BORDER-TOP-COLOR: #666 } .gradingList > LI:first-child:hover { BORDER-TOP-COLOR: #666 } .liItem A[onclick*='toggleDetails'] { RIGHT: -19px; POSITION: relative; TOP: -6px; VISIBILITY: hidden } .liItem:hover A[onclick*='toggleDetails'] { VISIBILITY: visible } .liItem A[onclick*='toggleDetails'] IMG { VISIBILITY: hidden } .liItem A[title*='Hide'][href='#'] { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 0px 0px } .liItem A[title*='Show'][href='#'] { BACKGROUND: url(images/portlet_expand_alt_rev.png) no-repeat 0px 0px } .contentListPlain .item_icon { DISPLAY: none } .item { CURSOR: move; FONT-SIZE: 110%; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .contentList .item { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 60px; PADDING-RIGHT: 0px } .gradingList .item { PADDING-RIGHT: 120px } .announcementList .item { WORD-WRAP: break-word; WORD-BREAK: normal; PADDING-RIGHT: 13em } .announcementList-read .item { WORD-WRAP: break-word; WORD-BREAK: normal; PADDING-RIGHT: 13em } #announcementList .item { WORD-WRAP: break-word; WORD-BREAK: normal; PADDING-RIGHT: 13em } .item:hover { CURSOR: move } .item:focus { CURSOR: move } .read .item { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px } .announcementList-read .item { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px } .contentList-slim .read .item { PADDING-LEFT: 48px } .read .item:hover { CURSOR: default; BACKGROUND: none transparent scroll repeat 0% 0% } .read .item:focus { CURSOR: default; BACKGROUND: none transparent scroll repeat 0% 0% } .tab-groups H3.item { BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 8px; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 0px 11em 8px -12px; PADDING-RIGHT: 0px } .tab-groups H3.item .reorder + SPAN { FONT-SIZE: 90%; FONT-FAMILY: Georgia; FONT-WEIGHT: normal; COLOR: #999; FONT-STYLE: italic; MARGIN: 0px 4px 0px 0px } .item_icon { POSITION: absolute; LEFT: 24px; MARGIN: 0px; TOP: 12px } .read .item_icon { LEFT: 18px; MARGIN: 0px } .item H3 { WORD-WRAP: break-word; FLOAT: left; MARGIN: 0px 3px 0px 0px } .item .contextMenuContainer { WORD-WRAP: break-word; FLOAT: left; MARGIN: 0px 3px 0px 0px } .item H3 + .contextMenuContainer { POSITION: relative; TOP: 2px } .tab-groups .item .contextMenuContainer { FLOAT: none } #announcementList .item .contextMenuContainer { FLOAT: none } .item INPUT[type=checkbox] { FLOAT: left; MARGIN: 2px 6px 0px -6px } .iconsOnly { WIDTH: 80%; BORDER-BOTTOM: #ccc 1px solid; MARGIN: 24px auto } .iconsOnly LI { WIDTH: 49%; FLOAT: left !important; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .iconsOnly > LI:first-child { BORDER-TOP-COLOR: #ccc } .iconsOnly .read { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .iconsOnly .item_icon { PADDING-BOTTOM: 0px; PADDING-TOP: 12px; PADDING-LEFT: 0px; LEFT: auto; MIN-HEIGHT: 50px; TOP: 0px; PADDING-RIGHT: 0px } .iconsOnly .item { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MIN-HEIGHT: 3em; BORDER-LEFT: 0px; PADDING-RIGHT: 6px } .iconsOnly .read .item { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px; PADDING-RIGHT: 6px } .iconsOnly .item H3 { FLOAT: none; DISPLAY: inline-block; TOP: 0px } .iconsOnly .item .contextMenuContainer { FLOAT: none; DISPLAY: inline-block; TOP: 0px } .iconsOnly .item H3 A { WORD-WRAP: break-word; WIDTH: 270px; DISPLAY: block } .iconsOnly LI:hover .item_icon { BACKGROUND: #ededed } .iconsOnly LI:hover .item { BACKGROUND: #ededed } .iconsOnly LI:focus .item_icon { BACKGROUND: #ededed } .iconsOnly LI:focus .item { BACKGROUND: #ededed } .iconsOnly .read .item_icon { POSITION: relative !important; TEXT-ALIGN: center !important; DISPLAY: block !important } .iconsOnly .item_icon { POSITION: relative !important; TEXT-ALIGN: center !important; DISPLAY: block !important } .iconsOnly .read .item_icon { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; LEFT: 0px; BORDER-LEFT: 0px } .iconsOnly .read .item { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; LEFT: 0px; BORDER-LEFT: 0px } .iconsOnly .read:hover .item_icon { BACKGROUND: none transparent scroll repeat 0% 0% } .iconsOnly .read:hover .item { BACKGROUND: none transparent scroll repeat 0% 0% } .iconsOnly .read:focus .item_icon { BACKGROUND: none transparent scroll repeat 0% 0% } .iconsOnly .read:focus .item { BACKGROUND: none transparent scroll repeat 0% 0% } .buildList LI INPUT { FLOAT: left; MARGIN: 2px 8px } .buildList INPUT.browse { MARGIN: 0px 0px 6px } .buildList INPUT.genericButton { MARGIN: 0px 0px 6px } .buildList INPUT[type=button] { MARGIN: 0px 0px 6px } .contentListRight { RIGHT: 6px; POSITION: absolute; FONT-WEIGHT: normal; LEFT: auto } .pagedContentListRight { TOP: 4px } .contentListRightOffset { MARGIN-RIGHT: 12em } .contentList .details { PADDING-LEFT: 60px } .contentListPlain .contentListRight + .details { OVERFLOW-X: auto; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 28px; PADDING-RIGHT: 0px } .announcementList .details { OVERFLOW-X: auto; OVERFLOW-Y: visible; MARGIN-RIGHT: 12.8em } #announcementList .details { OVERFLOW-X: auto; OVERFLOW-Y: visible; MARGIN-RIGHT: 12.8em } .contentList-slim .read .details { MARGIN-LEFT: 48px } .staffInfoList .details { MARGIN-RIGHT: 160px } .staffInfoList .hasPhoto .details { MIN-HEIGHT: 135px } .details > P { FONT-SIZE: 95%; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .details .note { FONT-WEIGHT: bold } .details > P.important { FONT-SIZE: 90%; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 0px 9px; PADDING-RIGHT: 0px } .details > P.important SPAN { FONT-WEIGHT: normal; COLOR: #888 } .itemDetails { WORD-WRAP: break-word; FONT-SIZE: 85%; WIDTH: 14em; RIGHT: 0px; POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-TOP: 9px; PADDING-LEFT: 14px; BORDER-LEFT: #ccc 1px dotted; TOP: 2px; PADDING-RIGHT: 9px; BOTTOM: 8px } .announcementInfo { WORD-WRAP: break-word; FONT-SIZE: 85%; WIDTH: 14em; RIGHT: 0px; POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-TOP: 9px; PADDING-LEFT: 14px; BORDER-LEFT: #ccc 1px dotted; TOP: 2px; PADDING-RIGHT: 9px; BOTTOM: 8px } .announcementInfo P { PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .itemDetails P { PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .announcementInfo P SPAN { COLOR: #676767 } .announcementInfo SPAN { COLOR: #676767 } .itemDetails SPAN { COLOR: #676767 } .announcementInfo P SPAN SPAN { FONT-SIZE: 95% !important } .noItems { FONT-FAMILY: Georgia; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 6px; FONT-STYLE: italic; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .additional + P .warnFont { FONT-FAMILY: Georgia; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 6px; FONT-STYLE: italic; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #listContainer .noItems { TEXT-ALIGN: center; PADDING-TOP: 100px } .additional + P .warnFont { TEXT-ALIGN: center; PADDING-TOP: 100px } .table-scroll-wrapper .helphelp { TEXT-ALIGN: center; PADDING-TOP: 100px } .hierarchy-page .noItems { TEXT-ALIGN: center; PADDING-TOP: 100px } .table-scroll-wrapper .helphelp { MARGIN: 0px auto; DISPLAY: block } .additional + P .warnFont { PADDING-TOP: 100px; DISPLAY: block } .details .attachments { WORD-WRAP: break-word; MARGIN-BOTTOM: 9px; WORD-BREAK: normal } .buildList > LI.separator { BACKGROUND: #ededed; POSITION: relative; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 30px; LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 1px; Z-INDEX: 0; TOP: 0px; PADDING-RIGHT: 30px } .separator H3.item { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 108% Georgia, serif normal; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .external-breadcrumbs .receipt { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 108% Georgia, serif normal; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .separator .line { BORDER-TOP: #777 1px dashed; RIGHT: 0px; POSITION: absolute; LEFT: 30px; TOP: 50% } .external-breadcrumbs .contentPaneWide { BORDER-TOP: #777 1px dashed; RIGHT: 0px; POSITION: absolute; LEFT: 30px; TOP: 50% } .external-breadcrumbs .contentPaneWide { POSITION: relative; LEFT: 0px; MARGIN: 0px 24px 0px 30px; TOP: 6px } .separator .text { BACKGROUND: #ededed; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; PADDING-RIGHT: 12px } .external-breadcrumbs .receipt { BACKGROUND: #ededed; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; PADDING-RIGHT: 12px } .buildList .detailList .hidden { DISPLAY: none } .buildList .detailList .tagContainer { POSITION: relative } .buildList .detailList .tagContainer .hidden { DISPLAY: none } .buildList .detailList .tagContainer { WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } .buildList .detailList .tagContainer SPAN { WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } .buildList .detailList .tagContainer INPUT { FONT-SIZE: 95%; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #555 1px solid; FLOAT: none; MARGIN: 0px; BORDER-LEFT: #555 1px solid; DISPLAY: inline } .tagContainer INPUT { FONT-SIZE: 95%; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #555 1px solid; FLOAT: none; MARGIN: 0px; BORDER-LEFT: #555 1px solid; DISPLAY: inline } .tagContainer .newTagForm { MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px dotted } .tagContainer .newTagForm LABEL { PADDING-LEFT: 6px } .currentTags { OVERFLOW: hidden; WIDTH: 16em; RIGHT: 0px; POSITION: absolute; ZOOM: 1; Z-INDEX: 100; DISPLAY: none; LINE-HEIGHT: 1.8; TOP: 1.2em } .currentTags SPAN { PADDING-BOTTOM: 6px; PADDING-TOP: 18px; PADDING-LEFT: 6px; DISPLAY: block; PADDING-RIGHT: 6px } .currentTags A { FONT-WEIGHT: bold } .currentTags A.closeCloud { WIDTH: 98%; POSITION: absolute; PADDING-BOTTOM: 1px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 2px; LEFT: 0px; DISPLAY: block; LINE-HEIGHT: 1; TOP: 0px; PADDING-RIGHT: 2px } .auto_complete { BORDER-TOP: #acc2df 1px solid; BORDER-RIGHT: #57b 1px solid; WIDTH: 12em; BACKGROUND: #e2eefe; BORDER-BOTTOM: #57b 1px solid; BORDER-LEFT: #acc2df 1px solid; Z-INDEX: 1000 } .auto_complete UL { LIST-STYLE-TYPE: none; WIDTH: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .auto_complete UL LI { OVERFLOW: hidden; CURSOR: pointer; WIDTH: 96%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 3%; MARGIN: 0px; PADDING-RIGHT: 1% } .auto_complete UL LI.selected { BACKGROUND-COLOR: #fff } .auto_complete UL STRONG.highlight { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .freq1 { FONT-SIZE: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq2 { FONT-SIZE: 105%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq3 { FONT-SIZE: 120%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq4 { FONT-SIZE: 135%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq5 { FONT-SIZE: 150%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq6 { FONT-SIZE: 165%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq1:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq2:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq3:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq4:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq5:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq6:hover { TEXT-DECORATION: none; BACKGROUND: white } .currentTags A.tagDisabled { TEXT-DECORATION: none; FONT-WEIGHT: normal; FILTER: alpha(opacity=70); opacity: .7 } .currentTags A.tagDisabled:hover { BACKGROUND: none transparent scroll repeat 0% 0% } .tab-groups .tab-group-label { COLOR: #999; FONT: italic 102%/1.4em Georgia, sans-serif } .subList { MARGIN: 3px 0px 6px } .subList-reorder { MARGIN: 3px 0px 6px } .subList LI { FONT-SIZE: 95%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; BORDER-LEFT: medium none; PADDING-RIGHT: 6px } .buildList .detailList { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 23px; MARGIN: 0px; PADDING-RIGHT: 3px } .subList-reorder LI { FONT-SIZE: 95%; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 6px } .subList-reorder LI:hover { BORDER-TOP-COLOR: #bbb !important; BACKGROUND: #fff; BORDER-LEFT-COLOR: #bbb !important; BORDER-BOTTOM-COLOR: #bbb !important; BORDER-RIGHT-COLOR: #bbb !important } .subList LI A IMG { VERTICAL-ALIGN: middle } .subList-reorder LI A IMG { VERTICAL-ALIGN: middle } .subList LI P { FONT-SIZE: 90%; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 6px 3px 24px; DISPLAY: none; PADDING-RIGHT: 0px } .subList-reorder LI P { FONT-SIZE: 90%; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 6px 3px 24px; DISPLAY: none; PADDING-RIGHT: 0px } .subList LI P { VISIBILITY: hidden } .subList LI P SPAN { FLOAT: none; FONT-WEIGHT: bold; DISPLAY: inline } .buildList .detailList LI .subList LI P SPAN { FLOAT: none; FONT-WEIGHT: bold; DISPLAY: inline } .subList-reorder LI P SPAN { FLOAT: none; FONT-WEIGHT: bold; DISPLAY: inline } .subList-reorder .itemDetails { DISPLAY: none } .subList-reorder .details { DISPLAY: none } .subList .details { DISPLAY: none } .itemDetails + .details { OVERFLOW: visible; MARGIN-RIGHT: 13em } .subList LI P SPAN { FONT-WEIGHT: bold } .subListArtifact { CLEAR: both } .detailList .subListArtifact { CLEAR: both } .subListArtifact LI { POSITION: static } .detailList .subListArtifact LI { POSITION: static } .detailList .subListArtifact { ZOOM: 1 } .detailList .subListArtifact LI { ZOOM: 1 } .detailList .subListArtifact LI A { ZOOM: 1 } .buildList .detailList { MARGIN: 0px 0px 0.6em 0.7em } .buildList .detailList .subList { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.buildList UL.detailList OL.subList { LIST-STYLE-TYPE: decimal; LIST-STYLE-POSITION: inside } UL.buildList UL.detailList LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0.2em; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0.2em; BORDER-LEFT: medium none; DISPLAY: table-row; PADDING-RIGHT: 0px } UL.buildList UL.detailList .detail-item-title { WIDTH: 135px; FLOAT: left; FONT-WEIGHT: bold; DISPLAY: block } UL.buildList UL LI > DIV { WIDTH: 79%; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0.3em; MARGIN-LEFT: 135px; DISPLAY: block; PADDING-RIGHT: 0px } UL.buildList UL LI DIV.contextMenuContainer { WIDTH: auto; FLOAT: none; DISPLAY: inline } UL.noimg LI DIV.contextMenuContainer { WIDTH: auto; FLOAT: none; DISPLAY: inline } .buildList .pageBreak .item { BORDER-TOP: #ccc 2px dotted; BACKGROUND-IMAGE: url(images/readback.png); COLOR: #777 } .buildList .sectionBreak .item { BORDER-TOP: #ccc 2px dotted; BACKGROUND-IMAGE: url(images/readback.png); COLOR: #777 } DIV.itemHeaderControl { RIGHT: 14.5em; POSITION: absolute; TOP: 9px } DIV.itemHeaderControl A IMG { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } BODY.cartMode { PADDING-BOTTOM: 49px } .addedRow { COLOR: #999 } TABLE.sortable TBODY TR.addedRow TH LABEL A { COLOR: #999 } .addedRow TD A { COLOR: #999 } .addedRow { } .addedRow IMG { FILTER: alpha(opacity=50); opacity: .5 } TABLE#datatable2 TR TD { FONT-SIZE: 85%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } TABLE#datatable2 TR TH { FONT-SIZE: 85%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } TABLE#datatable2 THEAD TH { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .itemSelector { HEIGHT: 20px; WIDTH: 20px; MARGIN: 0px auto } .itemSelector INPUT { FILTER: alpha(opacity=0); opacity: 0 } .remove { BACKGROUND: url(../../../images/ci/ng/remove_ti.png) no-repeat 0px 0px } .itemTray { BORDER-TOP: #aaa 1px solid; HEIGHT: 40px; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #ddd; RIGHT: 18px; BORDER-BOTTOM: 0px; POSITION: fixed; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; LEFT: 18px; MARGIN: 0px; BORDER-LEFT: #aaa 1px solid; Z-INDEX: 10000; PADDING-RIGHT: 9px; BOTTOM: 0px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0 } .picker .itemTray { RIGHT: 12px; LEFT: 12px } DIV.itemTrayContentPane { LEFT: 200px } DIV.itemTrayContentPaneWide { LEFT: 0px } .itemTray H2 { FONT-SIZE: 110%; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .itemTray H3 { FONT-SIZE: 110%; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .itemTray H2 SPAN.listToggle { FONT-WEIGHT: normal; COLOR: #eee } .itemTray H3 SPAN.listToggle { FONT-WEIGHT: normal; COLOR: #eee } .itemTray H2 SPAN.listToggle A { TEXT-DECORATION: none; BORDER-BOTTOM: #ccc 1px dotted; COLOR: #eee } .itemTray H3 SPAN.listToggle A { TEXT-DECORATION: none; BORDER-BOTTOM: #ccc 1px dotted; COLOR: #eee } .itemTray H2 SPAN.listToggle A:hover { BORDER-BOTTOM: #ccc 1px solid } .itemTray H3 SPAN.listToggle A:hover { BORDER-BOTTOM: #ccc 1px solid } .itemTray DIV.noItems { COLOR: #777; TEXT-ALIGN: center } .itemTray #cartList { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .itemTray #selectedItemsWrapper { BACKGROUND: #777; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .itemTray .cartTableWrapper { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; BACKGROUND: #fff; OVERFLOW-Y: auto; BORDER-BOTTOM: #555 1px solid; BORDER-LEFT: #555 1px solid; MAX-HEIGHT: 130px } .sideTOC .cartTableWrapper { OVERFLOW: auto } #count { BACKGROUND: #444; COLOR: #fff; PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .itemTray #numberOfElements { BACKGROUND: #444; COLOR: #fff; PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } #progress { WIDTH: 100px; POSITION: absolute; MARGIN: 300px 50%; Z-INDEX: 300; DISPLAY: none } #progress DIV { MARGIN-LEFT: -100% } #cartSubmit { Z-INDEX: 200 } #cartList FIELDSET { COLOR: #f6f6f6; PADDING-BOTTOM: 12px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 0px 12px; PADDING-RIGHT: 3px } #cartList FIELDSET UL LI INPUT[type=text] { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; WIDTH: 2.3em; BORDER-BOTTOM: #666 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #666 1px solid; PADDING-RIGHT: 0px } .itemGallery { ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .itemGallery > LI { WIDTH: 1.2em; VERTICAL-ALIGN: top; ZOOM: 1; TEXT-ALIGN: center; PADDING-TOP: 0.06em; MARGIN: 5px 5px 20px; _height: 130px } .itemGallery .stackFix { HEIGHT: auto; WIDTH: 100% } .itemIconHolder { HEIGHT: 1em; WIDTH: 100%; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto 0.05em; PADDING-RIGHT: 0px } .itemIconHolder A { OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; ZOOM: 1; BORDER-LEFT: #ccc 1px solid; DISPLAY: block } .itemIconHolder A:hover { BORDER-TOP-COLOR: #777; BORDER-LEFT-COLOR: #777; BORDER-BOTTOM-COLOR: #777; BORDER-RIGHT-COLOR: #777 } .itemIconWrapper { BORDER-TOP: #f1f1f1 0.02em solid; BORDER-RIGHT: #f1f1f1 0.02em solid; WIDTH: auto; BORDER-BOTTOM: #f1f1f1 0.02em solid; POSITION: absolute; MARGIN: 0px 50%; BORDER-LEFT: #f1f1f1 0.02em solid; BOTTOM: 0px } .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 { HEIGHT: 0.9em; WIDTH: 0.78em } .itemIconLink-square A { HEIGHT: 0.78em; WIDTH: 0.78em } .itemIconLink-horizontal A { HEIGHT: 0.78em; WIDTH: 1em } .itemIconLink-vertical IMG { HEIGHT: 0.9em; WIDTH: 0.8em; VERTICAL-ALIGN: top } .itemIconLink-square IMG { HEIGHT: 0.8em; WIDTH: 0.8em; VERTICAL-ALIGN: top } .itemIconLink-horizontal IMG { HEIGHT: 0.8em; WIDTH: 1em; VERTICAL-ALIGN: top } .itemIconLink-vertical .itemIconWrapper { LEFT: -0.39em } .itemIconLink-square .itemIconWrapper { LEFT: -0.39em } .itemIconLink-horizontal .itemIconWrapper { LEFT: -0.5em } .itemInfo { FONT-SIZE: 12px; BORDER-TOP: #ccc 1px dotted; WIDTH: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0.2em; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .itemInfo LI { FONT-SIZE: 95%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 100%; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; MARGIN: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 1.25em } .itemInfo LI SPAN { VERTICAL-ALIGN: top } .itemInfo LI .label { TEXT-ALIGN: right } .itemInfo .cmimg { WIDTH: 18px } .itemInfo .cmimg IMG { WIDTH: 18px } .itemInfo .title { WORD-WRAP: break-word; FONT-SIZE: 100%; WORD-BREAK: normal; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; LINE-HEIGHT: 1.15em; PADDING-RIGHT: 0px } .itemInfo INPUT[type='text'] { WIDTH: 100% } .itemInfo .high { WORD-WRAP: break-word; FONT-SIZE: 100%; BACKGROUND: #fff1c5; OVERFLOW-X: hidden; WORD-BREAK: normal; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; LINE-HEIGHT: 1.15em; PADDING-RIGHT: 0px } .lb-content .itemInfo { FONT-SIZE: 95%; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #f0f0f0 } .lb-content .itemInfo LI { LINE-HEIGHT: 1.45em } .lb-content .itemInfo .title { BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .iconGallery > LI { WIDTH: 75px; MARGIN: 5px 5px 12px } .iconGallery .itemIconHolder { BORDER-TOP: 0px; HEIGHT: 60px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .iconGallery .itemIconHolder A { OVERFLOW: visible; BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .iconGallery .itemTitle { FONT-SIZE: 85%; COLOR: #666 } .iconGallery .itemIconWrapper { BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: auto; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; LEFT: -30px; BORDER-LEFT: #fff 1px solid; PADDING-RIGHT: 4px } .sideTOC_panelMin .container { POSITION: static !important } .sideTOC_panel .container { POSITION: static !important } .sideTOC_panelMax .container { POSITION: static !important } .tocWrapper { BORDER-TOP: #aaa 1px solid; HEIGHT: 40px; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #ddd; RIGHT: 18px; BORDER-BOTTOM: 0px; POSITION: fixed; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; LEFT: 0px; MARGIN: 0px; BORDER-LEFT: #aaa 1px solid; Z-INDEX: 200; PADDING-RIGHT: 9px; BOTTOM: 0px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0 } .tocHidden { TOP: -10000px !important } .tocHead { COLOR: #333; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } .tocHead H2 { MARGIN-BOTTOM: 12px !important; MARGIN-TOP: 0px } .tocActions { MARGIN-BOTTOM: 12px !important; MARGIN-TOP: 0px } .sideTOC H2 { FONT-SIZE: 110%; FLOAT: none !important } .tocActions { WHITE-SPACE: nowrap } .tocActions A { MARGIN: 0px 0px 0px -1px; DISPLAY: inline-block } .tocActions SPAN { MARGIN: 0px 0px 0px -1px; DISPLAY: inline-block } .tocActions > IMG { MARGIN: 0px 0px 0px -1px; DISPLAY: inline-block } .tocActions SPAN { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .tocTreeWrapper { OVERFLOW-Y: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .sideTOC .tocTreeWrapper { OVERFLOW: auto } UL#tocTree LI { PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } UL#tocTree A.itemActive { TEXT-DECORATION: none; FONT-WEIGHT: bold } UL#tocTree SPAN { COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px } .treeNodeIcon { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px } .sideTOC { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: 0px; WIDTH: 200px; BACKGROUND: #ddd; RIGHT: auto; BORDER-BOTTOM: #aaa 1px solid; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: #aaa 1px solid; TOP: 0px; PADDING-RIGHT: 0px; BOTTOM: auto; -webkit-box-shadow: none; -moz-box-shadow: -2px 0 2px rgba(0, 0, 0, .2) inset, 0px 3px 2px #ddd inset, 0px -3px 2px #ddd inset; box-shadow: none; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px } .sideTOCMinimize { BORDER-TOP: medium none; BORDER-RIGHT: medium none; WIDTH: 9px !important; RIGHT: auto; BORDER-BOTTOM: medium none; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: -4px 0px 0px 12px; BORDER-LEFT: medium none; TOP: 0px; PADDING-RIGHT: 0px; BOTTOM: auto; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px } .sideTOCMinimize .tocActions { BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; LEFT: -24px; PADDING-RIGHT: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px } .sideTOCMinimize .tocActions A { MARGIN: -1px 0px 0px; DISPLAY: block } .tocBottom_pullExpanded { LEFT: 228px } .tocBottom_pullCollapsed { LEFT: 18px } .tocSide_pullExpanded { LEFT: 222px; TOP: 4px } .tocSide_pullCollapsed { LEFT: 13px } .sideTOC_panel { PADDING-LEFT: 201px } .sideTOC_panelMin { PADDING-LEFT: 21px } .sideTOC_panelMax { PADDING-LEFT: 351px } .tocBottom_min { PADDING-BOTTOM: 30px } .tocBottom_max { PADDING-BOTTOM: 330px } .tocBottom_open { PADDING-BOTTOM: 160px } .tocBottom_open .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .tocBottom_max .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .tocBottom_min .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .sideTOC_panel .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .sideTOC_panelMax .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .sideTOC_panelMin .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .localViewToggle { BACKGROUND: #eee; ZOOM: 1; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .filePickerWidget .localViewToggle { BACKGROUND: none transparent scroll repeat 0% 0% } .localViewToggle UL { PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; -webkit-box-shadow: 1px 0 0 #fafafa inset; -moz-box-shadow: 1px 0 0 #fafafa inset; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .localViewToggle UL LI { FLOAT: right } .localViewToggle UL LI.active { POSITION: relative } .localViewToggle A { FONT-SIZE: 90%; TEXT-DECORATION: none; TEXT-TRANSFORM: inherit; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 15px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 15px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px } .localViewToggle A:hover { TEXT-DECORATION: underline } .localViewToggle .active A:hover { TEXT-DECORATION: none } .localViewToggle A.active { BORDER-TOP: 0px; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: bold; COLOR: #333; MARGIN: 0px; BORDER-LEFT: #ddd 1px solid } DIV.localViewToggle H2 { BORDER-TOP: 0px; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: bold; COLOR: #333; MARGIN: 0px; BORDER-LEFT: #ddd 1px solid } .localViewToggle A.active:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #ccc 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; Z-INDEX: 3; DISPLAY: block; BOTTOM: 0px } DIV.localViewToggle H2:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #ccc 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; Z-INDEX: 3; DISPLAY: block; BOTTOM: 0px } .localViewToggle A.active:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #ccc 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; Z-INDEX: 3; DISPLAY: block; BOTTOM: 0px } DIV.localViewToggle H2:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #ccc 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; Z-INDEX: 3; DISPLAY: block; BOTTOM: 0px } .localViewToggle A.active:after { BORDER-BOTTOM-COLOR: #eee; Z-INDEX: 4; BOTTOM: -1px } DIV.localViewToggle H2:after { BORDER-BOTTOM-COLOR: #eee; Z-INDEX: 4; BOTTOM: -1px } .filePickerWidget .localViewToggle A.active:after { BORDER-BOTTOM-COLOR: #d1eaef } .localViewToggle .separator { PADDING-LEFT: 6px; MARGIN-LEFT: 6px; BORDER-LEFT: #d7bb66 1px dotted } .localViewToggle A.miniComboButton { TEXT-DECORATION: none !important; BORDER-TOP: #d7bb66 1px solid; BORDER-RIGHT: #d7bb66 1px solid; BACKGROUND: url(images/controls.png) #f5e7bd no-repeat -1px -500px; BORDER-BOTTOM: #d7bb66 1px solid; COLOR: #444; BORDER-LEFT: #d7bb66 1px solid; PADDING-RIGHT: 16px } .containerTabs { FONT-SIZE: 100%; MARGIN: 6px 24px 0px } .containerTabs LI { POSITION: relative; FLOAT: left } .containerTabs LI A { FONT-SIZE: 100%; TEXT-DECORATION: none; WHITE-SPACE: nowrap; PADDING-BOTTOM: 12px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px; BORDER-LEFT: #ccc 1px dotted; DISPLAY: block; PADDING-RIGHT: 18px } .containerTabs LI H3 { FONT-SIZE: 100%; TEXT-DECORATION: none; WHITE-SPACE: nowrap; PADDING-BOTTOM: 12px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px; BORDER-LEFT: #ccc 1px dotted; DISPLAY: block; PADDING-RIGHT: 18px } .containerTabs LI:first-child A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .containerTabs LI H3 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .containerTabs .active A { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #000 } .containerTabs .active A:hover { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #000 } .containerTabs .active A:focus { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #000 } .containerTabs .active H3 { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #000 } .containerTabs .active A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 9px solid; BORDER-BOTTOM: #ccc 9px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 9px solid; DISPLAY: block; BOTTOM: 0px } .containerTabs .active A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 9px solid; BORDER-BOTTOM: #ccc 9px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 9px solid; DISPLAY: block; BOTTOM: 0px } .containerTabs .active H3:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 9px solid; BORDER-BOTTOM: #ccc 9px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 9px solid; DISPLAY: block; BOTTOM: 0px } .containerTabs .active H3:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 9px solid; BORDER-BOTTOM: #ccc 9px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 9px solid; DISPLAY: block; BOTTOM: 0px } .containerTabs .active A:after { MARGIN-BOTTOM: -1px; BORDER-BOTTOM-COLOR: #fff; Z-INDEX: 2 } .containerTabs .active H3:after { MARGIN-BOTTOM: -1px; BORDER-BOTTOM-COLOR: #fff; Z-INDEX: 2 } .containerTabs .tabhead H3 { COLOR: #555; PADDING-BOTTOM: 12px; PADDING-TOP: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 18px } .collapseTabs .containerTabs .active A:after { BORDER-BOTTOM-COLOR: #d1eaef } .collapseTabs .containerTabs .active A:before { CONTENT: none } .portlet .containerTabs { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 8px; PADDING-LEFT: 0px; MARGIN: 6px 0px 0px; PADDING-RIGHT: 0px } .portlet .containerTabs LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .portlet .containerTabs LI A { PADDING-BOTTOM: 9px; PADDING-TOP: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .portlet .containerTabs .active A { MARGIN: 0px } .collapseTabs .containerTabs { MARGIN: 0px } .portlet .containerTabs .active A:before { BORDER-LEFT-WIDTH: 7px; BORDER-TOP: 0px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -4px; LEFT: 50% } .portlet .containerTabs .active A:after { BORDER-LEFT-WIDTH: 7px; BORDER-TOP: 0px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -4px; LEFT: 50% } .portlet .containerTabs .active A:before { BORDER-BOTTOM-COLOR: #ddd } .portlet .containerTabs .active A:after { BORDER-BOTTOM-COLOR: #fff4bf; BOTTOM: -1px } .mapTabs { BORDER-TOP: #aaa 1px solid; BACKGROUND: #d1eaef; POSITION: relative; CLEAR: both; MARGIN: 20px -30px 0px; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) inset } .lesson-plan-page .mapTabs { MARGIN-TOP: 0px; TOP: 20px } .evidence-page .mapTabs { MARGIN-TOP: 0px; TOP: 20px } .evidence-page .mapTabs { BORDER-BOTTOM: #bbb 1px solid } .evidence-page .mapTabs LI:before { BORDER-TOP: transparent 23px solid; BORDER-RIGHT: medium none; BORDER-BOTTOM: transparent 23px solid; POSITION: absolute; CONTENT: ""; LEFT: 0px; BORDER-LEFT: #d1eaef 12px solid; Z-INDEX: 101; DISPLAY: block; TOP: 0px } .evidence-page .mapTabs LI:after { BORDER-TOP: transparent 23px solid; BORDER-RIGHT: medium none; BORDER-BOTTOM: transparent 23px solid; POSITION: absolute; CONTENT: ""; LEFT: 0px; BORDER-LEFT: #d1eaef 12px solid; Z-INDEX: 101; DISPLAY: block; TOP: 0px } .evidence-page .mapTabs LI:before { BORDER-TOP: transparent 23px solid; BORDER-RIGHT: medium none; BORDER-BOTTOM: transparent 23px solid; POSITION: absolute; CONTENT: ""; LEFT: 1px; BORDER-LEFT: #bbb 12px solid; Z-INDEX: 100; DISPLAY: block; TOP: 0px } .evidence-page .mapTabs LI.active + LI:after { BORDER-LEFT-COLOR: #eaeaea } .evidence-page .mapTabs LI:first-child:before { DISPLAY: none } .evidence-page .mapTabs LI:first-child:after { DISPLAY: none } .evidence-page .mapTabs LI A { PADDING-LEFT: 30px } .evidence-page .mapTabs LI.active H3 { PADDING-LEFT: 30px } .mapTabs UL { MARGIN-LEFT: 0px; MARGIN-TOP: 0px } DIV.mapTabs UL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .mapTabs UL LI.active H3 { FONT-SIZE: 100%; BACKGROUND: #eaeaea; POSITION: relative; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 14px; MARGIN: 0px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 14px } .mapTabs UL LI.active H3:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #aaa 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; DISPLAY: block; BOTTOM: 0px } .mapTabs UL LI.active H3:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #aaa 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; DISPLAY: block; BOTTOM: 0px } .mapTabs UL LI.active H3:after { BORDER-BOTTOM-COLOR: #eaeaea; BOTTOM: -1px } .mapTabs UL LI:first-child.active H3:after { MARGIN-LEFT: 0px } .mapTabs UL LI:first-child.active H3:before { MARGIN-LEFT: 0px } .lesson-plan-page .mapTabs UL LI.active H3:after { BORDER-BOTTOM-COLOR: #555; BOTTOM: 0px } .hierarchy-page .mapTabs UL LI.active H3:after { BORDER-BOTTOM-COLOR: #555; BOTTOM: 0px } .lesson-plan-page .mapTabs UL LI.active H3:before { DISPLAY: none } .hierarchy-page .mapTabs UL LI.active H3:before { DISPLAY: none } .evidence-page .mapTabs UL LI.active H3:after { BORDER-BOTTOM-COLOR: #fff } .mapTabs UL LI A { FONT-SIZE: 100%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #01869e; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 14px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 14px } .mapTabs UL LI A:hover { TEXT-DECORATION: underline } .mapTabs UL LI SPAN:hover { BORDER-BOTTOM-STYLE: solid } .mapTabs A.inprogress { BACKGROUND: url(images/workflow_detail_active.gif) no-repeat 9px 33%; PADDING-LEFT: 32px } .mapTabs LI:first-child A.inprogress { BACKGROUND: url(images/workflow_detail_active.gif) no-repeat 9px 33%; PADDING-LEFT: 32px } .mapTabs A.complete { BACKGROUND: url(images/workflow_detail_complete2.gif) no-repeat 9px 50%; PADDING-LEFT: 32px } .mapTabs LI:first-child A.complete { BACKGROUND: url(images/workflow_detail_complete2.gif) no-repeat 9px 50%; PADDING-LEFT: 32px } .mapTabs LI:first-child A.complete { BACKGROUND-POSITION: 30px 50%; PADDING-LEFT: 54px } .mapTabs UL LI:first-child A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-LEFT: 30px; BORDER-LEFT: 0px } .mapTabs UL LI:first-child H3 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-LEFT: 30px; BORDER-LEFT: 0px } .mapTabs UL LI DIV { PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 12px; DISPLAY: none; PADDING-RIGHT: 12px } .mapTabs UL LI.saveTab A { DISPLAY: none } UL.containerTabs LI.saveTab IMG { DISPLAY: none } .mapTabs UL LI.saveFadeIn { FILTER: alpha(opacity=0); opacity: 0 } .mapTabs UL LI.saveTab DIV { BACKGROUND: url(images/tab_receipt_back.gif) #44b10e repeat-x center bottom; FONT-WEIGHT: bold; COLOR: white; PADDING-BOTTOM: 6px; PADDING-TOP: 5px; PADDING-LEFT: 12px; DISPLAY: block; PADDING-RIGHT: 12px } DIV.mapHelp { BACKGROUND: #fff1c5; PADDING-BOTTOM: 0px; PADDING-TOP: 4px; PADDING-LEFT: 12px; MARGIN: -1px 0px 0px; PADDING-RIGHT: 12px } UL.setStatus { LIST-STYLE-TYPE: none; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 15px 0px 9px 30px; LIST-STYLE-IMAGE: none; BORDER-LEFT: #eee 1px solid; PADDING-RIGHT: 3px } UL.setStatus LI { FONT-SIZE: 95%; MARGIN: 0px 6px 0px 0px } UL.setStatus LI INPUT { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } UL.setStatus LI LABEL { BACKGROUND: url(images/workflow_detail_active.gif) no-repeat 1px 0px; PADDING-LEFT: 22px } UL.setStatus LI LABEL.complete { BACKGROUND: url(images/workflow_detail_complete.gif) no-repeat 1px 0px; PADDING-LEFT: 22px } FORM.mapCanvasForm DIV.steptitle { PADDING-LEFT: 0.8em; MARGIN: 15px 0px 0px 18px } FORM.mapCanvasForm H3.steptitle { PADDING-LEFT: 0.8em; MARGIN: 15px 0px 0px 18px } .mapTabs .containerTabs { BORDER-BOTTOM: 0px } #mapCanvasForm { MARGIN: 0px -30px } #mapCanvasForm #containerDiv { MARGIN: 20px 0px } .evidence-page .infoListWrapper H3 A.itemHead { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 22px; PADDING-RIGHT: 0px } .evidence-page .infoListWrapper H3 A.itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 22px; PADDING-RIGHT: 0px } .evidence-page .leftColumn-narrow { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; WIDTH: 26%; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: #eee 1px solid; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #f9f9f9; border-radius: 3px 3px 3px 3px } .evidence-page .leftColumn-wide { WIDTH: 69% } .sessionBox { WIDTH: 95% } .sessionBox .key-valueTable { } .sessionBox .key-valueTable TBODY TD { PADDING-RIGHT: 40px } .sessionBox .key-valueTable TBODY TH { PADDING-RIGHT: 40px } .evidence-page .criteriaSummary { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; PADDING-TOP: 12px; MARGIN: 0px; BORDER-LEFT: #eee 1px solid } .evidence-page .paletteItems LI { MARGIN-LEFT: 0px } .paneTabs { BORDER-TOP: 0px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; ZOOM: 1; MARGIN: -12px 0px 12px; BORDER-LEFT: #ccc 1px solid } .subtabs-framed .paneTabs { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .paneTabs UL { CLEAR: both } .paneTabs UL LI { POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; Z-INDEX: 200; PADDING-RIGHT: 0px } .paneTabs .active { POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .paneTabs A { TEXT-DECORATION: none; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 24px; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; PADDING-RIGHT: 24px } .paneTabs UL LI:first-child A { BORDER-LEFT: 0px } .paneTabs A:hover { TEXT-DECORATION: underline } .paneTabs .active A:hover { TEXT-DECORATION: none } .paneTabs .active A { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .active A:hover { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .active A:focus { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .activepersonal A { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .activepersonal A:hover { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .active H3 { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .active A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: transparent 8px solid; POSITION: absolute; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; DISPLAY: block } .paneTabs .active A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: transparent 8px solid; POSITION: absolute; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; DISPLAY: block } .paneTabs .active A:before { BORDER-BOTTOM: #ccc 8px solid; BOTTOM: 0px } .paneTabs .active A:after { BOTTOM: -1px } .paneTabs .activepersonal A { FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 16px; PADDING-RIGHT: 22px } .paneTabs .activepersonal A:hover { FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 16px; PADDING-RIGHT: 22px } .paneTabs .personal A { TEXT-DECORATION: none; BACKGROUND: #dedede; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 20px } .paneTabs .external A { BACKGROUND: url(images/small_external_content.gif) #dedede no-repeat 2px center; PADDING-LEFT: 20px } .paneTabs .external A:hover { BACKGROUND: url(images/small_external_content.gif) #fff1c5 no-repeat 2px center; PADDING-LEFT: 20px } .paneTabs .activepersonal A.paneTabOptions { RIGHT: 5px; POSITION: absolute !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=30); DISPLAY: inline; TOP: 4px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent; opacity: .3 } .paneTabs .personal A.paneTabOptions { RIGHT: 5px; POSITION: absolute !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=30); DISPLAY: inline; TOP: 4px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent; opacity: .3 } .paneTabs A.paneTabOptions { DISPLAY: none } .paneTabs .activepersonal:hover A.paneTabOptions { FILTER: alpha(opacity=100); opacity: 1 } .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; FILTER: alpha(opacity=0); opacity: 0 } .panelTabs { LIST-STYLE-TYPE: none; FONT-SIZE: 90%; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .panelTabs LI { BORDER-BOTTOM: medium none; POSITION: relative; FLOAT: right; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; TOP: 2px !important; PADDING-RIGHT: 0px !important } .panelTabs LI.active { Z-INDEX: 2 } .panelTabs LI A { TEXT-DECORATION: none; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; DISPLAY: inline-block; TOP: 0px !important; PADDING-RIGHT: 9px } .panelTabs LI.active A { TEXT-DECORATION: none; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; DISPLAY: inline-block; TOP: 0px !important; PADDING-RIGHT: 9px } .panelTabs LI A:hover { BACKGROUND-COLOR: #f6f6f6 } .panelTabs LI.active A { BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; COLOR: #333 } .panelTabs LI.active A.preview { BORDER-TOP: #ddd 2px solid; BORDER-RIGHT: #ddd 2px solid; BACKGROUND: #fff; BORDER-BOTTOM: 0px; BORDER-LEFT: #ddd 2px solid } .panelTabs LI.active A.edit { BORDER-BOTTOM: 0px; MARGIN: 0px } .collapseTabs { MARGIN-BOTTOM: 12px } .collapseTabsData { WORD-WRAP: break-word; BACKGROUND: #d1eaef; POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px; -moz-border-radius: 3px } .containerTabsCollapsed { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .collapseTabs LI A { TEXT-DECORATION: underline } .collapseTabs LI.active { Z-INDEX: 1000 } .sequenceMapHead { MARGIN: 6px 0px } .sequenceMapHead H3 { MARGIN: 12px 0px 6px } .sequenceMapHead P { FONT-SIZE: 95%; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; PADDING-RIGHT: 0px } DIV.sequenceMapHead DIV.actionBar { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: #fff7de; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } DIV.searchResultList-sortOptions { MARGIN-BOTTOM: 15px; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 10px; TEXT-ALIGN: right; PADDING-TOP: 10px; PADDING-LEFT: 10px; MIN-HEIGHT: 20px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #eee } DIV.searchResultList-sortOptionsCount { WIDTH: auto; FLOAT: left } DIV.dropzone { BORDER-TOP: #aaa 2px dashed; BORDER-RIGHT: #aaa 2px dashed; BORDER-BOTTOM: #aaa 2px dashed; BORDER-LEFT: #aaa 2px dashed; -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, .2) inset, -2px -2px 12px rgba(255, 255, 255, 0.6) inset; -moz-box-shadow: 2px 2px 12px rgba(0, 0, 0, .2) inset, -2px -2px 12px rgba(255, 255, 255, 0.6) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px } .container DIV.dropzone { TOP: 3px !important } .modalOverlay { HEIGHT: 100%; WIDTH: 100%; RIGHT: 0px; POSITION: fixed; LEFT: 0px; FILTER: alpha(opacity=1); Z-INDEX: 90; DISPLAY: none; TOP: 0px; BOTTOM: 0px; BACKGROUND-COLOR: #000; opacity: .01 } .nav .sub UL { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .gb_currView.nav .sub > UL { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .menumini UL { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .quickAddPal { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .keyboardAccess { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } SPAN.currentTags { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .liveArea { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .liveArea-slim { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .previewArea { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .jumptopage { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .panelTabs LI.active A.edit { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .panelTabs LI.active A.edit:hover { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .panelTabs LI.active A.edit:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .flyout { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .bcContent .flyout { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } UL.tree LI A + IMG + A:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } UL.tree LI IMG + IMG + A:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } DIV.treeContainer UL.tree LI A.itemActive { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } #learningUnitToc UL.tree LI A.itemActive { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } UL.tree LI A.itemActive { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } #loginLang UL { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .actionBar .mainButton .flyout { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .actionBar .secondaryButton .flyout { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .actionBar .mainButton UL { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .actionBarMicro .mainButton UL { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .actionBar :first-child.mainButton .flyout { MARGIN: 0px 0px 0px -2px } DIV.calPicker.quickAddPal { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px } UL.tree LI A + IMG + A:focus { -webkit-box-shadow: none; -moz-box-shadow: none } UL.tree LI IMG + IMG + A:focus { -webkit-box-shadow: none; -moz-box-shadow: none } DIV.treeContainer UL.tree LI A.itemActive { -webkit-box-shadow: none; -moz-box-shadow: none } #learningUnitToc UL.tree LI A.itemActive { -webkit-box-shadow: none; -moz-box-shadow: none } UL.tree LI A.itemActive { -webkit-box-shadow: none; -moz-box-shadow: none } UL.nestedList { -webkit-box-shadow: none; -moz-box-shadow: none } .liveArea { WIDTH: auto; POSITION: relative; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 14px; MARGIN: 0px 0px 5px; PADDING-RIGHT: 14px } .previewArea { WIDTH: auto; POSITION: relative; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 14px; MARGIN: 0px 0px 5px; PADDING-RIGHT: 14px } #addFolderForm { MARGIN: 0px -30px } UL.tree LI A + IMG + A:focus { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } UL.tree LI IMG + IMG + A:focus { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } DIV.treeContainer UL.tree LI A.itemActive { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } #learningUnitToc UL.tree LI A.itemActive { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } UL.tree LI A.itemActive { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } .builderItem .liveArea { POSITION: absolute; LEFT: 22px; Z-INDEX: 100; TOP: 12px } .previewArea { BORDER-TOP: #ddd 2px solid; BORDER-RIGHT: #ddd 2px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 2px solid; BORDER-LEFT: #ddd 2px solid; MARGIN-TOP: 0px } .jumptopage { POSITION: relative; PADDING-BOTTOM: 8px; TEXT-ALIGN: left; PADDING-TOP: 8px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } .jumptopage.inventory_paging { POSITION: relative; PADDING-BOTTOM: 8px; TEXT-ALIGN: left; PADDING-TOP: 8px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } .jumptopage LABEL { FONT-SIZE: 90% } .liveAreaTab { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } A.liveAreaTab { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } A.liveAreaTab:hover { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } A.liveAreaTab:focus { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .actionBar UL LI A.liveAreaTab:focus { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .actionBar UL LI.mainButton A.liveAreaTab { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .actionBar UL LI.secondaryButton A.liveAreaTab { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .panelTabs LI.active A.edit { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .panelTabs LI.active A.edit:hover { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .panelTabs LI.active A.edit:focus { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .actionBar UL LI.mainButton A.liveAreaTab { OVERFLOW: hidden } .actionBar UL LI.secondaryButton A.liveAreaTab { OVERFLOW: hidden } .liveArea-slim { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px } .smallControls { FONT-SIZE: 90%; MIN-WIDTH: 19em; MARGIN-TOP: 3px !important } .smallControls .stepHelp { FONT-SIZE: 100% !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .smallControls INPUT[type='text'] { WIDTH: 100%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .smallControls SELECT { WIDTH: 100%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .smallControls .label { WIDTH: 29% } .smallControls .field { WIDTH: 70% } .columnActions .nav .sub UL { MARGIN-TOP: 0px } .nav .sub UL { POSITION: absolute; DISPLAY: none } .nav .sub .flyout { POSITION: absolute; DISPLAY: none } .nav .sub UL LI { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .nav .sub UL UL { DISPLAY: block } .nav .sub .flyout UL { DISPLAY: block } .nav .sub:hover UL { LEFT: 0px; Z-INDEX: 101; TOP: 22px } .actionBarMicro .nav .sub:hover UL { LEFT: 0px; Z-INDEX: 101; TOP: 22px } .nav .sub:hover .flyout { LEFT: 0px; Z-INDEX: 101; TOP: 22px } .actionBarMicro .nav .sub:hover UL { TOP: 18px } .rumble_top .nav .sub:hover UL { TOP: 18px } .rumble .nav .sub:hover UL { TOP: 18px } .quickAddPal { WIDTH: auto } .quickAddColor { WIDTH: 311px } .quickAddColor A.genericButton { FLOAT: left; MARGIN: 2px 0px } .cmdiv { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px } .cmdiv UL { BORDER-TOP: #acc2df 1px dotted; BORDER-BOTTOM: 0px } .cmdiv UL:first-child { BORDER-TOP: medium none } .menumini UL:first-child { BORDER-TOP: medium none } .cmdiv UL[role='presentation']:first-child + UL { BORDER-TOP: medium none } .menumini UL[role='presentation']:first-child + UL { BORDER-TOP: medium none } .nav .sub UL LI A { WORD-WRAP: break-word; FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 190px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; OVERFLOW-Y: visible; BORDER-BOTTOM: 0px; WORD-BREAK: normal; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } .cmdiv A { WORD-WRAP: break-word; FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 190px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; OVERFLOW-Y: visible; BORDER-BOTTOM: 0px; WORD-BREAK: normal; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } .menumini A { WORD-WRAP: break-word; FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 190px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; OVERFLOW-Y: visible; BORDER-BOTTOM: 0px; WORD-BREAK: normal; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } #loginLang UL LI A { WORD-WRAP: break-word; FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 190px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; OVERFLOW-Y: visible; BORDER-BOTTOM: 0px; WORD-BREAK: normal; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } .cmdiv A { FONT-SIZE: 95%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .nav .sub UL LI A:hover { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .nav LI.sub UL LI A:focus { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .cmdiv A:hover { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .cmdiv A:focus { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .menumini A:hover { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .menumini A:focus { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } #loginLang UL LI A:hover { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } #loginLang UL LI A:focus { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .actionBarMicro .nav .sub UL LI A:hover { BACKGROUND-IMAGE: none } .paneTabs .nav .sub UL LI A:hover { BACKGROUND-IMAGE: none } .actionBarMicro .nav LI.sub UL LI A:focus { BACKGROUND-IMAGE: none } .paneTabs .nav .sub UL LI A:focus { BACKGROUND-IMAGE: none } .nav LI.sub UL LI A:focus { BACKGROUND-COLOR: #fff } .cmdiv A:focus { BACKGROUND-COLOR: #fff } .menumini A:focus { BACKGROUND-COLOR: #fff } .nav .sub UL LI:first-child A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .nav .sub UL LI:first-child A:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .nav .sub UL LI:first-child A:focus { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .rumble_top .nav .sub UL LI A { FILTER: none; BACKGROUND-COLOR: #d1eaef; box-shadow: none } .rumble .nav .sub UL LI A { FILTER: none; BACKGROUND-COLOR: #d1eaef; box-shadow: none } .nav .sub UL LI A:hover { BACKGROUND-COLOR: #fff } .paneTabs .nav .sub UL LI A { TEXT-ALIGN: left } .timediv UL LI A:hover { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .timediv UL LI A:focus { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .timediv UL LI A:focus { COLOR: #444; BACKGROUND-COLOR: #369 } .topGlobalLinks .nav .sub:hover UL { LEFT: 0px; Z-INDEX: 101; TOP: 0px } .topGlobalLinks .nav .sub:hover UL { RIGHT: 0px; LEFT: auto; Z-INDEX: 101; TOP: 0px } .cmdiv LI.contextmenubar_top { BACKGROUND-IMAGE: none; -webkit-box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .menumini LI.contextmenubar { BACKGROUND-IMAGE: none; -webkit-box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .cmdiv LI.contextmenubar_top A { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .cmdiv LI.contextmenubar_top A:focus { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .cmdiv LI.contextmenubar_top A:hover { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .currentTags A.closeCloud { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .currentTags A.closeCloud:hover { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .currentTags A.closeCloud:focus { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .cmdiv LI.contextmenubar_top A:focus { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 } .cmdiv LI.contextmenubar_top A:hover { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 } .currentTags A.closeCloud:hover { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 } .currentTags A.closeCloud:focus { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 } .currentTags A.closeCloud { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-border-radius: 0; -moz-border-radius: 0 } .quickAddPal H3 { FONT-SIZE: 105%; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 8px; PADDING-LEFT: 8px; MARGIN: 0px 0px 8px; PADDING-RIGHT: 8px } .keyboardAccess H3 { FONT-SIZE: 105%; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 8px; PADDING-LEFT: 8px; MARGIN: 0px 0px 8px; PADDING-RIGHT: 8px } .quickAddPal .quickAddPalHeader { FONT-SIZE: 105%; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 8px; PADDING-LEFT: 8px; MARGIN: 0px 0px 8px; PADDING-RIGHT: 8px } .quickAddPal .controls { PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 8px; PADDING-LEFT: 9px; CLEAR: both; MARGIN: 9px -4px 2px; PADDING-RIGHT: 9px } .keyboardAccess .controls { PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 8px; PADDING-LEFT: 9px; CLEAR: both; MARGIN: 9px -4px 2px; PADDING-RIGHT: 9px } .comText .controls { PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 8px; PADDING-LEFT: 9px; CLEAR: both; MARGIN: 9px -4px 2px; PADDING-RIGHT: 9px } .e_expandArea .controls { PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 8px; PADDING-LEFT: 9px; CLEAR: both; MARGIN: 9px -4px 2px; PADDING-RIGHT: 9px } .keyboardAccess P.paletteHelp { FONT-SIZE: 90%; BORDER-TOP: #fc0 1px solid; BORDER-RIGHT: #fc0 1px solid; BACKGROUND: #fff1c5; WHITE-SPACE: normal; BORDER-BOTTOM: #fc0 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 6px 9px; BORDER-LEFT: #fc0 1px solid; PADDING-RIGHT: 6px } .bcMenuDiv-1 { WIDTH: 190px } .bcMenuDiv-2 { WIDTH: 380px } .bcMenuDiv-3 { WIDTH: 570px } .bcMenuDiv-4 { WIDTH: 760px } .bcMenuDiv-5 { WIDTH: 950px } .flyout { PADDING-BOTTOM: 9px !important; PADDING-TOP: 9px !important; PADDING-LEFT: 12px !important; PADDING-RIGHT: 12px !important } .nav .sub .flyout DIV { POSITION: static; FLOAT: left; PADDING-BOTTOM: 6px; MARGIN: 0px; MIN-HEIGHT: 1px } .flyout H3 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 95% Georgia, serif; PADDING-LEFT: 0px; MARGIN: 9px 0px 0px 9px; LETTER-SPACING: 2px; PADDING-RIGHT: 0px } .flyout H3 .line { BORDER-TOP: #ccc 1px solid; HEIGHT: 1px } .flyout H3 .text { BACKGROUND: #d1eaef } .nav .sub .flyout UL { BORDER-TOP: #ccc 1px dotted; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; POSITION: static; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; Z-INDEX: 1000; PADDING-RIGHT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0 } .nav .sub .flyout DIV H3 + UL { BORDER-TOP: 0px } .nav .sub .flyout DIV UL:first-child { BORDER-TOP: 0px } .nav .sub .flyout A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; text-shadow: none } .nav .sub .flyout A:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; text-shadow: none } .nav .sub .flyout A:focus { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; text-shadow: none } .quickAddPal .colorlist { WIDTH: 288px; MARGIN: 6px 0px 9px 6px } .quickAddPal .stepcontent .colorlist LI { OVERFLOW: hidden; CURSOR: pointer; BORDER-TOP: #333 1px solid; HEIGHT: 14px; BORDER-RIGHT: #333 1px solid; WIDTH: 14px; BORDER-BOTTOM: #333 1px solid; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: #333 1px solid; PADDING-RIGHT: 0px } .quickAddPal .colorlist LI A { OVERFLOW: hidden; HEIGHT: 14px; WIDTH: 14px; DISPLAY: block } .quickAddPal .colorlist LI A:link { OVERFLOW: hidden; HEIGHT: 14px; WIDTH: 14px; DISPLAY: block } .quickAddPal .colorlist LI A:hover { BORDER-TOP: #333 1px solid; HEIGHT: 12px; BORDER-RIGHT: #333 1px solid; WIDTH: 12px; BORDER-BOTTOM: #333 1px solid; BORDER-LEFT: #333 1px solid } .quickAddPal .colorlist LI A:active { BORDER-TOP: #fff 2px solid; HEIGHT: 10px; BORDER-RIGHT: #fff 2px solid; WIDTH: 10px; BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid } .quickAddPal .colorlist LI A:focus { BORDER-TOP: #fff 2px solid; HEIGHT: 10px; BORDER-RIGHT: #fff 2px solid; WIDTH: 10px; BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid } .quickAddPal .colorlist LI A.whiteSwatch:active { BORDER-TOP: #ddd 2px solid; HEIGHT: 10px; BORDER-RIGHT: #ddd 2px solid; WIDTH: 10px; BORDER-BOTTOM: #ddd 2px solid; BORDER-LEFT: #ddd 2px solid } .quickAddPal .colorlist LI A.whiteSwatch:focus { BORDER-TOP: #ddd 2px solid; HEIGHT: 10px; BORDER-RIGHT: #ddd 2px solid; WIDTH: 10px; BORDER-BOTTOM: #ddd 2px solid; BORDER-LEFT: #ddd 2px solid } .quickAddPal .colorPreview { BACKGROUND: white; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .quickAddPal .colorPreview IMG { BORDER-TOP: #444 1px solid; HEIGHT: 42px; BORDER-RIGHT: #444 1px solid; WIDTH: 42px; BACKGROUND: black; BORDER-BOTTOM: #444 1px solid; FLOAT: left; MARGIN: 3px; BORDER-LEFT: #444 1px solid; DISPLAY: block } .quickAddPal .colorPreview DIV { WIDTH: 66%; FLOAT: left; MARGIN-LEFT: 3px } .quickAddPal .colorPreview SPAN { FONT-SIZE: 100%; COLOR: black; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } SPAN.title_color_name { COLOR: #666 } .receipt { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px 0px 6px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .warning { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px 0px 6px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .inlineDialog { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px 0px 6px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .contentPaneWide.tabbedPane .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 24px; MARGIN: -12px 0px 10px; BORDER-LEFT: 0px; Z-INDEX: 201; PADDING-RIGHT: 24px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px } .contentPane .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 16px; PADDING-TOP: 12px; PADDING-LEFT: 24px; MARGIN: 0px 0px -5px; BORDER-LEFT: 0px; Z-INDEX: 0; PADDING-RIGHT: 24px; -webkit-box-shadow: 0 -6px 9px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 -6px 9px rgba(0, 0, 0, 0.2) inset } .contentPaneWide .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 16px; PADDING-TOP: 12px; PADDING-LEFT: 24px; MARGIN: 0px 0px -5px; BORDER-LEFT: 0px; Z-INDEX: 0; PADDING-RIGHT: 24px; -webkit-box-shadow: 0 -6px 9px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 -6px 9px rgba(0, 0, 0, 0.2) inset } .container .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px 0px 6px; BORDER-LEFT: 0px; Z-INDEX: 0; DISPLAY: inline-block; PADDING-RIGHT: 12px; box-shadow: none } .receipt ~ #editmodeWrapper { Z-INDEX: 1 } .receipt ~ .contentBox { Z-INDEX: 1 } .sideTOC_panel .receipt ~ #editmodeWrapper { POSITION: static } .sideTOC_panel .receipt { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .tabbedPane .receipt A.close IMG { DISPLAY: none } .contentPane .receipt A.close IMG { DISPLAY: none } .contentPaneWide .receipt A.close IMG { DISPLAY: none } A.closeCopyright IMG { DISPLAY: none } .tabbedPane .receipt A.close { HEIGHT: 16px; WIDTH: 16px; RIGHT: 12px; TOP: 10px } .contentPane .receipt A.close { HEIGHT: 16px; WIDTH: 16px; RIGHT: 12px; TOP: 10px } .contentPaneWide .receipt A.close { HEIGHT: 16px; WIDTH: 16px; RIGHT: 12px; TOP: 10px } .receipt A.close:before { FONT: 18px/1 "Utilicons"; CONTENT: "X" } A.closeCopyright:before { FONT: 18px/1 "Utilicons"; CONTENT: "X" } A.closeCopyright:before { } .receipt A.close:hover:before { COLOR: #fff } A.closeCopyright:hover:before { COLOR: #fff } .inlineDialog { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px } .inlineReceipt { POSITION: absolute; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 6px 0px; DISPLAY: none; PADDING-RIGHT: 9px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .miniReceipt { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; POSITION: absolute; COLOR: #fff; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 12px; BORDER-LEFT: #bbb 1px solid; Z-INDEX: 300; PADDING-RIGHT: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .bad { FONT-WEIGHT: bold; COLOR: #fff } .good { FONT-WEIGHT: bold; COLOR: #fff } .removing { FONT-WEIGHT: bold; COLOR: #fff } .adding { FONT-WEIGHT: bold; COLOR: #fff } .infoReceipt { FONT-WEIGHT: bold; COLOR: #fff } .brokenFileLink { FONT-WEIGHT: bold; COLOR: #fff } .portlet SPAN.warning.due { FONT-WEIGHT: bold; COLOR: #fff } .good A.areceipt { FONT-WEIGHT: bold; COLOR: #fff } .bad A.areceipt { FONT-WEIGHT: bold; COLOR: #fff } .bad { BORDER-TOP-COLOR: #bf1b17; BACKGROUND: #ef312c; BORDER-LEFT-COLOR: #bf1b17; BORDER-BOTTOM-COLOR: #bf1b17; BORDER-RIGHT-COLOR: #bf1b17 } .removing { BORDER-TOP-COLOR: #bf1b17; BACKGROUND: #ef312c; BORDER-LEFT-COLOR: #bf1b17; BORDER-BOTTOM-COLOR: #bf1b17; BORDER-RIGHT-COLOR: #bf1b17 } .brokenFileLink { BORDER-TOP-COLOR: #bf1b17; BACKGROUND: #ef312c; BORDER-LEFT-COLOR: #bf1b17; BORDER-BOTTOM-COLOR: #bf1b17; BORDER-RIGHT-COLOR: #bf1b17 } .portlet SPAN.warning.due { BORDER-TOP-COLOR: #bf1b17; BACKGROUND: #ef312c; BORDER-LEFT-COLOR: #bf1b17; BORDER-BOTTOM-COLOR: #bf1b17; BORDER-RIGHT-COLOR: #bf1b17 } .container .warningReceipt { PADDING-RIGHT: 24px } .warningReceipt { BORDER-TOP-COLOR: #fc3; BACKGROUND: #ffa500; BORDER-LEFT-COLOR: #fc3; FONT-WEIGHT: normal; COLOR: #000; BORDER-BOTTOM-COLOR: #fc3; BORDER-RIGHT-COLOR: #fc3 } .warningReceipt A.areceipt { BORDER-TOP-COLOR: #fc3; BACKGROUND: #ffa500; BORDER-LEFT-COLOR: #fc3; FONT-WEIGHT: normal; COLOR: #000; BORDER-BOTTOM-COLOR: #fc3; BORDER-RIGHT-COLOR: #fc3 } .warningReceipt A.close:before { } .contentPane .warningReceipt A.close { RIGHT: 5px; TOP: 5px } .warningReceipt A.close:hover:before { } .good { BORDER-TOP-COLOR: #4f7f0f; BACKGROUND: #6b9f27; BORDER-LEFT-COLOR: #4f7f0f; BORDER-BOTTOM-COLOR: #4f7f0f; BORDER-RIGHT-COLOR: #4f7f0f } .adding { BORDER-TOP-COLOR: #4f7f0f; BACKGROUND: #6b9f27; BORDER-LEFT-COLOR: #4f7f0f; BORDER-BOTTOM-COLOR: #4f7f0f; BORDER-RIGHT-COLOR: #4f7f0f } .infoReceipt { BORDER-TOP-COLOR: #62758f; BACKGROUND: #6d8aaf; BORDER-LEFT-COLOR: #62758f; BORDER-BOTTOM-COLOR: #62758f; BORDER-RIGHT-COLOR: #62758f } .infoAlert { MARGIN-BOTTOM: -1px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 24px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 24px; BACKGROUND-COLOR: #f0f0f0; border-radius: 4px 4px 0 0 } .infoAlert SPAN { BORDER-TOP: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; MIN-HEIGHT: 35px; DISPLAY: block; PADDING-RIGHT: 140px } .infoAlert SPAN:first-child { BORDER-TOP: 0px } .infoAlert A { FONT-WEIGHT: bold; COLOR: #01758c } .infoAlert .button-1 { RIGHT: 0px; POSITION: absolute; COLOR: #fff; MARGIN-TOP: -15px; TOP: 50% } .attention { BORDER-LEFT-WIDTH: 2px; BORDER-RIGHT-WIDTH: 2px; BORDER-TOP-COLOR: #fc3; BACKGROUND: #fff4bf; BORDER-BOTTOM-WIDTH: 2px; BORDER-LEFT-COLOR: #fc3; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 4px; BORDER-BOTTOM-COLOR: #fc3; PADDING-TOP: 4px; PADDING-LEFT: 12px; MARGIN: 0px 0px 0px 10px; BORDER-RIGHT-COLOR: #fc3; PADDING-RIGHT: 12px; BORDER-TOP-WIDTH: 2px } .removing { FONT-WEIGHT: normal } .adding { FONT-WEIGHT: normal } .brokenFileLink { FONT-WEIGHT: normal } .portlet SPAN.warning.due { FONT-WEIGHT: normal } .brokenFileLink { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; BORDER-BOTTOM: #bf1b17 1px solid; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px } .portlet SPAN.warning.due { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; BORDER-BOTTOM: #bf1b17 1px solid; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px } .infoBox { BORDER-TOP: #afdf61 1px solid; BORDER-RIGHT: #afdf61 1px solid; BORDER-BOTTOM: #afdf61 1px solid; PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 6px 0px; BORDER-LEFT: #afdf61 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .infoBox > .message { MARGIN-BOTTOM: 4px; DISPLAY: block } .info-ok { BORDER-TOP-COLOR: #afdf61; BACKGROUND: #d9efa4; BORDER-LEFT-COLOR: #afdf61; COLOR: #360; BORDER-BOTTOM-COLOR: #afdf61; BORDER-RIGHT-COLOR: #afdf61 } .nestedReceipt { PADDING-BOTTOM: 12px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 12px !important; MARGIN: 0px 20% 6px 0px; Z-INDEX: 1001; PADDING-RIGHT: 30px !important } [id*='receipt_nested'].receipt { PADDING-RIGHT: 28px } .columnMsgWrapper { MARGIN-LEFT: 60% } .columnMsgWrapper .column-2 { MIN-HEIGHT: 1px } .smsIssue { POSITION: relative; MARGIN: 3px 3px 9px } .t2vIssue { POSITION: relative; MARGIN: 3px 3px 9px } .bubbleStem-bottom-center { BORDER-TOP: #fc3 12px solid; HEIGHT: 0px; BORDER-RIGHT: transparent 10px solid; WIDTH: 0px; BORDER-BOTTOM: 0px; POSITION: absolute; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; BOTTOM: -12px } .nextStepsReceipt { BORDER-TOP: #ccc 1px solid; BACKGROUND-IMAGE: url(images/reorder_bg.png); POSITION: relative; COLOR: #545454; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 10px -30px -20px; LINE-HEIGHT: 1.4; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #eee; -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .03) inset, 1px 1px 1px rgba(255, 255, 255, 0.3); -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .03) inset, 1px 1px 1px rgba(255, 255, 255, 0.3); box-shadow: 1px 1px 7px rgba(0, 0, 0, .03) inset, 1px 1px 1px rgba(255, 255, 255, 0.3) } .nextStepsText { BACKGROUND: #fefefe; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; MARGIN: 0px 0px 0px 20px; PADDING-RIGHT: 12px } .nextStepsText H5 { MIN-WIDTH: 6em; COLOR: #545454; DISPLAY: inline-block; LINE-HEIGHT: 2em } .receiptCollapsed { FONT-SIZE: 90%; POSITION: relative } .external-breadcrumbs .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 0px; DISPLAY: inline-block; TOP: -9px; box-shadow: none } .stepcontent LI.fieldError { BACKGROUND: #fff1c5; BORDER-BOTTOM: #fff 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px } .stepcontent LI.fieldError .fieldErrorText { FONT-WEIGHT: bold; COLOR: red } SPAN.warningMsg { FONT-WEIGHT: bold; COLOR: red } SPAN.warningMsg { MARGIN-LEFT: 0px; DISPLAY: inline } .criteriaSummary { BACKGROUND: #f9f9f9; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-LEFT: 12px; MARGIN: 0px -28px 0px 0px } #bb-question-discover H2 { FONT-SIZE: 110% } #filterContainer H2 { MARGIN-LEFT: 14px } #filterContainer .columnActions { MARGIN-LEFT: 14px } .criteriaSummary H3 { FONT-SIZE: 100%; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 6px 0px 3px; PADDING-RIGHT: 0px } .criteriaSummary .hidden { DISPLAY: none; VISIBILITY: hidden } .criteriaSummary UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .criteriaSummary UL LI { FONT-SIZE: 90%; WHITE-SPACE: nowrap; FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 9px; MARGIN: 0px 1px; PADDING-RIGHT: 0px; border-radius: 12px } .criteriaSummary UL LI:first-child { MARGIN-LEFT: 0px } .criteriaSummary UL LI STRONG { FLOAT: left; FONT-WEIGHT: normal; COLOR: #aaa; MARGIN: 0px; DISPLAY: block } .receipt-highlight { BACKGROUND: #fff4bf; box-shadow: 0 0 4px #fff } .receipt-default { BACKGROUND: none transparent scroll repeat 0% 0%; box-shadow: none } .criteriaSummary UL LI STRONG:before { FONT-SIZE: 120%; POSITION: relative; FONT-WEIGHT: bold; COLOR: #aaa; CONTENT: "+"; LEFT: -2px; LINE-HEIGHT: 1 } .criteriaSummary UL LI SPAN { BACKGROUND: #ddd; WHITE-SPACE: nowrap; FLOAT: left; COLOR: #333; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 5px; MARGIN: 0px 3px; DISPLAY: block; PADDING-RIGHT: 5px; border-radius: 12px } .criteriaSummary UL LI A { BACKGROUND: #ddd; WHITE-SPACE: nowrap; FLOAT: left; COLOR: #333; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 5px; MARGIN: 0px 3px; DISPLAY: block; PADDING-RIGHT: 5px; border-radius: 12px } .criteriaSummary UL LI SPAN { MARGIN-LEFT: 0px } .criteriaSummary UL LI STRONG + SPAN { MARGIN-LEFT: 3px } .criteriaSummary UL LI A { TEXT-DECORATION: none; BACKGROUND: url(../../../images/ci/icons/delete_li.gif) #eee no-repeat 96% 2px; PADDING-RIGHT: 18px } .search-element { BACKGROUND: #f9f9f9; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 9px; PADDING-RIGHT: 3px } .search-element H2 { OVERFLOW: hidden; FONT-SIZE: 100%; HEIGHT: 22px; WIDTH: 0px; VERTICAL-ALIGN: middle; FONT-WEIGHT: normal; MARGIN: 0px; DISPLAY: inline-block; LINE-HEIGHT: 1 } .search-element H2:before { VERTICAL-ALIGN: middle; POSITION: relative; COLOR: #aaa; FONT: 17px/1 "Utilicons"; CONTENT: "F"; MARGIN: 0px 3px 6px 0px; TOP: 2px } .search-element INPUT[type='text'] { WIDTH: 60%; -moz-appearance: searchfield; -webkit-appearance: searchfield } .calPicker { Z-INDEX: 1500 !important } .calPicker .calHead { POSITION: relative; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .calPicker H3 { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 40px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px } .calPicker .previous { POSITION: absolute; LEFT: 2px; TOP: 2px } .calPicker .next { RIGHT: 2px; POSITION: absolute; TOP: 2px } .calPicker DIV.calFoot { PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 6px; PADDING-LEFT: 3px; CLEAR: both; PADDING-RIGHT: 3px } .calPicker A.contextmenubar { PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px } .calPicker A.contextmenubar:hover { PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px } .timediv { PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 4px; PADDING-RIGHT: 0px } .timediv UL { OVERFLOW: auto; HEIGHT: 200px; WIDTH: 8em } .timediv UL LI.contextmenubar_top { WIDTH: 114px; TOP: -18px } .timediv UL LI A { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .csPicker { FONT-SIZE: 95%; MIN-WIDTH: 300px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 12px } .csPicker .actionBar { FONT-SIZE: 110% } .csPicker .localViewToggle { FONT-SIZE: 110% } .csPicker .contentPaneWide { MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px } .csPicker .breadcrumbs { MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px } .csPicker .itemTray { Z-INDEX: 1000 } .csPicker .itemTray .taskbuttondiv { FONT-SIZE: 105%; MARGIN: 0px } .csPicker .itemTray H3 { FONT-SIZE: 115% } .csPicker #titleicon + H1 { MARGIN-TOP: 2px } .csPicker .itemTray #numberOfElements { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DIV.lb-overlay { BACKGROUND-COLOR: #000 } DIV.lb-wrapper DIV.lb-header { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #dedede; BORDER-BOTTOM: #ccc 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#dedede); BORDER-LEFT: 0px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0 } DIV.lb-wrapper DIV.lb-header A IMG { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } DIV.lb-wrapper DIV.lb-content { BACKGROUND-COLOR: #fff } DIV.lb-wrapper DIV.lb-content DIV.lb-loading { BACKGROUND: url(/images/ci/misc/progress/progress_learningSystem.gif) no-repeat center center } .lb-wrapper .contentBox { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; box-shadow: none } .lb-wrapper #dataCollectionContainer { MARGIN: 0px } .lb-wrapper .contentPaneWide { MARGIN: 0px } .portalPane { MARGIN: 0px } #lightboxWrapper { RIGHT: 0px; POSITION: absolute; LEFT: 0px; Z-INDEX: 1001; TOP: 0px } #lightboxWrapper-inner { WIDTH: 100%; POSITION: relative; TEXT-ALIGN: center; LEFT: 0px; Z-INDEX: 1002; TOP: 0px } #lightbox { POSITION: relative; TEXT-ALIGN: left; LEFT: auto; MARGIN: 40px 0px 0px; Z-INDEX: 1003; DISPLAY: block; TOP: auto } #lightbox #lightboxContent { BORDER-TOP: #333 2px solid; BORDER-RIGHT: #333 2px solid; WIDTH: 600px; BORDER-BOTTOM: #333 2px solid; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px auto; BORDER-LEFT: #333 2px solid; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.7); -webkit-border-radius: 5px; -moz-border-radius: 5px } .lb-container { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MIN-HEIGHT: 0px !important; PADDING-RIGHT: 12px } .lb-content .container { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MIN-HEIGHT: 0px !important; PADDING-RIGHT: 12px } #overlay { HEIGHT: 100%; WIDTH: 100%; RIGHT: 0px; POSITION: fixed; LEFT: 0px; FILTER: alpha(opacity=30); Z-INDEX: 1000; DISPLAY: none; TOP: 0px; BOTTOM: 0px; BACKGROUND-COLOR: #000; opacity: .30 } .done#lightbox #lbLoadMessage { DISPLAY: none } .done#lightbox #lbContent { DISPLAY: block } .loading#lightbox #lbContent { DISPLAY: none } .loading#lightbox #lbLoadMessage { DISPLAY: block } .avatar { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; MARGIN: auto; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 4px } .myavatar { OVERFLOW: hidden; MARGIN-BOTTOM: 12px; MAX-HEIGHT: 150px } #lightbox .tallPara { PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 10px } #lightbox UL { MARGIN: 4px 0px 12px } #lightbox UL LI { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #lightbox UL LI A:hover { TEXT-DECORATION: underline } DIV.lbContainer P.taskButtonsContent { MARGIN: 12px 0px 6px } .toBeRemoved { TEXT-DECORATION: line-through; BACKGROUND: #f0f0f0; COLOR: #666 } .toBeRemoved > TD { TEXT-DECORATION: line-through; BACKGROUND: #f0f0f0; COLOR: #666 } .unsavedItem { BACKGROUND-IMAGE: url(../../../images/ci/ng/unsaved_changes.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 50%; PADDING-LEFT: 18px; BACKGROUND-COLOR: #fff1c5 } .unsavedItem TD:first-child { BACKGROUND-IMAGE: url(../../../images/ci/ng/unsaved_changes.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 50%; PADDING-LEFT: 18px; BACKGROUND-COLOR: #fff1c5 } .unsavedItem TD { BACKGROUND-IMAGE: none } A.selectedItem { BORDER-TOP: #9bb4cf 2px solid; BORDER-RIGHT: #9bb4cf 2px solid; BACKGROUND: #eff6ff; BORDER-BOTTOM: medium none; POSITION: relative; COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 4px; BORDER-LEFT: #9bb4cf 2px solid; Z-INDEX: 10001; TOP: 3px; PADDING-RIGHT: 4px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0 } A.selectedItem:focus { BORDER-TOP: #9bb4cf 2px solid; BORDER-RIGHT: #9bb4cf 2px solid; BACKGROUND: #eff6ff; BORDER-BOTTOM: medium none; POSITION: relative; COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 4px; BORDER-LEFT: #9bb4cf 2px solid; Z-INDEX: 10001; TOP: 3px; PADDING-RIGHT: 4px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0 } TR.inEditMode-row { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } TR.inEditMode-row TD { BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 0px solid; BORDER-BOTTOM: #ccc 2px solid; PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 0px !important; BORDER-LEFT: #ccc 0px solid; PADDING-RIGHT: 0px !important } #dataCollectionContainer { MARGIN: -20px -30px 0px } .popup #dataCollectionContainer { MARGIN: -12px -20px } DIV#dataCollectionContainer DIV.contentBlock { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventoryListContainerDiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #bb-question-discover .inventoryListContainerDiv { PADDING-LEFT: 12px } .picker .inventoryListContainerDiv { PADDING-LEFT: 12px } .blogContainer .inventoryListContainerDiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV[id*='step'] { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } .submittitle { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } #infoStep { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } #taskStatusStep { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } #linkedContentStep { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } DIV[id*='stepcontent'] { BORDER-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 48px; PADDING-RIGHT: 0px } .steptitle { FONT-SIZE: 125%; POSITION: relative; COLOR: #5ca1e3; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 18px; PADDING-RIGHT: 0px } .submittitle { FONT-SIZE: 125%; POSITION: relative; COLOR: #5ca1e3; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 18px; PADDING-RIGHT: 0px } H3.steptitle { CLEAR: both; DISPLAY: block } .submittitle { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 24px } .steptitle SPAN { FONT-SIZE: 140%; WIDTH: 1.5em; COLOR: #939393; TEXT-ALIGN: right; DISPLAY: inline-block; LINE-HEIGHT: 1 } .submittitle SPAN { FONT-SIZE: 140%; WIDTH: 1.5em; COLOR: #939393; TEXT-ALIGN: right; DISPLAY: inline-block; LINE-HEIGHT: 1 } .submittitle SPAN { MARGIN-RIGHT: 3px } #toolSettingsForm .steptitle SPAN { DISPLAY: none } #toolSettingsForm .stepcontent { PADDING-LEFT: 20px } #toolSettingsForm .steptitle { PADDING-LEFT: 9px } #toolSettingsForm .submittitle.steptitle { PADDING-LEFT: 27px } H3.noNumber { PADDING-BOTTOM: 5px; PADDING-TOP: 4px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .stepcontent { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px } .stepcontent LI { MARGIN-BOTTOM: 6px; PADDING-BOTTOM: 6px } .stepcontent LI.required { COLOR: #000 } .stepcontent OL LI DIV.label { FONT-WEIGHT: normal } .stepcontent LI LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .stepcontent LI:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .stepcontent .stepHelp { FONT-SIZE: 105%; FONT-FAMILY: Georgia, serif; BORDER-BOTTOM: medium none; COLOR: #666; PADDING-BOTTOM: 4px; FONT-STYLE: italic; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .stepHelp { FONT-SIZE: 105%; FONT-FAMILY: Georgia, serif; BORDER-BOTTOM: medium none; COLOR: #666; PADDING-BOTTOM: 4px; FONT-STYLE: italic; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .stepcontent .stepHelp:focus { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #000 } .stepcontent .fieldHelp { FONT-SIZE: 100%; COLOR: #666; PADDING-BOTTOM: 8px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } A.browse + .fieldHelp { PADDING-TOP: 9px } .stepcontent .nonHelp { FONT-SIZE: 95%; COLOR: #000 } .stepcontent .nestedList LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .nestedListSmall LI { FONT-SIZE: 90% } .nestedSubList { MARGIN: 6px 6px 6px 30px } .stepLite { PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .columnStep .column-3 { MIN-HEIGHT: 200px } .columnStep .column-3 TABLE.attachments { FONT-SIZE: 90% } .columnStep DIV H3 { MARGIN: 6px } .columnStep DIV DIV { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } OL.nestedList LI DIV.imgLabel { WIDTH: auto } OL.nestedList LI DIV.imgLabel SPAN.fileName { FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 6px } OL.nestedList LI DIV.imgLabel SPAN.control { DISPLAY: inline } #title_color_value { PADDING-TOP: 6px } DIV.label { WORD-WRAP: break-word; MAX-WIDTH: 15em; WIDTH: 20%; MIN-WIDTH: 6em; POSITION: relative; FLOAT: left; MARGIN: 0px 0px 3px } DIV.gb_gridCell_inner H3.label { WORD-WRAP: break-word; MAX-WIDTH: 15em; WIDTH: 20%; MIN-WIDTH: 6em; POSITION: relative; FLOAT: left; MARGIN: 0px 0px 3px } DIV.label-stack { MAX-WIDTH: none; WIDTH: auto; FLOAT: none; DISPLAY: block } DIV.field { OVERFLOW: visible; WORD-WRAP: break-word; WIDTH: 79%; WORD-BREAK: normal; FLOAT: left; MARGIN: 0px 0px 3px } DIV.noLabelField { OVERFLOW: visible; WORD-WRAP: break-word; WIDTH: 79%; WORD-BREAK: normal; FLOAT: left; MARGIN: 0px 0px 3px } DIV.noLabelField { WIDTH: 100% } DIV.label SPAN.contextMenuContainer { DISPLAY: inline } SPAN.stepHelp BR { DISPLAY: block } SPAN.fieldHelp BR { DISPLAY: block } DIV.field OL P { PADDING-BOTTOM: 3px } DIV.noLabelField UL P { PADDING-BOTTOM: 3px } DIV.field EM { COLOR: #888; FONT: italic 100% Georgia, serif; MARGIN-TOP: 5px; DISPLAY: inline-block } FIELDSET.info { BACKGROUND: #f6f6f6; MARGIN: 0px } DIV.info { BACKGROUND: #f6f6f6; MARGIN: 0px } FIELDSET.info DIV.label { COLOR: #666 } .reqfield { POSITION: relative; FLOAT: left; COLOR: #777; PADDING-BOTTOM: 0px; PADDING-TOP: 24px; FONT: italic 105%/2 Georgia, serif; PADDING-LEFT: 40px; DISPLAY: block; PADDING-RIGHT: 0px } .reqfield:before { VERTICAL-ALIGN: top; POSITION: relative; COLOR: #ff8000; FONT: 260%/0.2 Georgia, serif; CONTENT: "*"; DISPLAY: inline-block; TOP: 11px; MARGIN-RIGHT: 1px } .required > .label > LABEL:before { VERTICAL-ALIGN: top; POSITION: relative; COLOR: #ff8000; FONT: 260%/0.2 Georgia, serif; CONTENT: "*"; DISPLAY: inline-block; TOP: 11px; MARGIN-RIGHT: 1px } .reqfield IMG { DISPLAY: none } .required > .label > LABEL IMG { DISPLAY: none } .requiredField { BACKGROUND: url(../../../images/ci/icons/required.gif) no-repeat 0px center; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 16px; DISPLAY: inline-block; PADDING-RIGHT: 0px } DIV.label IMG.indicator { POSITION: absolute; LEFT: -18px; TOP: 0px } .largeText DIV.label { FONT-SIZE: 130%; FONT-WEIGHT: bold } .largeText DIV.field { FONT-SIZE: 130%; FONT-WEIGHT: bold } .largeText A.browse { FONT-SIZE: 75% !important; FONT-WEIGHT: normal; MARGIN: 0px 0px 0px 3px } .field A.browse { FONT-SIZE: 95%; MARGIN: 0px 0px 0px 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% } LI.inEditMode { BORDER-TOP: #444 2px solid; BORDER-RIGHT: #444 2px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #444 2px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; BORDER-LEFT: #444 2px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px } .e_expandArea { MARGIN-TOP: 21px } #e_groups_menu { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: #ceeaee; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .parent-child-listing { WIDTH: 50% } .parent-child-listing .stepHelp { MARGIN-LEFT: 24px } .parent-child-listing UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 9px; MARGIN: -4px 0px 12px 10px; BORDER-LEFT: #ccc 1px dashed; PADDING-RIGHT: 0px } .parent-child-listing LI { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .stepcontent .hierarchy { LIST-STYLE-TYPE: none; COLOR: #999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .stepcontent .hierarchy LI { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff } OL.hierarchy LI OL LI { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff } OL.hierarchy LI OL { COLOR: #999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 8px 0px 0px 30px; PADDING-RIGHT: 0px } OL.hierarchy LI H5 { FONT-SIZE: 100%; POSITION: relative; COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 8px; PADDING-LEFT: 3px; MARGIN: 0px; PADDING-RIGHT: 11em; BACKGROUND-COLOR: #fff } OL.hierarchy LI H5 SPAN { FONT-SIZE: 100%; BORDER-BOTTOM: medium none; COLOR: #888; DISPLAY: inline } OL.hierarchy LI H5 A { FONT-SIZE: 90%; RIGHT: 0px; POSITION: absolute; FONT-WEIGHT: normal; TOP: 9px } OL.hierarchy LI DIV { FONT-SIZE: 95%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 9px; PADDING-LEFT: 12px; PADDING-RIGHT: 2px } OL.hierarchy LI DIV.gbData SPAN { FONT-SIZE: 100%; COLOR: #000; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN: 0px 0px 0px 9px; BORDER-LEFT: #ccc 1px dotted; DISPLAY: inline; PADDING-RIGHT: 0px } OL.hierarchy LI DIV.gbData SPAN:first-child { PADDING-LEFT: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: medium none } OL.hierarchy LI DIV INPUT.points { VERTICAL-ALIGN: middle } 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: 0px !important } OL.hierarchy LI.parent OL LI H5 { BACKGROUND-IMAGE: none } .stepPanels { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px } .stepPanels LI { BORDER-BOTTOM: medium none } .panelTitle { CURSOR: pointer; BACKGROUND: #dedede; POSITION: relative; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; MARGIN: 4px 0px 0px; PADDING-RIGHT: 5px } .mdHead A { TEXT-DECORATION: none; COLOR: #000 } .panelTitle A { TEXT-DECORATION: none; COLOR: #000 } .panelTitle A { WIDTH: 100%; DISPLAY: block } .panelTitle .date { FONT-SIZE: 95%; TEXT-DECORATION: none; RIGHT: 6px; POSITION: absolute; FONT-WEIGHT: normal; COLOR: #666; TOP: 2px } .panelTitle A SPAN { FONT-SIZE: 100%; COLOR: black; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .mdHead A SPAN.date { FONT-WEIGHT: normal } .mdList { BACKGROUND: #f6f6f6; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px 0px 9px; PADDING-RIGHT: 18px; -moz-box-shadow: 1px 1px 9px rgba(0, 0, 0, .2) } .stepPanel { BACKGROUND: #f6f6f6; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px 0px 9px; PADDING-RIGHT: 18px; -moz-box-shadow: 1px 1px 9px rgba(0, 0, 0, .2) } .stepPanel P SPAN { COLOR: #666 } .mdList H4 { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .stepPanel H5 { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .mdList P { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px 5px 5px 12px; PADDING-RIGHT: 0px } .stepPanel P { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px 5px 5px 12px; PADDING-RIGHT: 0px } .stepPanelControls { FONT-SIZE: 90% } .contentAreaBlock { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; MARGIN: 0px 24px 24px; BORDER-LEFT: #ddd 1px solid } .contentAreaBlock #step1 { BORDER-TOP: 0px } .taskbuttondiv { PADDING-BOTTOM: 24px; TEXT-ALIGN: right; PADDING-TOP: 12px; PADDING-LEFT: 58px; MARGIN: 0px; PADDING-RIGHT: 24px } .taskButtonsContent { PADDING-BOTTOM: 24px; TEXT-ALIGN: right; PADDING-TOP: 12px; PADDING-LEFT: 58px; MARGIN: 0px; PADDING-RIGHT: 24px } .okbutton { PADDING-BOTTOM: 24px; TEXT-ALIGN: right; PADDING-TOP: 12px; PADDING-LEFT: 58px; MARGIN: 0px; PADDING-RIGHT: 24px } .picker .taskbuttondiv { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 58px; PADDING-RIGHT: 0px } .container :first-child.taskbuttondiv { MARGIN-TOP: 0px } DIV#dataCollectionContainer :first-child.taskbuttondiv { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 58px; MARGIN: 9px 0px 0px; PADDING-RIGHT: 24px } DIV#dataCollectionContainer .reqfield + .taskbuttondiv { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 58px; MARGIN: 9px 0px 0px; PADDING-RIGHT: 24px } DIV#containerdiv .mapCanvasForm :first-child.taskbuttondiv { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 58px; MARGIN: 9px 0px 0px; PADDING-RIGHT: 24px } #customizeDataCollection .taskbuttonhelp { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } DIV#dataCollectionContainer .taskbuttonhelp + .taskbuttondiv { PADDING-BOTTOM: 18px; PADDING-TOP: 0px; PADDING-LEFT: 58px; PADDING-RIGHT: 24px } SPAN.stepTitleRight P.taskbuttondiv { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; PADDING-RIGHT: 0px !important } SPAN.contentListRight P.taskbuttondiv { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; PADDING-RIGHT: 0px !important } .taskButtonsContent { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 9px; PADDING-LEFT: 12px; MARGIN: 24px -12px 0px; PADDING-RIGHT: 12px } P.okbutton INPUT { FONT-SIZE: 100%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .taskbuttonhelp { FONT-SIZE: 105%; FONT-FAMILY: Georgia, serif; COLOR: #666; PADDING-BOTTOM: 0px; FONT-STYLE: italic; PADDING-TOP: 0px; PADDING-LEFT: 58px; PADDING-RIGHT: 0px } #taskbuttondiv P { FONT-SIZE: 90%; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; BORDER-BOTTOM: red 1px solid; FONT-STYLE: italic; TEXT-ALIGN: left; MARGIN: 6px 0px; BORDER-LEFT: red 1px solid; DISPLAY: block } .stepTitleRight { RIGHT: -2px; POSITION: absolute; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; LEFT: auto; TOP: -2px; PADDING-RIGHT: 6px } LEGEND { HEIGHT: 0px; POSITION: absolute; LINE-HEIGHT: 0; TOP: -10000px } FIELDSET OL LI SPAN.tagContainer INPUT { FONT-SIZE: 95% } FIELDSET OL LI SPAN.tagContainer A.browse { FONT-SIZE: 95% } FIELDSET OL LI SPAN.tagContainer { FONT-SIZE: 100%; WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } FIELDSET OL LI SPAN.tagContainer SPAN { FONT-SIZE: 100%; WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } FIELDSET OL LI OL LI SPAN.tagContainer { FONT-SIZE: 100%; WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } FIELDSET OL LI OL LI SPAN.tagContainer SPAN { FONT-SIZE: 100%; WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } FIELDSET OL LI SPAN.tagContainer SPAN.hidden { DISPLAY: none } FIELDSET OL LI OL LI SPAN.tagContainer SPAN.hidden { DISPLAY: none } FIELDSET OL LI SPAN.hidden { DISPLAY: none } FIELDSET OL LI OL LI SPAN.hidden { DISPLAY: none } .contentBlock OL LI SPAN.hidden { DISPLAY: none } .selectItems { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 639px; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; DISPLAY: none; PADDING-RIGHT: 6px } .selectItems SELECT { FONT-SIZE: 100%; MAX-WIDTH: 300px; HEIGHT: 115px; WIDTH: 300px; MARGIN: 6px 0px 0px; DISPLAY: block } #dataCollectionContainer .noLabelField > .selectItems { POSITION: relative; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } #dataCollectionContainer .noLabelField > .userRoleSelect:before { POSITION: absolute; CONTENT: ""; LEFT: 347px; BORDER-LEFT: #ccc 1px dashed; TOP: 0px; BOTTOM: 0px } #dataCollectionContainer .noLabelField > .selectItems:before { POSITION: absolute; CONTENT: ""; LEFT: 347px; BORDER-LEFT: #ccc 1px dashed; TOP: 0px; BOTTOM: 0px } #dataCollectionContainer .noLabelField > .selectItems.userRoleSelect:before { LEFT: 358px } #dataCollectionContainer .noLabelField > .selectItems.cumulativeSelectItems:before { LEFT: 47% } .selectItems INPUT[type=button] { FONT-SIZE: 90%; MAX-WIDTH: 140px; WHITE-SPACE: normal; MARGIN: 6px 0px 0px } .selectItems INPUT[type=text] { FONT-SIZE: 100%; WIDTH: 300px; MARGIN: 6px 0px; DISPLAY: block } .selectArrows { POSITION: relative; MARGIN-TOP: 60px } .selectArrows A { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; BORDER-LEFT: medium none; DISPLAY: block; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .selectArrows BUTTON { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; BORDER-LEFT: medium none; DISPLAY: block; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .selectItems H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px 56px; PADDING-RIGHT: 0px } .userRoleSelect { WIDTH: auto } .userSelectedRoles { POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 56px; PADDING-RIGHT: 0px } .userSelectedRoles .selectArrows { POSITION: absolute; LEFT: 20px; MARGIN: 0px; TOP: 28px } .selectItems .available-roles H4 { MARGIN-LEFT: 0px } .selectItems .available-roles SELECT { HEIGHT: 200px } .multiSelect { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .multiSelect > DIV { WIDTH: 46%; FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 0px; PADDING-RIGHT: 3px } .multiSelect SELECT { WIDTH: 100% } .multiSelect .selectArrows { WIDTH: 5%; TEXT-ALIGN: center; MARGIN: 40px 0px } .widget { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; MARGIN: 6px 0px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px } .widgetControls { FONT-SIZE: 90% } TABLE .widgetControls { FONT-SIZE: 90% } .widget .spellCheck { FLOAT: right } .widget .textBoxItem { FLOAT: right } DIV.liveArea FIELDSET.stepcontent OL LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .quickAddPal .stepcontent { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 0px; PADDING-RIGHT: 9px } .quickAddPal .stepcontent LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 1px; MARGIN: 0px 2px; BORDER-LEFT: 0px; PADDING-RIGHT: 1px } .quickAddPal .stepcontent .label { OVERFLOW: visible; WIDTH: 30%; PADDING-RIGHT: 2px } .quickAddPal .stepcontent .field { WIDTH: 65% } .quickAddPal LI.fieldError .fieldErrorText { FONT-SIZE: 85%; FONT-WEIGHT: normal; COLOR: red; MARGIN-LEFT: 74px; DISPLAY: block } DIV.quickAddPal DIV.field INPUT[type=text] { WIDTH: 100% } DIV.quickAddPal DIV.field SELECT { WIDTH: 100% } DIV.quickAddPal DIV.field TEXTAREA { WIDTH: 100% } DIV.quickAddPal LI.stepHelp { WIDTH: auto } DIV.quickAddPal LI DIV SPAN { WIDTH: auto } DIV.field SPAN.fileName { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 6px } DIV.field SPAN.control { DISPLAY: inline } DIV.quickAddPal DIV.field INPUT.datePickerInput { WIDTH: 8em } DIV.quickAddPal DIV.field INPUT.timePickerInput { WIDTH: 8em } .dtpickerEndDiv { PADDING-TOP: 10px } DIV#texteditor { FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 0px; PADDING-RIGHT: 3px } DIV#texteditor TEXTAREA { WIDTH: 450px; MARGIN-LEFT: 0px; DISPLAY: block } DIV#texteditor A.textBoxItem { WIDTH: 80%; PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px } SELECT.survey_question { MAX-WIDTH: 100% } .htmlarea .toolbar DIV > DIV { HEIGHT: 22px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .htmlarea IFRAME { MIN-WIDTH: 300px !important } .htmlarea .toolbar A.wikiButton { WIDTH: auto !important } .htmlarea .toolbar A.wikiButton IMG { WIDTH: auto !important } .vtbe_footer { FONT-SIZE: 90%; BORDER-TOP: 0px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #eee } .vtbe_footer SPAN { FONT-SIZE: 100% } .vtbe_footer INPUT[type=button] { FONT-SIZE: 95% } .vtbe_footer A { MARGIN: 0px 0px 0px 3px } .resize_handle { CURSOR: n-resize; BORDER-TOP: #ddd 1px solid; HEIGHT: 12px; BACKGROUND: url(images/controls.png) #ccc no-repeat 50% -1px; BORDER-BOTTOM: #bbb 1px solid; TEXT-ALIGN: center } .resize_handle:hover { BORDER-TOP-COLOR: #ccc; BORDER-BOTTOM-COLOR: #999; BACKGROUND-COLOR: #bbb } .resize_handle IMG { HEIGHT: 8px; WIDTH: 100% } .tabGroupsPreview { FONT-SIZE: 100%; MARGIN: -11px -12px 24px } .previewContent { WIDTH: auto; BACKGROUND: url(images/backgrounds_h.png) #aaa repeat-x 0px -320px; POSITION: relative; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 14px; MARGIN: 0px; Z-INDEX: 1; PADDING-RIGHT: 14px } .previewContent IFRAME { HEIGHT: 300px; WIDTH: 100% } .tabGroupsPreview TABLE DIV { DISPLAY: block } .previewOverlay { FONT-SIZE: 300%; HEIGHT: 89px; WIDTH: 100%; POSITION: absolute; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: bold; COLOR: #555; TEXT-ALIGN: center; FILTER: alpha(opacity=30); Z-INDEX: 0; LETTER-SPACING: 10px; opacity: .3; -moz-opacity: .3; -khtml-opacity: .3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .tabGroupsPreview .previewOverlay { TOP: 9px } .previewOverlay SPAN { CURSOR: default; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; FILTER: alpha(opacity = 30); TOP: 27px; PADDING-RIGHT: 12px; BACKGROUND-COLOR: white; opacity: .30; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none } P.warning { FONT-SIZE: 100%; COLOR: #fff; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 12px 0px 24px; PADDING-RIGHT: 18px; BACKGROUND-COLOR: #cf1d19 } .warning { BACKGROUND: #a7d0df } DIV.tabPreview { BORDER-TOP: #cdcdcd 12px solid; BORDER-RIGHT: #cdcdcd 12px solid; WIDTH: auto; BACKGROUND: #cdcdcd; BORDER-BOTTOM: #cdcdcd 12px solid; POSITION: relative; MARGIN: 0px 6px 6px; BORDER-LEFT: #cdcdcd 12px solid; Z-INDEX: 1 } DIV.tabPreview DIV.paneTabs { MARGIN-TOP: 12px } .buttonLibrary { POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 207px; PADDING-RIGHT: 0px } .buttonLibrary LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; FLOAT: left; BORDER-LEFT: medium none } .buttonLibrary LI A { TEXT-DECORATION: none; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 7px; DISPLAY: block; PADDING-RIGHT: 7px } .buttonLibrary LI A.selected { TEXT-DECORATION: none; FONT-WEIGHT: bold } .buttonLibrary LI A:hover { TEXT-DECORATION: underline } DIV.menuStyleStep { WIDTH: 212px; FLOAT: left; MARGIN: 9px 40px 0px 0px } DIV.menuDefaultStyleStep { WIDTH: 212px; MARGIN: 9px auto } .schemeWrapper { FLOAT: left; MARGIN: 0px 12px 0px 0px } .buttonLibrary .schemeWrapper { BACKGROUND: #fff; FLOAT: none; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; MARGIN: 0px 9px 0px 0px; PADDING-RIGHT: 10px; -webkit-box-shadow: 01px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 01px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 01px 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .buttonLibrary .selected .schemeWrapper { BACKGROUND: #bbb; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } #selectedPalette .schemePreview { BORDER-TOP: #bbb 10px solid; BORDER-RIGHT: #bbb 10px solid; BORDER-BOTTOM: #bbb 10px solid; BORDER-LEFT: #bbb 10px solid; -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .schemeWrapper SPAN { PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 6px; FONT: italic 100% Georgia; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } UL.buttonLibrary LI.selected { POSITION: absolute; LEFT: 0px; TOP: 6px } UL.buttonLibrary LI.selected A.selected { FONT-WEIGHT: bold; COLOR: #333 !important } UL.buttonLibrary LI.selected A.selected SPAN { FONT-WEIGHT: bold; COLOR: #333 !important } UL.buttonLibrary LI.selected A { FONT-WEIGHT: bold; COLOR: #333 !important } UL.buttonLibrary LI.selected A SPAN { FONT-WEIGHT: bold; COLOR: #333 !important } UL.buttonLibrary LI { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .schemePreview { WIDTH: 160px; PADDING-BOTTOM: 0px; PADDING-TOP: 12px; PADDING-LEFT: 16px; PADDING-RIGHT: 0px } .modulePreview { FONT-SIZE: 85%; BORDER-TOP: 1px solid; HEIGHT: 57px; BORDER-RIGHT: 0px solid; WIDTH: 140px; RIGHT: 0px; BORDER-BOTTOM: 0px solid; POSITION: relative; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; LEFT: auto; MARGIN: 6px 0px 0px auto; BORDER-LEFT: 1px solid; PADDING-RIGHT: 0px !important; BOTTOM: 0px } .schemePreviewHead { FONT-SIZE: 110%; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 9px !important; PADDING-RIGHT: 9px !important } .modulePreviewHead { FONT-WEIGHT: bold; PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 9px !important; MARGIN: 0px; PADDING-RIGHT: 9px !important } .schemePreviewBody { OVERFLOW: hidden; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } .modulePreviewBody { PADDING-BOTTOM: 3px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 9px !important; PADDING-RIGHT: 9px !important } .moduleList { BORDER-TOP: #ccc 1px solid } .moduleItem { BORDER-BOTTOM: #ccc 1px solid } .module { OVERFLOW: hidden; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } .moduleHeading { OVERFLOW: hidden; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .module H3 { FONT-SIZE: 110%; MARGIN: 0px; DISPLAY: inline } .moduleDescription { WIDTH: 90% } .more { DISPLAY: none } .moduleAction { MARGIN: 10px 0px } .moduleCategory { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .moduleCategory A { FONT-WEIGHT: bold } .moduleSample { PADDING-LEFT: 10px; DISPLAY: none } .expandedModule { BACKGROUND-COLOR: #efefef } .expandedModule .moduleDetails { WIDTH: 47% } .expandedModule .moduleSample { WIDTH: 47% } .expandedModule .more { DISPLAY: inline } .expandedModule .moduleSample { DISPLAY: block } .leftColumn-wide#moduleList .contentListPlain { PADDING-LEFT: 18px } .moduleListActionBar { PADDING-LEFT: 18px } #moduleList .contentListPlain > LI.expandedModule .moduleSample > DIV { WORD-WRAP: normal; MIN-HEIGHT: 50px !important } #moduleBody { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; COLOR: #444; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } #moduleBorder { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; COLOR: #444; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .portlet { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 10px 20px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .05); box-shadow: 0 2px 4px rgba(0, 0, 0, .05); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .containerPortal > DIV:first-child .portlet { MARGIN: 0px 10px 20px 0px } .reorderableModule:hover { BORDER-TOP-COLOR: #555; BACKGROUND: #fff; BORDER-LEFT-COLOR: #555; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555; -webkit-transition-property: border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: border, background; -moz-transition-duration: 200ms; -moz-transition-timing-function: ease-in-out } .reorderableModule:hover H2 { COLOR: #000 } .module-dragstate { BORDER-LEFT-WIDTH: 2px; BORDER-RIGHT-WIDTH: 2px; BORDER-TOP-COLOR: #555; BACKGROUND: #fff; BORDER-BOTTOM-WIDTH: 2px; BORDER-LEFT-COLOR: #555; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555; BORDER-TOP-WIDTH: 2px; opacity: .9; -webkit-box-shadow: 2px 5px 24px rgba(0, 0, 0, .5); -moz-box-shadow: 2px 5px 24px rgba(0, 0, 0, .5); -webkit-transition-property: border-width, border-color, background, -webkit-box-shadow; -webkit-transition-duration: 50ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: border-width, border-color, background, -moz-box-shadow; -moz-transition-duration: 50ms; -moz-transition-timing-function: ease-in-out } #moduleTitle { OVERFLOW: visible; FONT-SIZE: 105%; VERTICAL-ALIGN: middle; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 8px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0 } .portlet H2 { OVERFLOW: visible; FONT-SIZE: 105%; VERTICAL-ALIGN: middle; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 8px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0 } .portlet H2 .moduleTitle { WORD-WRAP: break-word } .portlet H2.dragHandle { PADDING-LEFT: 20px } .portlet H2.dragHandle:hover { CURSOR: move } .portlet H2 A { VERTICAL-ALIGN: middle; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px } .portlet H2 A:hover { TEXT-DECORATION: underline } .portlet H2 A IMG { VERTICAL-ALIGN: middle } .portlet H2.noTitle { HEIGHT: 1.4em; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .portlet H2.noTitle:hover { BACKGROUND: #ededed } .portlet A { WORD-WRAP: break-word; TEXT-DECORATION: none } .portlet A:hover { TEXT-DECORATION: underline } .portlet A:focus { TEXT-DECORATION: underline } .edit_controls { FLOAT: right; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .edit_controls A { TEXT-DECORATION: none; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 1px; FILTER: alpha(opacity=0); Z-INDEX: 201; PADDING-RIGHT: 0px; opacity: 0; verical-align: top } .portlet .edit_controls A:hover { TEXT-DECORATION: none; FILTER: alpha(opacity=100); opacity: 1 } .portlet .edit_controls A:focus { TEXT-DECORATION: none; FILTER: alpha(opacity=100); opacity: 1 } .portlet:hover .edit_controls A { TEXT-DECORATION: none; FILTER: alpha(opacity=100); opacity: 1 } .edit_controls .moduleToggleLink { HEIGHT: 14px; WIDTH: 14px; POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; LEFT: -4px; FILTER: alpha(opacity=50); Z-INDEX: 201; TOP: 3px; PADDING-RIGHT: 3px; opacity: .5 } .edit_controls A IMG { HEIGHT: 0px; WIDTH: 0px; FILTER: alpha(opacity=0); opacity: 0 } .edit_controls A:before { COLOR: #bcbcbc; FONT: 16px/1 "Utilicons" } .edit_controls A:hover:before { COLOR: #888 } .edit_controls A.moduleToggleLink { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px } .edit_controls A[title*='Expand'].moduleToggleLink { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px } .edit_controls A.moduleCloseLink:before { CONTENT: "X" } .edit_controls A.moduleDetachLink:before { FONT: 16px/1 "Utilicons"; CONTENT: "w" } .edit_controls A[href*='edit_module']:before { CONTENT: "S" } .collapsible { OVERFLOW: auto; BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 12px; CLEAR: both; PADDING-RIGHT: 12px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px } .collapsible TABLE { FONT-SIZE: 90%; FONT-FAMILY: Arial, sans-serif; BORDER-COLLAPSE: separate; COLOR: #333; BORDER-SPACING: 3px 2px } .collapsible .help { FONT-SIZE: 100%; FONT-FAMILY: Georgia, sans-serif; COLOR: #666; FONT-STYLE: italic; MARGIN: 0px 9px 6px; LINE-HEIGHT: 1.45 } .portlet H1 + P { FONT-SIZE: 100%; FONT-FAMILY: Georgia, sans-serif; COLOR: #666; FONT-STYLE: italic; MARGIN: 0px 9px 6px; LINE-HEIGHT: 1.45 } .portlet H1 + P + P { FONT-SIZE: 100%; FONT-FAMILY: Georgia, sans-serif; COLOR: #666; FONT-STYLE: italic; MARGIN: 0px 9px 6px; LINE-HEIGHT: 1.45 } .imgWrapper { OVERFLOW: auto; TEXT-ALIGN: center; MARGIN: 6px auto } .portlet H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } #lightbox H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .portlet DIV.portletBlock H4 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .portlet DIV.blockContents H4 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .flyout H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .labelMenuItem { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .labelMenuItem { PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } .flyout-menu .labelMenuItem { TEXT-TRANSFORM: uppercase; COLOR: #6a6a6a; PADDING-BOTTOM: 0px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 6px } .portlet H4 { COLOR: #000; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 4px 0px 0px; PADDING-RIGHT: 0px; TEXT-INDENT: 0px } .portletList { MARGIN-BOTTOM: 24px } .portlet .portletList LI { BORDER-TOP: #ccc 1px dotted; PADDING-BOTTOM: 0px; PADDING-TOP: 7px; PADDING-LEFT: 0px; MARGIN: 0px 0px 7px; PADDING-RIGHT: 0px } .portlet .portletList LI:first-child { BORDER-TOP: medium none } .portlet .portletList LI IMG { DISPLAY: none } .portlet .courseListing LI > A { FONT-WEIGHT: bold } .portlet .courseRole { COLOR: #777 } .portlet .dataBlockLabel { COLOR: #777 } .portlet .eventDate { COLOR: #777 } .portlet .eventList LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 2px; PADDING-RIGHT: 0px } .portlet .eventList LI .date { BACKGROUND: #f0f0f0; FONT-WEIGHT: bold; COLOR: #597298; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .portlet .eventList LI .event { PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 18px; PADDING-RIGHT: 4px } .portlet .eventList LI .description { FONT-SIZE: 90% } .portlet .eventDate { FONT-SIZE: 90% } .portlet .eventList LI .event A { FONT-WEIGHT: bold } .portlet SPAN.origin { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; FONT-WEIGHT: bold; COLOR: #999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px } .portlet .portletList-img > LI { BORDER-TOP: #ccc 1px dotted; PADDING-BOTTOM: 0px; PADDING-TOP: 7px; PADDING-LEFT: 0px; MARGIN: 0px 0px 7px; PADDING-RIGHT: 0px } .portlet .portletList-img > LI:first-child { BORDER-TOP: medium none } .portlet .portletList-img > LI IMG { DISPLAY: none } .portlet .courseInformation { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 16px; MARGIN: 4px 0px; PADDING-RIGHT: 0px; TEXT-INDENT: -16px } .portlet .courseDataBlock { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 4px 0px; PADDING-RIGHT: 0px; TEXT-INDENT: -4px } .portlet .courseDataBlock UL { MARGIN-TOP: 5px } .portlet .courseDataBlock UL LI { TEXT-INDENT: 0px } .portlet .calculatorModule { TEXT-ALIGN: center } .portlet .calculator { WIDTH: 10em; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px auto; PADDING-RIGHT: 6px } .portlet .portletPath { FONT-SIZE: 90%; BACKGROUND: #f0f0f0; MARGIN: 4px; -webkit-border-radius: 1px; -moz-border-radius: 1px } .portlet .portletPath SPAN { BACKGROUND: #ddd; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; DISPLAY: inline-block; PADDING-RIGHT: 3px; -webkit-border-radius: 1px 0 0 1px; -moz-border-radius: 1px 0 0 1px } .portlet .courseDataBlock UL LI { BACKGROUND: url(images/indicators.png) no-repeat 0px -895px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 14px; MARGIN: 0px 0px 1px; PADDING-RIGHT: 0px } .portlet .courseDataBlock A { TEXT-DECORATION: none; FONT-WEIGHT: normal } .portlet .courseDataBlock LI A { TEXT-DECORATION: none; FONT-WEIGHT: normal } .portlet .courseDataBlock A:hover { TEXT-DECORATION: underline } .portlet .courseDataBlock A:focus { TEXT-DECORATION: underline } .portlet .courseDataBlock LI A:hover { TEXT-DECORATION: underline } .portlet .courseDataBlock LI A:focus { TEXT-DECORATION: underline } .portletHelp { FONT-SIZE: 95%; COLOR: #688ba8; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 4px 7px; PADDING-RIGHT: 0px } DIV.module_actions { PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 4px 0px; LINE-HEIGHT: 1.8em; PADDING-RIGHT: 2px } DIV.module_actions A:link { MARGIN-BOTTOM: 5px; FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px outset; BORDER-RIGHT: #ccc 1px outset; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px outset; FONT-WEIGHT: normal; COLOR: #036; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; BORDER-LEFT: #ccc 1px outset; PADDING-RIGHT: 5px; BACKGROUND-COLOR: #eee } DIV.module_actions A:hover { BORDER-TOP: #eee 1px inset; BORDER-RIGHT: #eee 1px inset; BORDER-BOTTOM: #eee 1px inset; BORDER-LEFT: #eee 1px inset } DIV.module_actions A:active { BORDER-TOP: #eee 1px inset; BORDER-RIGHT: #eee 1px inset; BORDER-BOTTOM: #eee 1px inset; BORDER-LEFT: #eee 1px inset } DIV.module_actions IMG { VERTICAL-ALIGN: middle; MARGIN: 0px 3px } DIV.module_actions SELECT { FONT-SIZE: 90%; VERTICAL-ALIGN: middle } DIV.module_actions LABEL { FONT-WEIGHT: bold } DIV.scroll_div { OVERFLOW: auto; MAX-HEIGHT: 300px } .portlet DIV.scroll_div { MARGIN-BOTTOM: 3px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #fff4bf; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .submission_list { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } .submission_list LI { BORDER-TOP: #ccc 1px dotted; FONT-WEIGHT: bold; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .submission_list LI:first-child { BORDER-TOP: medium none } .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 { FLOAT: right; MARGIN: 4px 0px 0px } .submission_list LI SPAN { FONT-SIZE: 90%; FONT-WEIGHT: normal; MARGIN-LEFT: 6px } .eudModule { PADDING-BOTTOM: 24px; MARGIN: 0px } .styledModule-dark { PADDING-BOTTOM: 24px; MARGIN: 0px } .portlet .noItems { FONT-STYLE: italic; TEXT-ALIGN: center } .eudModule .eudModule-inner { OVERFLOW-Y: auto; BORDER-BOTTOM: #ccc 1px dotted; MAX-HEIGHT: 500px } .styledModule-dark .module-inner { OVERFLOW-Y: auto; BORDER-BOTTOM: #ccc 1px dotted; MAX-HEIGHT: 500px } .eud-button-wrap { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } IMG.eud-avatar { HEIGHT: 28px; WIDTH: 28px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg) } .actionMenuButton { VERTICAL-ALIGN: middle; BACKGROUND: #eee; FLOAT: right; PADDING-BOTTOM: 4px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: none; MARGIN: 0px 4px 0px 0px; DISPLAY: block; PADDING-RIGHT: 8px } DIV[id*='actionMenu_'] { MARGIN-LEFT: -3px; Z-INDEX: 1000; MARGIN-TOP: -4px } .portlet .portletBlock { FONT-SIZE: 100%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .portlet :first-child.portletBlock { BORDER-TOP: 0px } .moduleActions + .portletBlock { BORDER-TOP: 0px } .blockGroups LI:first-child { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .portlet .memberList { MARGIN: 0px 0px 5px } .itemGroups { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 4px 9px 12px; PADDING-RIGHT: 0px } .itemGroups .itemGroups { MARGIN-BOTTOM: 4px; MARGIN-LEFT: 0px } .portlet .blockGroups LI { FONT-SIZE: 100% } .portlet .itemGroups LI { OVERFLOW-X: hidden; PADDING-BOTTOM: 7px; PADDING-TOP: 0px; PADDING-LEFT: 0px; LINE-HEIGHT: 120%; PADDING-RIGHT: 0px } .portlet .memberList LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 14px !important; PADDING-RIGHT: 0px } .portlet .course { FONT-SIZE: 90%; DISPLAY: block } .portlet UL.memberList { FONT-SIZE: 90%; DISPLAY: block } .portlet SPAN.refresh { FONT-SIZE: 90%; DISPLAY: block } .portlet .course { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } .portlet SPAN.noIndent { MARGIN-LEFT: 0px !important } .portlet .whatsNew SPAN.course { MARGIN-LEFT: 0px !important } .portlet SPAN.course { MARGIN-LEFT: 0px !important } .portlet UL.hierarchyList { MARGIN-LEFT: 22px } .portlet UL.hierarchyList LI { OVERFLOW-X: visible; TEXT-INDENT: -18px } .portlet UL.hierarchyList LI * { TEXT-INDENT: 0px } .portlet UL.hierarchyList LI.childless { TEXT-INDENT: 0px } .portlet UL LI UL LI SPAN.warning { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: #bf1b17 1px solid; COLOR: #ef312c; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .portlet UL LI UL LI SPAN.due { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: #bf1b17 1px solid; COLOR: #ef312c; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .portlet UL LI UL LI SPAN.newItemCount { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: #bf1b17 1px solid; COLOR: #ef312c; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .flag { FONT-SIZE: 90%; BORDER-TOP: #efa495 1px solid; BORDER-RIGHT: #efa495 1px solid; BACKGROUND: #ffe4df; BORDER-BOTTOM: #efa495 1px solid; FONT-WEIGHT: bold; COLOR: #c30; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #efa495 1px solid; DISPLAY: inline; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .portlet UL.memberList SPAN { FONT-SIZE: 100% } .portlet UL.memberList SPAN.newItemCount { FONT-SIZE: 100% } .portletInfoFooter { FONT-SIZE: 90%; RIGHT: 0px; POSITION: absolute; COLOR: #999; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; BOTTOM: 5px } .dateSelector { BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .blockGroups LI SPAN.newItemCount { FONT-WEIGHT: normal; COLOR: #777 } .blockGroups LI SPAN.itemHeadOpen + P { BACKGROUND: #fff } .blockGroups LI SPAN.itemHeadOpen + P { BACKGROUND: #fff } .blockGroups LI SPAN.itemHead A:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: transparent } .blockGroups LI SPAN.itemHead A:focus { TEXT-DECORATION: underline; BACKGROUND-COLOR: transparent } .portlet .portletBlock H4 A:hover { BACKGROUND: #eee } .portlet .portletBlock H4 A:focus { BACKGROUND: #eee } .portlet .portletBlock H4.blockTitle A:hover { BACKGROUND: #eee } .portlet .portletBlock H4.blockTitle A:focus { BACKGROUND: #eee } .portlet .portletBlock H4 { TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f1f1f1; BORDER-BOTTOM: 0px; COLOR: #444; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 0px; PADDING-RIGHT: 9px } .portlet .subCategories LI A { TEXT-DECORATION: none; BORDER-TOP: #ccc 1px dotted; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 2px 9px; FONT-WEIGHT: bold; COLOR: #01758c; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 18px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 5px } .blockGroups .itemHead { TEXT-DECORATION: none; BORDER-TOP: #ccc 1px dotted; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 2px 9px; FONT-WEIGHT: bold; COLOR: #01758c; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 18px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 5px } .blockGroups .itemHead:hover { CURSOR: pointer; TEXT-DECORATION: underline } .blockGroups .itemHead:focus { CURSOR: pointer; TEXT-DECORATION: underline } .blockGroups .itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) #fff no-repeat 1px 9px; COLOR: #01758c } .blockGroups .itemHeadOpen:hover { CURSOR: pointer; TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .blockGroups .itemHeadOpen:focus { CURSOR: pointer; TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .blockGroups LI IMG.spacer { HEIGHT: 0px; WIDTH: 50px } .blockGroups LI SPAN.headerText:hover { CURSOR: pointer; TEXT-DECORATION: underline } .blockGroups LI SPAN.headerText:focus { CURSOR: pointer; TEXT-DECORATION: underline } .viewHeader { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; DISPLAY: block } .viewHeader H3 { FONT-WEIGHT: bold; COLOR: #666 } DIV.waitingFrame { BACKGROUND: #fff } .moduleControlWrapper { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px dotted; PADDING-TOP: 6px; MARGIN: 6px 0px 0px } .moduleControlWrapper A { POSITION: relative; MARGIN: 0px 2px } .moduleControlWrapper A:after { FONT-SIZE: 14px; RIGHT: 0px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #bbb; CONTENT: "\2192" } .moduleBlock { MARGIN: 6px } .portlet H1 { FONT-SIZE: 120%; MARGIN: 6px } .assessmentPortlet DIV.assessmentPortletBlock { BORDER-TOP-COLOR: #777; BACKGROUND: #f9f9f9; BORDER-LEFT-COLOR: #777; PADDING-BOTTOM: 0px; BORDER-BOTTOM-COLOR: #777; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; BORDER-RIGHT-COLOR: #777; PADDING-RIGHT: 0px } .assessmentPortlet DIV.assessmentPortletBlock H4 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .assessmentPortlet DIV.assessmentPortletBlock H4 A { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f1f1f1; BORDER-BOTTOM: 0px; COLOR: #444; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 0px; PADDING-RIGHT: 9px } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle A { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f1f1f1; BORDER-BOTTOM: 0px; COLOR: #444; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 0px; PADDING-RIGHT: 9px } .assessmentPortlet DIV.assessmentPortletBlock H4 A:hover { BACKGROUND: #eee } .assessmentPortlet DIV.assessmentPortletBlock H4 A:focus { BACKGROUND: #eee } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle A:hover { BACKGROUND: #eee } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle A:focus { BACKGROUND: #eee } .assessmentPortlet DIV.assessmentPortletBlock H4 A SPAN { FONT-WEIGHT: normal; COLOR: #ddd } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle A SPAN { FONT-WEIGHT: normal; COLOR: #ddd } .assessmentPortlet UL.subCategories { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.assessmentBlockGroups { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .assessmentPortlet DIV.assessmentPortletBlock UL.subCategories LI { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.assessmentBlockGroups LI { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .assessmentPortlet UL.subCategories LI A { TEXT-DECORATION: none; BORDER-TOP: #777 1px solid; BACKGROUND: url(images/more_options.gif) #e3efff no-repeat 3px center; FONT-WEIGHT: bold; COLOR: #597298; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 16px; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: 1px; PADDING-RIGHT: 16px } UL.assessmentBlockGroups LI A.itemHead { TEXT-DECORATION: none; BORDER-TOP: #777 1px solid; BACKGROUND: url(images/more_options.gif) #e3efff no-repeat 3px center; FONT-WEIGHT: bold; COLOR: #597298; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 16px; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: 1px; PADDING-RIGHT: 16px } UL.assessmentBlockGroups LI A.itemHead:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: #e3efff } UL.assessmentBlockGroups LI A.itemHead:focus { TEXT-DECORATION: underline; BACKGROUND-COLOR: #e3efff } UL.assessmentBlockGroups LI A.itemHeadOpen { BACKGROUND: #fff no-repeat 3px center } UL.assessmentBlockGroups LI A.itemHeadOpen:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } UL.assessmentBlockGroups LI A.itemHeadOpen:focus { TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .assessmentPortlet UL.subCategories LI:first-child A { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } UL.assessmentBlockGroups LI:first-child A { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .assessmentPortlet UL.subCategories LI A:hover { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #fff; opacity: 1 } .assessmentPortlet UL.subCategories LI A:focus { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #fff; opacity: 1 } UL.assessmentBlockGroups LI A:hover { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #fff; opacity: 1 } UL.assessmentBlockGroups LI A:focus { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #fff; opacity: 1 } .assessmentPortlet UL.itemGroup LI A { FONT-SIZE: 105%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } UL.assessmentBlockGroups LI UL.itemGroups LI A { FONT-SIZE: 105%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .assessmentPortlet UL.itemGroup LI A:hover { TEXT-DECORATION: underline } .assessmentPortlet UL.itemGroup LI A:focus { TEXT-DECORATION: underline } UL.itemGroups LI A:hover { TEXT-DECORATION: underline } UL.itemGroups LI A:focus { TEXT-DECORATION: underline } UL.itemGroups LI UL.items { FONT-SIZE: 110%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 9px } UL.assessmentBlockGroups LI UL.itemGroups LI A { FONT-WEIGHT: normal } UL.itemGroups LI UL.items LI A { FONT-WEIGHT: normal } .assessmentPortlet DIV.assessmentPortletBlock H3 { MARGIN: 0px } .assessmentPortlet DIV.assessmentPortletBlock H3 A { TEXT-DECORATION: none; BACKGROUND: #f0f0f0; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 12px } .assessmentPortlet DIV.assessmentPortletBlock H3 A:hover { TEXT-DECORATION: none } .assessmentPortlet DIV.assessmentPortletBlock H3 A:focus { TEXT-DECORATION: none } .assessmentPortlet DIV:first-child.assessmentPortletBlock H3 A { BORDER-TOP: medium none } .assessmentPortlet DIV.assessmentPortletBlock H3 A.open { TEXT-DECORATION: none; BACKGROUND: url(images/less_options.gif) #e3efff no-repeat 99% center; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 12px } .assessmentPortlet UL.objectList LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .assessmentPortletBlock UL LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .blockContents UL LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } UL.memberList LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .assessmentPortlet .blockContents UL LI UL LI SPAN { MARGIN: 0px 0px 0px 4px } .assessmentPortlet .blockContents UL LI SPAN { MARGIN: 0px 0px 0px 4px } .assessmentPortlet UL LI UL LI SPAN { MARGIN: 0px 0px 0px 4px } .portlet #loginBoxFull { WIDTH: 300px; PADDING-BOTTOM: 16px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; PADDING-RIGHT: 0px } .portlet #loginBoxFull P { FONT-SIZE: 0.95em; COLOR: #444; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px } .portlet #loginBoxFull P.welcome { FONT-SIZE: 1em; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 10px; PADDING-RIGHT: 0px } .portlet #loginBoxFull UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .portlet #loginBoxFull LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px } .portlet #loginBoxFull LI LABEL { FONT-SIZE: 100%; FONT-WEIGHT: normal } .portlet #loginBoxFull INPUT[type='text'] { FONT-SIZE: 100%; BORDER-TOP: #bbb 2px solid; BORDER-RIGHT: #bbb 2px solid; WIDTH: 300px; BORDER-BOTTOM: #bbb 2px solid; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; MARGIN: 0px 0px 3px -4px; BORDER-LEFT: #bbb 2px solid; PADDING-RIGHT: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .portlet #loginBoxFull INPUT[type='password'] { FONT-SIZE: 100%; BORDER-TOP: #bbb 2px solid; BORDER-RIGHT: #bbb 2px solid; WIDTH: 300px; BORDER-BOTTOM: #bbb 2px solid; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; MARGIN: 0px 0px 3px -4px; BORDER-LEFT: #bbb 2px solid; PADDING-RIGHT: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .portlet #loginBoxFull INPUT[type='text']:focus { BORDER-TOP-COLOR: #00add0; BORDER-LEFT-COLOR: #00add0; COLOR: #000; BORDER-BOTTOM-COLOR: #00add0; BORDER-RIGHT-COLOR: #00add0 } .portlet #loginBoxFull INPUT[type='password']:focus { BORDER-TOP-COLOR: #00add0; BORDER-LEFT-COLOR: #00add0; COLOR: #000; BORDER-BOTTOM-COLOR: #00add0; BORDER-RIGHT-COLOR: #00add0 } .portlet #loginBoxFull A { FONT-SIZE: 0.9em } .portlet #loginBoxFull P A { FONT-SIZE: 1em } .portlet #loginBoxFull P.welcome A { FONT-SIZE: 1em } .portlet #loginBoxFull LI + LI + LI { VERTICAL-ALIGN: top; DISPLAY: inline-block } .portlet #loginBoxFull LI + LI + LI + LI { VERTICAL-ALIGN: top; FLOAT: right; TEXT-ALIGN: right; DISPLAY: inline-block } .portlet #loginBoxFull LI INPUT.submit { MARGIN: 0px -3px 0px 0px } #body { PADDING-BOTTOM: 60px } #loadstatus { HEIGHT: 180px; POSITION: relative } FIELDSET.highlight { BACKGROUND: #eee } FIELDSET.highlight DIV.input { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .builderItem .item { FONT-SIZE: 100%; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 9px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 9px } .builderItem:hover { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666 } .builderItem:focus { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666 } #lessonPlanForm #dataCollectionContainer .contentListPlain LI:hover { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666 } #lessonPlanForm #dataCollectionContainer .contentListPlain LI:focus { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666 } LI.builderItem { MIN-HEIGHT: auto } .builderItem .close { CURSOR: pointer; RIGHT: 5px; POSITION: absolute; TOP: 5px } .builderItem IFRAME { WIDTH: 100% !important } DIV.subheading { FONT-WEIGHT: bold } DIV.required DIV.inputField { BACKGROUND: url(../../images/ci/icons/required.gif) no-repeat left 2px; PADDING-LEFT: 1.5em; MARGIN-LEFT: -1.5em } .inputOptions { BORDER-TOP: #ccc 1px dotted; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em } .offscreen { HEIGHT: 0px; POSITION: absolute; LEFT: -999em } .label A:hover { CURSOR: pointer } .label A:focus { CURSOR: pointer } #lessonPlanForm #customFormBuilderDiv { MARGIN: 0px } #lessonPlanForm #dataCollectionContainer { MARGIN: 0px } #lessonPlanForm #dataCollectionContainer .contentListPlain { MARGIN: 0px } .alignPanelLightbox { MIN-WIDTH: 650px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MIN-HEIGHT: 250px; PADDING-RIGHT: 12px } .alignHeader { FONT-SIZE: 95%; FONT-WEIGHT: bold; COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .alignPanel TABLE TD { FONT-SIZE: 90% } .alignPanel TABLE TH { FONT-SIZE: 90% } .alignPanel TABLE TD.descriptionCell { WORD-WRAP: break-word; MIN-WIDTH: 120px } .alignPanel TABLE TD.descriptionCell DIV { OVERFLOW: hidden; WIDTH: 250px } .alignPanel TABLE TD.infoCell DIV { WIDTH: 123px } .collapseTabs .alignPanel TABLE TD.descriptionCell DIV { WIDTH: 123px } .collapseTabs .alignPanel TABLE TD.infoCell DIV { WIDTH: 80px } .alignPanel THEAD TH.smallCell { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .alignPanel THEAD TH { WHITE-SPACE: nowrap } .alignPanel TD.actionCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .pageBreadcrumb { HEIGHT: 1em; BACKGROUND: #fff; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .pageBreadcrumb UL { LIST-STYLE-TYPE: none; FONT-SIZE: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .pageBreadcrumb LI { FLOAT: left; FONT-WEIGHT: bold; COLOR: #999; MARGIN-LEFT: 3px } .pageBreadcrumb LI A { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #036; MARGIN-RIGHT: 3px } .pageBreadcrumb LI A.active { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #036 } .sStatus { FONT-SIZE: 90%; HEIGHT: 14px; COLOR: #063; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 8px; PADDING-RIGHT: 0px } .sStatusI { FONT-SIZE: 90%; HEIGHT: 14px; COLOR: #c00; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 8px; PADDING-RIGHT: 0px } .panelList { WORD-WRAP: break-word; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 2px 0px 3px; PADDING-RIGHT: 0px } .panelList > LI { MARGIN: 0px 0px 1px } .panelNested { OVERFLOW: hidden; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; MARGIN: 4px 0px 0px; PADDING-RIGHT: 4px; BACKGROUND-COLOR: #fff } .panelHead { WORD-WRAP: break-word; BACKGROUND: #efefef; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 8px; MARGIN: 0px; PADDING-RIGHT: 8px } .panelHead A { TEXT-DECORATION: none; COLOR: #000 } .panelItem { BORDER-BOTTOM: #eee 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .panelList_leftCol { POSITION: absolute; LEFT: 6px; TOP: 6px } .panelList_rightCol { RIGHT: 6px; POSITION: absolute; TOP: 6px } .panelList_centerCol { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } UL.logMessages { LIST-STYLE-TYPE: none; PADDING-LEFT: 1em; MARGIN-LEFT: 0px; LIST-STYLE-IMAGE: none; TEXT-INDENT: -1em } LI.logError { COLOR: red } LI.logWarning { COLOR: blue } LI.logMessage { MARGIN-TOP: 0.1em } .connectionWrapper { POSITION: relative; MARGIN-TOP: 1px; PADDING-RIGHT: 30px } .connectionWrapper A { RIGHT: 0px; POSITION: absolute; MARGIN-TOP: -14px; TOP: 50% } .invertItems { POSITION: relative; DISPLAY: block !important; MARGIN-RIGHT: 26px } .invertItems A { RIGHT: -33px; POSITION: absolute; TOP: -14px } .subcategories { PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 11px !important; PADDING-RIGHT: 11px !important } .subcategories H3 { FONT-SIZE: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.calendarTitle { TEXT-ALIGN: center; MARGIN: 9px 0px 0px } DIV.announcementTitle { TEXT-ALIGN: center; MARGIN: 9px 0px 0px } DIV.calendarTitle H3 { FONT-SIZE: 130%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 4px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 4px } DIV.announcementTitle H3 { FONT-SIZE: 130%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 4px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 4px } DIV.calMonth { OVERFLOW: auto; PADDING-BOTTOM: 6px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 10px 4px 4px; DISPLAY: block; PADDING-RIGHT: 2px } DIV.calMonth TABLE { BORDER-TOP: #a8beda 2px solid; BORDER-RIGHT: #a8beda 2px solid; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #a8beda 2px solid; MARGIN: 0px auto; BORDER-LEFT: #a8beda 1px solid } DIV.calMonth TABLE THEAD TD { WIDTH: 1px; BACKGROUND: #a8beda; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.calMonth TABLE TBODY TH { WIDTH: 1px; BACKGROUND: #a8beda; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.calMonth TABLE THEAD TD DIV { POSITION: absolute; LEFT: -1000px; TOP: 0px } DIV.calMonth TABLE TBODY TH DIV { POSITION: absolute; LEFT: -1000px; TOP: 0px } DIV.calMonth TABLE THEAD TH { OVERFLOW: hidden; BORDER-RIGHT: #aaa 1px solid; WIDTH: 8em; BACKGROUND: url(images/backgrounds_h.png) #ddd repeat-x 0px -50px; BORDER-BOTTOM: #a0a0a0 1px solid; FONT-WEIGHT: bold; COLOR: #333; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DIV.calMonth TABLE TBODY TD { OVERFLOW: hidden; HEIGHT: 8em; BORDER-RIGHT: #a8beda 1px solid; WIDTH: 8em; BACKGROUND: url(images/backgrounds_h.png) white repeat-x 0px -400px; BORDER-BOTTOM: #a8beda 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.calMonth TABLE TH:hover { BACKGROUND-COLOR: #e3efff } DIV.calMonth TABLE TH:focus { BACKGROUND-COLOR: #e3efff } DIV.calMonth TABLE TH:active { BACKGROUND-COLOR: #e3efff } DIV.calMonth TABLE TD:hover { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -600px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) } DIV.calMonth TABLE TD:focus { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -600px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) } DIV.calMonth TABLE TD:active { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -600px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) } DIV.calMonth TABLE TD A.daylink { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-RIGHT: #a8beda 1px solid; WIDTH: 1.2em; BACKGROUND: #e3efff; BORDER-BOTTOM: #a8beda 1px solid; FLOAT: left; FONT-WEIGHT: bold; PADDING-BOTTOM: 0.2em; TEXT-ALIGN: center; PADDING-TOP: 0.2em; PADDING-LEFT: 0.2em; DISPLAY: block; PADDING-RIGHT: 0.2em } DIV.calMonth TABLE TD A.daylink:hover { BACKGROUND-COLOR: #e3efff } DIV.calMonth TABLE TD A.daylink SPAN { POSITION: absolute; LEFT: -1000px; TOP: 0px } DIV.calMonth TABLE TD.today { BACKGROUND-COLOR: #fff4bf } DIV.calMonth TABLE TD.today A.daylink { BACKGROUND: #fff4bf; FONT-WEIGHT: bold } DIV.calMonth TABLE TD.today A.daylink:hover { BACKGROUND: url(images/backgrounds_h.png) #fff4bf repeat-x 0px -50px } DIV.calMonth TABLE TD.today A.daylink:focus { BACKGROUND: url(images/backgrounds_h.png) #fff4bf repeat-x 0px -50px } DIV.calMonth TABLE TD.offday { BACKGROUND: #eee; -webkit-box-shadow: none; -moz-box-shadow: none } DIV.calMonth TABLE TD.offday:hover { BACKGROUND: #eee; -webkit-box-shadow: none; -moz-box-shadow: none } DIV.calMonth TABLE TD.offday:focus { BACKGROUND: #eee; -webkit-box-shadow: none; -moz-box-shadow: none } DIV.calMonth TABLE TD DIV { OVERFLOW: hidden; WIDTH: 8em; CLEAR: both } DIV.calMonth TABLE TD DIV UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0.4em; MARGIN: 0px; PADDING-RIGHT: 0.4em } DIV.calMonth TABLE TD DIV UL LI { FONT-SIZE: 90%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } TABLE.calYear { FONT-SIZE: 95%; BORDER-COLLAPSE: collapse; MIN-WIDTH: 200px; POSITION: relative; MARGIN: 6px } TABLE.calYearFloat { WIDTH: 32%; FLOAT: left; MARGIN: 6px 0.66% } TABLE.calYear THEAD TD { POSITION: absolute; LEFT: -10000px; TOP: 0px } TABLE.calYear TBODY TH { POSITION: absolute; LEFT: -10000px; TOP: 0px } TABLE.calYear CAPTION { FONT-SIZE: 108%; PADDING-BOTTOM: 4px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px; PADDING-RIGHT: 2px } TABLE.calYear CAPTION A { TEXT-DECORATION: none; FONT-WEIGHT: bold } TABLE.calYear CAPTION A:hover { TEXT-DECORATION: underline } TABLE.calYear CAPTION A:focus { TEXT-DECORATION: underline } TABLE.calYear THEAD TH { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #aaa 1px solid; WIDTH: 23px; VERTICAL-ALIGN: top; BACKGROUND: url(images/backgrounds_h.png) #ddd repeat-x 0px -50px; BORDER-BOTTOM: #aaa 1px solid; FONT-WEIGHT: bold; COLOR: #333; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 2px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 2px } TABLE.calYear TBODY TD { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 23px; BACKGROUND: white; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 2px; PADDING-LEFT: 2px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 2px } TABLE.calYear TD A { TEXT-DECORATION: none; WIDTH: 100%; POSITION: relative; DISPLAY: block } TABLE.calYear TD A IMG { FLOAT: left } TABLE.calYear TD:hover { BACKGROUND: #fff4bf; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calYear TD:focus { BACKGROUND: #fff4bf; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calYear TD:active { BACKGROUND: #fff4bf; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calYear TH:hover { BACKGROUND-COLOR: #ccc } TABLE.calYear TH:focus { BACKGROUND-COLOR: #ccc } TABLE.calYear TH:active { BACKGROUND-COLOR: #ccc } TABLE.calYear TD.today { BACKGROUND: #999 } TABLE.calYear TD.today:hover { BACKGROUND: #999 } TABLE.calYear TD.today:focus { BACKGROUND: #999 } TABLE.calYear TD.today A { FONT-WEIGHT: bold; COLOR: #fff } TABLE.calYear TD.today A:hover { BACKGROUND-IMAGE: none } TABLE.calYear TD.today A:active { BACKGROUND-IMAGE: none } TABLE.calYear TD.today A:focus { BACKGROUND-IMAGE: none } TABLE.calYear TD.offday { TEXT-DECORATION: none; BORDER-TOP: #a8beda 1px solid; BORDER-RIGHT: #a8beda 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #a8beda 1px solid; COLOR: #444; BORDER-LEFT: #a8beda 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none } TABLE.calYear TD.offday:hover { TEXT-DECORATION: none; BORDER-TOP: #a8beda 1px solid; BORDER-RIGHT: #a8beda 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #a8beda 1px solid; COLOR: #444; BORDER-LEFT: #a8beda 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none } TABLE.calYear TD.offday:focus { TEXT-DECORATION: none; BORDER-TOP: #a8beda 1px solid; BORDER-RIGHT: #a8beda 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #a8beda 1px solid; COLOR: #444; BORDER-LEFT: #a8beda 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none } TABLE.calYear TD.hasEvent { BACKGROUND: url(images/backgrounds_h.png) repeat-x 0px -50px; FONT-WEIGHT: bold } TABLE.calendarDay { BORDER-TOP: #cdcdcd 1px solid; BORDER-RIGHT: #cdcdcd 1px solid; WIDTH: 100%; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #cdcdcd 1px solid; MARGIN: 10px 0px 0px; BORDER-LEFT: #cdcdcd 1px solid } TABLE.calendarDay THEAD { POSITION: absolute; LEFT: -1000px; TOP: 0px } TABLE.calendarDay THEAD TH { POSITION: absolute; LEFT: -1000px; TOP: 0px } UL.calendarWeek LI TABLE.calendarDay { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; MARGIN: 0px; BORDER-LEFT: medium none } TABLE.calendarDay TBODY TH { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 6%; VERTICAL-ALIGN: top; BACKGROUND: #f3f3f3; BORDER-BOTTOM: #ccc 1px solid; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 14px; TEXT-ALIGN: right; PADDING-TOP: 1px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 12px } TABLE.calendarDay TBODY TH:hover { BACKGROUND: url(images/backgrounds_h.png) #e6e5e5 repeat-x 0px -200px } TABLE.calendarDay TBODY TH:focus { BACKGROUND: url(images/backgrounds_h.png) #e6e5e5 repeat-x 0px -200px } TABLE.calendarDay TBODY TH:active { BACKGROUND: url(images/backgrounds_h.png) #e6e5e5 repeat-x 0px -200px } TABLE.calendarDay TBODY TD { BORDER-TOP: #cdcdcd 1px solid; VERTICAL-ALIGN: top; BACKGROUND: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px } TABLE.calendarDay TBODY TD.hasEvent { PADDING-LEFT: 6px } TABLE.calendarDay TBODY TD.hasEvent A.jumpToEvent { POSITION: absolute; LEFT: -1000px; TOP: 0px } TABLE.calendarDay TBODY TR.halfHour TH { BORDER-TOP: #ededed 1px solid } TABLE.calendarDay TBODY TR.halfHour TD { BORDER-TOP: #ededed 1px solid } TABLE.calendarDay TBODY TR.midday TH { BORDER-TOP: #cdcdcd 2px solid } TABLE.calendarDay TBODY TR.midday TD { BORDER-TOP: #cdcdcd 2px solid } TABLE.calendarDay TR.notBusinessHours TH { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f3f3f3; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } TABLE.calendarDay TR.notBusinessHours TD { BACKGROUND: #fafafa } TABLE.calendarDay TBODY TR.notBusinessHours TD.hasEvent { BACKGROUND: #fafafa } TABLE.calendarDay TR TH SPAN.ampm { FONT-SIZE: 75%; BACKGROUND: #bbb; POSITION: relative; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 2px; LEFT: -4px; LETTER-SPACING: 0.1em; TOP: -1.2em; PADDING-RIGHT: 2px } TABLE.calendarDay TBODY TR:hover { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calendarDay TBODY TR:focus { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calendarDay TBODY TR:hover TH { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:hover TD { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:focus TH { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:focus TD { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:active TH { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:active TD { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:hover TD.hasEvent { BACKGROUND: #f0f0f0 } TABLE.calendarDay TBODY TR:focus TD.hasEvent { BACKGROUND: #f0f0f0 } TABLE.calendarDay TBODY TR:active TD.hasEvent { BACKGROUND: #f0f0f0 } TABLE.calendarDay TD DIV DIV { FONT-SIZE: 90%; BACKGROUND: #b5ccea; FLOAT: left; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; MARGIN: 0px 4px 0px -6px; DISPLAY: block; PADDING-RIGHT: 3px } TABLE.calendarDay TD DIV DIV.contextMenuContainer { BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px -3px; DISPLAY: inline; PADDING-RIGHT: 0px } TABLE.calendarDay TD DIV SPAN { FONT-SIZE: 90%; COLOR: #555 } UL.calendarWeek { LIST-STYLE-TYPE: none; BORDER-TOP: #cdcdcd 1px solid; BORDER-RIGHT: #cdcdcd 1px solid; BORDER-BOTTOM: #cdcdcd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 10px 0px 0px; LIST-STYLE-IMAGE: none; BORDER-LEFT: #cdcdcd 1px solid; PADDING-RIGHT: 0px } UL.calendarWeek LI { BORDER-BOTTOM: #cdcdcd 1px solid; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px } UL.calendarWeek LI UL:first-child { BORDER-TOP: medium none } UL.calendarWeek UL LI:first-child { BORDER-TOP: medium none } UL.calendarWeek LI H3.weekDay { FONT-SIZE: 110%; BACKGROUND: #e3efff; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; PADDING-LEFT: 0.6em; MARGIN: 0px; PADDING-RIGHT: 0.6em } UL.calendarWeek LI H3.weekDay:hover { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -200px } UL.calendarWeek LI H3.weekDay:focus { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -200px } UL.calendarWeek LI H3.weekDay:active { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -200px } UL.calendarWeek LI UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px 6px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.calendarWeek LI UL LI { BORDER-TOP: #ededed 1px solid; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } UL.calendarWeek LI UL LI:hover { BACKGROUND: url(images/backgrounds_h.png) repeat-x 0px -205px } UL.calendarWeek LI UL LI:focus { BACKGROUND: url(images/backgrounds_h.png) repeat-x 0px -205px } UL.calendarWeek LI UL LI:active { BACKGROUND: url(images/backgrounds_h.png) repeat-x 0px -205px } UL.calendarWeek LI UL LI H4 { FONT-SIZE: 95%; WIDTH: 10em; FLOAT: left; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; MARGIN: 0px 12px 0px 0px; PADDING-RIGHT: 3px } UL.calendarWeek LI DIV { MARGIN-LEFT: 11em } UL.calendarWeek LI DIV.contextMenuContainer { MARGIN: 0px 0px 0px -3px } UL.calendarWeek LI UL LI SPAN { FONT-SIZE: 90%; COLOR: #555 } .diffbox-wrapper { WIDTH: 80%; MARGIN: 9px auto } .legendbox-wrapper { WIDTH: 90%; MARGIN: 9px auto } .legendbox-wrapper > DIV { BORDER-LEFT: #ddd 1px solid } .legendbox-wrapper > DIV:first-child { BORDER-LEFT: medium none } .diffbox-left { FLOAT: left } .diffbox-right { FLOAT: left } .diffbox-arrow { FLOAT: left } .legendbox { FLOAT: left } .diffbox-left { WIDTH: 44% } .diffbox-right { WIDTH: 44% } .legendbox-3 { WIDTH: 33% } .legendbox-2 { WIDTH: 48% } .diffbox-left > DIV { BACKGROUND: #f9f9f9; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .diffbox-right > DIV { BACKGROUND: #f9f9f9; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .legendbox > DIV { BACKGROUND: #f9f9f9; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .legendbox > DIV { BACKGROUND: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .diffbox-right > DIV { BORDER-TOP: #ddd 2px solid; BORDER-RIGHT: #ddd 2px solid; BORDER-BOTTOM: #ddd 2px solid; BORDER-LEFT: #ddd 2px solid } .diffbox-left UL LI { BORDER-TOP: #ddd 1px dotted; PADDING-BOTTOM: 2px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .diffbox-right UL LI { BORDER-TOP: #ddd 1px dotted; PADDING-BOTTOM: 2px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .legendbox UL LI { BORDER-TOP: #ddd 1px dotted; PADDING-BOTTOM: 2px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .diffbox-left UL LI:first-child { BORDER-TOP: 0px } .diffbox-right UL LI:first-child { BORDER-TOP: 0px } .legendbox UL LI:first-child { BORDER-TOP: 0px } .diffbox-left .label { WIDTH: 30%; COLOR: #666 } .diffbox-right .label { WIDTH: 30%; COLOR: #666 } .legendbox .label { WIDTH: 30%; COLOR: #666 } .diffbox-left .field { WIDTH: 59% } .diffbox-right .field { WIDTH: 59% } .legendbox .label { FONT-SIZE: 90%; WIDTH: 45% } .legendbox .field { WIDTH: 55% } .diffbox-arrow { WIDTH: 6%; TEXT-ALIGN: center; PADDING-TOP: 50px } .diffLegend-sample { HEIGHT: 17px !important; WIDTH: 90px !important; POSITION: static !important } .addedImg-sample { HEIGHT: 13px !important } .removedImg-sample { HEIGHT: 13px !important } .changedImg-sample { HEIGHT: 13px !important } .diff-html-added { CURSOR: pointer; FONT-SIZE: 100%; POSITION: relative; DISPLAY: inline-block } .diff-html-removed { CURSOR: pointer; FONT-SIZE: 100%; POSITION: relative; DISPLAY: inline-block } .added-sample { CURSOR: pointer; FONT-SIZE: 100%; POSITION: relative; DISPLAY: inline-block } .removed-sample { CURSOR: pointer; FONT-SIZE: 100%; POSITION: relative; DISPLAY: inline-block } .diff-html-added { BACKGROUND-COLOR: #cfc } .added-sample { BACKGROUND-COLOR: #cfc } .diff-html-removed { TEXT-DECORATION: line-through; BACKGROUND-COLOR: #fdc6c6 } .removed-sample { TEXT-DECORATION: line-through; BACKGROUND-COLOR: #fdc6c6 } .diff-html-changed { CURSOR: pointer; BACKGROUND: url(images/diffunderline.gif) repeat-x 50% bottom } .changed-sample { CURSOR: pointer; BACKGROUND: url(images/diffunderline.gif) repeat-x 50% bottom } .diff-html-added IMG { BORDER-TOP: #cfc 2px solid; BORDER-RIGHT: #cfc 2px solid; BORDER-BOTTOM: #cfc 2px solid; BORDER-LEFT: #cfc 2px solid } .addedImg-sample { BORDER-TOP: #cfc 2px solid; BORDER-RIGHT: #cfc 2px solid; BORDER-BOTTOM: #cfc 2px solid; BORDER-LEFT: #cfc 2px solid } .diff-html-removed IMG { BORDER-TOP: #fdc6c6 2px solid; BORDER-RIGHT: #fdc6c6 2px solid; BORDER-BOTTOM: #fdc6c6 2px solid; BORDER-LEFT: #fdc6c6 2px solid } .removedImg-sample { BORDER-TOP: #fdc6c6 2px solid; BORDER-RIGHT: #fdc6c6 2px solid; BORDER-BOTTOM: #fdc6c6 2px solid; BORDER-LEFT: #fdc6c6 2px solid } .diff-html-changed IMG { BORDER-TOP: #009 2px dotted; BORDER-RIGHT: #009 2px dotted; BORDER-BOTTOM: #009 2px dotted; BORDER-LEFT: #009 2px dotted } .changedImg-sample { BORDER-TOP: #009 2px dotted; BORDER-RIGHT: #009 2px dotted; BORDER-BOTTOM: #009 2px dotted; BORDER-LEFT: #009 2px dotted } DIV.diff-removed-image { RIGHT: 0px; POSITION: absolute; LEFT: 0px; FILTER: alpha(opacity=55); MARGIN: 2px; TOP: 0px; BOTTOM: 0px; opacity: .55; -moz-opacity: .55 } DIV.diff-added-image { RIGHT: 0px; POSITION: absolute; LEFT: 0px; FILTER: alpha(opacity=55); MARGIN: 2px; TOP: 0px; BOTTOM: 0px; opacity: .55; -moz-opacity: .55 } .diff-addedImg-sample { RIGHT: 0px; POSITION: absolute; LEFT: 0px; FILTER: alpha(opacity=55); MARGIN: 2px; TOP: 0px; BOTTOM: 0px; opacity: .55; -moz-opacity: .55 } DIV.diff-removed-image { BACKGROUND-IMAGE: url(images/diffmin.gif); BACKGROUND-COLOR: #fdc6c6 } .diff-removedImg-sample { BACKGROUND-IMAGE: url(images/diffmin.gif); BACKGROUND-COLOR: #fdc6c6 } DIV.diff-added-image { BACKGROUND-IMAGE: url(images/diffplus.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #cfc } .diff-addedImg-sample { BACKGROUND-IMAGE: url(images/diffplus.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #cfc } DIV.blogContainer DIV.wikiPage { BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 2px solid; BORDER-BOTTOM: #ccc 2px solid; BORDER-LEFT: #ccc 2px solid } DIV.blogContainer DIV.wikiPage H4 { FONT-SIZE: 120%; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 9px; PADDING-LEFT: 30px; PADDING-RIGHT: 12px } DIV.blogContainer DIV.entryFooter H4 { FONT-SIZE: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.blogContainer DIV.entryDate { FONT-SIZE: 95%; FONT-FAMILY: Georgia, serif; COLOR: #666; PADDING-BOTTOM: 6px; FONT-STYLE: italic; PADDING-TOP: 6px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px } .editWiki { MARGIN: 9px } .playerControls { MARGIN-BOTTOM: 2px; POSITION: relative; PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 6px !important; MARGIN-TOP: 0px; PADDING-RIGHT: 6px !important } IMG.managedPluginStatusIcon { MARGIN: 1px 7px 3px 0px } UL.metaDataList { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.metaDataList LI { PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px } UL.metaDataList LI H3 { MARGIN: 0px; DISPLAY: inline } .bb-cpgbtd { FONT-SIZE: 90% } .bb-cpgbth { FONT-SIZE: 90% } .bb-cpmgtd { FONT-SIZE: 85%; COLOR: #000 } .bb-cpmgth { FONT-SIZE: 85%; FONT-WEIGHT: bold } #resizeHandle { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; WIDTH: 3px; BACKGROUND: #ddd; BORDER-BOTTOM: #999 1px solid; POSITION: absolute; LEFT: 200px; BORDER-LEFT: #999 1px solid; MARGIN-TOP: 0px; TOP: 0px; BOTTOM: 0px; -webkit-border-radius: 1px; -moz-border-radius: 1px } #resizeHandle:hover { CURSOR: e-resize; BACKGROUND: #aaa } #resizeHandle:focus { CURSOR: e-resize; BACKGROUND: #aaa } #resizeHandle .collapseControl { FONT-SIZE: 8px; BORDER-TOP: #999 1px solid; HEIGHT: 22px; BORDER-RIGHT: #999 1px solid; WIDTH: 11px; BACKGROUND: url(images/menu_collapse3.gif) no-repeat -2px -3px; BORDER-BOTTOM: #999 1px solid; POSITION: relative; LEFT: -5px; BORDER-LEFT: #999 1px solid; MARGIN-TOP: 200px; DISPLAY: block; -webkit-border-radius: 2px; -moz-border-radius: 2px } #resizeHandle .pullcollapsed { FONT-SIZE: 8px; BORDER-TOP: #999 1px solid; HEIGHT: 22px; BORDER-RIGHT: #999 1px solid; WIDTH: 11px; BACKGROUND: url(images/menu_collapse3.gif) no-repeat -2px -3px; BORDER-BOTTOM: #999 1px solid; POSITION: relative; LEFT: -5px; BORDER-LEFT: #999 1px solid; MARGIN-TOP: 200px; DISPLAY: block; -webkit-border-radius: 2px; -moz-border-radius: 2px } .collapseControl:hover { CURSOR: pointer } .collapseControl:focus { CURSOR: pointer } .caretTitleModifier { FONT-SIZE: 90%; FONT-WEIGHT: normal; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 0px } .landingPageColumn H3.hiddenlink .linkStatus { FONT-SIZE: 85%; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; PADDING-TOP: 0.4em; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } TABLE.inventory .vtbegenerated TBODY TR TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.inventory .vtbegenerated TBODY TR TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.inventory .vtbegenerated TBODY TR:hover TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.inventory .vtbegenerated TBODY TR:hover TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR:hover TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR:hover TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .additional { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; MARGIN: 0px 0px 6px; PADDING-RIGHT: 3px } .additional .left { FLOAT: left } .additional .right { FLOAT: right; COLOR: #777; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .additional .right SPAN.size { FONT-WEIGHT: bold; COLOR: #000 } .additional .left SPAN.suboption { DISPLAY: block } A.add { BORDER-TOP-COLOR: #42af41; BORDER-LEFT-COLOR: #42af41; BORDER-BOTTOM-COLOR: #42af41; BORDER-RIGHT-COLOR: #42af41; BACKGROUND-COLOR: #b3efb3 } A.add:hover { BORDER-TOP-COLOR: #42af41; BORDER-LEFT-COLOR: #42af41; BORDER-BOTTOM-COLOR: #42af41; BORDER-RIGHT-COLOR: #42af41; BACKGROUND-COLOR: #e4ffdf } A.add:focus { BORDER-TOP-COLOR: #42af41; BORDER-LEFT-COLOR: #42af41; BORDER-BOTTOM-COLOR: #42af41; BORDER-RIGHT-COLOR: #42af41; BACKGROUND-COLOR: #e4ffdf } A.remove { BORDER-TOP-COLOR: #ef3b3b; BORDER-LEFT-COLOR: #ef3b3b; BORDER-BOTTOM-COLOR: #ef3b3b; BORDER-RIGHT-COLOR: #ef3b3b; BACKGROUND-COLOR: #ffc4bf } A.remove:hover { BORDER-TOP-COLOR: #ef3b3b; BORDER-LEFT-COLOR: #ef3b3b; BORDER-BOTTOM-COLOR: #ef3b3b; BORDER-RIGHT-COLOR: #ef3b3b; BACKGROUND-COLOR: #ffd2cf } A.remove:focus { BORDER-TOP-COLOR: #ef3b3b; BORDER-LEFT-COLOR: #ef3b3b; BORDER-BOTTOM-COLOR: #ef3b3b; BORDER-RIGHT-COLOR: #ef3b3b; BACKGROUND-COLOR: #ffd2cf } .smallControls { FONT-SIZE: 90%; MIN-WIDTH: 19em; MARGIN-TOP: 3px !important } .smallControls .label { WIDTH: 29% } .smallControls .field { WIDTH: 70% } .smallControls .stepHelp { FONT-SIZE: 100% !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px }

@font-face { font-family: Utilicons-discussions; src: url(fonts/utilicons/utilicons-web-webfont.eot); } .listColumnHead { MARGIN-BOTTOM: 3px; FONT-SIZE: 90%; BORDER-BOTTOM: #ccc 1px dotted; FONT-WEIGHT: bold; COLOR: #555 } .customFormBuilderLabel { WORD-WRAP: break-word; WIDTH: 88%; DISPLAY: block } .textareaWrapper TEXTAREA { WIDTH: 100% } .textareaWrapper TABLE { WIDTH: 100% } .portlet #loginFooter { FONT-SIZE: 0.9em; BACKGROUND-IMAGE: none; COLOR: #444; PADDING-BOTTOM: 9px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .portlet #loginFooter UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .portlet #loginFooter UL LI { BACKGROUND-IMAGE: none; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; BORDER-LEFT: #999 1px dotted; PADDING-RIGHT: 10px } .portlet #loginFooter UL LI:first-child { BORDER-LEFT: medium none } .portlet #loginFooter UL LI .active:link { TEXT-DECORATION: none; COLOR: #666 } .tools.navPalette { } A { COLOR: #b00 } .portlet .subCategories LI A { COLOR: #b00 } .blockGroups .itemHead { COLOR: #b00 } .blockGroups .itemHeadOpen { COLOR: #b00 } .listCm .courseMenu A:hover SPAN { COLOR: #b00 !important } .listCm .courseMenu A:focus SPAN { COLOR: #b00 !important } .vtbegenerated A { TEXT-DECORATION: underline } .item H3 A SPAN { BORDER-BOTTOM: 1px dotted } .individualContent-link > SPAN { BORDER-BOTTOM: 1px dotted } .read > A > SPAN { BORDER-BOTTOM: 1px dotted } .item H3 A:hover SPAN { BORDER-BOTTOM-STYLE: solid } .item H3 A:focus SPAN { BORDER-BOTTOM-STYLE: solid } .individualContent-link:hover > SPAN { BORDER-BOTTOM-STYLE: solid } .individualContent-link:focus > SPAN { BORDER-BOTTOM-STYLE: solid } .rating { LIST-STYLE-TYPE: none; HEIGHT: 16px; WIDTH: 80px; BACKGROUND: url(images/controls.png) no-repeat 0px -20px; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .star0 { BACKGROUND-POSITION: 0px -20px } .star1 { BACKGROUND-POSITION: 0px -36px } .star2 { BACKGROUND-POSITION: 0px -52px } .star3 { BACKGROUND-POSITION: 0px -68px } .star4 { BACKGROUND-POSITION: 0px -84px } .star5 { BACKGROUND-POSITION: 0px -100px } UL.rating LI { CURSOR: pointer; TEXT-INDENT: -999em } UL.rating LI A { TEXT-DECORATION: none; HEIGHT: 16px; WIDTH: 16px; POSITION: absolute; LEFT: 0px; Z-INDEX: 200; TOP: 0px } UL.rating LI.one A { LEFT: 0px } 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 { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 80px; BACKGROUND: url(images/controls.png) no-repeat -90px -36px; LEFT: 0px; Z-INDEX: 2 } UL.rating LI A:focus { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 80px; BACKGROUND: url(images/controls.png) no-repeat -90px -36px; LEFT: 0px; Z-INDEX: 2 } UL.rating LI.one A:hover { BACKGROUND-POSITION: -90px -36px } UL.rating LI.one A:focus { BACKGROUND-POSITION: -90px -36px } UL.rating LI.two A:hover { BACKGROUND-POSITION: -90px -52px } UL.rating LI.two A:focus { BACKGROUND-POSITION: -90px -52px } UL.rating LI.three A:hover { BACKGROUND-POSITION: -90px -68px } UL.rating LI.three A:focus { BACKGROUND-POSITION: -90px -68px } UL.rating LI.four A:hover { BACKGROUND-POSITION: -90px -84px } UL.rating LI.four A:focus { BACKGROUND-POSITION: -90px -84px } UL.rating LI.five A:hover { BACKGROUND-POSITION: -90px -100px } UL.rating LI.five A:focus { BACKGROUND-POSITION: -90px -100px } DIV.collectionViewReadMessageBorder { MARGIN-LEFT: 30px; BORDER-LEFT: #ccc 1px solid } DIV.collectionViewUnreadMessageBorder { BORDER-TOP: #999 3px solid; BORDER-RIGHT: #999 3px solid; BORDER-BOTTOM: #999 3px solid; MARGIN-LEFT: 30px; BORDER-LEFT: #999 3px solid } .gradefield { OVERFLOW: visible; FONT-SIZE: 120%; VERTICAL-ALIGN: middle; COLOR: #000; PADDING-BOTTOM: 4px; TEXT-ALIGN: center; PADDING-TOP: 4px; PADDING-LEFT: 12px; MARGIN: 9px 0px; PADDING-RIGHT: 12px } .gradefield INPUT { FONT-SIZE: 110%; BORDER-TOP: #666 2px solid; FONT-FAMILY: arial, sans-serif; BORDER-RIGHT: #666 2px solid; VERTICAL-ALIGN: middle; BACKGROUND: #fff; BORDER-BOTTOM: #666 2px solid; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 3px; MARGIN: 0px; BORDER-LEFT: #666 2px solid; LINE-HEIGHT: 100%; PADDING-RIGHT: 3px } .gradefield INPUT.inputtypebutton { OVERFLOW: visible; FONT-SIZE: 80%; BORDER-TOP: #ccc 1px solid; HEIGHT: auto; BORDER-RIGHT: #ccc 1px solid; WIDTH: auto; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 2px; PADDING-LEFT: 8px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 8px } .gradefield A { FONT-SIZE: 120%; FONT-WEIGHT: bold } .gradefield SPAN { FONT-SIZE: 80%; COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .overridegrade { FONT-SIZE: 80%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 3px 0px 3px 9px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 12px } .overridegrade INPUT.inputtypebutton { FONT-SIZE: 70%; VERTICAL-ALIGN: middle; FONT-WEIGHT: normal; MARGIN-TOP: -3px } DIV.parentmessage { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 9px; PADDING-TOP: 3px; PADDING-LEFT: 6px; CLEAR: both; MARGIN: 6px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px } .availability { FONT-SIZE: 85%; WIDTH: auto; PADDING-BOTTOM: 1px; FONT-STYLE: italic; PADDING-TOP: 1px; PADDING-LEFT: 3px; MARGIN: 6px 0px; PADDING-RIGHT: 3px } TD.tag_controls { BACKGROUND: #cad7e7; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 3px } TD.msg_controls { BACKGROUND: #cad7e7; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px } TD.checkbox_cell { BORDER-RIGHT: #ccc 1px solid; VERTICAL-ALIGN: top; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } TD.prevnextpostarea { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 5px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 5px } H3.dbheading { MARGIN-BOTTOM: 0px; FONT-WEIGHT: normal; MARGIN-TOP: 0px; DISPLAY: inline } .dbThread { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #aaa 1px solid; POSITION: relative; MARGIN: 0px 0px 12px; BORDER-LEFT: #aaa 1px solid; -webkit-box-shadow: 0 3px 6px #ccc; -moz-box-shadow: 0 3px 6px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px } .dbThreadMessage .dbThread { MARGIN: 24px 30px } .dbThreadCheckbox { POSITION: absolute } .dbThreadCheckbox INPUT { MARGIN: 10px } .dbThread .dbThreadInfo { COLOR: #555 } .dbThreadInfo DL { FLOAT: left; MARGIN: 0px } .dbThreadInfo DT { WIDTH: 8em; FLOAT: left; FONT-WEIGHT: bold; COLOR: #999; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em; PADDING-LEFT: 0.1em; CLEAR: left; MARGIN: 0px; PADDING-RIGHT: 0.1em } .dbThreadInfo DD { FLOAT: left; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em; PADDING-LEFT: 0.1em; MARGIN: 0px 0px 0px 0.5em; PADDING-RIGHT: 0.1em } DIV.dbThreadFooter DIV.navButtons { WIDTH: 100% } DIV.dbThreadHeader DIV.navButtons { WIDTH: 100% } DIV.dbThreadFooter DIV.threadButtons { WIDTH: 100% } DIV.dbThreadHeader DIV.threadButtons { WIDTH: 100% } .dbThreadBody { OUTLINE-WIDTH: 0px; OUTLINE-STYLE: none; CLEAR: both; OUTLINE-COLOR: invert } .dbThreadBody P { FONT: 120%/1.3 Georgia, serif } P.dbAttachment { FONT: 100% "Lucida Grande", sans-serif; MARGIN: 0px 0px 12px } .dbParentPost P.dbAttachment { FONT: 100% "Lucida Grande", sans-serif; MARGIN: 0px 0px 12px } DIV.spacerDiv { CLEAR: both } .pageTitle { BACKGROUND: #eee; BORDER-BOTTOM: #ddd 1px solid } .reply-lvl-0 { MARGIN: 14px 0px 24px } .db-head-message { MARGIN: 14px 0px 24px } DIV.dbParentPost { BORDER-TOP: #bbb 1px dashed; BORDER-RIGHT: #bbb 1px dashed; BORDER-BOTTOM: #bbb 1px dashed; BORDER-LEFT: #bbb 1px dashed; -webkit-border-radius: 3px; -moz-border-radius: 3px } UL.nestedInlineReceipt { MARGIN: 4px 8px } .db-reply-block { MARGIN: 0px 0px 12px } #inlineMessageForm #dataCollectionContainer { MARGIN: -9px 0px 0px } #collectionContainer .dbThreadBody { PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } #collectionContainer .dbThreadFooter { MARGIN: 0px 10px } #collectionListContainerDiv .rumble_top UL { FLOAT: left } .thread-detail-page .actionBar { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; RIGHT: -4px; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; BORDER-LEFT: #555 1px solid; TOP: -4px; opacity: 0; box-shadow: 0 0 3px rgba(0, 0, 0, .3), 1px 1px 1px rgba(255, 255, 255, .2) inset; border-radius: 3px; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out } .thread-detail-page .contentPane:hover .actionBar { FILTER: alpha(opacity=100) !important; opacity: 1 } .thread-detail-page .contentBox:hover .actionBar { FILTER: alpha(opacity=100) !important; opacity: 1 } .thread-detail-page .actionBar .secondaryButton > A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; FILTER: none !important; BORDER-LEFT: 0px; PADDING-RIGHT: 9px; text-shadow: 0 1px 1px rgba(0, 0, 0, .9) } .thread-detail-page .actionBar .mainButton > A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; FILTER: none !important; BORDER-LEFT: 0px; PADDING-RIGHT: 9px; text-shadow: 0 1px 1px rgba(0, 0, 0, .9) } .thread-detail-page .actionBar .secondaryButton > A:hover { BACKGROUND: #555; COLOR: #fff !important; -webkit-box-shadow: none; box-shadow: none } .thread-detail-page .actionBar .secondaryButton > A:focus { BACKGROUND: #555; COLOR: #fff !important; -webkit-box-shadow: none; box-shadow: none } .thread-detail-page .actionBar .mainButton > A:hover { BACKGROUND: #555; COLOR: #fff !important; -webkit-box-shadow: none; box-shadow: none } .thread-detail-page .actionBar .mainButton > A:focus { BACKGROUND: #555; COLOR: #fff !important; -webkit-box-shadow: none; box-shadow: none } .thread-detail-page #navsecondary .secondaryButton { POSITION: relative !important } .thread-detail-page #navsecondary .secondaryButton A { OVERFLOW: hidden; FONT-SIZE: 100%; BORDER-TOP: 0px; HEIGHT: 32px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; POSITION: relative; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 34px !important; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: 32px; PADDING-RIGHT: 9px !important } .thread-detail-page .actionBar .mainButton A { OVERFLOW: hidden; FONT-SIZE: 100%; BORDER-TOP: 0px; HEIGHT: 32px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; POSITION: relative; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 34px !important; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: 32px; PADDING-RIGHT: 9px !important } .thread-detail-page #navsecondary .secondaryButton A:before { POSITION: absolute; COLOR: #ccc; FONT: 20px "Utilicons-discussions"; LEFT: 10px; TOP: 7px } .thread-detail-page .actionBar .mainButton A:before { POSITION: absolute; COLOR: #ccc; FONT: 20px "Utilicons-discussions"; LEFT: 10px; TOP: 7px } .thread-detail-page #navsecondary .secondaryButton A:hover:before { COLOR: #fff } .thread-detail-page #navsecondary .secondaryButton A:focus:before { COLOR: #fff } .thread-detail-page .actionBar .mainButton A:hover:before { COLOR: #fff } .thread-detail-page .actionBar .mainButton A:focus:before { COLOR: #fff } .thread-detail-page #navsecondary A#refreshTreeActionButtonId:before { CONTENT: "r" } .thread-detail-page #navsecondary #searchActionButtonId A:before { CONTENT: "F" } .thread-detail-page A#moderateActionButtonId:before { CONTENT: "q" } .thread-detail-page A#subUnSubActionButtonId:before { CONTENT: "M" } .thread-detail-page #navsecondary #alignmentsActionButtonId A:before { CONTENT: "a" } .thread-detail-page A#gradeActionButtonId:before { CONTENT: "g" } .thread-detail-page A#studentGradeActionButtonId:before { CONTENT: "g" } .reply-lvl-0 .message-wrapper-inner { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #e6e6e6; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; box-shadow: 1px 1px 0 rgba(255, 255, 255, .9), 0 0 18px rgba(0, 0, 0, .1) inset; border-radius: 2px } .db-head-message .message-wrapper-inner { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #e6e6e6; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; box-shadow: 1px 1px 0 rgba(255, 255, 255, .9), 0 0 18px rgba(0, 0, 0, .1) inset; border-radius: 2px } .reply-lvl-0 .threadButtons .reply { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; VERTICAL-ALIGN: baseline; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; PADDING-RIGHT: 16px; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8) } .reply-lvl-0 .threadButtons .reply:hover { BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); BORDER-LEFT: #274561 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .reply-lvl-0 .threadButtons .browse { FONT-SIZE: 105%; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: baseline; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #333; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .threadButtons .browse { FONT-SIZE: 105%; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: baseline; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #333; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .threadButtons .reply { FONT-SIZE: 105%; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: baseline; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #333; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .reply-lvl-0 .threadButtons .browse:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: black; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .threadButtons .browse:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: black; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .threadButtons .reply:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: black; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .threadButtons .browse { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .threadButtons .reply { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .threadButtons .reply { FONT-WEIGHT: bold } .messageCollectionContainer { WIDTH: 75%; FLOAT: left } DIV.instructionData { MARGIN: 0px 0px 12px } DIV.instructionData UL { LIST-STYLE-TYPE: none; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.instructionData UL LI { LIST-STYLE-TYPE: none; FLOAT: left; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px 0px 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.instructionData UL LI SPAN { FONT-SIZE: 90%; COLOR: #555 } DIV.instructionData UL LI H3 { FONT-SIZE: 100%; MARGIN: 0px; DISPLAY: inline } DIV.instructionData UL LI.instructions { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 6px 0px 0px; PADDING-RIGHT: 0px } DIV.instructionData UL LI.saving { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 6px 0px 0px; PADDING-RIGHT: 0px } DIV.instructionData UL LI.instructions A.browse { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: medium none; BORDER-LEFT: #ccc 1px solid } .assessmentInstructions { BACKGROUND: #f1f1f1; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 12px } .assessmentInstructions H3 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 0px; PADDING-RIGHT: 0px } .assessmentPortlet { RIGHT: 43px; POSITION: fixed; Z-INDEX: 1 } .assessmentPortlet H3 { FONT-SIZE: 100%; FONT-WEIGHT: bold; COLOR: #597298; LETTER-SPACING: 1px } .assessmentPortlet DIV.assessmentPortletBlock H4 { FONT-SIZE: 100%; FONT-WEIGHT: bold; COLOR: #597298; LETTER-SPACING: 1px } .assessmentPortlet DIV.blockContents H4 { FONT-SIZE: 100%; FONT-WEIGHT: bold; COLOR: #597298; LETTER-SPACING: 1px } .savingQuestion { FONT-SIZE: 150%; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; COLOR: #c03; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: none; PADDING-RIGHT: 2px } TR.dummyVTBEFooter TD { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid } .qIncomplete { TEXT-DECORATION: none; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; WIDTH: 30px; BACKGROUND: #fff; BORDER-BOTTOM: #999 1px solid; FLOAT: left; FONT-WEIGHT: bold; COLOR: #333; TEXT-ALIGN: center; MARGIN: 1px; BORDER-LEFT: #999 1px solid; DISPLAY: block } .qComplete { TEXT-DECORATION: none; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; WIDTH: 30px; BORDER-BOTTOM: #999 1px solid; FLOAT: left; FONT-WEIGHT: normal; COLOR: #888; TEXT-ALIGN: center; MARGIN: 1px; BORDER-LEFT: #999 1px solid; DISPLAY: block; BACKGROUND-COLOR: #ccc } DIV.canvasHead { BACKGROUND: #f6f6f6; PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 16px; MARGIN: 0.6em 0px; PADDING-RIGHT: 16px } DIV.canvasHead UL LI { BORDER-TOP: #eee 1px solid } DIV.canvasHead UL LI:first-child { BORDER-TOP: medium none } DIV.canvasHead UL LI DIV.label { COLOR: #555 } .peer_instructions { MARGIN: 12px 6px } .peerHelp { COLOR: #555 } H2.evaluator { MARGIN: 1em 0px 0.3em } H2.evaluator SPAN { FONT-SIZE: 90%; FONT-WEIGHT: normal } DIV.peerCriteriaStatus { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; PADDING-LEFT: 0.3em; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 0.3em } DIV.peerCriteriaStatus A.itemHeadOpen { FONT-SIZE: 90%; TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #597298; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: 1px } DIV.peerCriteriaStatus A.itemHeadOpen:hover { TEXT-DECORATION: underline } DIV.peerCriteriaStatus TD.qStatus { WIDTH: 5%; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } DIV.peerCriteriaStatus TD.qStatus A SPAN { BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid; BACKGROUND: white; BORDER-BOTTOM: #fff 1px solid; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; BORDER-LEFT: #fff 1px solid; PADDING-RIGHT: 1px } DIV.peerCriteriaStatus TD.qStatus A SPAN.qComplete { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } DIV.peerCriteriaStatus TD.qStatus A.qActive SPAN.qComplete { TEXT-DECORATION: none; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid } DIV.peerCriteriaStatus TD.qStatus A.qActive SPAN.qIncomplete { TEXT-DECORATION: none; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid } DIV.peerCriteriaStatus A SPAN IMG { HEIGHT: 12px; WIDTH: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } .questionNumber { FONT-WEIGHT: bold } .questionType { FONT-WEIGHT: bold } .questionNumber { COLOR: #aaa } .questionDiv { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0.6em; PADDING-TOP: 0.6em; PADDING-LEFT: 0.6em; MARGIN: -1px 0px 6px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 0.6em } .questionDiv H3 { BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0.6em; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0.6em; PADDING-RIGHT: 0px } .questionDiv P { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.6em 1.2em; PADDING-RIGHT: 0px } .questionDiv DIV.criteriaText { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.6em 1.2em; PADDING-RIGHT: 0px } .questionDiv DIV.submission_text { OVERFLOW: auto; BORDER-TOP: #ccc 1px solid; HEIGHT: 150px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 100%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 4px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 4px } .questionDiv TABLE { WIDTH: 98% } .questionDiv TABLE TABLE { WIDTH: auto } .questionDiv TD.label { WIDTH: 150px; WHITE-SPACE: nowrap } #creceipt { FONT-WEIGHT: bold; COLOR: red; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } UL.fileData { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 3px 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.fileData LI { FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 6px } UL.listNav { LIST-STYLE-TYPE: none; WIDTH: 100%; BACKGROUND: #ddd; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.listNav LI { BACKGROUND: #ededed; WHITE-SPACE: nowrap; FLOAT: left; COLOR: #2d2680; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 1px; PADDING-RIGHT: 0px } UL.listNav LI A { TEXT-DECORATION: none; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; DISPLAY: block; PADDING-RIGHT: 10px } UL.listNav LI A:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: #dedede } UL.listNav LI A.active { BORDER-TOP: #000 2px solid; BORDER-RIGHT: #000 2px solid; BACKGROUND: #fff; BORDER-BOTTOM: #000 2px solid; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 8px; BORDER-LEFT: #000 2px solid; PADDING-RIGHT: 8px } UL.evaluation { LIST-STYLE-TYPE: none; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.6em 1.2em; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.evaluation LI { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px } UL.evaluation LI P { WIDTH: 79%; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 1px 0px; PADDING-RIGHT: 0px } UL.evaluation H4 { FONT-SIZE: 100%; WIDTH: 20%; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 1px 0px; PADDING-RIGHT: 0px } UL.evaluation LI P SPAN { COLOR: #555 } DIV.stepPanel DIV.user_html { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px 5px 12px 12px; PADDING-RIGHT: 0px } UL.stepPanels H4.defaultCursor { CURSOR: default } H4.defaultCursor { CURSOR: default } .qShow { DISPLAY: block } .qHide { DISPLAY: none } .completionContainer { OVERFLOW: auto; PADDING-BOTTOM: 6px; PADDING-TOP: 6px } .completionContainerLarge { OVERFLOW: auto; HEIGHT: 75px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px } .completionContainer A IMG { VERTICAL-ALIGN: baseline } .pagedRumble { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 2px; MARGIN: 0px 0px 14px; BORDER-LEFT: 0px; PADDING-RIGHT: 2px } .pagedPointsOutsideBar { FONT-SIZE: 110%; BACKGROUND: #fae7ae 0px 50%; RIGHT: 6px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #000 !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; LEFT: auto; MARGIN: 0px; LETTER-SPACING: 1px; LINE-HEIGHT: 100%; TOP: 0px; PADDING-RIGHT: 0px } .pagedPoints { FONT-SIZE: 110%; BACKGROUND: #fae7ae 0px 50%; FONT-WEIGHT: bold; COLOR: #000 !important; PADDING-BOTTOM: 6px; PADDING-TOP: 5px; PADDING-LEFT: 10px; MARGIN: -5px 24px -5px -10px; LETTER-SPACING: 1px; LINE-HEIGHT: 100%; PADDING-RIGHT: 0px } .designAreaHeader { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 9px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 9px } .designAreaFooter { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 9px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 9px } .designAreaHeader H3 { COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .designAreaFooter H3 { COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .designAreaHeader .headertext { PADDING-BOTTOM: 0.4em; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 0px } .designAreaFooter .footertext { PADDING-BOTTOM: 0.4em; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV#emptyText { MARGIN: 0.6em 16px } .infoListWrapper { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BACKGROUND: #f6f6f6; BORDER-BOTTOM: #eee 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px 0px 6px; BORDER-LEFT: #eee 1px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } #assessmentGradeForm .infoListWrapper { MARGIN: 0px -12px 18px } .infoListWrapper H3 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .infoListWrapper H3 A { BACKGROUND: url(images/indicators.png) no-repeat 0px -443px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 16px; DISPLAY: block; PADDING-RIGHT: 16px } .infoListWrapper H3 A.open { BACKGROUND: url(images/indicators.png) no-repeat 0px -1040px } .infoList { MARGIN: 6px 12px } .infoList > LI { BORDER-TOP: #ddd 1px dotted; PADDING-BOTTOM: 0px !important; PADDING-TOP: 3px !important; PADDING-LEFT: 0px !important; MARGIN: 0px 0px 3px; PADDING-RIGHT: 0px !important } .infoListWrapper .infoList > LI { BORDER-TOP: #cdcdcd 1px dotted } .infoList LI:first-child { BORDER-TOP: medium none } .infoList LI DIV H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .details .infoList { MARGIN-TOP: 0px !important } .infoListFloat { MARGIN: 0px } .infoListFloat LI { FONT-SIZE: 95%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: url(images/indicators.png) no-repeat 0px 50%; BORDER-BOTTOM: medium none; FLOAT: left; COLOR: #555; PADDING-BOTTOM: 3px !important; PADDING-TOP: 3px !important; PADDING-LEFT: 10px !important; BORDER-LEFT: medium none; PADDING-RIGHT: 10px !important } .copyQuestion { PADDING-BOTTOM: 2px !important; PADDING-LEFT: 22px !important } .linkQuestion { PADDING-BOTTOM: 2px !important; PADDING-LEFT: 22px !important } .copyQuestion { BACKGROUND: url(/images/ci/icons/file_copy_ti.png) no-repeat 1px center } .linkQuestion { BACKGROUND: url(/images/ci/icons/file_link_ti.png) no-repeat 1px center } DIV.contentListRight { RIGHT: 9px; POSITION: absolute; FONT-WEIGHT: normal; PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 4px; PADDING-LEFT: 4px; Z-INDEX: 1000; TOP: 9px; PADDING-RIGHT: 4px } DIV.contentListRight A { FONT-WEIGHT: bold; MARGIN-LEFT: 4px } DIV.contentListRight SPAN:first-child + SPAN { FONT-SIZE: 85% } DIV.contentListRight SPAN:first-child + SPAN + SPAN { FONT-SIZE: 85% } DIV.contentListRight SPAN:first-child + SPAN:before { CONTENT: "(" } DIV.contentListRight SPAN:first-child + SPAN + SPAN:before { CONTENT: "(" } DIV.contentListRight SPAN:first-child + SPAN:after { CONTENT: ")" } DIV.contentListRight SPAN:first-child + SPAN + SPAN:after { CONTENT: ")" } DIV.contentListRight SPAN:first-child[style*='none'] + SPAN { DISPLAY: none } DIV.contentListRight SPAN:first-child[style*='none'] + SPAN + SPAN { DISPLAY: none } DIV.contentListRight SPAN SPAN { FONT-SIZE: 90%; COLOR: #666; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } DIV.contentListRight STRONG { PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0.4em; PADDING-RIGHT: 0.4em } DIV.assessmentHeader { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px } DIV.assessmentHeader H3 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 3px 6px; PADDING-RIGHT: 0px } DIV.assessmentHeader DIV { COLOR: #555; MARGIN: 3px } .assess-stats .contentListPlain { MARGIN-TOP: 0px } .assess-stats .contentListRightOffset { FLOAT: left } .assess-stats .contentListRight { POSITION: static; FLOAT: right } .assess-stats .contentListRight .taskbuttondiv { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .assess-stats .details { CLEAR: both } .questionShell { BORDER-BOTTOM: #ccc 1px solid } .quesTable TH[scope=col] { COLOR: #666 } .assess-stats .bMedium TH[scope=col] { COLOR: #666 } .questionShell > TR { BORDER-TOP: #f1f1f1 1px solid } .questionShell > TBODY > TR { BORDER-TOP: #f1f1f1 1px solid } .questionShell > TR:first-child { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .questionShell > TBODY > TR:first-child { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .questionShell TH.labelCell { FONT-WEIGHT: bold; COLOR: #888 } .questionShell .labelCell { FONT-WEIGHT: bold; COLOR: #888 } .questionShell .field { BORDER-BOTTOM: #ccc 1px dotted } .takeQuestionDiv .liveArea.stepTitleRight { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-COLOR: #ccc; BORDER-BOTTOM-WIDTH: 1px; RIGHT: 0px; BORDER-LEFT-COLOR: #ccc; PADDING-BOTTOM: 8px; BORDER-BOTTOM-COLOR: #ccc; PADDING-TOP: 8px; PADDING-LEFT: 12px; BORDER-RIGHT-COLOR: #ccc; TOP: 0px; PADDING-RIGHT: 30px; BORDER-TOP-WIDTH: 0px; -webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px } #assessmentGradeForm .liveArea.stepTitleRight { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-COLOR: #ccc; BORDER-BOTTOM-WIDTH: 1px; RIGHT: 0px; BORDER-LEFT-COLOR: #ccc; PADDING-BOTTOM: 8px; BORDER-BOTTOM-COLOR: #ccc; PADDING-TOP: 8px; PADDING-LEFT: 12px; BORDER-RIGHT-COLOR: #ccc; TOP: 0px; PADDING-RIGHT: 30px; BORDER-TOP-WIDTH: 0px; -webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px } DIV.multiAssign { MARGIN: 3px 0px 9px } DIV.multiAssign UL { LIST-STYLE-TYPE: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } DIV.multiAssign UL LI { FONT-SIZE: 90%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 13em; BACKGROUND: #f6f6f6; BORDER-BOTTOM: 0px; FLOAT: left; PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 6px; CLEAR: none; MARGIN: 0px 9px 0px 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 1.3em; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } DIV.multiAssign UL LI.read { FONT-SIZE: 90%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 13em; BACKGROUND: #f6f6f6; BORDER-BOTTOM: 0px; FLOAT: left; PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 6px; CLEAR: none; MARGIN: 0px 9px 0px 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 1.3em; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } DIV.multiAssign UL LI A { FONT-SIZE: 100%; FONT-WEIGHT: bold } DIV.multiAssign UL LI A { FONT-SIZE: 100%; FONT-WEIGHT: bold } DIV.multiAssign UL LI P { PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.multiAssign UL LI.label { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 12em; BACKGROUND: none transparent scroll repeat 0% 0%; WHITE-SPACE: normal; BORDER-BOTTOM: 0px; FONT-WEIGHT: normal; COLOR: #888; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 1.1em; PADDING-RIGHT: 0px } DIV.multiAssign UL LI P SPAN { COLOR: #888 } DIV.multiAssign A.buttonMicro { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; MARGIN: 1px auto 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 5px } H3 A.buttonMicro { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; MARGIN: 1px auto 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 5px } DIV.multiAssign A.buttonMicro:hover { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } H3 A.buttonMicro:hover { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } DIV.multiAssign A.buttonMicro:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } H3 A.buttonMicro:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } 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 { FONT-SIZE: 80%; BACKGROUND: #f3f3f3; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN-LEFT: 6px; PADDING-RIGHT: 6px } H3 DIV.status { FONT-SIZE: 80%; BACKGROUND: #f3f3f3; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN-LEFT: 6px; PADDING-RIGHT: 6px } H3 SPAN.status SPAN { COLOR: #888 } H3 DIV.status SPAN { COLOR: #888 } H3 DIV.status { DISPLAY: inline } DIV.pushAlignmentsLightboxContainer { WIDTH: 400px; PADDING-BOTTOM: 50px; PADDING-TOP: 50px; PADDING-LEFT: 50px; LINE-HEIGHT: 1.8em; PADDING-RIGHT: 50px } .orderingAnswersEdit { PADDING-LEFT: 60px } .gbtable_header DIV.gbText { text-shadow: 0 -1px 0 #777 } .gbtable THEAD DIV.gbText { text-shadow: 0 -1px 0 #777 } .subActionBar:hover { Z-INDEX: 1000 } .subActionBar DIV.block { FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: #999 1px dotted; PADDING-RIGHT: 9px } .subActionBar DIV.button { FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: #999 1px dotted; PADDING-RIGHT: 9px } .subActionBar SPAN.block { FLOAT: none } .subActionBar SPAN.button { FLOAT: none } .subActionBar LI.sub { POSITION: relative } .subActionBar FIELDSET LEGEND + DIV.block { BORDER-LEFT: 0px } .subActionBar SELECT { MAX-WIDTH: 180px; VERTICAL-ALIGN: middle } .subActionBar DIV.button { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .subActionBar DIV.last { BORDER-RIGHT: medium none } .subActionBar FIELDSET { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .subActionBar OPTGROUP { BORDER-TOP: #ddd 1px solid; FONT-WEIGHT: normal; COLOR: #777; FONT-STYLE: normal; MARGIN-TOP: 6px } .subActionBar OPTGROUP OPTION { COLOR: #000 } .subActionBar UL LI.sortableSelector A { PADDING-LEFT: 18px } .navPageHeader { TEXT-ALIGN: center; MARGIN: 1em 0px } .navPageHeader H3 { MARGIN-LEFT: 12px; DISPLAY: inline } .navPageHeader SPAN { FONT-WEIGHT: normal; COLOR: #888; MARGIN: 0px 6px 0px 0px } FIELDSET.secondaryActions { FLOAT: right } DIV.secondaryBlock { FLOAT: right } .cellInfoPanel { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #999 2px solid; BORDER-LEFT: #eee 1px solid } .cellStatus { FONT-SIZE: 85%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f6f6f6; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .cellStatus DIV { FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .statusTitle { BACKGROUND: #eee; COLOR: #666 } .statdata { OVERFLOW: hidden; COLOR: #000 } .cellStatus DIV.gbTableTimeStamp { WHITE-SPACE: nowrap; FLOAT: right; COLOR: #666; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .sortImage { POSITION: absolute; LEFT: 6px; TOP: 9px } .bubble { WIDTH: 190px; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 1000; DISPLAY: none; PADDING-RIGHT: 0px } .bubble UL { LIST-STYLE-TYPE: none; OVERFLOW: hidden; BORDER-TOP: #acc2df 1px solid; BORDER-RIGHT: #57b 1px solid; BORDER-BOTTOM: #57b 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: #acc2df 1px solid; Z-INDEX: 1000; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #e2eefe } .bubble UL LI { FONT-SIZE: 90%; WIDTH: 174px; FLOAT: left; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: left; MARGIN: 0px 0px 4px; PADDING-RIGHT: 0px } .bubble UL LI SPAN { WIDTH: 80px; FLOAT: left; FONT-WEIGHT: normal; COLOR: #666; DISPLAY: block; MARGIN-RIGHT: 3px } .bubble UL LI SPAN.icon { OVERFLOW: hidden; WIDTH: 20px; FLOAT: left } .bubble UL LI SPAN.label { FONT-SIZE: 100%; WIDTH: 147px; FONT-WEIGHT: normal } .bubbleStem { HEIGHT: 14px; WIDTH: 190px; POSITION: relative } .bottom .bubbleStem { BOTTOM: 4px } .top .bubbleStem { TOP: -2px } .left .bubbleStem { PADDING-LEFT: 24px } .right .bubbleStem { RIGHT: 24px; TEXT-ALIGN: right } .selectList { LIST-STYLE-TYPE: none; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 6px 0px 0px; LIST-STYLE-IMAGE: none; Z-INDEX: 100; PADDING-RIGHT: 0px } #viewList { Z-INDEX: 1000 !important } .selectList LI { FLOAT: left; MARGIN: 0px 4px 0px 0px; Z-INDEX: 101 } .selectList .sub A { TEXT-DECORATION: none; DISPLAY: block } .selectList .sub:hover UL { LEFT: 0px; TOP: 20px !important } .selectList .sub UL LI { POSITION: static !important; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .selectList .sub UL LI H4 { FONT-SIZE: 90%; BORDER-BOTTOM: #ccc 1px solid; FONT-WEIGHT: bold; COLOR: #888; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 3px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .selectList .sub UL LI H4 { WIDTH: 152px } .selectList .sub UL LI A { BACKGROUND-IMAGE: none; PADDING-LEFT: 18px !important } .selectList .sub UL LI A:hover { BACKGROUND-IMAGE: none; PADDING-LEFT: 18px !important } .selectList .sub UL LI A:focus { BACKGROUND-IMAGE: none; PADDING-LEFT: 18px !important } .selectList .sub A #currentView { BACKGROUND-IMAGE: none } .selectList .sub A #currentSortBy { BACKGROUND-IMAGE: none } .selectList .sub A #currentColSortDir { BACKGROUND-IMAGE: none } UL.selectList LI.sub UL LI.current A { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } UL.selectList LI.sub UL LI.current A:hover { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } .nav .sub .current A { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } .nav .sub .current A:hover { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } .nav .sub .favorite.current A { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } .nav .sub .favorite.current A:hover { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } DIV.gradeDetails { FONT-SIZE: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } DIV.gradeDetails DIV.label { WIDTH: 15% } SPAN.unstyled { FONT-SIZE: 100%; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } @media Print { DIV.hideOnPrint { DISPLAY: none } } DIV.gradeDetailsStep { OVERFLOW-X: auto; OVERFLOW-Y: visible; BORDER-BOTTOM: #ccc 2px solid; MARGIN: 0px 0px 6px } .gradeInfoHeader { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 0px -12px 12px; PADDING-RIGHT: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .gradeInfoHeader H3 { FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px 4px 0px 12px; PADDING-RIGHT: 0px } .gradeInfoHeader H3 SPAN { FONT-WEIGHT: bold; COLOR: #000 } .gradeInfoHeader H3.root { BACKGROUND: #888; COLOR: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .gradeInfoHeader H3.root SPAN { COLOR: #fff } UL.gb_currView LI.sub UL LI.favorite A { BACKGROUND-IMAGE: url(/images/ci/icons/favorite_on_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 4px } UL.gb_currView LI.sub UL LI.favorite A:hover { BACKGROUND-IMAGE: url(/images/ci/icons/favorite_on_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 4px } .navStatusButtons .taskbuttondiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.staticFooter DIV.details { MARGIN-LEFT: 18px } DIV.staticHeader DIV.details { MARGIN-LEFT: 18px } DIV.staticHeader { MARGIN: 10px 0px 0px } DIV.staticFooter DIV.details { BORDER-BOTTOM: #ddd 1px solid } .gbColumns_rumble { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: 0px; MARGIN-LEFT: 38px !important; BORDER-LEFT: #ddd 1px solid } .gbColumns_rumble_bottom { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: 0px; MARGIN-LEFT: 38px !important; BORDER-LEFT: #ddd 1px solid } .gbColumns_rumble_bottom { BORDER-TOP: 0px; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid } .staticHeader { POSITION: relative; ZOOM: 1; CLEAR: both } .staticFooter { POSITION: relative; ZOOM: 1; CLEAR: both } .staticHeader DIV.itemHeaderControl { RIGHT: 0px } .staticFooter DIV.itemHeaderControl { RIGHT: 0px } UL.gbCategories LI DIV.itemHeaderControl { RIGHT: 0px } .staticHeader DIV.itemHeaderControl { RIGHT: 0px; TOP: 0px } .staticFooter DIV.itemHeaderControl { RIGHT: 0px; TOP: 0px } UL.gbCategories LI DIV.itemHeaderControl { RIGHT: 0px; TOP: 0px } .staticHeader DIV.itemHeaderControl A { DISPLAY: inline-block } .staticFooter DIV.itemHeaderControl A { DISPLAY: inline-block } UL.gbCategories LI DIV.itemHeaderControl A { DISPLAY: inline-block } UL.dragableHighlight { BORDER-TOP: #999 1px dashed; BACKGROUND: #fff; BORDER-BOTTOM: #999 1px dashed; PADDING-BOTTOM: 3px; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 12px -30px; PADDING-RIGHT: 12px } UL.gbCategories LI H3.item { PADDING-BOTTOM: 18px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } DIV.staticHeader H3.item { PADDING-BOTTOM: 18px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } DIV.staticFooter H3.item { PADDING-BOTTOM: 18px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } UL.gbCategories LI H3.item A.toggleLink { MARGIN-TOP: -2px; MARGIN-RIGHT: 6px } DIV.staticHeader H3.item A.toggleLink { MARGIN-TOP: -2px; MARGIN-RIGHT: 6px } DIV.staticFooter H3.item A.toggleLink { MARGIN-TOP: -2px; MARGIN-RIGHT: 6px } DIV.areaHighlight DIV.container { BACKGROUND: #f9f9f9 } UL.dragableHighlight LI H3.item { BORDER-TOP-COLOR: #999; BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999 } .dragableHighlight DIV.details { BORDER-TOP-COLOR: #999; BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999 } #theGrid { POSITION: relative } .gridOverflowControl { OVERFLOW-X: auto; ZOOM: 1; PADDING-BOTTOM: 24px } .rubricTable TBODY TD TEXTAREA { BORDER-TOP: #ccc 1px solid; HEIGHT: 6em; BORDER-RIGHT: #ccc 1px solid; WIDTH: 99%; MIN-WIDTH: 9em; BORDER-BOTTOM: #ccc 1px solid; COLOR: #555; BORDER-LEFT: #ccc 1px solid } .rubricTable TBODY TD TEXTAREA + SCRIPT + DIV { TEXT-ALIGN: right } .rubricTable TBODY TD DIV INPUT[type='text'] { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 4em; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } #rubricRowReorder { POSITION: absolute; Z-INDEX: 100; TOP: 5em } #rubricColReorder { POSITION: absolute; LEFT: 15%; Z-INDEX: 100; TOP: 3em } #rubricColReorder FIELDSET { WHITE-SPACE: nowrap; POSITION: relative } #rubricColSort { WHITE-SPACE: nowrap; MARGIN-RIGHT: 60px } #rubricColSort LI { BORDER-RIGHT: #999 1px dotted; WHITE-SPACE: nowrap; POSITION: relative; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 24px; MARGIN: 0px 1px; DISPLAY: inline-block; PADDING-RIGHT: 6px } #rubricColSort LI INPUT { POSITION: absolute; LEFT: 0px; TOP: 0px } #reorderPanelControls { RIGHT: 0px; POSITION: absolute; TOP: 0px } #reorderPanelControls A { TEXT-DECORATION: none } TR.show { DISPLAY: table-row } TR.hide { DISPLAY: none } DIV.blogContainer { WIDTH: 74%; FLOAT: left } DIV.blogContainer H3.blogHead { FONT-SIZE: 100%; BACKGROUND: #777; COLOR: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 15px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 15px } DIV.blogContainer DIV.blogEntry { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px 0px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px } DIV.blogContainer DIV.blogEntry H4 { OVERFLOW: hidden; WORD-WRAP: break-word; FONT-SIZE: 110%; BACKGROUND: url(images/small_discussions.gif) no-repeat 8px 9px; PADDING-BOTTOM: 0px; PADDING-TOP: 9px; PADDING-LEFT: 30px; PADDING-RIGHT: 12px } DIV.blogContainer DIV.blogEntry DIV.entryText { OVERFLOW-X: auto; PADDING-BOTTOM: 18px; PADDING-TOP: 9px; PADDING-LEFT: 0px; MARGIN: 3px 12px 12px; PADDING-RIGHT: 0px } DIV.blogContainer DIV.entryDate { FONT-SIZE: 95%; COLOR: #444 } DIV.blogContainer DIV.entryDate A { FONT-WEIGHT: bold } DIV.blogContainer DIV.entryFooter { BACKGROUND: #eaeaea; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px } DIV.blogContainer .comment-header { FONT-SIZE: 100%; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.blogContainer DIV.entryFooter DIV.addBlogComment TABLE { WIDTH: 98% } DIV.blogContainer DIV.entryFooter DIV.addBlogComment TEXTAREA { WIDTH: 99.5% } DIV.blogContainer DIV.entryFooter DIV.addBlogComment { BORDER-TOP: #999 1px solid; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; MARGIN: 0px -12px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none } DIV.blogContainer DIV.entryFooter DIV.addBlogComment H3 { FONT-SIZE: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .addBlogComment .stepcontent OL { WIDTH: 100% } .addBlogComment .stepcontent OL LI { WIDTH: 100% } DIV.blogContainer DIV.entryFooter DIV.addBlogComment DIV.controls { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } DIV.blogContainer UL.entryComments { BACKGROUND: #eaeaea } DIV.blogContainer UL.entryComments LI P { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } DIV.blogContainer UL.entryComments LI P.commentDate { FONT-SIZE: 90%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: url(images/bubble_top_thin.gif) no-repeat 15px 100%; BORDER-BOTTOM: medium none; COLOR: #444; BORDER-LEFT: medium none } DIV.blogContainer UL.entryComments LI H5 { FONT-SIZE: 100%; COLOR: #444 } DIV.blogContainer UL.entryComments LI.newComment H5 { FONT-WEIGHT: bold } DIV.blogNav { WIDTH: 25%; FLOAT: right; PADDING-BOTTOM: 40px; MARGIN: -20px -20px -30px 0px; BORDER-LEFT: #ccc 4px double } DIV.journalNav { WIDTH: 25%; FLOAT: right; PADDING-BOTTOM: 40px; MARGIN: -20px -20px -30px 0px; BORDER-LEFT: #ccc 4px double } DIV.contentAreaNav { WIDTH: 25%; FLOAT: right; PADDING-BOTTOM: 40px; MARGIN: -20px -20px -30px 0px; BORDER-LEFT: #ccc 4px double } #gradeDetailsFormList { WIDTH: 100% !important } #editGradeActionList { WIDTH: 100% !important } DIV.blogNav UL { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.blogNav UL LI { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.blogNav UL LI { OVERFLOW: hidden; WORD-WRAP: break-word } DIV.blogNav UL.blogArchiveList LI A { WORD-WRAP: break-word; WIDTH: 100% } .indentedWikiList { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 22px !important; PADDING-RIGHT: 0px !important } .indentedWikiList IMG { MARGIN: 0px 3px 0px -22px } .blogNav #gradeDetailsForm { MARGIN: 0px 6px 0px -18px } .journalNav #gradeDetailsForm { MARGIN: 0px 6px 0px -18px } .blogNav #gradeDetailsForm .liveArea { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 6px; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px } .journalNav #gradeDetailsForm .liveArea { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 6px; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px } DIV.blogNav LI.currentBlog { FONT-WEIGHT: bold } DIV.blogNav LI.currentBlog SPAN { FONT-WEIGHT: normal } DIV.blogContainer .newItems { BACKGROUND: #fff1c5; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } DIV.blogNav .newItems { PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 2px; MARGIN: 0px 4px 0px 0px; PADDING-RIGHT: 0px } DIV.blogNav .gradeStatus { PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 2px; MARGIN: 0px 4px 0px 0px; PADDING-RIGHT: 0px } DIV.blogContainer DIV.u_controlsWrapper SPAN.newItems { FLOAT: left; MARGIN-LEFT: 4px; DISPLAY: block } DIV.blogNav UL.iconLegend { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px 0px 0px 24px; PADDING-RIGHT: 0px } DIV.journalNav UL.iconLegend { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px 0px 0px 24px; PADDING-RIGHT: 0px } DIV.blogNav UL.iconLegend LI { FONT-SIZE: 82%; COLOR: #666; PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.journalNav UL.iconLegend LI { FONT-SIZE: 82%; COLOR: #666; PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.blogNav UL UL { MARGIN-LEFT: 9px } DIV.blogNav UL#blogArchive UL { MARGIN: 0px 9px 9px 18px } DIV.journalContainer { WIDTH: 74%; FLOAT: left; MARGIN-RIGHT: 1% } DIV.journalContainer H3.blogHead { FONT-SIZE: 100%; BACKGROUND: #aaa; COLOR: #fff; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 15px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 15px } DIV.journalContainer DIV.blogEntry { BORDER-TOP: #eee 3px solid; BORDER-RIGHT: #eee 3px solid; BACKGROUND: url(images/blog_notebook_paper.gif) #fff repeat-y 0px 0px; BORDER-BOTTOM: #eee 3px solid; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 36px; MARGIN: 12px 0px; BORDER-LEFT: #eee 0px solid; PADDING-RIGHT: 0px } DIV.journalContainer DIV.blogEntry H4 { OVERFLOW: hidden; FONT-SIZE: 110%; BACKGROUND: #fff; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 24px } DIV.journalContainer DIV.entryDate { FONT-SIZE: 95%; BACKGROUND: #fff; BORDER-BOTTOM: #c0dace 1px solid; COLOR: #444; PADDING-BOTTOM: 12px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px; Z-INDEX: 100; PADDING-RIGHT: 24px } DIV.journalContainer DIV.entryDate A { FONT-WEIGHT: bold } DIV.journalContainer DIV.blogEntry DIV.entryText { BACKGROUND: #fff; OVERFLOW-X: auto; PADDING-BOTTOM: 18px; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } DIV.journalContainer DIV.entryFooter { BACKGROUND: url(images/blog_notebook_paper_bot.gif) repeat-x center bottom; ZOOM: 1; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 43px; MARGIN: 0px 0px 0px -31px; PADDING-RIGHT: 12px } DIV.journalContainer .comment-header { FONT-SIZE: 100%; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.journalContainer DIV.entryFooter A.genericButton { FLOAT: right; DISPLAY: block } DIV.journalContainer DIV.entryFooter DIV.addBlogComment TABLE { WIDTH: 98% } DIV.journalContainer DIV.entryFooter DIV.addBlogComment TEXTAREA { WIDTH: 99.35% } DIV.journalContainer DIV.entryFooter DIV.addBlogComment { MARGIN-BOTTOM: 6px; DISPLAY: none } DIV.journalContainer UL.entryComments { LIST-STYLE-TYPE: none; BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.journalContainer UL.entryComments LI { LIST-STYLE-TYPE: none; BORDER-TOP: #c0dace 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.journalContainer UL.entryComments LI P { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 4px 18px; PADDING-RIGHT: 0px } DIV.journalContainer UL.entryComments LI P.commentDate { FONT-SIZE: 90%; COLOR: #444; MARGIN-LEFT: 19px } DIV.journalContainer UL.entryComments LI H5 { FONT-SIZE: 100%; BACKGROUND: url(images/small_blog_comment.gif) no-repeat 0px 3px; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 18px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } DIV.journalContainer UL.entryComments LI.newComment H5 { FONT-WEIGHT: bold } DIV.journalNav UL { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.journalNav UL LI { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.journalNav UL LI { OVERFLOW: hidden } DIV.journalNav LI.currentBlog { FONT-WEIGHT: bold } DIV.journalNav LI.currentBlog SPAN { FONT-WEIGHT: normal } .newItems { BACKGROUND: #fff1c5; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } DIV.journalNav .newItems { PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DIV.journalContainer DIV.u_controlsWrapper SPAN.newItems { FLOAT: left; MARGIN-LEFT: 4px; DISPLAY: block } DIV.journalNav UL UL { MARGIN-LEFT: 9px } DIV.journalNav UL#blogArchive UL { MARGIN: 0px 9px 9px 18px } #blogNavLinks { RIGHT: 6px; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; TOP: 6px; PADDING-RIGHT: 0px } .contentAreaPalette UL#aboutBlog LI.currentBlogView { MARGIN-BOTTOM: 3px; BORDER-TOP: #0078cb 2px solid; BORDER-RIGHT: #0078cb 2px solid; BACKGROUND: #eff6ff; BORDER-BOTTOM: #0078cb 2px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 4px; BORDER-LEFT: #0078cb 2px solid; PADDING-RIGHT: 4px } .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; LEFT: 0px; TOP: 0px } .contentAreaNav A.itemHead { TEXT-DECORATION: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 60px } .contentAreaNav A#aboutBlogLink { PADDING-RIGHT: 6px } .contentAreaPalette { POSITION: relative; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.blogNav :first-child.contentAreaPalette { BORDER-TOP: 0px } DIV.journalNav :first-child.contentAreaPalette { BORDER-TOP: 0px } .rightColumn-narrow :first-child.contentAreaPalette { BORDER-TOP: 0px } .contentAreaPalette UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 24px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .contentAreaPalette LI { FONT-SIZE: 90%; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .contentAreaPalette LI LI { FONT-SIZE: 100% } DIV.iconLegendBlog { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .collapsibleInstructions { MARGIN: 0px 0px 12px } .collapsibleInstructions > A { FONT-WEIGHT: bold; MARGIN: 3px 0px; DISPLAY: block } #loginPageContainer { HEIGHT: auto !important; MARGIN: 0px auto; MIN-HEIGHT: 100% } #loginHeader { RIGHT: 0px; POSITION: absolute; TOP: 0px } #loginHeader UL LI { BORDER-TOP: 0px; VERTICAL-ALIGN: top; BACKGROUND: #777; POSITION: relative; MARGIN: 0px 0px 0px -4px; DISPLAY: inline-block } #loginHeader UL LI A { HEIGHT: 18px; WIDTH: 28px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; DISPLAY: inline-block; PADDING-RIGHT: 12px; TEXT-INDENT: -10000px } #loginHeader UL LI:hover { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginHeader UL LI:focus { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginLang H2:hover { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginLang H2:focus { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginLang:hover H2 { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginLang:focus H2 { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginHeader UL LI:first-child { border-radius: 0 0 0 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px } #loginHeader UL LI:first-child A { border-radius: 0 0 0 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px } #loginHeader UL LI IMG { DISPLAY: none } #loginHeader UL LI.font-size:before { RIGHT: 0px; POSITION: absolute; COLOR: #f0f0f0; TEXT-ALIGN: center; FONT: 130%/1 "Utilicons"; CONTENT: "T"; LEFT: 0px; Z-INDEX: 2; TOP: 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) } #loginHeader UL LI.contrast:before { RIGHT: 0px; POSITION: absolute; COLOR: #f0f0f0; TEXT-ALIGN: center; FONT: 130%/1 "Utilicons"; CONTENT: "T"; LEFT: 0px; Z-INDEX: 2; TOP: 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) } #loginHeader UL LI.font-size A { POSITION: relative; Z-INDEX: 3 } #loginHeader UL LI.contrast A { POSITION: relative; Z-INDEX: 3 } #loginHeader UL LI.contrast:before { CONTENT: "c" } #loginHeader UL LI:hover:before { CURSOR: pointer; COLOR: #fff } #loginHeader UL LI:focus:before { CURSOR: pointer; COLOR: #fff } #loginHeader UL LI:hover { CURSOR: pointer; COLOR: #fff } #loginHeader UL LI:focus { CURSOR: pointer; COLOR: #fff } #loginHeader UL LI.contrast { MARGIN-LEFT: -4px; BORDER-LEFT: #555 1px solid } #loginLang { POSITION: absolute; LEFT: 0px; TOP: 0px } #loginLang H2 { FONT-SIZE: 100%; HEIGHT: 17px; WIDTH: 16px; BACKGROUND: #888; FONT-WEIGHT: normal; PADDING-BOTTOM: 8px; PADDING-TOP: 4px; PADDING-LEFT: 14px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 16px; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 } #loginLang H2 SPAN { OVERFLOW: hidden; WIDTH: 0px; DISPLAY: inline-block; TEXT-INDENT: -999px } #loginLang H2:before { COLOR: #f0f0f0; FONT: 140%/1 "Utilicons"; CONTENT: "W"; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) } #loginLang H2:hover:before { COLOR: #fff } #loginLang H2:focus:before { COLOR: #fff } #loginLang UL { WIDTH: 150px; POSITION: absolute; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; LEFT: -1000px; TOP: -1000px; PADDING-RIGHT: 6px } #loginLang:hover UL { WIDTH: 175px; LEFT: 0px; TOP: 28px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } #loginLang:focus UL { WIDTH: 175px; LEFT: 0px; TOP: 28px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } #loginLang H2:hover:after { Z-INDEX: 100 } #loginLang H2:focus:after { Z-INDEX: 100 } #loginLang:hover H2:after { Z-INDEX: 100 } #loginLang:focus H2:after { Z-INDEX: 100 } #loginLang UL LI A { WIDTH: auto } DIV.loginBody { WIDTH: 600px; BACKGROUND: url(images/Bb_learn_small.png) no-repeat 94px 94px; PADDING-BOTTOM: 0px; PADDING-TOP: 260px; PADDING-LEFT: 0px; MARGIN: 0px auto; PADDING-RIGHT: 0px } DIV.loginBody .receipt { WIDTH: 409px; PADDING-BOTTOM: 14px; PADDING-TOP: 12px; PADDING-LEFT: 19px; MARGIN: 0px auto 16px; PADDING-RIGHT: 4px } #loginBox { TEXT-ALIGN: center } #loginBox UL { WIDTH: 415px; MARGIN: 0px auto } #loginBox LI { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #loginBox LI + LI + LI { VERTICAL-ALIGN: top; FLOAT: left; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 12px; PADDING-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px } #loginBox LI + LI + LI + LI { VERTICAL-ALIGN: top; POSITION: relative; FLOAT: right; TEXT-ALIGN: right; DISPLAY: inline-block } #loginBox LI LABEL { FONT-SIZE: 120%; WIDTH: 100%; TEXT-TRANSFORM: uppercase; COLOR: #666; PADDING-BOTTOM: 3px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 1px; PADDING-RIGHT: 0px } .portlet #loginBoxFull LI LABEL { FONT-SIZE: 120%; WIDTH: 100%; TEXT-TRANSFORM: uppercase; COLOR: #666; PADDING-BOTTOM: 3px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 1px; PADDING-RIGHT: 0px } .portlet #loginBoxFull LI LABEL { FONT-SIZE: 90%; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #loginBox LI INPUT { FONT-SIZE: 140%; WIDTH: 100%; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1) } #loginBox INPUT[type='text'] { BORDER-TOP: #777 4px solid; BORDER-RIGHT: #777 4px solid; BACKGROUND: #efefef; BORDER-BOTTOM: #777 4px solid; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px 0px 0px -10px; BORDER-LEFT: #777 4px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px } #loginBox INPUT[type='password'] { BORDER-TOP: #777 4px solid; BORDER-RIGHT: #777 4px solid; BACKGROUND: #efefef; BORDER-BOTTOM: #777 4px solid; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px 0px 0px -10px; BORDER-LEFT: #777 4px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px } #loginBox INPUT[type='text']:focus { BORDER-TOP-COLOR: #0188a3; BACKGROUND: #fff; BORDER-LEFT-COLOR: #0188a3; COLOR: #333; BORDER-BOTTOM-COLOR: #0188a3; BORDER-RIGHT-COLOR: #0188a3 } #loginBox INPUT[type='password']:focus { BORDER-TOP-COLOR: #0188a3; BACKGROUND: #fff; BORDER-LEFT-COLOR: #0188a3; COLOR: #333; BORDER-BOTTOM-COLOR: #0188a3; BORDER-RIGHT-COLOR: #0188a3 } #loginBox INPUT[type='text']:hover { BORDER-TOP-COLOR: #0188a3; BACKGROUND: #fff; BORDER-LEFT-COLOR: #0188a3; COLOR: #333; BORDER-BOTTOM-COLOR: #0188a3; BORDER-RIGHT-COLOR: #0188a3 } #loginBox INPUT[type='password']:hover { BORDER-TOP-COLOR: #0188a3; BACKGROUND: #fff; BORDER-LEFT-COLOR: #0188a3; COLOR: #333; BORDER-BOTTOM-COLOR: #0188a3; BORDER-RIGHT-COLOR: #0188a3 } #loginBox LI INPUT[type='submit'] { FONT-SIZE: 130%; WIDTH: auto; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 22px; MARGIN: 0px -9px 0px 12px; PADDING-RIGHT: 22px } #loginFormTitle { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginFormText { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginHeader H1 { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginHeader H2 { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginHeader .productLogo { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginOptions #gatewayButtonsTitle { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginOptions #gatewayButtonsInstructions { POSITION: absolute; LEFT: -10000px; TOP: -10000px } DIV.portlet #loginFormTitle { POSITION: static; DISPLAY: block } DIV.portlet #loginFormText { POSITION: static; DISPLAY: block } #loginOptions { WIDTH: 600px; TEXT-ALIGN: center; MARGIN: 38px auto 26px } #loginOptions H2 { MARGIN: 10px } #loginOptions P { FONT-SIZE: 0.85em; COLOR: #444; MARGIN: 10px } #loginOptions UL LI { MARGIN: 0px 9px 6px; DISPLAY: inline-block } #loginOptions UL LI.subOption { MARGIN: 0px 9px 6px; DISPLAY: inline-block } #loginOptions UL LI A { FONT-SIZE: 130%; BORDER-BOTTOM: #0099b6 1px dotted } #loginOptions UL LI.subOption A { FONT-SIZE: 130%; BORDER-BOTTOM: #0099b6 1px dotted } .forgot A { BORDER-BOTTOM: #0099b6 1px dotted } #loginOptions UL LI A:hover { BORDER-BOTTOM-STYLE: solid } #loginOptions UL LI A:focus { BORDER-BOTTOM-STYLE: solid } #loginOptions UL LI.subOption A:hover { BORDER-BOTTOM-STYLE: solid } #loginOptions UL LI.subOption A:focus { BORDER-BOTTOM-STYLE: solid } .forgot A:hover { BORDER-BOTTOM-STYLE: solid } .forgot A:focus { BORDER-BOTTOM-STYLE: solid } #loginText { BORDER-TOP: #777 1px solid; BACKGROUND: #5f6062; PADDING-BOTTOM: 18px; TEXT-ALIGN: center; PADDING-TOP: 12px; PADDING-LEFT: 80px; DISPLAY: none; PADDING-RIGHT: 80px } #loginText P SPAN { FONT-SIZE: 105%; FONT-WEIGHT: bold; COLOR: #fff } #loginText P { FONT-SIZE: 95%; COLOR: #ededed; MARGIN: 0px } #loginImage { PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: none; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff } #loginImage IMG { MARGIN: 0px auto } #loginAnnouncements { PADDING-BOTTOM: 7px; PADDING-TOP: 24px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px auto; PADDING-RIGHT: 0px } #loginAnnouncements H3 { FONT-SIZE: 110%; BORDER-BOTTOM: #bbb 1px solid; COLOR: #555; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 3px; MARGIN: 0px 9px; DISPLAY: none; PADDING-RIGHT: 3px } #loginAnnouncements UL { WIDTH: 800px; TEXT-ALIGN: center; MARGIN: 0px auto } #loginAnnouncements UL LI:before { MAX-WIDTH: 300px; HEIGHT: 20%; WIDTH: 50%; POSITION: absolute; CONTENT: ""; Z-INDEX: -2; BOTTOM: 15px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5) } #loginAnnouncements UL LI:after { MAX-WIDTH: 300px; HEIGHT: 20%; WIDTH: 50%; POSITION: absolute; CONTENT: ""; Z-INDEX: -2; BOTTOM: 15px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5) } #loginAnnouncements UL LI:before { LEFT: 8px; -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg) } #loginAnnouncements UL LI:after { RIGHT: 8px; -moz-transform: rotate(2deg); -webkit-transform: rotate(2deg) } #loginAnnouncements LI { FONT-SIZE: 95%; VERTICAL-ALIGN: top; BACKGROUND: #fff; POSITION: relative; ZOOM: 1; COLOR: #666; PADDING-BOTTOM: 24px; TEXT-ALIGN: justify; PADDING-TOP: 18px; PADDING-LEFT: 24px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 24px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) } #loginAnnouncements UL LI STRONG:first-child { FONT-SIZE: 115%; FONT-FAMILY: Georgia, serif; FLOAT: left; COLOR: #000; MARGIN: 0px 0px 12px } #loginAnnouncements UL LI STRONG + EM { FONT-FAMILY: Georgia; FLOAT: right; TEXT-ALIGN: right; MARGIN: 0px; DISPLAY: block } #loginAnnouncements UL LI STRONG + EM + BR { DISPLAY: none } #loginAnnouncements UL LI .vtbegenerated { CLEAR: both; LINE-HEIGHT: 1.38 } #loginAnnouncements UL LI:first-child { BORDER-TOP: 0px } #loginAnnouncements A { BORDER-BOTTOM: #128fa8 1px dotted } #loginAnnouncements A:hover { BORDER-BOTTOM-STYLE: solid } #loginAnnouncements A:focus { BORDER-BOTTOM-STYLE: solid } #loginOptions #gatewayButtonsTitle { DISPLAY: none } #loginOptions #gatewayButtonsInstructions { DISPLAY: none } .login-page #copyright { WIDTH: 900px; POSITION: absolute; TEXT-ALIGN: center; MARGIN-LEFT: -450px; LEFT: 50%; MARGIN-TOP: 24px; BOTTOM: 24px } #loginAnnouncements + #copyright { POSITION: relative } .loginCopyright { WIDTH: 580px !important } .login-page #copyright .logo { BACKGROUND: #efede3; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .login-page #copyright .newCopyright { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .loginCopyright .legal { BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; WIDTH: 24em; BORDER-BOTTOM: red 1px solid; MIN-HEIGHT: 2.5em; BORDER-LEFT: red 1px solid } .loginCopyright .additionalInfo { BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; WIDTH: 24em; BORDER-BOTTOM: red 1px solid; MIN-HEIGHT: 2.5em; BORDER-LEFT: red 1px solid } .loginCopyright .legal { WIDTH: 24.5em; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 12px; BORDER-LEFT: medium none; PADDING-RIGHT: 12px } #loginPane + #copyright .legal P { MARGIN: 0px; DISPLAY: inline } #loginPane + #copyright .additionalInfo P { MARGIN: 0px; DISPLAY: inline } .login-page .copyrightDetailContents { MARGIN-LEFT: -394px; LEFT: 50%; MIN-HEIGHT: 6.5em } H1.pageTitle { PADDING-TOP: 0px; MARGIN: -16px 0px 5px } .caliperTitle { PADDING-TOP: 0px; MARGIN: -16px 0px 5px } .discoverTitle { PADDING-TOP: 0px; MARGIN: -16px 0px 5px } .unitHomePageTitle { MARGIN: -60px -30px 5px } .caliperTitle H1 { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .unitHomePageTitle H1 { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .discoverTitle H1 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .unitHomePageTitle A.browse { FONT-SIZE: 55%; FLOAT: right; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 2px; MARGIN: 4px 0px 0px 6px } .caliperTitle A.browse { FONT-SIZE: 55%; FLOAT: right; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 2px; MARGIN: 4px 0px 0px 6px } .unitHomePageTitle A.browseNoImg { PADDING-BOTTOM: 3px; PADDING-TOP: 2px } .reports { BACKGROUND: #f0f0f0; MIN-WIDTH: 810px } .reports .navigationPane { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports .locationPane { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports .contentPaneWide { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports .container { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports #dataCollectionContainer { MARGIN: 0px } .reports DIV[id*='step'] { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .reports UL { MARGIN: 12px } .reports .stepcontent { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 0px } .reports UL LI { PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 12px; CLEAR: both; PADDING-RIGHT: 12px } .reports .label { COLOR: #777 } .reports .field { COLOR: #000 } .reports UL LI:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .reports H1 { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px; PADDING-RIGHT: 18px } .reports H2 { COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 6px 18px; PADDING-RIGHT: 6px } .reports H3 { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 6px 18px; PADDING-RIGHT: 6px } .reports H3 A IMG { VERTICAL-ALIGN: middle; MARGIN-RIGHT: 6px } .reports H3.steptitle { FONT-SIZE: 110%; BACKGROUND: #bbb; COLOR: #fff; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; MARGIN: 0px; LETTER-SPACING: 0px; PADDING-RIGHT: 12px } .reports H4 { FONT-SIZE: 115%; BACKGROUND: #bbb; COLOR: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px 10px; PADDING-RIGHT: 12px } .reports H5 { FONT-SIZE: 100%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px -12px 0px; PADDING-RIGHT: 0px } .reports .attachments { MARGIN: 0px } .reports t.wide { WIDTH: 100%; MARGIN: 0px } #toc { LIST-STYLE-TYPE: decimal; LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: 12px 0px; PADDING-RIGHT: 0px } #toc UL { MARGIN: 0px 24px 24px } .toc_div { BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 2px solid; BORDER-BOTTOM: #ccc 2px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 8px; CLEAR: both; MARGIN: 6px 18px 18px; BORDER-LEFT: #ccc 2px solid; PADDING-RIGHT: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .toc_div OL LI UL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports .toc_div H2 { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .toc_div H2 A IMG { MARGIN-RIGHT: 6px } .toc_div A.toggle { FONT-SIZE: 95%; TEXT-DECORATION: none; BACKGROUND: #f6f6f6; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FLOAT: right; FONT-WEIGHT: normal; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 10px; BORDER-LEFT: #ccc 1px solid; TOP: -4px; PADDING-RIGHT: 10px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0 } .toc_div A.toggle:hover { BACKGROUND: #fff } .backtotop { FLOAT: right } .dateofreport { FLOAT: right } .dateofreport { MARGIN: 6px 18px 12px 0px } .reports .block { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; MARGIN: 0px 18px 24px; BORDER-LEFT: #ccc 1px solid; -webkit-border-radius: 4px 4px 0 4px; -moz-border-radius: 4px 4px 0 4px } .backtotop { MARGIN-BOTTOM: -40px; POSITION: relative; FLOAT: right; MARGIN-RIGHT: -1px } .backtotop A { FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f6f6f6; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; PADDING-RIGHT: 12px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .backtotop A:hover { BACKGROUND: #fff } .backtotop A IMG { MARGIN-RIGHT: 5px } DIV.fontPreview { BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #000 1px solid; FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; MARGIN: 3px 0px; BORDER-LEFT: #000 1px solid; DISPLAY: block; PADDING-RIGHT: 4px } .textareaDiv { PADDING-BOTTOM: 6px } .textareaDiv TABLE { WIDTH: 98% } .textareaDiv TABLE TABLE { WIDTH: 100% } .textareaDiv TABLE TABLE TABLE { WIDTH: 100% } .textareaDiv TEXTAREA { BORDER-TOP: #666 2px solid; WIDTH: 100% } DIV.textToolbar { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 97.7%; BACKGROUND: #f6f6f6; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 0px } DIV.textToolbar A { FONT-SIZE: 90%; WHITE-SPACE: nowrap } DIV.textToolbar LABEL { FONT-SIZE: 90%; VERTICAL-ALIGN: middle; PADDING-LEFT: 4px } DIV.textToolbar SELECT { FONT-SIZE: 90%; VERTICAL-ALIGN: middle } .previewTextArea { OVERFLOW: auto; BORDER-TOP: #999 2px solid; HEIGHT: 112px; BORDER-RIGHT: #999 2px solid; WIDTH: 459px; BACKGROUND: #fff; BORDER-BOTTOM: #999 2px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #999 2px solid; DISPLAY: none; PADDING-RIGHT: 0px } .previewTextArea DIV.previewTitle { BACKGROUND: #eee; BORDER-BOTTOM: #eee 2px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px 0px 4px; PADDING-RIGHT: 2px } .previewTextArea DIV.previewTitle A { FLOAT: right } .previewTextArea DIV.previewTitle H6 { FONT-SIZE: 90%; FLOAT: left; MARGIN: 0px } .previewTextArea DIV.previewContent { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .messageContainer H6 { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .messageContainer P { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .messageVariable { FONT-SIZE: 100%; BORDER-TOP: #ed9 1px solid; BORDER-RIGHT: #ed9 1px solid; BORDER-BOTTOM: #ed9 1px solid; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 3px; BORDER-LEFT: #ed9 1px solid; DISPLAY: inline; PADDING-RIGHT: 3px; BACKGROUND-COLOR: #fff1c5; -webkit-border-radius: 1px; -moz-border-radius: 1px } .myPlaces .navPaletteContent { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .explore .navPaletteContent { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .myPlaces A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-LEFT: 30px; BORDER-LEFT: 0px; BACKGROUND-COLOR: transparent } .myPlaces A:hover { TEXT-DECORATION: underline } .myPlaces A:focus { TEXT-DECORATION: underline } .myPlaces A.home { PADDING-RIGHT: 20px } .myPlaces SPAN.homeIconWrap { BACKGROUND: url(/images/ci/icons/clphomepage/home_ti.gif) no-repeat 0px 0px; RIGHT: 3px; POSITION: absolute; TOP: 3px } .myPlaces SPAN.homeIconWrap IMG { HEIGHT: 16px; WIDTH: 16px } .myPlaces A.unit { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.course { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.ee { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.program { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.workspace { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.unit { BACKGROUND-IMAGE: url(/images/ci/icons/clp_unit_ti.gif) } .myPlaces A.unit:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_unit_ti.gif) } .myPlaces A.course { BACKGROUND-IMAGE: url(/images/ci/icons/clp_course_ti.gif) } .myPlaces A.course:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_course_ti.gif) } .myPlaces A.ee { BACKGROUND-IMAGE: url(/images/ci/icons/clp_ee_ti.gif) } .myPlaces A.ee:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_ee_ti.gif) } .myPlaces A.program { BACKGROUND-IMAGE: url(/images/ci/icons/clp_program_ti.gif) } .myPlaces A.program:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_program_ti.gif) } .myPlaces A.workspace { BACKGROUND-IMAGE: url(/images/ci/icons/clp_workspace_ti.gif) } .myPlaces A.workspace:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_workspace_ti.gif) } .explore A { BACKGROUND: url(images/indicators.png) no-repeat 9px -1489px; PADDING-LEFT: 30px } .explore H4 A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px } .explore H4 A:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px } .explore H4 A:focus { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px } .wizardBody .locationPane { MARGIN: 0px; DISPLAY: block } .wizardBody .breadcrumbs .courseName { DISPLAY: none } .wizardBody .breadcrumbs .courseId { DISPLAY: none } .wizardBody .breadcrumbs { HEIGHT: 24px } .wizardBody .path .root A:before { FONT-SIZE: 20px; FONT-FAMILY: "Pictos"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #aaa; CONTENT: "H"; TOP: -2px } .wizardBody .modeSwitchWrap { RIGHT: 12px; POSITION: absolute; TOP: 15px } .wizardBody { BACKGROUND: #fff } .wizardBody .container { POSITION: static } .wizardBody #contentPanel { MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 12px; PADDING-LEFT: 210px; PADDING-RIGHT: 0px } .wizardBody FORM#contentPanel { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .wizardBody #pageTitleDiv IMG { DISPLAY: none } .wizardBody .reqfield { FLOAT: none; MARGIN: 0px 0px 6px -6px } .wizardBody #containerdiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .wizardHead H2 { FONT-SIZE: 110%; MARGIN: 0px } .wizardHead .helphelp { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .wizardBody .contentPaneWide > .contentBox > .pageTitle H1 { FONT-SIZE: 150% } .wizardBody .containerWizard { OVERFLOW: hidden; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .wizardBody .contentPaneWide > .contentBox > .pageTitle { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 18px; PADDING-TOP: 14px; PADDING-LEFT: 24px; MARGIN: -13px -12px 24px -224px; BORDER-LEFT: 0px; PADDING-RIGHT: 24px } .wizardBody .contentPaneWide > .contentBox { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; box-shadow: none } .wizardHead { MARGIN-BOTTOM: 24px; BACKGROUND: #efede3; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .wizardBody #dataCollectionContainer { MARGIN: 0px } .wizardHead + .container { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: url(images/bblearn_2011_bg.png) #efede3 0px -5px; BORDER-BOTTOM: #aaa 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 0px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); border-radius: 4px 4px 4px 4px } .wizardBody .containerWizard .container { HEIGHT: auto } .wizardBody .containerWizard .locationPane { MARGIN-TOP: 12px } .wizardBody UL.contentList LI DIV.details { OVERFLOW-X: visible } .wizardFinishText { MARGIN: 6px 0px 150px } .wizardSubmit { BORDER-TOP: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 18px; PADDING-LEFT: 18px; MARGIN: 0px 0px -79px -210px; TOP: 18px; PADDING-RIGHT: 18px } .wizardSubmit INPUT[name='cancel'] { FONT-SIZE: 105%; TEXT-DECORATION: none; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #444; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .wizardSubmit INPUT[name='Previous'] { FONT-SIZE: 105%; TEXT-DECORATION: none; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #444; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .wizardSubmit INPUT[name='finish'] { FONT-SIZE: 105%; TEXT-DECORATION: none; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #444; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .wizardSubmit INPUT[name='cancel']:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .wizardSubmit INPUT[name='cancel']:focus { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .wizardSubmit INPUT[name='Previous']:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .wizardSubmit INPUT[name='Previous']:focus { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .wizardSubmit INPUT[type=image] { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .wizardSubmit SPAN { COLOR: #999; MARGIN: 0px 18px } .wizardSubmit SPAN STRONG { COLOR: #000 } .navigationPaneWizard { WIDTH: 190px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN-TOP: 63px; PADDING-RIGHT: 0px } .navigationPaneWizard .navPalette { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .wizardBody #courseMenuPalette { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; WIDTH: 200px; BACKGROUND: #eee; BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px; BORDER-LEFT: #999 0px solid; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0 } .wizardBody #courseMenuPalette DIV.navPaletteContent { -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 } .navigationPaneWizard H2 { FONT-SIZE: 90%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: 100; COLOR: #00add0; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px; LETTER-SPACING: 0.2em; PADDING-RIGHT: 12px } .navigationPaneWizard .navPalette SPAN { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; DISPLAY: block; PADDING-RIGHT: 9px; BACKGROUND-COLOR: #ededed } .navigationPaneWizard .navPalette LI { FONT-SIZE: 95%; OVERFLOW-X: hidden; COLOR: #777; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } .navigationPaneWizard .navPalette UL LI:first-child { BORDER-TOP: medium none; POSITION: relative } .navigationPaneWizard .navPalette UL LI.currentStep { FONT-WEIGHT: bold; COLOR: #000 } .navigationPaneWizard .navPalette UL LI.currentStep:after { FONT-SIZE: 18px; RIGHT: 0px; POSITION: absolute; COLOR: #999; CONTENT: "?"; LINE-HEIGHT: 0.5; TOP: 9px } .containerWizard .controlPanel .navPaletteContent A { TEXT-DECORATION: none; BACKGROUND: url(../../../images/ci/ng/portlet_expand.gif) no-repeat 2px 6px; OVERFLOW-X: hidden; FONT-WEIGHT: normal; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 23px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 9px } .containerWizard .navPaletteContent H2 { FONT-SIZE: 105%; MARGIN: 0px } .containerWizard .navPaletteContent H2 A { BORDER-TOP: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 23px; PADDING-RIGHT: 9px } .containerWizard .controlpanel LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } #logDetail { HEIGHT: 300px; OVERFLOW-Y: auto } .totalMsgs { FONT-SIZE: 120%; FONT-WEIGHT: bold; COLOR: #555; PADDING-BOTTOM: 9px !important; PADDING-TOP: 11px !important; PADDING-LEFT: 14px !important; PADDING-RIGHT: 6px !important } .latestEntry { FONT-SIZE: 85%; FLOAT: right !important; FONT-WEIGHT: normal; COLOR: #666 } .log-summary { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px } .log-summary A { MARGIN: 0px 3px; DISPLAY: inline-block } .log-summary LI { VERTICAL-ALIGN: middle; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 14px; MIN-HEIGHT: 26px; BORDER-LEFT: #ccc 1px dotted; PADDING-RIGHT: 3px } .sis-seperator { VERTICAL-ALIGN: middle; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 14px; MIN-HEIGHT: 26px; BORDER-LEFT: #ccc 1px dotted; PADDING-RIGHT: 3px } .log-summary LI:first-child { BORDER-LEFT: medium none } .log-type { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #fff; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; DISPLAY: inline-block; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .log-summary .log-type { FONT-SIZE: 120% } .log-error { BACKGROUND: #ef3e36 } .log-warning { BACKGROUND: #fcb040 } .log-message { BACKGROUND: #0b9444 } .log-debug { BACKGROUND: #00aeef } .log-header { MARGIN: 0px 0px 9px } .attachments .log-type { FONT-SIZE: 90%; MIN-WIDTH: 6em; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal; TEXT-ALIGN: center; LETTER-SPACING: 0.1em } .table-scroll-wrapper TABLE { MARGIN: 0px } .table-scroll-wrapper TBODY { OVERFLOW: hidden; HEIGHT: 200px; OVERFLOW-Y: auto } .row-selected { BACKGROUND-COLOR: #e2eefe } .log-search > DIV > DIV { BORDER-RIGHT: #bbb 1px dotted; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 6px 6px 0px 0px; DISPLAY: inline-block; PADDING-RIGHT: 9px !important } .answerSavedButton { BORDER-TOP-COLOR: #777; BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #777; COLOR: #eee; BORDER-BOTTOM-COLOR: #777; PADDING-LEFT: 22px !important; FILTER: none; BORDER-RIGHT-COLOR: #777; BACKGROUND-COLOR: #888; text-shadow: 0 -1px 0 #000 } .answerSavedButton:hover { BORDER-TOP-COLOR: #777; BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #777; COLOR: #eee; BORDER-BOTTOM-COLOR: #777; PADDING-LEFT: 22px !important; FILTER: none; BORDER-RIGHT-COLOR: #777; BACKGROUND-COLOR: #888; text-shadow: 0 -1px 0 #000 } .answerSavedButton:focus { BORDER-TOP-COLOR: #777; BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #777; COLOR: #eee; BORDER-BOTTOM-COLOR: #777; PADDING-LEFT: 22px !important; FILTER: none; BORDER-RIGHT-COLOR: #777; BACKGROUND-COLOR: #888; text-shadow: 0 -1px 0 #000 } .answerSavedButton:hover { BORDER-TOP-COLOR: #555; BORDER-LEFT-COLOR: #555; COLOR: #fff; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555; BACKGROUND-COLOR: #666; text-shadow: 0 -1px 0 #000 } .answerSavedButton:focus { BORDER-TOP-COLOR: #555; BORDER-LEFT-COLOR: #555; COLOR: #fff; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555; BACKGROUND-COLOR: #666; text-shadow: 0 -1px 0 #000 } .answerSavingButton { BORDER-TOP-COLOR: #999; BACKGROUND-IMAGE: url(/images/ci/icons/file_li.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #999; COLOR: #444; BORDER-BOTTOM-COLOR: #999; PADDING-LEFT: 22px !important; BORDER-RIGHT-COLOR: #999; BACKGROUND-COLOR: #ccc } .answerSavingButton:hover { BORDER-TOP-COLOR: #999; BACKGROUND-IMAGE: url(/images/ci/icons/file_li.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #999; COLOR: #444; BORDER-BOTTOM-COLOR: #999; PADDING-LEFT: 22px !important; BORDER-RIGHT-COLOR: #999; BACKGROUND-COLOR: #ccc } .answerSavingButton:focus { BORDER-TOP-COLOR: #999; BACKGROUND-IMAGE: url(/images/ci/icons/file_li.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #999; COLOR: #444; BORDER-BOTTOM-COLOR: #999; PADDING-LEFT: 22px !important; BORDER-RIGHT-COLOR: #999; BACKGROUND-COLOR: #ccc } .timeUpWarning { COLOR: #cf0c0c } .thirtySecondWarning { COLOR: #cf0c0c } .oneMinuteWarning { COLOR: #cf0c0c } .fiveMinuteWarning { COLOR: #000 } .halfTimeWarning { COLOR: #000 } .headerForProgressBar { POSITION: relative; Z-INDEX: 100 } DIV.assessmentPortletBlock H3.headerForProgressBar A { BACKGROUND: none transparent scroll repeat 0% 0% } .progressBar { POSITION: absolute; LEFT: 0px; Z-INDEX: 90; TOP: 0px; BOTTOM: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .progressBarStyle { BACKGROUND: #b6f796 } .progressBarStyleOneMin { BACKGROUND: #ffe79f } .progressBarStyleThirtySec { BACKGROUND: #ffafaf } .progressBarStyleOvertime { BACKGROUND: #ffafaf } .timerBar { FONT-SIZE: 105%; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid; BACKGROUND: #f9f9f9; BORDER-BOTTOM: #fff 2px solid; POSITION: relative; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 4px 14px 0px; BORDER-LEFT: #fff 2px solid; PADDING-RIGHT: 6px; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 9px; -moz-border-radius: 9px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) } .timer STRONG { POSITION: relative; Z-INDEX: 100 } .timerText { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px } .liveArea.timer { PADDING-BOTTOM: 9px; PADDING-TOP: 6px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px } .questionStatus { PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } .timedQuestionStatus { BORDER-TOP: #ddd 2px groove; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px 2px; PADDING-RIGHT: 0px } .completionContainer { PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .questionStatus .questionStatusLabel { FONT-WEIGHT: normal; MARGIN: 0px; LETTER-SPACING: 0px } .questionStatus .questionStatusLabel A { TEXT-DECORATION: none; COLOR: #666 } .questionStatus .questionStatusLabel A:hover { TEXT-DECORATION: underline; COLOR: #000 } .timerMessage { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) } .timeLabel { FONT-WEIGHT: normal; COLOR: #666 } .timeValue { FONT-SIZE: 120% } .timer-collapsed.timer-toggle { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 0px 2px; PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 14px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .timer-expanded.timer-toggle { HEIGHT: 20px; WIDTH: 20px; BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 3px 4px; POSITION: absolute; LEFT: 4px; TOP: 5px } .timerBar .timerLabel:before { FONT: 1.4em/0 "Pictos", sans-serif; MARGIN-RIGHT: 0.4em } .timerMessage:before { FONT: 1.4em/0 "Pictos", sans-serif; MARGIN-RIGHT: 0.4em } .progressBarStyleOvertime + .timerLabel:before { COLOR: #cf0c0c; CONTENT: "t" } .progressBarStyleOneMin + .timerLabel:before { COLOR: #7f6b2f; CONTENT: "!" } .progressBarStyleThirtySec + .timerLabel:before { COLOR: #cf0c0c; CONTENT: "!" } .timerMessage:before { CONTENT: "" } .halfTimeWarning:before { COLOR: #999 } #theGrid { POSITION: relative } .gridOverflowControl { OVERFLOW-X: auto; ZOOM: 1; PADDING-BOTTOM: 24px } .rubricTable TBODY TD TEXTAREA { BORDER-TOP: #ccc 1px solid; HEIGHT: 6em; BORDER-RIGHT: #ccc 1px solid; WIDTH: 99%; MIN-WIDTH: 9em; BORDER-BOTTOM: #ccc 1px solid; COLOR: #555; BORDER-LEFT: #ccc 1px solid } .rubricTable TBODY TD TEXTAREA + SCRIPT + DIV { TEXT-ALIGN: right } .rubricTable TBODY TD DIV INPUT[type='text'] { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 4em; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } #rubricRowReorder { POSITION: absolute; Z-INDEX: 100; TOP: 5em } #rubricColReorder { POSITION: absolute; LEFT: 15%; Z-INDEX: 100; TOP: 3em } #rubricColReorder FIELDSET { WHITE-SPACE: nowrap; POSITION: relative } #rubricColSort { WHITE-SPACE: nowrap; MARGIN-RIGHT: 60px } #rubricColSort LI { BORDER-RIGHT: #999 1px dotted; WHITE-SPACE: nowrap; POSITION: relative; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 24px; MARGIN: 0px 1px; DISPLAY: inline-block; PADDING-RIGHT: 6px } #rubricColSort LI INPUT { POSITION: absolute; LEFT: 0px; TOP: 0px } #reorderPanelControls { RIGHT: 0px; POSITION: absolute; TOP: 0px } #reorderPanelControls A { TEXT-DECORATION: none } #collabRubricList .collabRubricListTypeContainer { MARGIN: 4px } .rubricGradingTable { WIDTH: 100%; BORDER-COLLAPSE: separate; MARGIN-LEFT: -9px; BORDER-SPACING: 9px } .rubricTable { WIDTH: 100%; BORDER-COLLAPSE: separate; MARGIN-LEFT: -9px; BORDER-SPACING: 9px } .rubricGradingTable TH { COLOR: #45586f } .rubricTable TH { COLOR: #45586f } .rubricTable THEAD TH { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 12px } .rubricTable THEAD TH:first-child { BORDER-LEFT: medium none } .rubricGradingTable TBODY TD { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; VERTICAL-ALIGN: top; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #444; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 12px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -webkit-border-radius: 3px; -moz-border-radius: 3px } .rubricTable TBODY TD { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; VERTICAL-ALIGN: top; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #444; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 12px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -webkit-border-radius: 3px; -moz-border-radius: 3px } .rubricTable TBODY TD { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .rubricGradingTable TBODY TH { BORDER-TOP: #ccc 1px solid; VERTICAL-ALIGN: top; FONT-WEIGHT: bold; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .rubricTable TBODY TH { BORDER-TOP: #ccc 1px solid; VERTICAL-ALIGN: top; FONT-WEIGHT: bold; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .rubricTable TBODY TH LABEL { FONT-WEIGHT: normal } .rubricTable TBODY TH INPUT { FONT-WEIGHT: normal } .rubricTable TBODY TH > SPAN { FONT-WEIGHT: normal } .rubricGradingTable .rubricCellHeader { PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rubricGradingTable .radioLabel { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 0px } .rubricGradingTable .selectedCell .radioLabel { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 0px } .rubricGradingTable .selectedCell .rubricSelectedValue { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 0px } .rubricGradingTable .selectedCell .rubricCellDescription { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 0px } .rubricGradingList .radioLabel { FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 24px; DISPLAY: inline-block; PADDING-RIGHT: 6px } .rubricGradingTable .rubricCellContainer { OVERFLOW: hidden; POSITION: relative; MIN-HEIGHT: 30px } .rubricCellRadio { POSITION: absolute; TOP: 6px } .rubricGradingList .rubricCellRadio { POSITION: absolute; TOP: 2px } .selectedCell .rubricCellRadio { TOP: -60px } .pointContainer { FONT-WEIGHT: bold } .rubricGradingTable .feedback { DISPLAY: none } .rubricGradingTable .selectedCell .feedback { DISPLAY: block } .rubricGradingTable .feedback TEXTAREA { WIDTH: 99% } .rubricGradingTable .selectedCell { BACKGROUND: url(images/button_ok_ia.png) #d1eaef no-repeat 12px 12px; COLOR: #000; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .3); box-shadow: 0 0 6px rgba(0, 0, 0, .3) } .rubricGradingList .selectedCell { BACKGROUND: url(images/button_ok_ti.png) no-repeat 4px 3px } .rubricGradingTable TBODY TD:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #d1eaef; BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999 } .rubricTable TBODY TD:hover { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } .rubricGradingTable TBODY .selectedCell:hover { BACKGROUND: url(images/button_ok_ia.png) #d1eaef no-repeat 12px 12px } .rubricCriteriaHead { WIDTH: 15% !important } .rubricInlineEdit { POSITION: relative } .rubricInlineEdit > DIV { WHITE-SPACE: nowrap; POSITION: absolute; Z-INDEX: 100 } .gridActionBar { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #f1f1f1; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .gridActionBar TH { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #f1f1f1; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .gridActionBar UL { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .stepcontent .gridActionBar LI { MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px } .rubricGradingTable .data { BACKGROUND: none transparent scroll repeat 0% 0% } .rubricTable .data { BACKGROUND: none transparent scroll repeat 0% 0% } .rubricSelectedValue { FONT-SIZE: 130%; FONT-WEIGHT: bold; DISPLAY: block } .rangePercent { FONT-SIZE: 90%; FONT-WEIGHT: normal; COLOR: #666 } .selectedCell .rangeValue { BORDER-TOP: #aaa 1px dashed; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 6px 0px 0px; PADDING-RIGHT: 0px } .rubricControlContainer .containerTabs { MARGIN: 0px } .rubricControlContainer .contentAreaBlock { MARGIN: 0px } .rubricGradingList .rubricGradingCell { OVERFLOW: hidden; POSITION: relative; MARGIN: 1px 0px } .rubricGradingList .feedback { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .rubricGradingList .feedback TEXTAREA { WIDTH: 99% !important } .rubricGradingList H4 { POSITION: relative; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .rubricGradingList H4 SPAN { RIGHT: 0px; POSITION: absolute; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 4px; TOP: 0px; PADDING-RIGHT: 4px; BACKGROUND-COLOR: #fff1c5 } .rubricGradingTotalPoints { FONT-SIZE: 110%; MARGIN: 6px 0px } .rubricGradingOverride { FONT-SIZE: 110%; PADDING-BOTTOM: 6px; MARGIN: 6px 0px } .rubricGradingComments .editor { MARGIN-TOP: 20px } .rubricGradingComments .rubricVtbeLabel { MARGIN-BOTTOM: 10px; DISPLAY: block } .alignmentPanel TR { COLOR: #555 } .alignmentPanel .gradingRubric { COLOR: #000; BACKGROUND-COLOR: #ffd } .alignmentPanel .gradingRubric .title { FONT-WEIGHT: bold } .alignmentPanel UL.nav SPAN { PADDING-LEFT: 3px } .rubricPanel THEAD TR TH { WHITE-SPACE: normal !important } .rubricPopupContainer .rubricControlContainer { MARGIN: 0px 0px 10px } .rubricPopupContainer .onlyOne.changeRubricContainer .previous.pagelink { DISPLAY: none } .rubricPopupContainer .onlyOne.changeRubricContainer .next.pagelink { DISPLAY: none } .rubricPopupContainer .first.changeRubricContainer .previous.pagelink { DISPLAY: none } .rubricPopupContainer .last.changeRubricContainer .next.pagelink { DISPLAY: none } .rubricGradingCell .pointRangeEdit { DISPLAY: none } .selectedCell.rubricGradingCell .pointRangeView { DISPLAY: none } .rubricPopupContainer .first.changeRubricContainer .next.pagelink { DISPLAY: inline } .rubricPopupContainer .middle.changeRubricContainer .previous.pagelink { DISPLAY: inline } .rubricPopupContainer .middle.changeRubricContainer .next.pagelink { DISPLAY: inline } .rubricPopupContainer .last.changeRubricContainer .previous.pagelink { DISPLAY: inline } .rubricGradingTable .pointRangeView { FONT-WEIGHT: bold; DISPLAY: block } .selectedCell.rubricGradingCell .pointRangeEdit { FONT-WEIGHT: bold; DISPLAY: block } .vtbegenerated TH { FONT-WEIGHT: bold !important } .vtbegenerated TD[align='center'] { TEXT-ALIGN: center !important } .vtbegenerated TH[align='center'] { TEXT-ALIGN: center !important } .vtbegenerated TR[align='center'] > TD { TEXT-ALIGN: center !important } .vtbegenerated TR[align='center'] > TH { TEXT-ALIGN: center !important } .vtbegenerated TD[align='right'] { TEXT-ALIGN: right !important } .vtbegenerated TH[align='right'] { TEXT-ALIGN: right !important } .vtbegenerated TR[align='right'] > TD { TEXT-ALIGN: right !important } .vtbegenerated TR[align='right'] > TH { TEXT-ALIGN: right !important } .vtbegenerated TD[align='left'] { TEXT-ALIGN: left !important } .vtbegenerated TH[align='left'] { TEXT-ALIGN: left !important } .vtbegenerated TR[align='left'] > TD { TEXT-ALIGN: left !important } .vtbegenerated TR[align='left'] > TH { TEXT-ALIGN: left !important } .vtbegenerated { FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; DISPLAY: block !important; PADDING-RIGHT: 0px !important } .vtbegenerated P { MARGIN-BOTTOM: 1em } .vtbegenerated ADDRESS { FONT-STYLE: italic; DISPLAY: block } .vtbegenerated IMG { FILTER: alpha(opacity = auto) !important; opacity: auto } .vtbegenerated UL { PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated MENU { PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated DIR { PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated UL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .vtbegenerated OL { PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated OL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .vtbegenerated LI { LIST-STYLE-POSITION: outside } .vtbegenerated UL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated UL UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated MENU UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated DIR UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated OL MENU { LIST-STYLE-TYPE: circle } .vtbegenerated UL MENU { LIST-STYLE-TYPE: circle } .vtbegenerated MENU MENU { LIST-STYLE-TYPE: circle } .vtbegenerated DIR MENU { LIST-STYLE-TYPE: circle } .vtbegenerated OL DIR { LIST-STYLE-TYPE: circle } .vtbegenerated UL DIR { LIST-STYLE-TYPE: circle } .vtbegenerated MENU DIR { LIST-STYLE-TYPE: circle } .vtbegenerated DIR DIR { LIST-STYLE-TYPE: circle } .vtbegenerated OL OL UL { LIST-STYLE-TYPE: square } .vtbegenerated OL UL UL { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated OL OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL OL UL { LIST-STYLE-TYPE: square } .vtbegenerated UL UL UL { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated UL OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL UL UL LI { LIST-STYLE-TYPE: square } .vtbegenerated TABLE { BORDER-COLLAPSE: separate } .vtbegenerated H4 { MARGIN-BOTTOM: 1.5em } .vtbegenerated H5 { MARGIN-BOTTOM: 1.5em } .vtbegenerated H6 { MARGIN-BOTTOM: 1.5em } .vtbegenerated H4 { FONT-SIZE: 100% } .vtbegenerated H5 { FONT-SIZE: 90% } .vtbegenerated H6 { FONT-SIZE: 80% } .vtbegenerated BLOCKQUOTE { MARGIN: 1em 35px } .vtbegenerated UL[type='circle'] LI { LIST-STYLE-TYPE: circle } .vtbegenerated UL[type='square'] LI { LIST-STYLE-TYPE: square } .vtbegenerated UL[type='disc'] LI { LIST-STYLE-TYPE: disc } .inlineVtbegenerated { DISPLAY: inline } .tree .treeNodeIcon { HEIGHT: 16px; WIDTH: 16px } .navPaletteContent .submenu LI.favorite { PADDING-LEFT: 10px } .navPaletteContent UL[id*='files_groupContents'] .favorite { PADDING-LEFT: 0px } .columnPalette H5 { COLOR: #555; MARGIN: 6px 0px 3px } .blogNav .stepcontent { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 4px; MARGIN: 0px; PADDING-RIGHT: 4px } .button-split-left { BORDER-RIGHT: #f6f6f6 2px solid; FLOAT: left; DISPLAY: inline-block; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0 } .button-split-left:hover { BORDER-RIGHT: #555 2px solid } .button-split-right { FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 6px; MARGIN-LEFT: -1px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 6px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0 } .full_evaluation_view_component H3 { MARGIN: 18px 0px 3px } .full_evaluation_view_component H3:first-child { MARGIN: 9px 0px 3px } .gradeSide_panel .container { POSITION: relative; PADDING-RIGHT: 45% } .gradeSide_panel .contentListPlain { MARGIN: -20px 0px 0px -30px } .collabContainer { PADDING-BOTTOM: 30px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .gradeSide { WIDTH: 36%; RIGHT: 20px; TOP: 20px } .gradeSide { BORDER-TOP: #555 3px solid; BORDER-RIGHT: #555 3px solid; BACKGROUND: #888 0px 0px; RIGHT: 20px; BORDER-BOTTOM: #555 3px solid; POSITION: absolute; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; LEFT: auto; MARGIN: 0px; BORDER-LEFT: #555 3px solid; TOP: 20px; PADDING-RIGHT: 4px; BOTTOM: auto; border-radius: 4px } .collapseTabsData A.close { RIGHT: 4px; TOP: 4px } .evalColumn .taskbuttondiv { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .gradeItemsWrapper { OVERFLOW: visible } .gradeSide .stepcontent { PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 4px; MARGIN: 0px; PADDING-RIGHT: 4px } .evalColumn { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 6px; PADDING-LEFT: 18px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 18px; BACKGROUND-COLOR: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) } .evalColumn .liveArea { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; box-shadow: none } .column-wrapper { OVERFLOW: visible !important; POSITION: relative } .column-nav { WIDTH: 190px; FLOAT: left } .colspan2 { POSITION: relative; MARGIN-LEFT: 190px } .colspan2#standards-column { MARGIN-BOTTOM: -41px; PADDING-BOTTOM: 12px; LEFT: -3px; BORDER-LEFT: #ccc 3px double; TOP: -20px } .pageHead-2 { WORD-WRAP: break-word; COLOR: #555; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .column-nav .pageHead-2 { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 6px; DISPLAY: none; PADDING-RIGHT: 6px } .pageHead-2 H2 { FONT-SIZE: 120%; FONT-WEIGHT: normal; MARGIN: 0px } .pageHead-2 SPAN { FONT-SIZE: 120%; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .pageHead-2 SPAN:first-child { BORDER-RIGHT: #aaa 1px dotted } .column-inner { PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 18px; PADDING-RIGHT: 0px } .column-nav-inner { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } .category-column .column-nav-inner { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee',endColorstr = '#cccccc',GradientType = 1); BORDER-LEFT: medium none } #column_lrn_std_category { BORDER-RIGHT: #ccc 3px double } .column-inner { BACKGROUND: #fff; PADDING-BOTTOM: 12px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 18px !important; PADDING-RIGHT: 18px !important } #standards-column .column-inner { PADDING-BOTTOM: 12px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 18px !important; PADDING-RIGHT: 0px !important } .column-nav .column-inner { DISPLAY: none } .navmenu-list-item { WORD-WRAP: break-word; BORDER-BOTTOM: #777 1px solid; POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; DISPLAY: block; PADDING-RIGHT: 21px } .navmenu-list > LI:hover { BACKGROUND: #777 } .navmenu-list > LI > A { FONT-SIZE: 110%; TEXT-DECORATION: none; FONT-WEIGHT: 200; COLOR: #f6f6f6 } .navmenu-list A SPAN { DISPLAY: none } .navmenu-list .active { BORDER-TOP: #777 1px solid; BORDER-RIGHT: #777 0px solid; WIDTH: 142px; BACKGROUND: #eee; BORDER-BOTTOM: #777 1px solid; FONT-WEIGHT: 600; COLOR: #000; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 20px; LEFT: -3px; BORDER-LEFT: #777 1px solid; PADDING-RIGHT: 18px; -webkit-box-shadow: -4px 3px 5px #777; -moz-box-shadow: -4px 3px 5px #777; box-shadow: -4px 3px 5px #777; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .navmenu-list .active:hover { BORDER-TOP: #777 1px solid; BORDER-RIGHT: #777 0px solid; WIDTH: 142px; BACKGROUND: #eee; BORDER-BOTTOM: #777 1px solid; FONT-WEIGHT: 600; COLOR: #000; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 20px; LEFT: -3px; BORDER-LEFT: #777 1px solid; PADDING-RIGHT: 18px; -webkit-box-shadow: -4px 3px 5px #777; -moz-box-shadow: -4px 3px 5px #777; box-shadow: -4px 3px 5px #777; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .navmenu-list .active A { COLOR: #000 } .column2-nav .category-column .navmenu-list LI > A { PADDING-LEFT: 24px } .column-wrapper .actionBar > UL > LI > A { TEXT-DECORATION: none; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 16px; DISPLAY: inline-block; PADDING-RIGHT: 16px } .column-wrapper .actionBar > UL > LI > A:hover { BACKGROUND: #ccc } .standards .button-2 { COLOR: #444 } .standards .button-2:hover { BORDER-TOP-COLOR: #aaa; BORDER-LEFT-COLOR: #aaa; BORDER-BOTTOM-COLOR: #aaa; BORDER-RIGHT-COLOR: #aaa } .category-column :first-child.navmenu-list { MARGIN: 12px 0px 0px } .category-column .navmenu-list-item { BORDER-TOP-COLOR: #d6d6d6; BORDER-LEFT-COLOR: #d6d6d6; BORDER-BOTTOM-COLOR: #d6d6d6; BORDER-RIGHT-COLOR: #d6d6d6 } .category-column .navmenu-list-item A { COLOR: #333 } .category-column .navmenu-list-item:hover { FILTER: alpha(opacity = 100) !important; BACKGROUND-COLOR: #e0e0e0; opacity: 1 } .category-column .navmenu-list .active { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BACKGROUND: #fff; RIGHT: -4px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; Z-INDEX: 1001; MARGIN-RIGHT: -1px; -webkit-box-shadow: -4px 3px 5px #DDD; -moz-box-shadow: -4px 3px 5px #DDD; box-shadow: -4px 3px 5px #DDD; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .navmenu-list .inactive { FILTER: alpha(opacity = 75); opacity: .75 } .standards .actionBar { BORDER-TOP: medium none; HEIGHT: 32px; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 20px -12px; BORDER-LEFT: medium none; DISPLAY: block; PADDING-RIGHT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .actionBar#actionbarlrn_std_doc { BORDER-BOTTOM-COLOR: #777 } .actionBar#actionbarlrn_std_doc > UL > LI > A { COLOR: #f0f0f0; -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4) } .actionBar#actionbarlrn_std_doc > UL > LI > A:hover { BACKGROUND: #777; COLOR: #fff } .actionBar#actionbarlrn_std_doc > UL > LI:hover > A { BACKGROUND: #777; COLOR: #fff } .actionBar#actionbarlrn_std_category > UL > LI > A { COLOR: #666; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) } .actionBar#actionbarlrn_std_category > UL > LI > A:hover { BACKGROUND: #ccc; COLOR: #000 } .actionBar#actionbarlrn_std { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f0f0f0; BORDER-BOTTOM: 0px; MARGIN: 9px 0px 20px; BORDER-LEFT: 0px } .actionBar#actionbarlrn_std > UL > LI > A { COLOR: #666; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) } .actionBar#actionbarlrn_std > UL > LI > A:hover { BACKGROUND: #ddd; COLOR: #000 } .standards .actionBar > UL { HEIGHT: 32px; MARGIN: 0px } .standards .actionBar UL LI { FLOAT: left } .standards .groupLabel { PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .standards .searchbar .selectedItem LABEL SPAN { FONT-SIZE: 90% } .navmenu-actions-1 { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f0f0f0; BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; LEFT: -4px; BORDER-LEFT: #ccc 1px solid; TOP: 4px; PADDING-RIGHT: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .active .navmenu-actions-1 { LEFT: -4px } .navmenu-actions-2 { POSITION: absolute; PADDING-BOTTOM: 1px !important; PADDING-TOP: 1px !important; PADDING-LEFT: 1px !important; LEFT: -4px; TOP: 22px; PADDING-RIGHT: 1px !important } .navmenu-list-item .contextMenuContainer { RIGHT: 9px; POSITION: absolute; MARGIN-TOP: -8px; TOP: 50%; opacity: 0 } .navmenu-list .active .contextMenuContainer { opacity: 1 } .navmenu-list .active:hover .contextMenuContainer { opacity: 1 } .navmenu-list-item:hover .contextMenuContainer { opacity: .5 } .navmenu-list-item:hover .contextMenuContainer:hover { opacity: 1 } .standards .column-1 { FONT-SIZE: 90%; MIN-HEIGHT: 0px } .standards .column-2 { FONT-SIZE: 90%; MIN-HEIGHT: 0px } .standards .column-3 { FONT-SIZE: 90%; MIN-HEIGHT: 0px } .standards .column-2 { WIDTH: 46%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1%; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 1% } .standards .column-3 { WIDTH: 31%; MARGIN: 0px } .standardForm > H3 + DIV.column-2 { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .standards .stepcontent { PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 4px; MARGIN: 0px; PADDING-RIGHT: 4px } .standards .stepcontent OL LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .standardForm { POSITION: absolute !important; LEFT: 6px; TOP: 38px } .inline-form-title { MARGIN: 6px 0px } .docs-column .column-nav-inner { BORDER-TOP: #777 1px solid; BORDER-RIGHT: medium none; BACKGROUND: #999; BORDER-BOTTOM: #777 1px solid; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#999999',endColorstr = '#777777',GradientType = 1); MIN-HEIGHT: 400px; BORDER-LEFT: #777 1px solid; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px } .docs-column :first-child.navmenu-list { MARGIN: 12px 0px 0px } .iconToggleWrapper { ZOOM: 1; DISPLAY: inline-block } .iconToggle { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; ZOOM: 1; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; MARGIN: 0px 0px 0px -5px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 5px } .quickAddPal .iconToggle { MARGIN: 0px 0px 0px -1px } :first-child.iconToggle { MARGIN: 0px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px } .iconToggle:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #e8f0fe; BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999 } .stepcontent .iconToggle .fieldHelp { FONT-SIZE: 90%; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; BACKGROUND: #fff; MIN-WIDTH: 200px; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; LEFT: 0px; BORDER-LEFT: #555 1px solid; Z-INDEX: 100; DISPLAY: none; TOP: 100%; PADDING-RIGHT: 6px; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 9px rgba(0, 0, 0, .3); -webkit-border-radius: 3px; -moz-border-radius: 3px } .iconToggle:hover .fieldHelp { Z-INDEX: 10; DISPLAY: block } .iconToggleWrapper .selectedItem { BORDER-TOP-COLOR: #999; BACKGROUND: #cdcdcd; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2) inset; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2) inset } .iconToggle LABEL SPAN { COLOR: #555; DISPLAY: none } .selectedItem LABEL SPAN { DISPLAY: inline } .selectedItem .fieldHelp STRONG { DISPLAY: none } #lrn_std .panelHead { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 25px; PADDING-RIGHT: 16px } #lrn_std .sHeader { MARGIN-LEFT: -21px } #lrn_std .contextMenuContainer { } .lb-content .itemTray { POSITION: absolute } .lb-drawer { PADDING-BOTTOM: 54px } .lb-noTitleBar #pageTitleBar { DISPLAY: none } .lb-locationPane { MARGIN: 0px } .lb-locationPane #contentPanel { MARGIN: 0px } .lb-contentBox { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; border-radius: 0 } .overSoftLimit { COLOR: red } .autocomplete_pos { LEFT: 0px !important; TOP: 15px !important } .autocomplete { BORDER-TOP: #888 1px solid; BORDER-RIGHT: #888 1px solid; WIDTH: 250px; BORDER-BOTTOM: #888 1px solid; POSITION: absolute; BORDER-LEFT: #888 1px solid; Z-INDEX: 5; BACKGROUND-COLOR: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .3) } .autocomplete .selected { BACKGROUND-COLOR: #ccc } .autocomplete UL LI { CURSOR: pointer; WIDTH: 98%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px } .quickAddPal .field { POSITION: relative } .quickAddPal .noLabelField { POSITION: relative } .renameCategory { RIGHT: 0px; POSITION: absolute; LEFT: 0px; Z-INDEX: 1200; DISPLAY: block; TOP: 0px; BOTTOM: 0px } .renameCategory A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } LI SPAN.labelMenuItem { FONT-WEIGHT: bold; COLOR: #000 } #toolSettingsWrapper_table TBODY TR { BORDER-TOP: #ddd 1px dashed } #toolSettingsWrapper_table TR TH { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } #toolSettingsWrapper_table TBODY TR.rowTitle TD { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } #toolSettingsWrapper_table TBODY TR.rowTitle TH { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } #toolSettingsWrapper_table TBODY TR.rowTitle { BORDER-TOP: #ddd 1px solid; BACKGROUND-COLOR: #ebebeb } #toolSettingsWrapper_table TBODY TR.rowTitle H3 { MARGIN: 0.5em 0px } .tooltip { COLOR: #fff; BACKGROUND-COLOR: #3b3b3b } .tooltipContainer .tooltip:after { COLOR: #3b3b3b } .tooltipContainer-bot .tooltip:after { COLOR: #3b3b3b } .paddedMetadata { PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 6px !important } .quickAddPal .colorlist LI A.transparent { BACKGROUND-IMAGE: url(/images/swatches/transparent.gif); BACKGROUND-POSITION: -1px -1px; COLOR: transparent } .quickAddPal .colorlist LI A.transparent:hover { BACKGROUND-POSITION: -2px -2px } DIV.checkListActions { PADDING-BOTTOM: 10px } .quickAddPal .colorlist LI A.transparent:active { BACKGROUND-POSITION: -3px -3px } .quickAddPal .colorlist LI A.transparent:focus { BACKGROUND-POSITION: -3px -3px } .theme_scrollbar_content H2 { FONT-SIZE: 130%; FONT-FAMILY: Georgia, serif; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 0px; FONT-STYLE: italic; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: -35px 0px 15px; LETTER-SPACING: 0.06em; PADDING-RIGHT: 0px } #wizard .theme_scrollbar_content H2 { COLOR: #ccc } .theme-switch-wrapper { DISPLAY: inline-block } .theme-switch { BORDER-RIGHT: #ccc 1px solid; VERTICAL-ALIGN: middle; POSITION: relative; MARGIN: -14px 9px -14px 0px; DISPLAY: inline-block } .theme-switch .sub > A { OVERFLOW: hidden; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 12px; DISPLAY: block; LINE-HEIGHT: 1; PADDING-RIGHT: 12px } .theme-switch .sub > A:hover { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset } .theme-switch .sub:hover > A { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset } .dummy-switch.theme-switch:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .theme-switch A SPAN { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(images/pantone_fan.png) no-repeat 0px 0px; DISPLAY: inline-block } .theme-switch SPAN SPAN { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(images/pantone_fan.png) no-repeat 0px 0px; DISPLAY: inline-block } .theme-switch:hover .cmdiv UL:before { BORDER-TOP: 0px; BORDER-RIGHT: 7px solid; BORDER-BOTTOM: 7px solid; POSITION: absolute; CONTENT: ""; LEFT: 10px; BORDER-LEFT: 7px solid; TOP: -7px } .theme-switch:hover .cmdiv UL:after { BORDER-TOP: 0px; BORDER-RIGHT: 7px solid; BORDER-BOTTOM: 7px solid; POSITION: absolute; CONTENT: ""; LEFT: 10px; BORDER-LEFT: 7px solid; TOP: -7px } .theme-switch:hover .cmdiv UL:before { BORDER-BOTTOM-COLOR: #999; TOP: -8px } .theme-switch .nav .sub UL { WIDTH: 180px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .theme-switch .nav .sub UL LI H4 { COLOR: #999; PADDING-BOTTOM: 2px; PADDING-TOP: 9px; FONT: italic 95% Georgia, serif; PADDING-LEFT: 4px; MARGIN: 2px 0px; LETTER-SPACING: 2px; PADDING-RIGHT: 0px } .theme-switch .nav .sub UL A { FONT-SIZE: 95%; WIDTH: 142px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 18px; PADDING-RIGHT: 4px } BODY DIV.lb-overlay { BACKGROUND: url(images/reorder_bg.png) #bbb -10px 0px } #wizard { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; WIDTH: 900px; BACKGROUND: #555; BORDER-BOTTOM: #666 1px solid; POSITION: fixed; MARGIN-LEFT: -450px; LEFT: 50%; BORDER-LEFT: #666 1px solid; Z-INDEX: 1100; TOP: 5px; box-shadow: 0 11px 20px rgba(0, 0, 0, .7); border-radius: 9px; background-clip: content-box } #wizard H1 { FONT-SIZE: 110%; BACKGROUND: #494949; BORDER-BOTTOM: #666 1px solid; COLOR: #bbb; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 30px; MARGIN: 1px 0px 0px 1px; PADDING-RIGHT: 30px; box-shadow: 0 -1px 0 #363636 inset; border-radius: 9px 9px 0 0; text-shadow: 0 -1px 0 #111 } #wizard .accordion-wrapper { BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 0px 30px; border-radius: 0 0 6px 6px } #wizard .accordion_toggle { FONT-SIZE: 115%; COLOR: #eee; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #wizard .accordion_content { FONT-SIZE: 115%; COLOR: #eee; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #wizard .accordion_toggle { CURSOR: pointer; FONT-SIZE: 90%; BORDER-TOP: #444 1px solid; POSITION: relative; COLOR: #aaa; TEXT-ALIGN: right; PADDING-RIGHT: 60px; -webkit-box-shadow: 0 1px 0 #666 inset; box-shadow: 0 1px 0 #666 inset } #wizard .accordion_toggle .accordionTabLabel { FONT-SIZE: 125%; TEXT-DECORATION: none; FLOAT: left; COLOR: #eee } #wizard .accordion_toggle SPAN#selectedStructureName { BACKGROUND: url(/images/ci/ng/close_mini.gif) #aaa no-repeat 96% 50%; COLOR: #000; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 5px; MARGIN-LEFT: 3px; PADDING-RIGHT: 19px; VISIBILITY: visible; border-radius: 5px } #wizard .accordion_toggle SPAN#selectedThemeName { BACKGROUND: url(/images/ci/ng/close_mini.gif) #aaa no-repeat 96% 50%; COLOR: #000; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 5px; MARGIN-LEFT: 3px; PADDING-RIGHT: 19px; VISIBILITY: visible; border-radius: 5px } #wizard .accordion_toggle_help { TEXT-ALIGN: left } #wizard .accordion_toggle A#unselectStructure { FONT-SIZE: 90%; FLOAT: right; COLOR: #1ec8ea; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN-LEFT: 5px; DISPLAY: none; PADDING-RIGHT: 6px } #wizard .accordion_toggle A#unselectTheme { FONT-SIZE: 90%; FLOAT: right; COLOR: #1ec8ea; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN-LEFT: 5px; DISPLAY: none; PADDING-RIGHT: 6px } #wizard .accordion_toggle A#unselectStructure:hover { VISIBILITY: visible } #wizard .accordion_toggle A#unselectTheme:hover { VISIBILITY: visible } #wizard .accordion_toggle A#unselectStructure:hover SPAN { TEXT-DECORATION: line-through } #wizard .accordion_toggle A#unselectTheme:hover SPAN { TEXT-DECORATION: line-through } #wizard :first-child.accordion_toggle { BORDER-TOP: 0px; box-shadow: none } #wizard .accordion_content { OVERFLOW: hidden; HEIGHT: 245px; BACKGROUND: #3d3b3b; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #wizard .accordion_content A { COLOR: #1ec8ea } #wizard .accordion_toggle_addstructure .right-image { BACKGROUND: url(/images/ci/icons/wizard_step-1.png) no-repeat } #wizard .accordion_toggle_choosetheme .right-image { BACKGROUND: url(/images/ci/icons/wizard_step-2.png) no-repeat } #wizard .accordion_toggle_help .right-image { BACKGROUND: url(/images/ci/icons/wizard_step-4.png) no-repeat } #wizard .right-image { HEIGHT: 30px; WIDTH: 30px; RIGHT: 8px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: center center; DISPLAY: inline-block; TOP: 6px; opacity: .5 } #wizard .previewArea { BORDER-LEFT-WIDTH: 0px; OVERFLOW: hidden; FONT-SIZE: 85%; HEIGHT: 235px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-TOP-WIDTH: 0px; MAX-HEIGHT: 235px; BACKGROUND-COLOR: #474747 } .course_welcome_help_scrollbar_track { CURSOR: move; HEIGHT: 99%; WIDTH: 10px; RIGHT: 0px; POSITION: absolute; MARGIN: 1px 0px; TOP: 0px } .selected.course_welcome_help_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: #555; -webkit-border-radius: 5px; -moz-border-radius: 5px } .selected.course_welcome_help_scrollbar_handle { } .course_welcome_help_container { POSITION: relative } #wizard .previewArea .introduction { WIDTH: 80% } #wizard .previewArea .helplink { WIDTH: 80% } #wizard .previewArea .customHelp { WIDTH: 80% } #wizard .previewArea .conclusion { FONT-SIZE: 90%; WIDTH: 20%; RIGHT: 0px; BACKGROUND-ATTACHMENT: fixed; POSITION: absolute; COLOR: #bbb; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; PADDING-LEFT: 10px; TOP: 0px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #3d3b3c } #wizard .previewArea .customHelp { FONT-SIZE: 90%; BORDER-TOP: #555 1px dotted; WIDTH: 100%; COLOR: #bbb; PADDING-BOTTOM: 1em; PADDING-TOP: 1em; PADDING-LEFT: 0px; MARGIN-TOP: 0.5em; PADDING-RIGHT: 0px } #wizard .previewArea H3 { MARGIN-BOTTOM: 3px; FONT-SIZE: 140%; FONT-WEIGHT: normal; MARGIN-TOP: 0.2em } #wizard .previewArea H3 SPAN { FONT-SIZE: 65%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal; COLOR: #888; DISPLAY: block } #wizard .previewArea H3 SPAN SPAN { FONT-SIZE: 95%; TEXT-TRANSFORM: lowercase; FONT-STYLE: italic; DISPLAY: inline } #wizard .helplink .easylist { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px !important; BORDER-LEFT: 0px; MARGIN-TOP: 5px; PADDING-RIGHT: 0px } #wizard .helplink .easylist LI { BORDER-TOP: #555 2px dotted; WIDTH: 46%; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px 10px 10px; PADDING-RIGHT: 0px } #wizard .helplink .easylist LI H3 { FONT-FAMILY: Georgia, serif } #wizard .helplink .easylist LI P { PADDING-LEFT: 0px } #wizard .helplink .easylist LI P { COLOR: #ddd } #wizard .log-summary { BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; box-shadow: 0; border-radius: 0 } #wizard .conclusion H3 { FONT-SIZE: 100%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal; COLOR: #888; MARGIN-TOP: 10px } #wizard .conclusion UL { MARGIN-BOTTOM: 15px } #wizard .conclusion UL LI { MARGIN-BOTTOM: 5px } #wizard .content-inner { OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; HEIGHT: 245px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; BACKGROUND-COLOR: #f5f4ef } .content-inner { OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; HEIGHT: 245px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; BACKGROUND-COLOR: #f5f4ef } #wizard .content-inner { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: #3d3b3b } #wizard .introtext { FONT-SIZE: 100%; WIDTH: 100%; FLOAT: left; FONT-WEIGHT: normal; COLOR: #ccc; PADDING-BOTTOM: 1em; PADDING-TOP: 1em; PADDING-LEFT: 0px; LINE-HEIGHT: 1.5em; PADDING-RIGHT: 2em } #wizard .introtext LABEL { FONT-SIZE: 85%; FONT-STYLE: italic; MARGIN-LEFT: 15px; DISPLAY: none } #wizard .introtext INPUT { MARGIN-BOTTOM: 10px; FONT-SIZE: 200%; FONT-FAMILY: Georgia, serif; FONT-STYLE: italic } #wizard .introtext .courseNameAndDescription TABLE TABLE { WIDTH: 99%; MARGIN-LEFT: 7px } #wizard .defaultSkin TD.mceToolbar { MIN-WIDTH: 0px } #wizard .courseNameAndDescription > .textboxtable { WIDTH: 98% !important; MARGIN-LEFT: 9px } #wizard .introtext .courseNameAndDescription .textboxtable .mceSplitButton { WIDTH: auto; MARGIN-LEFT: 0px; MARGIN-TOP: 3px } #wizard .introtext TEXTAREA { FONT-SIZE: 110% } #wizard .introtext INPUT { FONT-FAMILY: inherit; WIDTH: 96%; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 7px; MARGIN-LEFT: 15px; PADDING-RIGHT: 0px; resize: none } #wizard .introtext TEXTAREA { FONT-FAMILY: inherit; WIDTH: 96%; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 7px; MARGIN-LEFT: 15px; PADDING-RIGHT: 0px; resize: none } #wizard .introtext .courseNameAndDescription { BORDER-RIGHT: #666 3px dotted; WIDTH: 60%; FLOAT: left; PADDING-RIGHT: 0.8em; MARGIN-RIGHT: 1em } #wizard .introtext P { FONT-SIZE: 90%; FONT-FAMILY: Georgia, serif; FONT-STYLE: italic; MARGIN: 55px 20px 0px 0px; LINE-HEIGHT: 1.4em } .themes .horizontal-block { CURSOR: pointer; BORDER-TOP: #ddd 1px solid; HEIGHT: 184px; BORDER-RIGHT: #ddd 1px solid; WIDTH: 230px; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 8px; TEXT-ALIGN: center; PADDING-TOP: 8px; PADDING-LEFT: 0px; MARGIN: 35px 10px 0px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 0px } #wizard .themes .horizontal-block { BORDER-TOP-COLOR: #555; BORDER-LEFT-COLOR: #555; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555 } .help .horizontal-block { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 250px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .themes .horizontal-block IMG { HEIGHT: 152px; WIDTH: 203px; MARGIN: 0px auto } .theme-selector { PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 10px; PADDING-LEFT: 26px; PADDING-RIGHT: 26px } .structure .theme-selector { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .theme-selector SPAN { FONT-SIZE: 110%; FONT-WEIGHT: bold } #wizard .selected .theme-selector SPAN { COLOR: #333 } .selected .theme-selector SPAN { COLOR: #fff } .structure .horizontal-block:hover { BACKGROUND-COLOR: #e8e7e5 } .themes .horizontal-block:hover { BACKGROUND-COLOR: #e8e7e5 } #wizard .structure .horizontal-block:hover { BACKGROUND-COLOR: #5b5858 } #wizard .themes .horizontal-block:hover { BACKGROUND-COLOR: #5b5858 } #wizard LI.selected A { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } #wizard LI.selected { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } #wizard .selected { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } .content-inner LI.selected A { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } .content-inner LI.selected { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } .content-inner .selected { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } .content-inner .selected:hover { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } #wizard LI.selected A { COLOR: #333; BACKGROUND-COLOR: #f5f4ef } #wizard LI.selected { COLOR: #333; BACKGROUND-COLOR: #f5f4ef } #wizard .selected { COLOR: #333; BACKGROUND-COLOR: #f5f4ef } #wizard .themes .selected.horizontal-block:hover { COLOR: #333; BACKGROUND-COLOR: #f5f4ef } DIV.scroller { OVERFLOW: hidden; HEIGHT: 200px } .themes DIV.scroller { HEIGHT: 245px } DIV.scroller DIV.section { OVERFLOW: hidden; HEIGHT: 225px; WIDTH: 780px; FLOAT: left; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 28px; PADDING-RIGHT: 0px } .horizontal-block { FONT-SIZE: 80%; HEIGHT: 214px; WIDTH: 167px; VERTICAL-ALIGN: top; FLOAT: none; PADDING-BOTTOM: 6px; TEXT-ALIGN: left; PADDING-TOP: 3px; PADDING-LEFT: 18px; MARGIN: 8px 0px 0px 7px; DISPLAY: inline-block; PADDING-RIGHT: 0px; border-radius: 5px } .horizontal-block UL { MARGIN-LEFT: 4px } .structure .horizontal-block { CURSOR: pointer; HEIGHT: 178px } #wizard .gotocourse { BORDER-TOP: #444 1px solid; COLOR: #ccc; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 10px; PADDING-LEFT: 28px; PADDING-RIGHT: 2px; -webkit-box-shadow: 0 1px 0 #666 inset; box-shadow: 0 1px 0 #666 inset } #wizard .gotocourse LABEL { WIDTH: auto; DISPLAY: inline-table } #wizard .gotocourse LABEL SPAN { FONT-SIZE: 10px; COLOR: #999; DISPLAY: block } #wizard .gotocourse .button-2 { MARGIN-BOTTOM: 7px; FONT-SIZE: 115%; BORDER-TOP-COLOR: #333; BORDER-LEFT-COLOR: #333; PADDING-BOTTOM: 8px; BORDER-BOTTOM-COLOR: #333; PADDING-TOP: 8px; BORDER-RIGHT-COLOR: #333; MARGIN-RIGHT: 25px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 0 #fefefe inset, -1px -1px 0 #888 inset; text-shadow: 0 1px 0 #BBB } #wizard .gotocourse .button-2:hover { BORDER-TOP-COLOR: #222; BORDER-LEFT-COLOR: #222; BORDER-BOTTOM-COLOR: #222; BORDER-RIGHT-COLOR: #222 } #wizard .number { FONT-SIZE: 150%; VERTICAL-ALIGN: middle; POSITION: relative; FLOAT: left; FONT-WEIGHT: bold; COLOR: #999; LINE-HEIGHT: 1; TOP: -1px; MARGIN-RIGHT: 18px } #wizard .accordion_toggle_help .number { HEIGHT: 20px; WIDTH: 20px; BACKGROUND: url(/images/ci/icons/step_star_light.png) no-repeat; MARGIN-RIGHT: 14px; TEXT-INDENT: -9999px; opacity: .4; background-size: 100% 100% } #wizard .gotocourse .secondary.button-2 { FONT-WEIGHT: normal; COLOR: #555; text-shadow: none } #wizard .gotocourse #welcomePageCancelButton { MARGIN-RIGHT: 10px } #wizard A.wizard-close:before { FONT: 150% "Utilicons"; CONTENT: "X" } #wizard A.wizard-close { RIGHT: 13px; POSITION: absolute; COLOR: #888; TOP: 8px } .theme_scrollbar_track { CURSOR: move; HEIGHT: 99%; WIDTH: 10px; RIGHT: 2px; POSITION: absolute; MARGIN: 1px 0px; TOP: 0px } #wizard .selected.theme_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px } .selected.theme_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px } .selected.theme_scrollbar_handle { } .theme_scrollbar_content { OVERFLOW: hidden; HEIGHT: 245px; TEXT-ALIGN: center } .structure_scrollbar_container { POSITION: relative } .structure_scrollbar_track { CURSOR: move; HEIGHT: 99%; WIDTH: 10px; RIGHT: 0px; POSITION: absolute; MARGIN: 1px 0px; TOP: 0px } DIV.courseStructureDescriptions .structure_scrollbar_track { MARGIN: 1px 3% 1px 0px; TOP: 10px } #wizard .structure_scrollbar_track { MARGIN: 1px 0px; TOP: 0px } #wizard .selected.structure_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: #555; -webkit-border-radius: 5px; -moz-border-radius: 5px } .selected.structure_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: #555; -webkit-border-radius: 5px; -moz-border-radius: 5px } #wizard .selected.structure_scrollbar_handle:hover { BACKGROUND-COLOR: #777 } .selected.structure_scrollbar_handle { } #wizard .courseStructureDescriptions .selected.structure_scrollbar_handle { } .selected.structure_scrollbar_handle:hover { } #wizard .courseStructureDescriptions .selected.structure_scrollbar_handle:hover { } .structure_scrollbar_content { OVERFLOW: hidden; HEIGHT: 370px; MARGIN-TOP: 30px } #wizard .structure_scrollbar_content { HEIGHT: 200px; MARGIN-TOP: 22px } .courseStructureOuterDiv { MARGIN-BOTTOM: 10px; MIN-WIDTH: 800px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 400px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #fff } #wizard .courseStructureOuterDiv { MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 250px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #3d3b3b } .courseStructureNameScroller { OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; HEIGHT: 400px; WIDTH: 170px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FLOAT: left; MARGIN: 10px 0px 0px; BORDER-LEFT: #ccc 1px solid; BACKGROUND-COLOR: #fff; box-shadow: -1px 0 4px #CCC; border-top-left-radius: 4px; border-bottom-left-radius: 4px } #wizard .courseStructureNameScroller { BORDER-TOP: 0px; HEIGHT: 220px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN-TOP: 0px; BACKGROUND-COLOR: transparent; box-shadow: none; border-radius: 0 } .courseStructureNameScroller OL LI { MARGIN-BOTTOM: 3px; CURSOR: pointer } .courseStructureNameScroller OL LI:focus { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #000 } .courseStructureNameScroller OL LI.courseStructureChoiceLink:focus { OUTLINE-COLOR: #fff; -webkit-box-shadow: inset 0 0 6px #128FA8; -moz-box-shadow: inset 0 0 6px #128FA8; box-shadow: inset 0 0 6px #128FA8 } #wizard .courseStructureNameScroller OL LI { MARGIN-LEFT: 13px } .courseStructureHeader { CURSOR: default !important; FONT-SIZE: 85%; FONT-FAMILY: Georgia, serif; COLOR: #999; PADDING-BOTTOM: 5px; FONT-STYLE: italic; PADDING-TOP: 15px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px } #structureDescription H3 { TEXT-ALIGN: center; FONT: italic 100% Georgia, serif; MARGIN-TOP: 110px } #wizard .courseStructureHeader { COLOR: #aaa; PADDING-TOP: 0px; PADDING-LEFT: 0px; text-shadow: 0 0 1px #222 } .courseStructureChoiceLink { FONT-SIZE: 85%; TEXT-DECORATION: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 33px; DISPLAY: block; PADDING-RIGHT: 5px } #wizard .courseStructureChoiceLink { PADDING-LEFT: 20px } .courseStructureChoiceSelected { COLOR: #3d3b3b; BACKGROUND-COLOR: #f5f4ef; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .courseStructureChoiceSelected A { COLOR: #333 } #wizard .courseStructureChoiceSelected A { COLOR: #333 } .courseStructureDescriptions { HEIGHT: 400px; POSITION: relative; MARGIN-LEFT: 170px } #wizard .courseStructureDescriptions { HEIGHT: 225px; POSITION: relative; MARGIN: 10px 0px 10px 170px } .courseStructureDescriptionAndMenu { OVERFLOW: hidden; FONT-SIZE: 12px; BORDER-TOP: #ccc 1px solid; HEIGHT: 400px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 95%; BORDER-BOTTOM: #ccc 1px solid; POSITION: static; FLOAT: left; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: 10px 0px 0px; MIN-HEIGHT: 400px; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 18px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #f5f4ef; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } #wizard .courseStructureDescriptionAndMenu { BORDER-TOP: 0px; HEIGHT: 225px; BORDER-RIGHT: 0px; WIDTH: 635px; BORDER-BOTTOM: 0px; POSITION: static; MIN-HEIGHT: 225px; BORDER-LEFT: 0px; MARGIN-TOP: 0px } .courseStructureDescriptions P { MARGIN-BOTTOM: 15px } .courseStructureDescriptions H3 { MARGIN-BOTTOM: 0px; FONT-SIZE: 120%; COLOR: #666; TEXT-ALIGN: center; MARGIN-TOP: 30px } .courseStructureDescriptions BR { DISPLAY: none } .structureIncludeSampleContentCheck { HEIGHT: 40px; WIDTH: 100%; PADDING-TOP: 10px; PADDING-LEFT: 15px; MARGIN-LEFT: -20px; DISPLAY: block; BACKGROUND-COLOR: #f4f1e3; box-shadow: -10px 0 6px #CCC inset } #wizard .structureIncludeSampleContentCheck { BORDER-TOP: #ccc 1px solid; HEIGHT: 25px; WIDTH: 630px; POSITION: absolute; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 7px; MARGIN-LEFT: -12px; Z-INDEX: 1; TOP: 185px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff; box-shadow: 0 0 2px #999; border-radius: 5px 5px 0 0 } #wizard .accordion_content .useSelectedStructure { MARGIN-RIGHT: 15px } #wizard .accordion_content .useSelectedStructure { COLOR: #333 } #wizard .accordion_content .useExistingMenu { COLOR: #333 } #wizard .courseStructureDescriptions .structure_scrollbar_track { RIGHT: 15px } .courseStructureMenu { OVERFLOW: hidden; WIDTH: 200px; POSITION: relative; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; MARGIN: 0px 0px 0px 20px; MIN-HEIGHT: 400px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: white; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); border-top-right-radius: 5px; border-bottom-right-radius: 5px } #wizard .courseStructureMenu { PADDING-BOTTOM: 35px; MIN-HEIGHT: 265px } .courseStructureMenu .listCm .courseMenu A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px } .courseStructureMenu .listCm .courseMenu .divider { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .courseStructureMenu .actionBarMicro { DISPLAY: none } .courseStructureMenu #courseMenuPalette DIV.navPaletteContent { PADDING-TOP: 0px } .arrow_guide { HEIGHT: 34px; WIDTH: 156px; BACKGROUND: url(/images/ci/icons/left-arrow-point.png) no-repeat; POSITION: absolute; LEFT: 3% } #wizard .arrow_guide { TOP: 81% } .courseStructureDescription IMG { TEXT-ALIGN: center; MARGIN: 10px 0px 5px } .courseStructureDescription P.existing_text { FONT-SIZE: 95%; COLOR: #666; TEXT-ALIGN: center; MARGIN: 0px } .courseStructureDescription P.existing_icon { FONT-SIZE: 95%; COLOR: #666; TEXT-ALIGN: center; MARGIN: 0px } .courseStructureDescription A.button-3 { COLOR: #333; MARGIN-RIGHT: 15px } .courseStructureDescription A.existingstructure.unselectStructureButton { MARGIN-TOP: 5px; MARGIN-RIGHT: 37% } .courseStructureNameScroller .current-value { FONT-SIZE: 85%; WIDTH: 130px; BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); WHITE-SPACE: nowrap; BACKGROUND-REPEAT: no-repeat; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; BACKGROUND-POSITION: 0px 20%; FONT-WEIGHT: normal; PADDING-BOTTOM: 6px; PADDING-LEFT: 17px; LEFT: 15px; TOP: 5px; box-shadow: 0 -1px 0 #333 inset } #wizard .courseStructureNameScroller .current-value { TOP: 0px } .noSectionDivider { BORDER-TOP: medium none } .dividerRow { BORDER-TOP: #acc2df 1px dotted; PADDING-BOTTOM: 0px !important; PADDING-TOP: 5px !important; PADDING-LEFT: 0px !important; MARGIN: 5px 0px 0px; PADDING-RIGHT: 0px !important } .keyboardAccess .selectArrows A { WIDTH: 18px; MARGIN: 0px; DISPLAY: inline-block } .keyboardAccess .y-arrows A { WIDTH: 18px; MARGIN: 0px; DISPLAY: inline-block } .keyboardAccess .y-arrows BUTTON { WIDTH: 18px; MARGIN: 0px; DISPLAY: inline-block } .keyboardAccess .selectArrows BUTTON { WIDTH: 18px; MARGIN: 0px; DISPLAY: inline-block } .keyboardAccess LABEL { MARGIN-BOTTOM: 3px; COLOR: #777; FONT: italic 100% Georgia, serif; DISPLAY: inline-block } .keyboardAccess .selectArrows { TEXT-ALIGN: center; MARGIN: 3px 0px } .keyboardAccess .y-arrows { TEXT-ALIGN: center; MARGIN: 3px 0px } .access-reorder-block { MIN-WIDTH: 200px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .access-reorder-block SELECT { MIN-WIDTH: 200px } .y-arrows { TEXT-ALIGN: center; CLEAR: both } .brandingImgWrap IMG[src*='header_institution'] { POSITION: absolute; LEFT: 12px; TOP: 0px; MAX-HEIGHT: 60px } .sample-content { BACKGROUND: url(images/bg_chalk_dark_s.png) 0px 0px; FONT: 113% Georgia, serif } .sample-content .item H3 SPAN { COLOR: #25bfcb !important; FONT: bold 120% Georgia, serif } .sample-content TABLE { FONT: italic 108%/1.6 Georgia, serif } .sample-content .vtbegenerated { FONT: italic 108%/1.6 Georgia, serif } .sample-content .vtbegenerated UL { MARGIN: 4px 0px } .sample-content .vtbegenerated BR { HEIGHT: 1px } .sample-content.liItem:hover { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666; BACKGROUND-COLOR: #f6f6f6 } .buildList > LI.sample-content:hover { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666; BACKGROUND-COLOR: #f6f6f6 } DIV.loading-overwrite { HEIGHT: 100%; WIDTH: 100%; BACKGROUND: url(/images/ci/misc/progress/progress_learningSystem.gif) white no-repeat center 100px; POSITION: absolute; TEXT-ALIGN: center; LEFT: 0px; Z-INDEX: 10000; TOP: 0px; opacity: 100 } DIV.loading-overwrite SPAN { FONT-SIZE: 200%; POSITION: relative; TOP: 10px } .sample-content DL { MARGIN: 0px } .sample-content DT { WIDTH: 9em; FLOAT: left; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .sample-content DD { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 10em; PADDING-RIGHT: 0px } .dueDate { COLOR: #063 } .dueDatePassed { COLOR: #900 } .inventory_paging A.inactive { opacity: .4 } .inactive { opacity: .4 } .linkLeftSpacesp { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px } .codeFragment { FONT-FAMILY: "Courier New" } .filteredTextHeader { BORDER-TOP: 1px dotted; BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted; PADDING-BOTTOM: 5px; TEXT-ALIGN: center; PADDING-TOP: 5px; PADDING-LEFT: 5px; BORDER-LEFT: 1px dotted; DISPLAY: inline-block; LINE-HEIGHT: 150%; PADDING-RIGHT: 5px; BACKGROUND-COLOR: lightyellow } .filteredText { COLOR: red; BACKGROUND-COLOR: lightyellow } .floatedReceipt { BORDER-TOP: #ddd 1px solid; FONT-FAMILY: Helvetica, serif; BORDER-RIGHT: #ddd 1px solid; WIDTH: 300px; BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: normal !important; COLOR: #333 !important; PADDING-BOTTOM: 10px !important; PADDING-TOP: 10px !important; PADDING-LEFT: 10px !important; MARGIN: 0px 0px 6px; BORDER-LEFT: #ddd 1px solid; LINE-HEIGHT: 1.3em; PADDING-RIGHT: 22px !important; BACKGROUND-COLOR: #fcfbd1; box-shadow: 1px 1px 5px #666; border-radius: 4px } .floatedReceipt A.close:before { } .floatedReceipt A.close:hover:before { } .floatedReceipt EM { FONT-WEIGHT: bold } .floatedReceipt A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: url(none); BORDER-BOTTOM: 0px; FONT-WEIGHT: normal !important; COLOR: #333 !important; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px !important } .floatedReceipt A:hover { TEXT-DECORATION: none !important } .floatedReceipt#receipt_floated_theme { RIGHT: 45px; POSITION: absolute; Z-INDEX: 1001; TOP: 50px } .floatedReceipt#receipt_floated_courseMenu { POSITION: absolute; LEFT: 180px; Z-INDEX: 1201 } .floatedReceipt .arrow { FONT-SIZE: 0px; BORDER-TOP: transparent 15px dashed; HEIGHT: 0px; BORDER-RIGHT: transparent 15px dashed; BORDER-BOTTOM: transparent 15px dashed; POSITION: absolute; BORDER-LEFT: transparent 15px dashed } .pointTop.floatedReceipt .arrow { BORDER-BOTTOM-STYLE: solid; BORDER-BOTTOM-COLOR: #fcfbd1; LEFT: 58%; TOP: -30px } .pointLeft.floatedReceipt .arrow { BORDER-RIGHT-STYLE: solid; LEFT: -30px; BORDER-RIGHT-COLOR: #fcfbd1; TOP: 10px } .nav .sub .flyout .slideoutLink { FONT-WEIGHT: bold } .nav .sub .slideoutLink IMG { HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(images/utilicons_arrows_dark.png) 16px 16px; FLOAT: right } .nav .sub .slideoutLink-active { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: -1px; box-shadow: -3px 0 3px rgba(0, 0, 0, .3); border-radius: 0 } .nav .sub .slideoutLink-active IMG { BACKGROUND: url(images/utilicons_arrows_dark.png) 0px 16px } .slideoutOpen { BORDER-RIGHT: #ccc 1px solid; MARGIN-LEFT: -1px !important } .statusFilter { FONT-SIZE: 13px; POSITION: relative; PADDING-LEFT: 8px } LABEL.statusFilter { TOP: 0px } SPAN.statusFilter { TOP: 1px } .collapsible TABLE.reportcard TR TD:first-child { DISPLAY: block !important } DIV#filterItemContainer DIV.columnPalette DIV.paletteItems UL LI { OVERFLOW: auto } .itemIconOverlay { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 2px; BORDER-LEFT: #555 1px solid; TOP: 38px; PADDING-RIGHT: 2px; BACKGROUND-COLOR: #fc0; -webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.4); -webkit-border-radius: 10px; -moz-border-radius: 2px 10px 10px 10px; -webkit-border-top-left-radius: 2px } #loginRedirectProviders H3 { MARGIN: 10px } #loginRedirectProviderList LI { MARGIN: 0px 10px 5px 0px; DISPLAY: inline-block } #loginRedirectProviderList LI IMG { HEIGHT: 16px; WIDTH: 16px } .contentList .itemIconOverlay { LEFT: 54px } .paletteItems LABEL { WORD-WRAP: break-word; MAX-WIDTH: 90% } .paletteItems LI INPUT[type=checkbox] { POSITION: absolute; LEFT: 0px; TOP: 0px } .paletteItems LI INPUT[type=radio] { POSITION: absolute; LEFT: 0px; TOP: 0px } .paletteItems .inactive { MARGIN: 0px; opacity: .4 } DIV.comments DIV DIV.collabComments { OVERFLOW: auto !important; MAX-HEIGHT: 100px; BACKGROUND-COLOR: white } DIV.studentGradesCommentPreview { OVERFLOW: auto !important; HEIGHT: 110px; WIDTH: 200px } DIV.grdDetEditTabCommentPreview { OVERFLOW: auto !important; HEIGHT: 110px; WIDTH: 110px } DIV.grdDetHistTabCommentPreview { OVERFLOW: auto !important; HEIGHT: 110px; WIDTH: 200px } .tooltip_show:focus { OVERFLOW: visible; HEIGHT: auto; WIDTH: auto; POSITION: static } .radio-list { PADDING-LEFT: 20px } .radio-list LI { PADDING-BOTTOM: 4px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important; TEXT-INDENT: -26px } .radio-list LI INPUT[type=radio] { VERTICAL-ALIGN: bottom; MARGIN-RIGHT: 6px } .radio-list LI .button-4 { MARGIN-LEFT: 4px } .cartMode.csPicker #copyright { DISPLAY: none } .details .key-valueTable + .vtbegenerated { MARGIN-TOP: 12px !important } .abutton { COLOR: #128fa8 } .runReportContainer { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 24px; MARGIN: -20px -30px 20px; TOP: 0px; PADDING-RIGHT: 24px; BACKGROUND-COLOR: #ededed } .itemReceipt A { COLOR: #fefc75 } .previousReports .previousReports linear { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportTitle { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .answerOptions TABLE TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportSummary .data-summary TR { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportSummary .data-summary TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .data-summary-vert TABLE { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .questionDetails .reportTable TABLE { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportTable TABLE { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .questionDetails .reportTable TH { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .questionDetails .reportTable TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .matching TH { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .matching TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .questionFilter DIV DIV { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .data-summary TABLE TR:hover { BACKGROUND: #fff4bf } .data-summary-vert TABLE TR:hover { BACKGROUND: #fff4bf } .questionDetails .reportTable TH { BORDER-TOP-COLOR: #eee; BACKGROUND: #ededed; BORDER-LEFT-COLOR: #eee; BORDER-BOTTOM-COLOR: #eee; BORDER-RIGHT-COLOR: #eee } .matching TH { BORDER-TOP-COLOR: #eee; BACKGROUND: #ededed; BORDER-LEFT-COLOR: #eee; BORDER-BOTTOM-COLOR: #eee; BORDER-RIGHT-COLOR: #eee } .matching TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .matching .lastOption TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportKey { BORDER-TOP-COLOR: #f3f3f3; BACKGROUND: #fcfcfc; BORDER-LEFT-COLOR: #f3f3f3; BORDER-BOTTOM-COLOR: #f3f3f3; BORDER-RIGHT-COLOR: #f3f3f3 } LI.recommended { BACKGROUND: url(/images/ci/icons/item_analysis_recommended.png) no-repeat } LI.changed { BACKGROUND: url(/images/ci/icons/item_analysis_changed.png) no-repeat } LI.notallgraded { BACKGROUND: url(/images/ci/icons/item_analysis_allgraded.png) no-repeat } .questionDetails .rumble_top { MARGIN: -16px -11px 0px 0px } .questionDetails :first-child.backLink { RIGHT: auto; LEFT: 0px; TOP: 0px; BOTTOM: auto } .questionDetails :first-child.backLink A { BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-TOP-WIDTH: 0px } #insideContent { OVERFLOW: auto; BORDER-TOP: #ccc 1px solid; POSITION: relative } #insideContentCol { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } .hasNav { BACKGROUND: #fff; PADDING-LEFT: 230px } .hasNavIcons { BACKGROUND: #fff; PADDING-LEFT: 50px } #insideNav { WIDTH: 230px; POSITION: absolute; LEFT: 0px; BACKGROUND-COLOR: #ededed; -webkit-box-shadow: inset -1px 0 1px 0 #999; -moz-box-shadow: inset -1px 0 1px 0 #999; box-shadow: inset -1px 0 1px 0 #999 } #insideNavIcons { WIDTH: 50px; POSITION: absolute; LEFT: 0px; BACKGROUND-COLOR: #ededed; -webkit-box-shadow: inset -1px 0 1px 0 #999; -moz-box-shadow: inset -1px 0 1px 0 #999; box-shadow: inset -1px 0 1px 0 #999 } #insideNav UL.tabs { MARGIN: 0px; DISPLAY: block } #insideNavIcons UL.tabs { MARGIN: 0px; DISPLAY: block } #insideNav UL.tabs > LI { BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } #insideNavIcons UL.tabs > LI { BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } #insideNav UL.tabs > LI.active { BACKGROUND: #fff; Z-INDEX: 1 } #insideNavIcons UL.tabs > LI.active { BACKGROUND: #fff; Z-INDEX: 1 } #insideNav UL.tabs > LI A { COLOR: #333; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; OUTLINE-STYLE: none; PADDING-LEFT: 12px; DISPLAY: block; OUTLINE-COLOR: invert; PADDING-RIGHT: 10px } #insideNavIcons UL.tabs > LI A { COLOR: #333; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; OUTLINE-STYLE: none; PADDING-LEFT: 12px; DISPLAY: block; OUTLINE-COLOR: invert; PADDING-RIGHT: 10px } #insideNav UL.tabs > LI A IMG { MARGIN-RIGHT: 10px } #insideNavIcons UL.tabs > LI A IMG { MARGIN-RIGHT: 0px } #insideNav UL.tabs > LI A:hover { BACKGROUND: #e7e7e7; -webkit-box-shadow: inset -1px 0 1px 0 #999; -moz-box-shadow: inset -1px 0 1px 0 #999; box-shadow: inset -1px 0 1px 0 #999 } #insideNavIcons UL.tabs > LI A:hover { BACKGROUND: #e7e7e7; -webkit-box-shadow: inset -1px 0 1px 0 #999; -moz-box-shadow: inset -1px 0 1px 0 #999; box-shadow: inset -1px 0 1px 0 #999 } #insideNav UL.tabs > LI.active { COLOR: #555; PADDING-LEFT: 0px } #insideNavIcons UL.tabs > LI.active { COLOR: #555; PADDING-LEFT: 0px } #insideNav UL.tabs > LI.active A:hover { BACKGROUND: none transparent scroll repeat 0% 0%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } #insideNavIcons UL.tabs > LI.active A:hover { BACKGROUND: none transparent scroll repeat 0% 0%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .split-vert { FONT-SIZE: 0px; BORDER-TOP: #ccc 1px solid; HEIGHT: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: white 1px solid; BORDER-LEFT: 0px; LINE-HEIGHT: 0 } .insideActionButton { VERTICAL-ALIGN: middle; PADDING-BOTTOM: 4px; PADDING-TOP: 3px; PADDING-LEFT: 8px; DISPLAY: inline-block; PADDING-RIGHT: 8px } .lor-filter { BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 12px } .filter-knobs { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .filter-knobs > LI { FLOAT: left; DISPLAY: inline; MARGIN-RIGHT: 5px } .filter-knobs SELECT { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND-IMAGE: url(../../../images/ci/icons/arrowDown-topnav-rvrsd.png); BACKGROUND-REPEAT: no-repeat; BORDER-BOTTOM: #999 1px solid; POSITION: relative; BACKGROUND-POSITION: 100% 50%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; BORDER-LEFT: #999 1px solid; LINE-HEIGHT: 21px; TOP: -2px; PADDING-RIGHT: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-appearance: none; -webkit-appearance: none } #filter-knob_types { WIDTH: 150px } #filter-knob_statuses { WIDTH: 200px !important } #contentAllSearch { HEIGHT: 23px; WIDTH: 210px; POSITION: relative; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#ffffff',GradientType=0); BACKGROUND-COLOR: #eee; -webkit-box-shadow: inset 0 0 2px 0 #333; -moz-box-shadow: inset 0 0 2px 0 #333; box-shadow: inset 0 0 2px 0 #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #contentAllSearch #searchCriteria { BORDER-TOP: medium none; BORDER-RIGHT: medium none; WIDTH: 200px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 5px; BORDER-LEFT: medium none; OUTLINE-COLOR: invert; PADDING-RIGHT: 5px } .content-search { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 20px } .hide { DISPLAY: none } .yellow { BACKGROUND-COLOR: yellow } H3.insideNavHdr { FONT-SIZE: 20px; BACKGROUND: #333; POSITION: relative; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 0px 10px 10px; LINE-HEIGHT: 28px; PADDING-RIGHT: 12px } .handle { BORDER-LEFT-WIDTH: 8px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 8px; BORDER-TOP-COLOR: #333; WIDTH: 0px; BORDER-BOTTOM-WIDTH: 8px; RIGHT: 4px; POSITION: absolute; BORDER-LEFT-COLOR: #333; BORDER-BOTTOM-COLOR: #333; BORDER-RIGHT-COLOR: #333; LINE-HEIGHT: 0; TOP: 28px; BORDER-TOP-WIDTH: 8px; border-size: 8px 8px 0 } DIV.groupDelete { RIGHT: 4px; POSITION: absolute; TOP: 6px } .obj_type { FONT-FAMILY: Georgia, "Times New Roman", Times, serif; COLOR: #999 } .editedby_user { FONT-FAMILY: Georgia, "Times New Roman", Times, serif; COLOR: #999 } UL.objectDescription { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } UL.objectDescription LI { DISPLAY: inline } UL.objectDescription LI.objectActions { FLOAT: right; MARGIN-LEFT: 10px } .objectActions UL { LIST-STYLE-TYPE: none; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .objectActions UL LI { HEIGHT: 24px; WIDTH: 24px; WHITE-SPACE: nowrap; FLOAT: left; DISPLAY: inline } .previewLaunch { CURSOR: pointer; HEIGHT: 14px; WIDTH: 15px; BACKGROUND-IMAGE: url(../../../images/ci/ng/small_new_window.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -100px -100px; DISPLAY: block; BACKGROUND-COLOR: transparent } .gray .previewLaunch { BACKGROUND-POSITION: left top } .previewLaunchOn { CURSOR: pointer; HEIGHT: 14px; WIDTH: 15px; BACKGROUND-IMAGE: url(../../../images/ci/ng/small_new_window.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; DISPLAY: block; BACKGROUND-COLOR: transparent } .favStatus { CURSOR: pointer; HEIGHT: 14px; WIDTH: 15px; BACKGROUND-IMAGE: url(../../../images/ci/icons/favorites-item_off.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -100px -100px; DISPLAY: block; BACKGROUND-COLOR: transparent } .gray .favStatus { BACKGROUND-POSITION: left top } .favStatusOn { CURSOR: pointer; HEIGHT: 14px; WIDTH: 15px; BACKGROUND-IMAGE: url(../../../images/ci/icons/favorites-item_on.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; DISPLAY: block; BACKGROUND-COLOR: transparent } .objStatus { POSITION: relative; TOP: -2px; MARGIN-RIGHT: 5px } .img-swap { CURSOR: pointer; DISPLAY: inline-block } .groupLabelRow { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#dddddd) } .groupLabelRow H5 { PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 4px !important; MARGIN: 0px; LINE-HEIGHT: 100%; PADDING-RIGHT: 4px !important } .groupLabelRow TH { PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 4px !important; MARGIN: 0px; LINE-HEIGHT: 100%; PADDING-RIGHT: 4px !important } .groupLabelRow H5 { FONT-SIZE: 90%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal } .groupLabelRow H5 A { TEXT-DECORATION: none; COLOR: #666 } DIV.overlays { DISPLAY: none } .overlay { BORDER-TOP: #ccc 1px dashed; BORDER-RIGHT: #ccc 1px dashed; WIDTH: 60px; BORDER-BOTTOM: #ccc 1px dashed; PADDING-BOTTOM: 10px; TEXT-ALIGN: center; PADDING-TOP: 10px; PADDING-LEFT: 10px; BORDER-LEFT: #ccc 1px dashed; PADDING-RIGHT: 10px; BACKGROUND-COLOR: transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .singleActionContainer { POSITION: absolute; FLOAT: left; MARGIN-LEFT: 24px; MARGIN-TOP: -5px; DISPLAY: inline } .singleActionContainer .actionBarMicro .mainButton > A { } .singleActionContainer .actionBarMicro .secondaryButton > A { } .formLayer { PADDING-BOTTOM: 10px; CLEAR: both; DISPLAY: block } .formLayer LI { FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } .formLayer LABEL { LINE-HEIGHT: 24px } .formLayer LI { PADDING-RIGHT: 12px } #searchLaunchBar { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 0px; CLEAR: both; MARGIN-TOP: 10px; PADDING-RIGHT: 0px } .modalExtra { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px } #modalContent > P { MARGIN: 10px 0px } #modalContent > DIV { MARGIN: 10px 0px } #modalContent { BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #fff 1px solid; PADDING-BOTTOM: 19px; PADDING-TOP: 19px; PADDING-LEFT: 19px; BORDER-LEFT: #fff 1px solid; PADDING-RIGHT: 19px } .modal-type-warning { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .modal-type-success { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .modal-type-warning { BACKGROUND-IMAGE: url(../images/reorder_bg.png); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: left top; BACKGROUND-COLOR: #fcffd6; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px } .modal-type-success { BACKGROUND-IMAGE: url(../images/ci/icons/icon_confirm.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 20px 20px; PADDING-LEFT: 100px; BACKGROUND-COLOR: #fff } .modal-type-warning #modalContent { PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } .modal-type-warning #modalContent { BORDER-TOP: #e7e7e7 1px solid; BORDER-RIGHT: #e7e7e7 1px solid; BORDER-BOTTOM: #e7e7e7 1px solid; BORDER-LEFT: #e7e7e7 1px solid } .optionsGroup { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } .optionsGroup UL { LIST-STYLE-TYPE: none; PADDING-TOP: 10px; PADDING-LEFT: 10px; LIST-STYLE-IMAGE: none } .optionsGroup UL > LI { MARGIN-RIGHT: 20px } .actionsGroup { PADDING-BOTTOM: 0px; PADDING-TOP: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .u_nopad { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .insideContainer { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } .CookieConsent { MIN-WIDTH: auto } .CookieConsent .container { MIN-HEIGHT: auto } .CookieConsent .content { MIN-HEIGHT: auto } .CookieConsent .containerPortal { MIN-HEIGHT: auto } .CookieConsent .contentPaneWide { WIDTH: 560px; MARGIN: 0px auto } .CookieConsent .container P { MARGIN: 0px 0px 15px; LINE-HEIGHT: 16px } DIV.CookieConsent DIV.lb-header { DISPLAY: none } DIV.CookieConsent { BACKGROUND-COLOR: transparent } .editIsolationForm .steptitle { MARGIN-LEFT: 48px } .editIsolationForm .submittitle { MARGIN-LEFT: 48px } .editIsolationForm .receipt { WIDTH: 687px; MARGIN: 0px 0px 10px 186px } .editIsolationForm .default { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } .overtimeStyle { FONT-WEIGHT: bold; COLOR: red } DIV.resourcePickerContainer DIV.localViewToggle { FLOAT: right } #quickPath { POSITION: relative; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 150px } #editablePath { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN-LEFT: 12px; PADDING-RIGHT: 3px } #quickPath { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN-LEFT: 12px; PADDING-RIGHT: 3px } #quickPath OL LI.folderIncluder { RIGHT: 6px; POSITION: absolute; TOP: 6px } #quickPath OL LI.folderCreator { RIGHT: 6px; POSITION: absolute; TOP: 6px } .pathFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-folder.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathCourseFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-course.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathAllContentFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-allcontent.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathBookmarkFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-bookmark.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathInstitutionFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-institution.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathLibraryFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-library.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathMyContentFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-mycontent.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathOrganizationFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-organization.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } #contentActions { MARGIN: 0px 0px 10px; DISPLAY: block } #levelUp { MARGIN: 4px 2px } #levelUp BUTTON { CURSOR: pointer; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 7px } .contentInput { OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 3px; OUTLINE-COLOR: invert; PADDING-RIGHT: 3px } #contentSearch .contentInput { MARGIN-RIGHT: 4px } .bottom-buttons-home A.home { BACKGROUND: url(/images/ci/mybb/mybb_nav_bottombuttons_sprite.png) no-repeat 50% 6px } .bottom-buttons-help A.help { BACKGROUND: url(/images/ci/mybb/mybb_nav_bottombuttons_sprite.png) no-repeat 50% -13px } .bottom-buttons-logout A.logout { BACKGROUND: url(/images/ci/mybb/mybb_nav_bottombuttons_sprite.png) no-repeat 50% -33px } .global-nav-bar A.logout-link { BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_logout.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px } .global-nav-bar A.logout-link:hover { BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_logout.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px } .global-nav-bar A.logout-link:focus { BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_logout.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px } .global-nav-bar A.logout-link:hover { BACKGROUND-POSITION: 50% -22px } .global-nav-bar A.logout-link:focus { BACKGROUND-POSITION: 50% -22px } .selectItems SELECT { HEIGHT: 200px; WIDTH: 100% } DIV.deploymentTabs { WIDTH: 96%; POSITION: relative; MARGIN: 40px 0px 20px } .tab_title { MARGIN-BOTTOM: 10px; DISPLAY: none } DIV.tab_content { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 100%; BORDER-BOTTOM: #ccc 1px solid; FLOAT: left; PADDING-BOTTOM: 15px; PADDING-TOP: 25px; PADDING-LEFT: 15px; MARGIN: -1px 20px 0px 0px; MIN-HEIGHT: 110px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 15px } .deploymentTabs .arrow:before { BORDER-TOP: 0px; BORDER-RIGHT: 15px solid; BORDER-BOTTOM: 15px solid; POSITION: absolute; CONTENT: ""; BORDER-LEFT: 15px solid; DISPLAY: block; TOP: -15px } .deploymentTabs .arrow:after { BORDER-TOP: 0px; BORDER-RIGHT: 15px solid; BORDER-BOTTOM: 15px solid; POSITION: absolute; CONTENT: ""; BORDER-LEFT: 15px solid; DISPLAY: block; TOP: -15px } .deploymentTabs .outer.arrow:before { BORDER-TOP: 0px; BORDER-RIGHT: 16px solid; BORDER-BOTTOM: 16px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -1px; BORDER-LEFT: 16px solid; DISPLAY: block; TOP: -16px } .deploymentTabs .outer.arrow:after { BORDER-TOP: 0px; BORDER-RIGHT: 16px solid; BORDER-BOTTOM: 16px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -1px; BORDER-LEFT: 16px solid; DISPLAY: block; TOP: -16px } .firstButton.arrow:before { LEFT: 9% } .firstButton.arrow:after { LEFT: 9% } .secondButton.arrow:before { LEFT: 35% } .secondButton.arrow:after { LEFT: 35% } .thirdButton.arrow:before { LEFT: 58% } .thirdButton.arrow:after { LEFT: 58% } DIV#tab-bar { BACKGROUND: #fafafa; PADDING-BOTTOM: 140px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 10px 0px 0px; DISPLAY: inline; PADDING-RIGHT: 0px } DIV#tab-bar :first-child.mt-tab { MARGIN-TOP: -1px } DIV#tab-bar DIV.mt-tab { CURSOR: pointer; FONT-SIZE: 14px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FLOAT: left; FONT-WEIGHT: normal; COLOR: #999; PADDING-BOTTOM: 18px; TEXT-ALIGN: center; PADDING-TOP: 18px; PADDING-LEFT: 40px; MARGIN: -1px -1px 0px 0px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 40px; BACKGROUND-COLOR: #eaeaea } DIV#tab-bar DIV.mt-tab-active { CURSOR: pointer; FONT-SIZE: 14px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(/images/ci/icons/active_ti.png) no-repeat 93% 50%; BORDER-BOTTOM: #fff 1px solid; FONT-WEIGHT: bold; COLOR: #333; TEXT-ALIGN: center; MARGIN: -1px -1px 0px 0px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline } .survey-count { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 170px; RIGHT: -42px; BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; COLOR: #999; PADDING-BOTTOM: 25px; TEXT-ALIGN: center; PADDING-TOP: 25px; PADDING-LEFT: 20px; BORDER-LEFT: #ccc 1px solid; TOP: 43px; PADDING-RIGHT: 20px; BACKGROUND-COLOR: #f5f5f5; box-shadow: 1px 5px 10px #CCC } .survey-count .right-triangle { HEIGHT: 0px; WIDTH: 0px; BORDER-BOTTOM: #666 10px solid; POSITION: absolute; LEFT: -10px; BORDER-LEFT: transparent 10px solid; TOP: 0px } .survey-count SPAN { FONT-SIZE: 300%; FONT-FAMILY: Georgia, serif; FONT-WEIGHT: normal; COLOR: #0096b2 } .survey-count SPAN IMG#recipient_count_preview_progress { HEIGHT: 20%; WIDTH: 20%; POSITION: relative; LEFT: 0px; TOP: 0px } .survey-count IMG { RIGHT: 20px; POSITION: absolute; TOP: 43% } .survey-count INPUT.genericButton { MARGIN-BOTTOM: 10px; MARGIN-TOP: 3px } .survey-count #revert { -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease-in; -moz-transition-duration: .3s; -moz-transition-timing-function: ease-in; transition-duration: .3s; transition-timing-function: ease-in } .tag-node { FONT-SIZE: 11px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 25px; BACKGROUND-COLOR: #f5f5f5; MARGIN-RIGHT: 10px; border-radius: 9px } .tag-node:after { CURSOR: pointer; FONT-SIZE: 14px; RIGHT: 9px; POSITION: absolute; FONT-WEIGHT: normal; COLOR: #ccc; CONTENT: "x"; TOP: 10%; text-shadow: 1px 1px 0 #FFF } .toggles.field { WIDTH: 100%; POSITION: relative; Z-INDEX: 1 } .toggle-button { POSITION: relative; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px } .active.toggle-button { BACKGROUND-COLOR: #f5f4ef; border-radius: 5px 0 0 5px } .active.toggle-button:after { RIGHT: 17px; POSITION: absolute; CONTENT: ""; LEFT: 11px; Z-INDEX: -1; TOP: -3px; BOTTOM: 17px; box-shadow: 0 17px 14px rgba(0, 0, 0, 0.4); -moz-transform: rotate(-3deg) } .toggle-button INPUT[type='radio'] { DISPLAY: inline-block } .toggle-button LABEL { CURSOR: pointer; WIDTH: 100px; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; DISPLAY: inline-block; PADDING-RIGHT: 20px } .selectButton { CURSOR: pointer; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 180px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 15px; TEXT-ALIGN: center; PADDING-TOP: 15px; PADDING-LEFT: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#f7f7f7',GradientType=0); BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 0px; MARGIN-RIGHT: 10px; border-radius: 22px } .active.selectButton { BACKGROUND: #f5fafb; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fafb',endColorstr='#d1eaef',GradientType=0) } .active.selectButton:before { BORDER-TOP: #d1eaef 15px solid; BORDER-RIGHT: transparent 15px solid; BORDER-BOTTOM: transparent 0px; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -15px; LEFT: 50%; BORDER-LEFT: transparent 15px solid; DISPLAY: block; BOTTOM: -15px } .active.selectButton:after { BORDER-TOP: #d1eaef 15px solid; BORDER-RIGHT: transparent 15px solid; BORDER-BOTTOM: transparent 0px; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -15px; LEFT: 50%; BORDER-LEFT: transparent 15px solid; DISPLAY: block; BOTTOM: -15px } .tab_content .formElements { WIDTH: 56%; FLOAT: left; PADDING-BOTTOM: 17px; PADDING-TOP: 17px; PADDING-LEFT: 17px; MIN-HEIGHT: 180px; PADDING-RIGHT: 180px; BACKGROUND-COLOR: #f5f4ef } .tab_content .radio-selection { WIDTH: 175px; FLOAT: left } .tab_content .formElements .label { WIDTH: 28% } .tab_content .formElements .field { WIDTH: 72% } .tab_content .formElements .column.field { WIDTH: 31% } .type-label { MARGIN-BOTTOM: 5px; FONT-WEIGHT: bold; FONT-STYLE: italic } .deploymentTabs .selectItems .u_floatThis-left { WIDTH: 43% } .deploymentTabs .selectItems { WIDTH: auto } .deploymentTabs .selectItems .selectArrows.u_floatThis-left { WIDTH: auto } #numOfSurveyQuestion { DISPLAY: inline-block } .response-periods-list { POSITION: relative } .stepcontent LI .response-periods-list LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 95%; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 30px; MARGIN: 0px 0px 15px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #fff } .response-periods-list LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 95%; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 30px; MARGIN: 0px 0px 15px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #fff } .stepcontent LI .response-periods-list LI.selected { BACKGROUND-COLOR: #f0f0f0 } .response-periods-list LI.selected { BACKGROUND-COLOR: #f0f0f0 } .response-periods-list INPUT[type='checkbox'] { POSITION: absolute; LEFT: 2px; MARGIN-TOP: -8px; TOP: 50% } .response-periods-list LABEL { CURSOR: pointer; FONT-SIZE: 110%; COLOR: #333; FONT-STYLE: normal; DISPLAY: block; LINE-HEIGHT: 150% } .response-period-description { FONT-SIZE: 90%; WIDTH: 80%; FLOAT: left; COLOR: #666; FONT-STYLE: italic } .response-period-data SPAN { FONT-SIZE: 90%; WIDTH: 80%; FLOAT: left; COLOR: #666; FONT-STYLE: italic } .response-period-data { WIDTH: 20%; FLOAT: right; LINE-HEIGHT: 150% } .response-period-data SPAN { WIDTH: 100%; DISPLAY: block } .secondary-options { MARGIN-LEFT: 40px } .tertiary-options { MARGIN-LEFT: 80px } .field P { MARGIN-BOTTOM: 5px; MARGIN-TOP: 5px } .secondary-options P { MARGIN-BOTTOM: 5px; MARGIN-TOP: 5px } .tertiary-options P { MARGIN-BOTTOM: 5px; MARGIN-TOP: 5px } .floatedReceipt#receipt_floated_surveyReport { WIDTH: 135px; POSITION: absolute; Z-INDEX: 1201 } .pointRight.floatedReceipt .arrow { RIGHT: -30px; BORDER-LEFT-COLOR: #fcfbd1; BORDER-LEFT-STYLE: solid; TOP: 100px } .evalColumn { Z-INDEX: 1000 } DIV#nodeFilter > INPUT.browse { VERTICAL-ALIGN: top } DIV.md_linear { FONT-FAMILY: arial, helvetica, sans-serif; BORDER-BOTTOM: #657ca3 1px solid; PADDING-LEFT: 3px; MARGIN: 6px 0px; BORDER-LEFT: #657ca3 1px solid; DISPLAY: inline } DIV.md_linear A { FONT-FAMILY: arial, helvetica, sans-serif; FONT-STYLE: italic } DIV.md_linear P { FONT-SIZE: 95%; DISPLAY: inline } DIV.md_linear P SPAN { DISPLAY: none } DIV.md_tabular { FONT-FAMILY: arial, helvetica, sans-serif; PADDING-LEFT: 3px; MARGIN: 0px 0px 6px 12px; BORDER-LEFT: #657ca3 1px solid } DIV.md_tabular A { FONT-FAMILY: arial, helvetica, sans-serif; FONT-STYLE: italic } DIV.md_tabular P { FONT-SIZE: 95%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.md_tabular P SPAN { COLOR: #444; FONT-STYLE: italic } DIV.sample_data { MARGIN: 0px 0px 0px 24px } DIV.sample_data DIV { FLOAT: left } DIV.sample_data DIV.sample_head { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; FONT-WEIGHT: bold; MARGIN: 6px 10px 2px 1px; BORDER-LEFT: medium none } .ondemand-module { POSITION: relative; MARGIN: 14px 3px } .ondemand-module DIV { MARGIN-BOTTOM: 12px } .ondemand-module DIV A { FONT-SIZE: 120%; BACKGROUND: #00add0; FONT-WEIGHT: bold; COLOR: #fff; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 4%; DISPLAY: block; PADDING-RIGHT: 12px; border-radius: 5px } .ondemand-module DIV A:hover { TEXT-DECORATION: none; BACKGROUND: #00b3be; box-shadow: 0 0 12px #2cb673; text-shadow: 0 -1px 0 rgba(0, 0, 0, .4) } .ondemand-module DIV A > SPAN { MARGIN-BOTTOM: 3px; FONT-SIZE: 80%; FONT-WEIGHT: normal; DISPLAY: block } .ondemand-module SPAN.release { FONT-SIZE: 85%; BORDER-TOP: #00add0 1px solid; BORDER-RIGHT: #00add0 1px solid; BACKGROUND: #9dddea; RIGHT: -4px; BORDER-BOTTOM: #00add0 1px solid; POSITION: absolute; COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 13px; BORDER-LEFT: #00add0 1px solid; TOP: -7px; PADDING-RIGHT: 10px; border-radius: 12px 12px 12px 12px; text-shadow: 0 1px 0 rgba(255, 255, 255, .3) } .ondemand-module P { COLOR: #666; FONT: italic 93%/1.45 Georgia, serif; MARGIN: 0px 13px }

@import url( theme1.css?v=9.1.110082.0 ); @import url( theme2.css?v=9.1.110082.0 );

#contentFrame { COLOR: #000 } #schemePreview { COLOR: #000 } BODY { COLOR: #000 } BODY.ineditmode { COLOR: #000 } BODY.topFrame { COLOR: #000 } DIV.breadcrumbs { COLOR: #000 } DIV.paneTabs UL LI.active { COLOR: #000 } DIV.paneTabs UL LI { COLOR: #000 } BODY.wizardBody DIV.containerWizard { COLOR: #000 } #contentArea { COLOR: #000; BACKGROUND-COLOR: #fff } #schemePreviewBody { COLOR: #000; BACKGROUND-COLOR: #fff } .container { COLOR: #000; BACKGROUND-COLOR: #fff } .contentPane DIV.bottomRound B { COLOR: #000; BACKGROUND-COLOR: #fff } #primaryButton { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } INPUT[type='submit'].submit { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .mainButton A { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .mainButton A:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .mainButton A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .actionBarMicro .mainButton A { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .actionBarMicro .mainButton A:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .actionBarMicro .mainButton A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble .mainButton > A { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1 { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1-img { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1-img:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1-img:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } #secondaryButton { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .secondaryButton A { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .secondaryButton A:hover { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .secondaryButton A:focus { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2 { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2-img { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2:hover { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2-img:focus { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2:hover { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2-img:focus { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #pageHeader { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #schemePreviewHead { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.pageTitle { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.actionBar { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.contentPaneWide DIV.actionBar { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.actionBar UL { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.localViewToggle { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .navPalette DIV.actionBarMicro { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.contentPane DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.listCm DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.buttonCm DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.treeContainer DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.treeViewCs DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV#lightboxContent H2 { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #lightbox DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #puller { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .frameResizeToggle { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #topFrame { COLOR: #fff } DIV.topTabs DIV.topGlobalLinks UL LI A.topLevel { COLOR: #fff } DIV.topTabs-compact DIV.topGlobalLinks UL LI A.topLevel { COLOR: #fff } DIV.topTabs DIV.hotItems UL.hotLinks LI A { COLOR: #fff } #topFrame { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #990000 } .bgBanner { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #990000 } DIV.topTabs-compact { BORDER-TOP-COLOR: #dedede; BACKGROUND: #990000; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede } #topTab { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A:hover { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A:hover { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A:focus { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A:focus { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } #topTabActive { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A:hover { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A:focus { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A:hover { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A:focus { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } #moduleTitle { COLOR: #fff; BACKGROUND-COLOR: #990000 } .portlet H2 { COLOR: #fff; BACKGROUND-COLOR: #990000 } .portlet H2 SPAN.reorder { COLOR: #fff; BACKGROUND-COLOR: #990000 } .portlet H2 A { COLOR: #fff; BACKGROUND-COLOR: transparent } #moduleBorder { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #000; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #fff } #moduleBody { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #000; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #fff } .portlet { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #000; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #fff } #contentFrame { COLOR: #000000 } #schemePreview { COLOR: #000000 } BODY { COLOR: #000000 } BODY.ineditmode { COLOR: #000000 } BODY.topFrame { COLOR: #000000 } DIV.breadcrumbs { COLOR: #000000 } DIV.paneTabs UL LI.active { COLOR: #000000 } DIV.paneTabs UL LI { COLOR: #000000 } BODY.wizardBody DIV.containerWizard { COLOR: #000000 } #contentArea { COLOR: #000000; BACKGROUND-COLOR: #ffffff } #schemePreviewBody { COLOR: #000000; BACKGROUND-COLOR: #ffffff } .container { COLOR: #000000; BACKGROUND-COLOR: #ffffff } .contentPane DIV.bottomRound B { COLOR: #000000; BACKGROUND-COLOR: #ffffff } #primaryButton { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } INPUT[type='submit'].submit { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .mainButton A { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .mainButton A:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .mainButton A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .actionBarMicro .mainButton A { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .actionBarMicro .mainButton A:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .actionBarMicro .mainButton A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble .mainButton > A { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1 { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1-img { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1-img:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1-img:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } #secondaryButton { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .secondaryButton A { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .secondaryButton A:hover { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .secondaryButton A:focus { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2 { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2-img { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2:hover { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2-img:focus { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2:hover { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2-img:focus { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #pageHeader { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #schemePreviewHead { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.pageTitle { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.actionBar { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.contentPaneWide DIV.actionBar { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.actionBar UL { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.localViewToggle { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .navPalette DIV.actionBarMicro { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.contentPane DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.listCm DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.buttonCm DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.treeContainer DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.treeViewCs DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV#lightboxContent H2 { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #lightbox DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #puller { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .frameResizeToggle { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #topFrame { COLOR: #ffffff } DIV.topTabs DIV.topGlobalLinks UL LI A.topLevel { COLOR: #ffffff } DIV.topTabs-compact DIV.topGlobalLinks UL LI A.topLevel { COLOR: #ffffff } DIV.topTabs DIV.hotItems UL.hotLinks LI A { COLOR: #ffffff } #topFrame { BORDER-TOP-COLOR: #dedede; BACKGROUND-IMAGE: url(https://blackboard.strayer.edu/branding/_1_1/bb_banner5noLogo.png); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #980329 } .bgBanner { BORDER-TOP-COLOR: #dedede; BACKGROUND-IMAGE: url(https://blackboard.strayer.edu/branding/_1_1/bb_banner5noLogo.png); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #980329 } DIV.topTabs-compact { BORDER-TOP-COLOR: #dedede; BACKGROUND: #980329; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede } #topTab { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A:hover { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A:hover { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A:focus { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A:focus { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } #topTabActive { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A:hover { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A:focus { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A:hover { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A:focus { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } #moduleTitle { COLOR: #ffffff; BACKGROUND-COLOR: #980329 } .portlet H2 { COLOR: #ffffff; BACKGROUND-COLOR: #980329 } .portlet H2 SPAN.reorder { COLOR: #ffffff; BACKGROUND-COLOR: #980329 } .portlet H2 A { COLOR: #ffffff; BACKGROUND-COLOR: transparent } #moduleBorder { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #000000; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #ffffff } #moduleBody { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #000000; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #ffffff } .portlet { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #000000; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #ffffff }

#contentFrame { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } #schemePreview { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } BODY { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } .topFrame { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } .paneTabs UL LI.active { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } .paneTabs UL LI { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } .wizardBody .containerWizard { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } #contentArea { COLOR: #333333; BACKGROUND-COLOR: #ffffff } #schemePreviewBody { COLOR: #333333; BACKGROUND-COLOR: #ffffff } .container { COLOR: #333333; BACKGROUND-COLOR: #ffffff } #primaryButton { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } INPUT[type='submit'].submit { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .mainButton A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .mainButton A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .mainButton A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .mainButton A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .actionBarMicro .mainButton A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .actionBarMicro .mainButton A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble .mainButton > A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1 { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1-img { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1-img:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1-img:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } #secondaryButton { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .secondaryButton A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .secondaryButton A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .secondaryButton A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2 { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2-img { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2-img:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2-img:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } #pageHeader { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } #schemePreviewHead { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } DIV.pageTitle { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .actionBar { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .contentPaneWide .actionBar { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } DIV.actionBar UL { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } DIV.localViewToggle { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .actionBarMicro { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } DIV#lightboxContent H2 { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .frameResizeToggle { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } #topFrame { COLOR: #ffffff } .topGlobalLinks UL LI { COLOR: #ffffff } .topGlobalLinks A { COLOR: #ffffff } .topGlobalLinks A:hover { COLOR: #ffffff } .topGlobalLinks A:focus { COLOR: #ffffff } .hotItems { COLOR: #ffffff } .hotSpots A { COLOR: #ffffff } .hotSpots LI:after { COLOR: #ffffff } .hotSpots A:hover { COLOR: #ffffff } #topFrame { BORDER-TOP-COLOR: #000000; BACKGROUND-IMAGE: url(Strayer%20Institution%20Banner_1144.jpg); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #373737 } .bgBanner { BORDER-TOP-COLOR: #000000; BACKGROUND-IMAGE: url(Strayer%20Institution%20Banner_1144.jpg); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #373737 } DIV.topTabs-compact { BORDER-TOP-COLOR: #000000; BACKGROUND: #373737; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000 } #topTab { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } TABLE.appTabs TBODY TR TD A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } DIV.topTabs-compact TABLE.appTabs TR TD A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } TABLE.appTabs TBODY TR TD A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } DIV.topTabs-compact TABLE.appTabs TR TD A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } TABLE.appTabs TBODY TR TD A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } DIV.topTabs-compact TABLE.appTabs TR TD A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } #topTabActive { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } TABLE.appTabs TBODY TR TD.active A { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } TABLE.appTabs TBODY TR TD.active A:hover { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } TABLE.appTabs TBODY TR TD.active A:focus { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } DIV.topTabs-compact TABLE.appTabs TR TD.active A { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } DIV.topTabs-compact TABLE.appTabs TR TD.active A:hover { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } DIV.topTabs-compact TABLE.appTabs TR TD.active A:focus { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } #moduleTitle { COLOR: #333333; BACKGROUND-COLOR: #cccccc } .portlet H2 { COLOR: #333333; BACKGROUND-COLOR: #cccccc } .portlet H2 SPAN.reorder { COLOR: #333333; BACKGROUND-COLOR: #cccccc } .portlet H2 A { COLOR: #333333; BACKGROUND-COLOR: transparent } #moduleBorder { BORDER-TOP-COLOR: #cccccc; BORDER-LEFT-COLOR: #cccccc; COLOR: #333333; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff } #moduleBody { BORDER-TOP-COLOR: #cccccc; BORDER-LEFT-COLOR: #cccccc; COLOR: #333333; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff } .portlet { BORDER-TOP-COLOR: #cccccc; BORDER-LEFT-COLOR: #cccccc; COLOR: #333333; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff }

BODY { HEIGHT: auto } HTML { HEIGHT: auto } BODY { MIN-WIDTH: 0px } DIV.topGlobalLinks { MIN-WIDTH: 0px } .navigationPane { DISPLAY: none } .contentPane { MARGIN: 0px 14px } .questionDiv .submission_text { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .completionContainer { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .completionContainerLarge { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .blogEntry H4 { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .blogEntry .entryText { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .blogContainer .entryComments LI P { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .journalNav UL LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .calMonth { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .calMonth TABLE THEAD TH { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .calMonth TABLE TBODY TD { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .calMonth TABLE TD DIV { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .modeSwitch { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .listCm .courseMenu A.cmimg { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .buttonCm .courseMenu A.cmimg { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .portlet A.cmimg { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } A.cmimg-small { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .fileInputWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .field { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .noLabelField { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .liveArea .stepcontent TEXTAREA { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .buttonLibrary { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .previewTextArea { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .rating LI A:hover { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .dbThreadTree { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .nav .sub UL LI A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .cmdiv A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .menumini A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .timediv UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .currentTags { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .auto_complete UL LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .lb-wrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .lb-wrapper .lb-header H2 { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .lb-wrapper .lb-content { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .myPlacesContent { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .myavatar { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .bubble UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .bubble .detailComments { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gradeDetailsStep { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .tableOverflowControl { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .inventory { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .brandingImgWrap { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .announcementList .item { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .announcementList-read .item { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #announcementList .item { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .contentList .details { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .contentListPlain .contentListRight + .details { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .announcementList .details { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #announcementList .details { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .datalistScroll { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .landingPageColumn UL LI UL.datalistScroll { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .panelNested { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .module { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .moduleHeading { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .collapsible { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .imgWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .scroll_div { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .eudModule .eudModule-inner { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .styledModule-dark .module-inner { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .portlet .itemGroups LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .portlet UL.hierarchyList LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .customBanner { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .loggedInAs { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #loggedInUserName { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .topTabs .hotItems UL.hotLinks { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .cmImg { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .itemTray .cartTableWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .sideTOC .cartTableWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .itemIconHolder A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .itemInfo .title { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .itemInfo .high { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .tocTreeWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .sideTOC .tocTreeWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .navPaletteContent A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .listCm .courseMenu H3 { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .buttonCm .courseMenu A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .expTreeContainer { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .listCm .treeContainer .tree { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .buttonCm .treeContainer .tree { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .treeContainer .tree LI H4 + UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #pickerPalette .tree > LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .treeScrollable { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #logDetail { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .table-scroll-wrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gridOverflowControl { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gradeItemsWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gradeSide .tocTreeWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV UL LI DIV.collabComments { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.comments DIV DIV.collabComments { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.studentGradesCommentPreview { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.grdDetEditTabCommentPreview { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.grdDetHistTabCommentPreview { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .u_scrollPanel-vertical { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .currentScore { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gbContainer { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gbtable DIV { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gbtable_header DIV { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gc_info UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gblist LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gblist LI SPAN { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .cumulativeSelectItems .selected_items .itemList { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .flynav UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .overrow DIV { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .weightField { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .criteriaItem { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.locationPane { DISPLAY: block }

/* ================================================================== * General i18n functions * Copyright (c) 2001 by Blackboard, Inc., * 1899 L Street, NW, 5th Floor * Washington, DC, 20036, U.S.A. * All rights reserved. * Submit RFC & bugs report to: [email protected] * This software is the confidential and proprietary information * of Blackboard, Inc. ("Confidential Information"). You * shall not disclose such Confidential Information and shall use * it only in accordance with the terms of the license agreement * you entered into with Blackboard. * ==================================================================*/ // internal methods function _escape(string) { // ?= does not seem to work return (''+string).replace(/^'|([^\\])'/g, "$1\\'").replace(/\n/g, "&crlf;"); } function _unescape(string) { return string.replace(/&crlf;/g, "\n"); } function _substitute(string, parameters) { for ( var key in parameters) { if ( parameters.hasOwnProperty( key ) ) { string = eval( "string.replace(/\\{" + key + "\\}/g, '" + _escape(parameters[key]) + "')" ); } } return _unescape(string); } // Public methods: these methods are instance methods of dynamically generated // Javascript bundle objects. See Java class blackboard.platform.intl.JsResource // and Perl module CI::L10n::JsResource. // Get a string from a resource bundle function i18n_get_string(key) { return this[key]; } // Get string and perform substitution using positions (arrays) or names (object) function i18n_get_formatted_string(key, parameters) { var string = this.getString(key); if (string && parameters) { // Convert to object keyed by string representation of array index if ( parameters.constructor.toString() == [].constructor.toString() ) { var array = parameters; parameters = {}; for (var i = 0; i < array.length; ++i) { parameters[''+i] = array[i]; } } string = _substitute(string, parameters); } return string; }

/* Prototype JavaScript framework, version 1.7 * (c) 2005-2010 Sam Stephenson * * Prototype is freely distributable under the terms of an MIT-style license. * For details, see the Prototype web site: http://www.prototypejs.org/ * *--------------------------------------------------------------------------*/ var Prototype = { Version: '1.7', Browser: (function(){ var ua = navigator.userAgent; var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]'; return { IE: !!window.attachEvent && !isOpera, Opera: isOpera, WebKit: ua.indexOf('AppleWebKit/') > -1, Gecko: ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') === -1, MobileSafari: /Apple.*Mobile/.test(ua) } })(), BrowserFeatures: { XPath: !!document.evaluate, SelectorsAPI: !!document.querySelector, ElementExtensions: (function() { var constructor = window.Element || window.HTMLElement; return !!(constructor && constructor.prototype); })(), SpecificElementExtensions: (function() { if (typeof window.HTMLDivElement !== 'undefined') return true; var div = document.createElement('div'), form = document.createElement('form'), isSupported = false; if (div['__proto__'] && (div['__proto__'] !== form['__proto__'])) { isSupported = true; } div = form = null; return isSupported; })() }, ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>', JSONFilter: /^\/\*-secure-([\s\S]*)\*\/\s*$/, emptyFunction: function() { }, K: function(x) { return x } }; if (Prototype.Browser.MobileSafari) Prototype.BrowserFeatures.SpecificElementExtensions = false; var Abstract = { }; var Try = { these: function() { var returnValue; for (var i = 0, length = arguments.length; i < length; i++) { var lambda = arguments[i]; try { returnValue = lambda(); break; } catch (e) { } } return returnValue; } }; /* Based on Alex Arnell's inheritance implementation. */ var Class = (function() { var IS_DONTENUM_BUGGY = (function(){ for (var p in { toString: 1 }) { if (p === 'toString') return false; } return true; })(); function subclass() {}; function create() { var parent = null, properties = $A(arguments); if (Object.isFunction(properties[0])) parent = properties.shift(); function klass() { this.initialize.apply(this, arguments); } Object.extend(klass, Class.Methods); klass.superclass = parent; klass.subclasses = []; if (parent) { subclass.prototype = parent.prototype; klass.prototype = new subclass; parent.subclasses.push(klass); } for (var i = 0, length = properties.length; i < length; i++) klass.addMethods(properties[i]); if (!klass.prototype.initialize) klass.prototype.initialize = Prototype.emptyFunction; klass.prototype.constructor = klass; return klass; } function addMethods(source) { var ancestor = this.superclass && this.superclass.prototype, properties = Object.keys(source); if (IS_DONTENUM_BUGGY) { if (source.toString != Object.prototype.toString) properties.push("toString"); if (source.valueOf != Object.prototype.valueOf) properties.push("valueOf"); } for (var i = 0, length = properties.length; i < length; i++) { var property = properties[i], value = source[property]; if (ancestor && Object.isFunction(value) && value.argumentNames()[0] == "$super") { var method = value; value = (function(m) { return function() { return ancestor[m].apply(this, arguments); }; })(property).wrap(method); value.valueOf = method.valueOf.bind(method); value.toString = method.toString.bind(method); } this.prototype[property] = value; } return this; } return { create: create, Methods: { addMethods: addMethods } }; })(); (function() { var _toString = Object.prototype.toString, NULL_TYPE = 'Null', UNDEFINED_TYPE = 'Undefined', BOOLEAN_TYPE = 'Boolean', NUMBER_TYPE = 'Number', STRING_TYPE = 'String', OBJECT_TYPE = 'Object', FUNCTION_CLASS = '[object Function]', BOOLEAN_CLASS = '[object Boolean]', NUMBER_CLASS = '[object Number]', STRING_CLASS = '[object String]', ARRAY_CLASS = '[object Array]', DATE_CLASS = '[object Date]', NATIVE_JSON_STRINGIFY_SUPPORT = window.JSON && typeof JSON.stringify === 'function' && JSON.stringify(0) === '0' && typeof JSON.stringify(Prototype.K) === 'undefined'; function Type(o) { switch(o) { case null: return NULL_TYPE; case (void 0): return UNDEFINED_TYPE; } var type = typeof o; switch(type) { case 'boolean': return BOOLEAN_TYPE; case 'number': return NUMBER_TYPE; case 'string': return STRING_TYPE; } return OBJECT_TYPE; } function extend(destination, source) { for (var property in source) destination[property] = source[property]; return destination; } function inspect(object) { try { if (isUndefined(object)) return 'undefined'; if (object === null) return 'null'; return object.inspect ? object.inspect() : String(object); } catch (e) { if (e instanceof RangeError) return '...'; throw e; } } function toJSON(value) { return Str('', { '': value }, []); } function Str(key, holder, stack) { var value = holder[key], type = typeof value; if (Type(value) === OBJECT_TYPE && typeof value.toJSON === 'function') { value = value.toJSON(key); } var _class = _toString.call(value); switch (_class) { case NUMBER_CLASS: case BOOLEAN_CLASS: case STRING_CLASS: value = value.valueOf(); } switch (value) { case null: return 'null'; case true: return 'true'; case false: return 'false'; } type = typeof value; switch (type) { case 'string': return value.inspect(true); case 'number': return isFinite(value) ? String(value) : 'null'; case 'object': for (var i = 0, length = stack.length; i < length; i++) { if (stack[i] === value) { throw new TypeError(); } } stack.push(value); var partial = []; if (_class === ARRAY_CLASS) { for (var i = 0, length = value.length; i < length; i++) { var str = Str(i, value, stack); partial.push(typeof str === 'undefined' ? 'null' : str); } partial = '[' + partial.join(',') + ']'; } else { var keys = Object.keys(value); for (var i = 0, length = keys.length; i < length; i++) { var key = keys[i], str = Str(key, value, stack); if (typeof str !== "undefined") { partial.push(key.inspect(true)+ ':' + str); } } partial = '{' + partial.join(',') + '}'; } stack.pop(); return partial; } } function stringify(object) { return JSON.stringify(object); } function toQueryString(object) { return $H(object).toQueryString(); } function toHTML(object) { return object && object.toHTML ? object.toHTML() : String.interpret(object); } function keys(object) { if (Type(object) !== OBJECT_TYPE) { throw new TypeError(); } var results = []; for (var property in object) { if (object.hasOwnProperty(property)) { results.push(property); } } return results; } function values(object) { var results = []; for (var property in object) results.push(object[property]); return results; } function clone(object) { return extend({ }, object); } function isElement(object) { return !!(object && object.nodeType == 1); } function isArray(object) { return _toString.call(object) === ARRAY_CLASS; } var hasNativeIsArray = (typeof Array.isArray == 'function') && Array.isArray([]) && !Array.isArray({}); if (hasNativeIsArray) { isArray = Array.isArray; } function isHash(object) { return object instanceof Hash; } function isFunction(object) { return _toString.call(object) === FUNCTION_CLASS; } function isString(object) { return _toString.call(object) === STRING_CLASS; } function isNumber(object) { return _toString.call(object) === NUMBER_CLASS; } function isDate(object) { return _toString.call(object) === DATE_CLASS; } function isUndefined(object) { return typeof object === "undefined"; } extend(Object, { extend: extend, inspect: inspect, toJSON: NATIVE_JSON_STRINGIFY_SUPPORT ? stringify : toJSON, toJSONEx: toJSON, // Leaving this in here to assist in debugging odd stringify issues in IE if we see them again in other contexts. toQueryString: toQueryString, toHTML: toHTML, keys: Object.keys || keys, values: values, clone: clone, isElement: isElement, isArray: isArray, isHash: isHash, isFunction: isFunction, isString: isString, isNumber: isNumber, isDate: isDate, isUndefined: isUndefined }); })(); Object.extend(Function.prototype, (function() { var slice = Array.prototype.slice; function update(array, args) { var arrayLength = array.length, length = args.length; while (length--) array[arrayLength + length] = args[length]; return array; } function merge(array, args) { array = slice.call(array, 0); return update(array, args); } function argumentNames() { var names = this.toString().match(/^[\s\(]*function[^(]*\(([^)]*)\)/)[1] .replace(/\/\/.*?[\r\n]|\/\*(?:.|[\r\n])*?\*\//g, '') .replace(/\s+/g, '').split(','); return names.length == 1 && !names[0] ? [] : names; } function bind(context) { if (arguments.length < 2 && Object.isUndefined(arguments[0])) return this; var __method = this, args = slice.call(arguments, 1); return function() { var a = merge(args, arguments); return __method.apply(context, a); } } function bindAsEventListener(context) { var __method = this, args = slice.call(arguments, 1); return function(event) { var a = update([event || window.event], args); return __method.apply(context, a); } } function curry() { if (!arguments.length) return this; var __method = this, args = slice.call(arguments, 0); return function() { var a = merge(args, arguments); return __method.apply(this, a); } } function delay(timeout) { var __method = this, args = slice.call(arguments, 1); timeout = timeout * 1000; return window.setTimeout(function() { return __method.apply(__method, args); }, timeout); } function defer() { var args = update([0.01], arguments); return this.delay.apply(this, args); } function wrap(wrapper) { var __method = this; return function() { var a = update([__method.bind(this)], arguments); return wrapper.apply(this, a); } } function methodize() { if (this._methodized) return this._methodized; var __method = this; return this._methodized = function() { var a = update([this], arguments); return __method.apply(null, a); }; } return { argumentNames: argumentNames, bind: bind, bindAsEventListener: bindAsEventListener, curry: curry, delay: delay, defer: defer, wrap: wrap, methodize: methodize } })()); (function(proto) { function toISOString() { return this.getUTCFullYear() + '-' + (this.getUTCMonth() + 1).toPaddedString(2) + '-' + this.getUTCDate().toPaddedString(2) + 'T' + this.getUTCHours().toPaddedString(2) + ':' + this.getUTCMinutes().toPaddedString(2) + ':' + this.getUTCSeconds().toPaddedString(2) + 'Z'; } function toJSON() { return this.toISOString(); } if (!proto.toISOString) proto.toISOString = toISOString; if (!proto.toJSON) proto.toJSON = toJSON; })(Date.prototype); RegExp.prototype.match = RegExp.prototype.test; RegExp.escape = function(str) { return String(str).replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1'); }; var PeriodicalExecuter = Class.create({ initialize: function(callback, frequency) { this.callback = callback; this.frequency = frequency; this.currentlyExecuting = false; this.registerCallback(); }, registerCallback: function() { this.timer = setInterval(this.onTimerEvent.bind(this), this.frequency * 1000); }, execute: function() { this.callback(this); }, stop: function() { if (!this.timer) return; clearInterval(this.timer); this.timer = null; }, onTimerEvent: function() { if (!this.currentlyExecuting) { try { this.currentlyExecuting = true; this.execute(); this.currentlyExecuting = false; } catch(e) { this.currentlyExecuting = false; throw e; } } } }); Object.extend(String, { interpret: function(value) { return value == null ? '' : String(value); }, specialChar: { '\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '\\': '\\\\' } }); Object.extend(String.prototype, (function() { var NATIVE_JSON_PARSE_SUPPORT = window.JSON && typeof JSON.parse === 'function' && JSON.parse('{"test": true}').test; function prepareReplacement(replacement) { if (Object.isFunction(replacement)) return replacement; var template = new Template(replacement); return function(match) { return template.evaluate(match) }; } function gsub(pattern, replacement) { var result = '', source = this, match; replacement = prepareReplacement(replacement); if (Object.isString(pattern)) pattern = RegExp.escape(pattern); if (!(pattern.length || pattern.source)) { replacement = replacement(''); return replacement + source.split('').join(replacement) + replacement; } while (source.length > 0) { if (match = source.match(pattern)) { result += source.slice(0, match.index); result += String.interpret(replacement(match)); source = source.slice(match.index + match[0].length); } else { result += source, source = ''; } } return result; } function sub(pattern, replacement, count) { replacement = prepareReplacement(replacement); count = Object.isUndefined(count) ? 1 : count; return this.gsub(pattern, function(match) { if (--count < 0) return match[0]; return replacement(match); }); } function scan(pattern, iterator) { this.gsub(pattern, iterator); return String(this); } function truncate(length, truncation) { length = length || 30; truncation = Object.isUndefined(truncation) ? '...' : truncation; return this.length > length ? this.slice(0, length - truncation.length) + truncation : String(this); } function strip() { return this.replace(/^\s+/, '').replace(/\s+$/, ''); } function stripTags() { return this.replace(/<\w+(\s+("[^"]*"|'[^']*'|[^>])+)?>|<\/\w+>/gi, ''); } function stripScripts() { return this.replace(new RegExp(Prototype.ScriptFragment, 'img'), ''); } function extractScripts() { var matchAll = new RegExp(Prototype.ScriptFragment, 'img'), matchOne = new RegExp(Prototype.ScriptFragment, 'im'); var htmlStr = this.replace(new RegExp('\<![ \r\n\t]*(--([^\-]|[\r\n]|-[^\-])*--[ \r\n\t]*)\>', 'img'), ''); return (htmlStr.match(matchAll) || []).map(function(scriptTag) { return (scriptTag.match(matchOne) || ['', ''])[1]; }); } function evalScripts() { return this.extractScripts().map(function(script) { return eval(script) }); } function escapeHTML() { return this.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); } function unescapeHTML() { return this.stripTags().replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&amp;/g,'&'); } function toQueryParams(separator) { var match = this.strip().match(/([^?#]*)(#.*)?$/); if (!match) return { }; return match[1].split(separator || '&').inject({ }, function(hash, pair) { if ((pair = pair.split('='))[0]) { var key = decodeURIComponent(pair.shift()), value = pair.length > 1 ? pair.join('=') : pair[0]; if (value != undefined) value = decodeURIComponent(value); if (key in hash) { if (!Object.isArray(hash[key])) hash[key] = [hash[key]]; hash[key].push(value); } else hash[key] = value; } return hash; }); } function toArray() { return this.split(''); } function succ() { return this.slice(0, this.length - 1) + String.fromCharCode(this.charCodeAt(this.length - 1) + 1); } function times(count) { return count < 1 ? '' : new Array(count + 1).join(this); } function camelize() { return this.replace(/-+(.)?/g, function(match, chr) { return chr ? chr.toUpperCase() : ''; }); } function capitalize() { return this.charAt(0).toUpperCase() + this.substring(1).toLowerCase(); } function underscore() { return this.replace(/::/g, '/') .replace(/([A-Z]+)([A-Z][a-z])/g, '$1_$2') .replace(/([a-z\d])([A-Z])/g, '$1_$2') .replace(/-/g, '_') .toLowerCase(); } function dasherize() { return this.replace(/_/g, '-'); } function inspect(useDoubleQuotes) { var escapedString = this.replace(/[\x00-\x1f\\]/g, function(character) { if (character in String.specialChar) { return String.specialChar[character]; } return '\\u00' + character.charCodeAt().toPaddedString(2, 16); }); if (useDoubleQuotes) return '"' + escapedString.replace(/"/g, '\\"') + '"'; return "'" + escapedString.replace(/'/g, '\\\'') + "'"; } function unfilterJSON(filter) { return this.replace(filter || Prototype.JSONFilter, '$1'); } function isJSON() { var str = this; if (str.blank()) return false; str = str.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@'); str = str.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']'); str = str.replace(/(?:^|:|,)(?:\s*\[)+/g, ''); return (/^[\],:{}\s]*$/).test(str); } function evalJSON(sanitize) { var json = this.unfilterJSON(), cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g; if (cx.test(json)) { json = json.replace(cx, function (a) { return '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4); }); } try { if (!sanitize || json.isJSON()) return eval('(' + json + ')'); } catch (e) { } throw new SyntaxError('Badly formed JSON string: ' + this.inspect()); } function parseJSON() { var json = this.unfilterJSON(); return JSON.parse(json); } function include(pattern) { return this.indexOf(pattern) > -1; } function startsWith(pattern) { return this.lastIndexOf(pattern, 0) === 0; } function endsWith(pattern) { var d = this.length - pattern.length; return d >= 0 && this.indexOf(pattern, d) === d; } function empty() { return this == ''; } function blank() { return /^\s*$/.test(this); } function interpolate(object, pattern) { return new Template(this, pattern).evaluate(object); } return { gsub: gsub, sub: sub, scan: scan, truncate: truncate, strip: String.prototype.trim || strip, stripTags: stripTags, stripScripts: stripScripts, extractScripts: extractScripts, evalScripts: evalScripts, escapeHTML: escapeHTML, unescapeHTML: unescapeHTML, toQueryParams: toQueryParams, parseQuery: toQueryParams, toArray: toArray, succ: succ, times: times, camelize: camelize, capitalize: capitalize, underscore: underscore, dasherize: dasherize, inspect: inspect, unfilterJSON: unfilterJSON, isJSON: isJSON, evalJSON: NATIVE_JSON_PARSE_SUPPORT ? parseJSON : evalJSON, include: include, startsWith: startsWith, endsWith: endsWith, empty: empty, blank: blank, interpolate: interpolate }; })()); var Template = Class.create({ initialize: function(template, pattern) { this.template = template.toString(); this.pattern = pattern || Template.Pattern; }, evaluate: function(object) { if (object && Object.isFunction(object.toTemplateReplacements)) object = object.toTemplateReplacements(); return this.template.gsub(this.pattern, function(match) { if (object == null) return (match[1] + ''); var before = match[1] || ''; if (before == '\\') return match[2]; var ctx = object, expr = match[3], pattern = /^([^.[]+|\[((?:.*?[^\\])?)\])(\.|\[|$)/; match = pattern.exec(expr); if (match == null) return before; while (match != null) { var comp = match[1].startsWith('[') ? match[2].replace(/\\\\]/g, ']') : match[1]; ctx = ctx[comp]; if (null == ctx || '' == match[3]) break; expr = expr.substring('[' == match[3] ? match[1].length : match[0].length); match = pattern.exec(expr); } return before + String.interpret(ctx); }); } }); Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/; var $break = { }; var Enumerable = (function() { function each(iterator, context) { var index = 0; try { this._each(function(value) { iterator.call(context, value, index++); }); } catch (e) { if (e != $break) throw e; } return this; } function eachSlice(number, iterator, context) { var index = -number, slices = [], array = this.toArray(); if (number < 1) return array; while ((index += number) < array.length) slices.push(array.slice(index, index+number)); return slices.collect(iterator, context); } function all(iterator, context) { iterator = iterator || Prototype.K; var result = true; this.each(function(value, index) { result = result && !!iterator.call(context, value, index); if (!result) throw $break; }); return result; } function any(iterator, context) { iterator = iterator || Prototype.K; var result = false; this.each(function(value, index) { if (result = !!iterator.call(context, value, index)) throw $break; }); return result; } function collect(iterator, context) { iterator = iterator || Prototype.K; var results = []; this.each(function(value, index) { results.push(iterator.call(context, value, index)); }); return results; } function detect(iterator, context) { var result; this.each(function(value, index) { if (iterator.call(context, value, index)) { result = value; throw $break; } }); return result; } function findAll(iterator, context) { var results = []; this.each(function(value, index) { if (iterator.call(context, value, index)) results.push(value); }); return results; } function grep(filter, iterator, context) { iterator = iterator || Prototype.K; var results = []; if (Object.isString(filter)) filter = new RegExp(RegExp.escape(filter)); this.each(function(value, index) { if (filter.match(value)) results.push(iterator.call(context, value, index)); }); return results; } function include(object) { if (Object.isFunction(this.indexOf)) if (this.indexOf(object) != -1) return true; var found = false; this.each(function(value) { if (value == object) { found = true; throw $break; } }); return found; } function inGroupsOf(number, fillWith) { fillWith = Object.isUndefined(fillWith) ? null : fillWith; return this.eachSlice(number, function(slice) { while(slice.length < number) slice.push(fillWith); return slice; }); } function inject(memo, iterator, context) { this.each(function(value, index) { memo = iterator.call(context, memo, value, index); }); return memo; } function invoke(method) { var args = $A(arguments).slice(1); return this.map(function(value) { return value[method].apply(value, args); }); } function max(iterator, context) { iterator = iterator || Prototype.K; var result; this.each(function(value, index) { value = iterator.call(context, value, index); if (result == null || value >= result) result = value; }); return result; } function min(iterator, context) { iterator = iterator || Prototype.K; var result; this.each(function(value, index) { value = iterator.call(context, value, index); if (result == null || value < result) result = value; }); return result; } function partition(iterator, context) { iterator = iterator || Prototype.K; var trues = [], falses = []; this.each(function(value, index) { (iterator.call(context, value, index) ? trues : falses).push(value); }); return [trues, falses]; } function pluck(property) { var results = []; this.each(function(value) { results.push(value[property]); }); return results; } function reject(iterator, context) { var results = []; this.each(function(value, index) { if (!iterator.call(context, value, index)) results.push(value); }); return results; } function sortBy(iterator, context) { return this.map(function(value, index) { return { value: value, criteria: iterator.call(context, value, index) }; }).sort(function(left, right) { var a = left.criteria, b = right.criteria; return a < b ? -1 : a > b ? 1 : 0; }).pluck('value'); } function toArray() { return this.map(); } function zip() { var iterator = Prototype.K, args = $A(arguments); if (Object.isFunction(args.last())) iterator = args.pop(); var collections = [this].concat(args).map($A); return this.map(function(value, index) { return iterator(collections.pluck(index)); }); } function size() { return this.toArray().length; } function inspect() { return '#<Enumerable:' + this.toArray().inspect() + '>'; } return { each: each, eachSlice: eachSlice, all: all, every: all, any: any, some: any, collect: collect, map: collect, detect: detect, findAll: findAll, select: findAll, filter: findAll, grep: grep, include: include, member: include, inGroupsOf: inGroupsOf, inject: inject, invoke: invoke, max: max, min: min, partition: partition, pluck: pluck, reject: reject, sortBy: sortBy, toArray: toArray, entries: toArray, zip: zip, size: size, inspect: inspect, find: detect }; })(); function $A(iterable) { if (!iterable) return []; if ('toArray' in Object(iterable)) return iterable.toArray(); var length = iterable.length || 0, results = new Array(length); while (length--) results[length] = iterable[length]; return results; } function $w(string) { if (!Object.isString(string)) return []; string = string.strip(); return string ? string.split(/\s+/) : []; } Array.from = $A; (function() { var arrayProto = Array.prototype, slice = arrayProto.slice, _each = arrayProto.forEach; // use native browser JS 1.6 implementation if available function each(iterator, context) { for (var i = 0, length = this.length >>> 0; i < length; i++) { if (i in this) iterator.call(context, this[i], i, this); } } if (!_each) _each = each; function clear() { this.length = 0; return this; } function first() { return this[0]; } function last() { return this[this.length - 1]; } function compact() { return this.select(function(value) { return value != null; }); } function flatten() { return this.inject([], function(array, value) { if (Object.isArray(value)) return array.concat(value.flatten()); array.push(value); return array; }); } function without() { var values = slice.call(arguments, 0); return this.select(function(value) { return !values.include(value); }); } function reverse(inline) { return (inline === false ? this.toArray() : this)._reverse(); } function uniq(sorted) { return this.inject([], function(array, value, index) { if (0 == index || (sorted ? array.last() != value : !array.include(value))) array.push(value); return array; }); } function intersect(array) { return this.uniq().findAll(function(item) { return array.detect(function(value) { return item === value }); }); } function clone() { return slice.call(this, 0); } function size() { return this.length; } function inspect() { return '[' + this.map(Object.inspect).join(', ') + ']'; } function indexOf(item, i) { i || (i = 0); var length = this.length; if (i < 0) i = length + i; for (; i < length; i++) if (this[i] === item) return i; return -1; } function lastIndexOf(item, i) { i = isNaN(i) ? this.length : (i < 0 ? this.length + i : i) + 1; var n = this.slice(0, i).reverse().indexOf(item); return (n < 0) ? n : i - n - 1; } function concat() { var array = slice.call(this, 0), item; for (var i = 0, length = arguments.length; i < length; i++) { item = arguments[i]; if (Object.isArray(item) && !('callee' in item)) { for (var j = 0, arrayLength = item.length; j < arrayLength; j++) array.push(item[j]); } else { array.push(item); } } return array; } Object.extend(arrayProto, Enumerable); if (!arrayProto._reverse) arrayProto._reverse = arrayProto.reverse; Object.extend(arrayProto, { _each: _each, clear: clear, first: first, last: last, compact: compact, flatten: flatten, without: without, reverse: reverse, uniq: uniq, intersect: intersect, clone: clone, toArray: clone, size: size, inspect: inspect }); var CONCAT_ARGUMENTS_BUGGY = (function() { return [].concat(arguments)[0][0] !== 1; })(1,2) if (CONCAT_ARGUMENTS_BUGGY) arrayProto.concat = concat; if (!arrayProto.indexOf) arrayProto.indexOf = indexOf; if (!arrayProto.lastIndexOf) arrayProto.lastIndexOf = lastIndexOf; })(); function $H(object) { return new Hash(object); }; var Hash = Class.create(Enumerable, (function() { function initialize(object) { this._object = Object.isHash(object) ? object.toObject() : Object.clone(object); } function _each(iterator) { for (var key in this._object) { var value = this._object[key], pair = [key, value]; pair.key = key; pair.value = value; iterator(pair); } } function set(key, value) { return this._object[key] = value; } function get(key) { if (this._object[key] !== Object.prototype[key]) return this._object[key]; } function unset(key) { var value = this._object[key]; delete this._object[key]; return value; } function toObject() { return Object.clone(this._object); } function keys() { return this.pluck('key'); } function values() { return this.pluck('value'); } function index(value) { var match = this.detect(function(pair) { return pair.value === value; }); return match && match.key; } function merge(object) { return this.clone().update(object); } function update(object) { return new Hash(object).inject(this, function(result, pair) { result.set(pair.key, pair.value); return result; }); } function toQueryPair(key, value) { if (Object.isUndefined(value)) return key; return key + '=' + encodeURIComponent(String.interpret(value)); } function toQueryString() { return this.inject([], function(results, pair) { var key = encodeURIComponent(pair.key), values = pair.value; if (values && typeof values == 'object') { if (Object.isArray(values)) { var queryValues = []; for (var i = 0, len = values.length, value; i < len; i++) { value = values[i]; queryValues.push(toQueryPair(key, value)); } return results.concat(queryValues); } } else results.push(toQueryPair(key, values)); return results; }).join('&'); } function inspect() { return '#<Hash:{' + this.map(function(pair) { return pair.map(Object.inspect).join(': '); }).join(', ') + '}>'; } function clone() { return new Hash(this); } return { initialize: initialize, _each: _each, set: set, get: get, unset: unset, toObject: toObject, toTemplateReplacements: toObject, keys: keys, values: values, index: index, merge: merge, update: update, toQueryString: toQueryString, inspect: inspect, toJSON: toObject, clone: clone }; })()); Hash.from = $H; Object.extend(Number.prototype, (function() { function toColorPart() { return this.toPaddedString(2, 16); } function succ() { return this + 1; } function times(iterator, context) { $R(0, this, true).each(iterator, context); return this; } function toPaddedString(length, radix) { var string = this.toString(radix || 10); return '0'.times(length - string.length) + string; } function abs() { return Math.abs(this); } function round() { return Math.round(this); } function ceil() { return Math.ceil(this); } function floor() { return Math.floor(this); } return { toColorPart: toColorPart, succ: succ, times: times, toPaddedString: toPaddedString, abs: abs, round: round, ceil: ceil, floor: floor }; })()); function $R(start, end, exclusive) { return new ObjectRange(start, end, exclusive); } var ObjectRange = Class.create(Enumerable, (function() { function initialize(start, end, exclusive) { this.start = start; this.end = end; this.exclusive = exclusive; } function _each(iterator) { var value = this.start; while (this.include(value)) { iterator(value); value = value.succ(); } } function include(value) { if (value < this.start) return false; if (this.exclusive) return value < this.end; return value <= this.end; } return { initialize: initialize, _each: _each, include: include }; })()); var Ajax = { getTransport: function() { return Try.these( function() {return new XMLHttpRequest()}, function() {return new ActiveXObject('Msxml2.XMLHTTP')}, function() {return new ActiveXObject('Microsoft.XMLHTTP')} ) || false; }, activeRequestCount: 0 }; Ajax.Responders = { responders: [], _each: function(iterator) { this.responders._each(iterator); }, register: function(responder) { if (!this.include(responder)) this.responders.push(responder); }, unregister: function(responder) { this.responders = this.responders.without(responder); }, dispatch: function(callback, request, transport, json) { this.each(function(responder) { if (Object.isFunction(responder[callback])) { try { responder[callback].apply(responder, [request, transport, json]); } catch (e) { } } }); }, hasResponder: function( callback ) { this.each(function(responder) { if (Object.isFunction(responder[callback])) { return true; } }); return false; } }; Object.extend(Ajax.Responders, Enumerable); Ajax.Responders.register({ onCreate: function() { Ajax.activeRequestCount++ }, onComplete: function() { Ajax.activeRequestCount-- } }); Ajax.Base = Class.create({ initialize: function(options) { this.options = { method: 'post', asynchronous: true, contentType: 'application/x-www-form-urlencoded', encoding: 'UTF-8', parameters: '', evalJSON: true, evalJS: true }; Object.extend(this.options, options || { }); this.options.method = this.options.method.toLowerCase(); if (Object.isHash(this.options.parameters)) this.options.parameters = this.options.parameters.toObject(); } }); Ajax.Request = Class.create(Ajax.Base, { _complete: false, initialize: function($super, url, options) { $super(options); this.transport = Ajax.getTransport(); this.request(url); }, request: function(url) { this.url = url; this.method = this.options.method; var params = Object.isString(this.options.parameters) ? this.options.parameters : Object.toQueryString(this.options.parameters); if (!['get', 'post'].include(this.method)) { params += (params ? '&' : '') + "_method=" + this.method; this.method = 'post'; } if (params && this.method === 'get') { this.url += (this.url.include('?') ? '&' : '?') + params; } this.parameters = params.toQueryParams(); try { var response = new Ajax.Response(this); if (this.options.onCreate) this.options.onCreate(response); Ajax.Responders.dispatch('onCreate', this, response); this.transport.open(this.method.toUpperCase(), this.url, this.options.asynchronous); if (this.options.asynchronous) this.respondToReadyState.bind(this).defer(1); this.transport.onreadystatechange = this.onStateChange.bind(this); this.setRequestHeaders(); this.body = this.method == 'post' ? (this.options.postBody || params) : null; this.transport.send(this.body); /* Force Firefox to handle ready state 4 for synchronous requests */ if (!this.options.asynchronous && this.transport.overrideMimeType) this.onStateChange(); } catch (e) { this.dispatchException(e); } }, onStateChange: function() { var readyState = this.transport.readyState; if (readyState > 1 && !((readyState == 4) && this._complete)) this.respondToReadyState(this.transport.readyState); }, setRequestHeaders: function() { var headers = { 'X-Requested-With': 'XMLHttpRequest', 'X-Prototype-Version': Prototype.Version, 'Accept': 'text/javascript, text/html, application/xml, text/xml, */*' }; if (this.method == 'post') { headers['Content-type'] = this.options.contentType + (this.options.encoding ? '; charset=' + this.options.encoding : ''); /* Force "Connection: close" for older Mozilla browsers to work * around a bug where XMLHttpRequest sends an incorrect * Content-length header. See Mozilla Bugzilla #246651. */ if (this.transport.overrideMimeType && (navigator.userAgent.match(/Gecko\/(\d{4})/) || [0,2005])[1] < 2005) headers['Connection'] = 'close'; } if (typeof this.options.requestHeaders == 'object') { var extras = this.options.requestHeaders; if (Object.isFunction(extras.push)) for (var i = 0, length = extras.length; i < length; i += 2) headers[extras[i]] = extras[i+1]; else $H(extras).each(function(pair) { headers[pair.key] = pair.value }); } for (var name in headers) this.transport.setRequestHeader(name, headers[name]); }, success: function() { var status = this.getStatus(); return !status || (status >= 200 && status < 300) || status == 304; }, getStatus: function() { try { if (this.transport.status === 1223) return 204; return this.transport.status || 0; } catch (e) { return 0 } }, respondToReadyState: function(readyState) { var state = Ajax.Request.Events[readyState]; // quite a high number of Interactive events can be generated on some browsers // triggering a memory issue in FF3 when building the response object. So if there is no // registered listener, quick return // see https://bugzilla.mozilla.org/show_bug.cgi?id=453709 if ( state == 'Interactive' ) { if ( this.notListeningToInteractive ) { if ( this.notListeningToInteractive.value ) return; } else { this.notListeningToInteractive = new Object(); this.notListeningToInteractive.value = ( !this.options['onInteractive'] && !Ajax.Responders.hasResponder( state ) ); if ( this.notListeningToInteractive.value ) return; } } var response = new Ajax.Response(this); if (state == 'Complete') { try { this._complete = true; (this.options['on' + response.status] || this.options['on' + (this.success() ? 'Success' : 'Failure')] || Prototype.emptyFunction)(response, response.headerJSON); } catch (e) { this.dispatchException(e); } var contentType = response.getHeader('Content-type'); if (this.options.evalJS == 'force' || (this.options.evalJS && this.isSameOrigin() && contentType && contentType.match(/^\s*(text|application)\/(x-)?(java|ecma)script(;.*)?\s*$/i))) this.evalResponse(); } try { (this.options['on' + state] || Prototype.emptyFunction)(response, response.headerJSON); Ajax.Responders.dispatch('on' + state, this, response, response.headerJSON); } catch (e) { this.dispatchException(e); } if (state == 'Complete') { this.transport.onreadystatechange = Prototype.emptyFunction; } }, isSameOrigin: function() { var m = this.url.match(/^\s*https?:\/\/[^\/]*/); return !m || (m[0] == '#{protocol}//#{domain}#{port}'.interpolate({ protocol: location.protocol, domain: document.domain, port: location.port ? ':' + location.port : '' })); }, getHeader: function(name) { try { return this.transport.getResponseHeader(name) || null; } catch (e) { return null; } }, evalResponse: function() { try { return eval((this.transport.responseText || '').unfilterJSON()); } catch (e) { this.dispatchException(e); } }, dispatchException: function(exception) { (this.options.onException || Prototype.emptyFunction)(this, exception); Ajax.Responders.dispatch('onException', this, exception); } }); Ajax.Request.Events = ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete']; Ajax.Response = Class.create({ initialize: function(request){ this.request = request; var transport = this.transport = request.transport, readyState = this.readyState = transport.readyState; if ((readyState > 2 && !Prototype.Browser.IE) || readyState == 4) { this.status = this.getStatus(); this.statusText = this.getStatusText(); this.responseText = String.interpret(transport.responseText); this.headerJSON = this._getHeaderJSON(); } if (readyState == 4) { var xml = transport.responseXML; this.responseXML = Object.isUndefined(xml) ? null : xml; this.responseJSON = this._getResponseJSON(); } }, status: 0, statusText: '', getStatus: Ajax.Request.prototype.getStatus, getStatusText: function() { try { return this.transport.statusText || ''; } catch (e) { return '' } }, getHeader: Ajax.Request.prototype.getHeader, getAllHeaders: function() { try { return this.getAllResponseHeaders(); } catch (e) { return null } }, getResponseHeader: function(name) { return this.transport.getResponseHeader(name); }, getAllResponseHeaders: function() { return this.transport.getAllResponseHeaders(); }, _getHeaderJSON: function() { var json = this.getHeader('X-JSON'); if (!json) return null; json = decodeURIComponent(escape(json)); try { return json.evalJSON(this.request.options.sanitizeJSON || !this.request.isSameOrigin()); } catch (e) { this.request.dispatchException(e); } }, _getResponseJSON: function() { var options = this.request.options; if (!options.evalJSON || (options.evalJSON != 'force' && !(this.getHeader('Content-type') || '').include('application/json')) || this.responseText.blank()) return null; try { return this.responseText.evalJSON(options.sanitizeJSON || !this.request.isSameOrigin()); } catch (e) { this.request.dispatchException(e); } } }); Ajax.Updater = Class.create(Ajax.Request, { initialize: function($super, container, url, options) { this.container = { success: (container.success || container), failure: (container.failure || (container.success ? null : container)) }; options = Object.clone(options); var onComplete = options.onComplete; options.onComplete = (function(response, json) { this.updateContent(response.responseText); if (Object.isFunction(onComplete)) onComplete(response, json); }).bind(this); $super(url, options); }, updateContent: function(responseText) { var receiver = this.container[this.success() ? 'success' : 'failure'], options = this.options; if (!options.evalScripts) responseText = responseText.stripScripts(); if (receiver = $(receiver)) { if (options.insertion) { if (Object.isString(options.insertion)) { var insertion = { }; insertion[options.insertion] = responseText; receiver.insert(insertion); } else options.insertion(receiver, responseText); } else receiver.update(responseText); } } }); Ajax.PeriodicalUpdater = Class.create(Ajax.Base, { initialize: function($super, container, url, options) { $super(options); this.onComplete = this.options.onComplete; this.frequency = (this.options.frequency || 2); this.decay = (this.options.decay || 1); this.updater = { }; this.container = container; this.url = url; this.start(); }, start: function() { this.options.onComplete = this.updateComplete.bind(this); this.onTimerEvent(); }, stop: function() { this.updater.options.onComplete = undefined; clearTimeout(this.timer); (this.onComplete || Prototype.emptyFunction).apply(this, arguments); }, updateComplete: function(response) { if (this.options.decay) { this.decay = (response.responseText == this.lastText ? this.decay * this.options.decay : 1); this.lastText = response.responseText; } this.timer = this.onTimerEvent.bind(this).delay(this.decay * this.frequency); }, onTimerEvent: function() { this.updater = new Ajax.Updater(this.container, this.url, this.options); } }); function $s(element) { if (Object.isString(element)) { return document.getElementById(element); } return element; } function $(element) { if (arguments.length > 1) { for (var i = 0, elements = [], length = arguments.length; i < length; i++) elements.push($(arguments[i])); return elements; } if (Object.isString(element)) element = document.getElementById(element); return Element.extend(element); } if (Prototype.BrowserFeatures.XPath) { document._getElementsByXPath = function(expression, parentElement) { var results = []; var query = document.evaluate(expression, $(parentElement) || document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); for (var i = 0, length = query.snapshotLength; i < length; i++) results.push(Element.extend(query.snapshotItem(i))); return results; }; } /*--------------------------------------------------------------------------*/ if (!Node) var Node = { }; if (!Node.ELEMENT_NODE) { Object.extend(Node, { ELEMENT_NODE: 1, ATTRIBUTE_NODE: 2, TEXT_NODE: 3, CDATA_SECTION_NODE: 4, ENTITY_REFERENCE_NODE: 5, ENTITY_NODE: 6, PROCESSING_INSTRUCTION_NODE: 7, COMMENT_NODE: 8, DOCUMENT_NODE: 9, DOCUMENT_TYPE_NODE: 10, DOCUMENT_FRAGMENT_NODE: 11, NOTATION_NODE: 12 }); } (function(global) { function shouldUseCache(tagName, attributes) { if (tagName === 'select') return false; if ('type' in attributes) return false; return true; } var HAS_EXTENDED_CREATE_ELEMENT_SYNTAX = (function(){ try { var el = document.createElement('<input name="x">'); return el.tagName.toLowerCase() === 'input' && el.name === 'x'; } catch(err) { return false; } })(); var element = global.Element; global.Element = function(tagName, attributes) { attributes = attributes || { }; tagName = tagName.toLowerCase(); var cache = Element.cache; if (HAS_EXTENDED_CREATE_ELEMENT_SYNTAX && attributes.name) { tagName = '<' + tagName + ' name="' + attributes.name + '">'; delete attributes.name; return Element.writeAttribute(document.createElement(tagName), attributes); } if (!cache[tagName]) cache[tagName] = Element.extend(document.createElement(tagName)); var node = shouldUseCache(tagName, attributes) ? cache[tagName].cloneNode(false) : document.createElement(tagName); return Element.writeAttribute(node, attributes); }; Object.extend(global.Element, element || { }); if (element) global.Element.prototype = element.prototype; })(this); Element.idCounter = 1; Element.cache = { }; Element._purgeElement = function(element) { var uid = element._prototypeUID; if (uid) { Element.stopObserving(element); element._prototypeUID = void 0; delete Element.Storage[uid]; } } Element.Methods = { visible: function(element) { return $(element).style.display != 'none'; }, toggle: function(element) { element = $(element); Element[Element.visible(element) ? 'hide' : 'show'](element); return element; }, hide: function(element) { element = $(element); element.style.display = 'none'; return element; }, show: function(element) { element = $(element); element.style.display = ''; return element; }, // only extend the element if it is a string - otherwise we don't need to extend the element remove: function(element) { if (Object.isString(element)) { element = $(element); } if (element.parentNode) { element.parentNode.removeChild(element); } return element; }, update: (function(){ var SELECT_ELEMENT_INNERHTML_BUGGY = (function(){ var el = document.createElement("select"), isBuggy = true; el.innerHTML = "<option value=\"test\">test</option>"; if (el.options && el.options[0]) { isBuggy = el.options[0].nodeName.toUpperCase() !== "OPTION"; } el = null; return isBuggy; })(); var TABLE_ELEMENT_INNERHTML_BUGGY = (function(){ try { var el = document.createElement("table"); if (el && el.tBodies) { el.innerHTML = "<tbody><tr><td>test</td></tr></tbody>"; var isBuggy = typeof el.tBodies[0] == "undefined"; el = null; return isBuggy; } } catch (e) { return true; } })(); var LINK_ELEMENT_INNERHTML_BUGGY = (function() { try { var el = document.createElement('div'); el.innerHTML = "<link>"; var isBuggy = (el.childNodes.length === 0); el = null; return isBuggy; } catch(e) { return true; } })(); var ANY_INNERHTML_BUGGY = SELECT_ELEMENT_INNERHTML_BUGGY || TABLE_ELEMENT_INNERHTML_BUGGY || LINK_ELEMENT_INNERHTML_BUGGY; var SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING = (function () { var s = document.createElement("script"), isBuggy = false; try { s.appendChild(document.createTextNode("")); isBuggy = !s.firstChild || s.firstChild && s.firstChild.nodeType !== 3; } catch (e) { isBuggy = true; } s = null; return isBuggy; })(); function update(element, content) { element = $(element); var purgeElement = Element._purgeElement; var descendants = element.getElementsByTagName('*'), i = descendants.length; while (i--) purgeElement(descendants[i]); if (content && content.toElement) content = content.toElement(); if (Object.isElement(content)) return element.update().insert(content); content = Object.toHTML(content); var tagName = element.tagName.toUpperCase(); if (tagName === 'SCRIPT' && SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING) { element.text = content; return element; } if (ANY_INNERHTML_BUGGY) { if (tagName in Element._insertionTranslations.tags) { while (element.firstChild) { element.removeChild(element.firstChild); } Element._getContentFromAnonymousElement(tagName, content.stripScripts()) .each(function(node) { element.appendChild(node) }); } else if (LINK_ELEMENT_INNERHTML_BUGGY && Object.isString(content) && content.indexOf('<link') > -1) { while (element.firstChild) { element.removeChild(element.firstChild); } var nodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts(), true); nodes.each(function(node) { element.appendChild(node) }); } else { element.innerHTML = content.stripScripts(); } } else { element.innerHTML = content.stripScripts(); } content.evalScripts.bind(content).defer(); return element; } return update; })(), replace: function(element, content) { element = $(element); if (content && content.toElement) content = content.toElement(); else if (!Object.isElement(content)) { content = Object.toHTML(content); var range = element.ownerDocument.createRange(); range.selectNode(element); content.evalScripts.bind(content).defer(); content = range.createContextualFragment(content.stripScripts()); } element.parentNode.replaceChild(content, element); return element; }, insert: function(element, insertions) { element = $(element); if (Object.isString(insertions) || Object.isNumber(insertions) || Object.isElement(insertions) || (insertions && (insertions.toElement || insertions.toHTML))) insertions = {bottom:insertions}; var content, insert, tagName, childNodes; for (var position in insertions) { content = insertions[position]; position = position.toLowerCase(); insert = Element._insertionTranslations[position]; if (content && content.toElement) content = content.toElement(); if (Object.isElement(content)) { insert(element, content); continue; } content = Object.toHTML(content); tagName = ((position == 'before' || position == 'after') ? element.parentNode : element).tagName.toUpperCase(); childNodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts()); if (position == 'top' || position == 'after') childNodes.reverse(); childNodes.each(insert.curry(element)); content.evalScripts.bind(content).defer(); } return element; }, wrap: function(element, wrapper, attributes) { element = $(element); if (Object.isElement(wrapper)) $(wrapper).writeAttribute(attributes || { }); else if (Object.isString(wrapper)) wrapper = new Element(wrapper, attributes); else wrapper = new Element('div', wrapper); if (element.parentNode) element.parentNode.replaceChild(wrapper, element); wrapper.appendChild(element); return wrapper; }, inspect: function(element) { element = $(element); var result = '<' + element.tagName.toLowerCase(); $H({'id': 'id', 'className': 'class'}).each(function(pair) { var property = pair.first(), attribute = pair.last(), value = (element[property] || '').toString(); if (value) result += ' ' + attribute + '=' + value.inspect(true); }); return result + '>'; }, recursivelyCollect: function(element, property, maximumLength) { element = $(element); maximumLength = maximumLength || -1; var elements = []; while (element = element[property]) { if (element.nodeType == 1) elements.push(Element.extend(element)); if (elements.length == maximumLength) break; } return elements; }, // Collect items without extending them all: rawRecursivelyCollect: function(element, property) { element = $(element); var elements = []; while (element = element[property]) if (element.nodeType == 1) { elements.push(element); } return elements; }, ancestors: function(element) { return Element.recursivelyCollect(element, 'parentNode'); }, descendants: function(element) { return Element.select(element, "*"); }, firstDescendant: function(element) { element = $(element).firstChild; while (element && element.nodeType != 1) element = element.nextSibling; return $(element); }, immediateDescendants: function(element) { var results = [], child = $(element).firstChild; while (child) { if (child.nodeType === 1) { results.push(Element.extend(child)); } child = child.nextSibling; } return results; }, // Find the immediate descendents of the given element without extending them all rawImmediateDescendants: function(element) { if (!(element = $(element).firstChild)) return []; while (element && element.nodeType != 1) element = element.nextSibling; if (element) return [element].concat($(element).rawNextSiblings()); return []; }, previousSiblings: function(element, maximumLength) { return Element.recursivelyCollect(element, 'previousSibling'); }, nextSiblings: function(element) { return Element.recursivelyCollect(element, 'nextSibling'); }, // Find the next siblings without actually extending them all rawNextSiblings: function(element) { return $(element).rawRecursivelyCollect('nextSibling'); }, siblings: function(element) { element = $(element); return Element.previousSiblings(element).reverse() .concat(Element.nextSiblings(element)); }, match: function(element, selector) { element = $(element); if (Object.isString(selector)) return Prototype.Selector.match(element, selector); return selector.match(element); }, up: function(element, expression, index) { element = $(element); if (arguments.length == 1) return $(element.parentNode); var ancestors = Element.ancestors(element); return Object.isNumber(expression) ? ancestors[expression] : Prototype.Selector.find(ancestors, expression, index); }, down: function(element, expression, index) { element = $(element); if (arguments.length == 1) return Element.firstDescendant(element); return Object.isNumber(expression) ? Element.descendants(element)[expression] : Element.select(element, expression)[index || 0]; }, previous: function(element, expression, index) { element = $(element); if (Object.isNumber(expression)) index = expression, expression = false; if (!Object.isNumber(index)) index = 0; if (expression) { return Prototype.Selector.find(element.previousSiblings(), expression, index); } else { return element.recursivelyCollect("previousSibling", index + 1)[index]; } }, next: function(element, expression, index) { element = $(element); if (Object.isNumber(expression)) index = expression, expression = false; if (!Object.isNumber(index)) index = 0; if (expression) { return Prototype.Selector.find(element.nextSiblings(), expression, index); } else { var maximumLength = Object.isNumber(index) ? index + 1 : 1; return element.recursivelyCollect("nextSibling", index + 1)[index]; } }, select: function(element) { element = $(element); var expressions = Array.prototype.slice.call(arguments, 1).join(', '); return Prototype.Selector.select(expressions, element); }, adjacent: function(element) { element = $(element); var expressions = Array.prototype.slice.call(arguments, 1).join(', '); return Prototype.Selector.select(expressions, element.parentNode).without(element); }, identify: function(element) { element = $(element); var id = Element.readAttribute(element, 'id'); if (id) return id; do { id = 'anonymous_element_' + Element.idCounter++ } while ($(id)); Element.writeAttribute(element, 'id', id); return id; }, readAttribute: function(element, name) { element = $(element); if (Prototype.Browser.IE) { var t = Element._attributeTranslations.read; if (t.values[name]) return t.values[name](element, name); if (t.names[name]) name = t.names[name]; if (name.include(':')) { return (!element.attributes || !element.attributes[name]) ? null : element.attributes[name].value; } } return element.getAttribute(name); }, writeAttribute: function(element, name, value) { element = $(element); var attributes = { }, t = Element._attributeTranslations.write; if (typeof name == 'object') attributes = name; else attributes[name] = Object.isUndefined(value) ? true : value; for (var attr in attributes) { name = t.names[attr] || attr; value = attributes[attr]; if (t.values[attr]) name = t.values[attr](element, value); if (value === false || value === null) element.removeAttribute(name); else if (value === true) element.setAttribute(name, name); else element.setAttribute(name, value); } return element; }, getHeight: function(element) { return Element.getDimensions(element).height; }, getWidth: function(element) { return Element.getDimensions(element).width; }, classNames: function(element) { return new Element.ClassNames(element); }, hasClassName: function(element, className) { if (!(element = $(element))) return; var elementClassName = element.className; return (elementClassName.length > 0 && (elementClassName == className || new RegExp("(^|\\s)" + className + "(\\s|$)").test(elementClassName))); }, addClassName: function(element, className) { if (!(element = $(element))) return; if (!Element.hasClassName(element, className)) element.className += (element.className ? ' ' : '') + className; return element; }, removeClassName: function(element, className) { if (!(element = $(element))) return; element.className = element.className.replace( new RegExp("(^|\\s+)" + className + "(\\s+|$)"), ' ').strip(); return element; }, toggleClassName: function(element, className) { if (!(element = $(element))) return; return Element[Element.hasClassName(element, className) ? 'removeClassName' : 'addClassName'](element, className); }, cleanWhitespace: function(element) { element = $s(element); var node = element.firstChild; while (node) { var nextNode = node.nextSibling; if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) element.removeChild(node); node = nextNode; } return element; }, empty: function(element) { return $(element).innerHTML.blank(); }, descendantOf: function(element, ancestor) { element = $(element), ancestor = $(ancestor); if (element.compareDocumentPosition) return (element.compareDocumentPosition(ancestor) & 8) === 8; if (ancestor.contains) return ancestor.contains(element) && ancestor !== element; while (element = element.parentNode) if (element == ancestor) return true; return false; }, scrollTo: function(element) { element = $(element); var pos = Element.cumulativeOffset(element); window.scrollTo(pos[0], pos[1]); return element; }, getStyle: function(element, style) { element = $(element); style = style == 'float' ? 'cssFloat' : style.camelize(); var value = element.style[style]; if (!value || value == 'auto') { var css = document.defaultView.getComputedStyle(element, null); value = css ? css[style] : null; } if (style == 'opacity') return value ? parseFloat(value) : 1.0; return value == 'auto' ? null : value; }, getOpacity: function(element) { return $(element).getStyle('opacity'); }, setStyle: function(element, styles) { element = $(element); var elementStyle = element.style, match; if (Object.isString(styles)) { element.style.cssText += ';' + styles; return styles.include('opacity') ? element.setOpacity(styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) : element; } for (var property in styles) if (property == 'opacity') element.setOpacity(styles[property]); else elementStyle[(property == 'float' || property == 'cssFloat') ? (Object.isUndefined(elementStyle.styleFloat) ? 'cssFloat' : 'styleFloat') : property] = styles[property]; return element; }, setOpacity: function(element, value) { element = $(element); element.style.opacity = (value == 1 || value === '') ? '' : (value < 0.00001) ? 0 : value; return element; }, makePositioned: function(element) { element = $s(element); var pos = Element.getStyle(element, 'position'); if (pos == 'static' || !pos) { element._madePositioned = true; element.style.position = 'relative'; if (Prototype.Browser.Opera) { element.style.top = 0; element.style.left = 0; } } return element; }, undoPositioned: function(element) { element = $(element); if (element._madePositioned) { element._madePositioned = undefined; element.style.position = element.style.top = element.style.left = element.style.bottom = element.style.right = ''; } return element; }, makeClipping: function(element) { element = $(element); if (element._overflow) return element; element._overflow = Element.getStyle(element, 'overflow') || 'auto'; if (element._overflow !== 'hidden') element.style.overflow = 'hidden'; return element; }, undoClipping: function(element) { element = $(element); if (!element._overflow) return element; element.style.overflow = element._overflow == 'auto' ? '' : element._overflow; element._overflow = null; return element; }, clonePosition: function(element, source) { var options = Object.extend({ setLeft: true, setTop: true, setWidth: true, setHeight: true, offsetTop: 0, offsetLeft: 0 }, arguments[2] || { }); source = $(source); var p = Element.viewportOffset(source), delta = [0, 0], parent = null; element = $(element); if (Element.getStyle(element, 'position') == 'absolute') { parent = Element.getOffsetParent(element); delta = Element.viewportOffset(parent); } if (parent == document.body) { delta[0] -= document.body.offsetLeft; delta[1] -= document.body.offsetTop; } if (options.setLeft) element.style.left = (p[0] - delta[0] + options.offsetLeft) + 'px'; if (options.setTop) element.style.top = (p[1] - delta[1] + options.offsetTop) + 'px'; if (options.setWidth) element.style.width = source.offsetWidth + 'px'; if (options.setHeight) element.style.height = source.offsetHeight + 'px'; return element; } }; Object.extend(Element.Methods, { getElementsBySelector: Element.Methods.select, childElements: Element.Methods.immediateDescendants }); Element._attributeTranslations = { write: { names: { className: 'class', htmlFor: 'for' }, values: { } } }; if (Prototype.Browser.Opera) { Element.Methods.getStyle = Element.Methods.getStyle.wrap( function(proceed, element, style) { switch (style) { case 'height': case 'width': if (!Element.visible(element)) return null; var dim = parseInt(proceed(element, style), 10); if (dim !== element['offset' + style.capitalize()]) return dim + 'px'; var properties; if (style === 'height') { properties = ['border-top-width', 'padding-top', 'padding-bottom', 'border-bottom-width']; } else { properties = ['border-left-width', 'padding-left', 'padding-right', 'border-right-width']; } return properties.inject(dim, function(memo, property) { var val = proceed(element, property); return val === null ? memo : memo - parseInt(val, 10); }) + 'px'; default: return proceed(element, style); } } ); Element.Methods.readAttribute = Element.Methods.readAttribute.wrap( function(proceed, element, attribute) { if (attribute === 'title') return element.title; return proceed(element, attribute); } ); } else if (Prototype.Browser.IE) { Element.Methods.getStyle = function(element, style) { element = $(element); style = (style == 'float' || style == 'cssFloat') ? 'styleFloat' : style.camelize(); var value = element.style[style]; if (!value && element.currentStyle) value = element.currentStyle[style]; if (style == 'opacity') { if (value = (element.getStyle('filter') || '').match(/alpha\(opacity=(.*)\)/)) if (value[1]) return parseFloat(value[1]) / 100; return 1.0; } if (value == 'auto') { if ((style == 'width' || style == 'height') && (element.getStyle('display') != 'none')) return element['offset' + style.capitalize()] + 'px'; return null; } return value; }; Element.Methods.setOpacity = function(element, value) { function stripAlpha(filter){ return filter.replace(/alpha\([^\)]*\)/gi,''); } element = $(element); var currentStyle = element.currentStyle; if ((currentStyle && !currentStyle.hasLayout) || (!currentStyle && element.style.zoom == 'normal')) element.style.zoom = 1; var filter = element.getStyle('filter'), style = element.style; if (value == 1 || value === '') { (filter = stripAlpha(filter)) ? style.filter = filter : style.removeAttribute('filter'); return element; } else if (value < 0.00001) value = 0; style.filter = stripAlpha(filter) + 'alpha(opacity=' + (value * 100) + ')'; return element; }; Element._attributeTranslations = (function(){ var classProp = 'className', forProp = 'for', el = document.createElement('div'); el.setAttribute(classProp, 'x'); if (el.className !== 'x') { el.setAttribute('class', 'x'); if (el.className === 'x') { classProp = 'class'; } } el = null; el = document.createElement('label'); el.setAttribute(forProp, 'x'); if (el.htmlFor !== 'x') { el.setAttribute('htmlFor', 'x'); if (el.htmlFor === 'x') { forProp = 'htmlFor'; } } el = null; return { read: { names: { 'class': classProp, 'className': classProp, 'for': forProp, 'htmlFor': forProp }, values: { _getAttr: function(element, attribute) { return element.getAttribute(attribute); }, _getAttr2: function(element, attribute) { return element.getAttribute(attribute, 2); }, _getAttrNode: function(element, attribute) { var node = element.getAttributeNode(attribute); return node ? node.value : ""; }, _getEv: (function(){ var el = document.createElement('div'), f; el.onclick = Prototype.emptyFunction; var value = el.getAttribute('onclick'); if (String(value).indexOf('{') > -1) { f = function(element, attribute) { attribute = element.getAttribute(attribute); if (!attribute) return null; attribute = attribute.toString(); attribute = attribute.split('{')[1]; attribute = attribute.split('}')[0]; return attribute.strip(); }; } else if (value === '') { f = function(element, attribute) { attribute = element.getAttribute(attribute); if (!attribute) return null; return attribute.strip(); }; } el = null; return f; })(), _flag: function(element, attribute) { return $(element).hasAttribute(attribute) ? attribute : null; }, style: function(element) { return element.style.cssText.toLowerCase(); }, title: function(element) { return element.title; } } } } })(); Element._attributeTranslations.write = { names: Object.extend({ cellpadding: 'cellPadding', cellspacing: 'cellSpacing' }, Element._attributeTranslations.read.names), values: { checked: function(element, value) { element.checked = !!value; }, style: function(element, value) { element.style.cssText = value ? value : ''; } } }; Element._attributeTranslations.has = {}; $w('colSpan rowSpan vAlign dateTime accessKey tabIndex ' + 'encType maxLength readOnly longDesc frameBorder').each(function(attr) { Element._attributeTranslations.write.names[attr.toLowerCase()] = attr; Element._attributeTranslations.has[attr.toLowerCase()] = attr; }); (function(v) { Object.extend(v, { href: v._getAttr2, src: v._getAttr2, type: v._getAttr, action: v._getAttrNode, disabled: v._flag, checked: v._flag, readonly: v._flag, multiple: v._flag, onload: v._getEv, onunload: v._getEv, onclick: v._getEv, ondblclick: v._getEv, onmousedown: v._getEv, onmouseup: v._getEv, onmouseover: v._getEv, onmousemove: v._getEv, onmouseout: v._getEv, onfocus: v._getEv, onblur: v._getEv, onkeypress: v._getEv, onkeydown: v._getEv, onkeyup: v._getEv, onsubmit: v._getEv, onreset: v._getEv, onselect: v._getEv, onchange: v._getEv }); })(Element._attributeTranslations.read.values); if (Prototype.BrowserFeatures.ElementExtensions) { (function() { function _descendants(element) { var nodes = element.getElementsByTagName('*'), results = []; for (var i = 0, node; node = nodes[i]; i++) if (node.tagName !== "!") // Filter out comment nodes. results.push(node); return results; } Element.Methods.down = function(element, expression, index) { element = $(element); if (arguments.length == 1) return element.firstDescendant(); return Object.isNumber(expression) ? _descendants(element)[expression] : Element.select(element, expression)[index || 0]; } })(); } } else if (Prototype.Browser.Gecko && /rv:1\.8\.0/.test(navigator.userAgent)) { Element.Methods.setOpacity = function(element, value) { element = $(element); element.style.opacity = (value == 1) ? 0.999999 : (value === '') ? '' : (value < 0.00001) ? 0 : value; return element; }; } else if (Prototype.Browser.WebKit) { Element.Methods.setOpacity = function(element, value) { element = $(element); element.style.opacity = (value == 1 || value === '') ? '' : (value < 0.00001) ? 0 : value; if (value == 1) if (element.tagName.toUpperCase() == 'IMG' && element.width) { element.width++; element.width--; } else try { var n = document.createTextNode(' '); element.appendChild(n); element.removeChild(n); } catch (e) { } return element; }; } if ('outerHTML' in document.documentElement) { Element.Methods.replace = function(element, content) { element = $(element); if (content && content.toElement) content = content.toElement(); if (Object.isElement(content)) { element.parentNode.replaceChild(content, element); return element; } content = Object.toHTML(content); var parent = element.parentNode, tagName = parent.tagName.toUpperCase(); if (Element._insertionTranslations.tags[tagName]) { var nextSibling = element.next(), fragments = Element._getContentFromAnonymousElement(tagName, content.stripScripts()); parent.removeChild(element); if (nextSibling) fragments.each(function(node) { parent.insertBefore(node, nextSibling) }); else fragments.each(function(node) { parent.appendChild(node) }); } else element.outerHTML = content.stripScripts(); content.evalScripts.bind(content).defer(); return element; }; } Element._returnOffset = function(l, t) { var result = [l, t]; result.left = l; result.top = t; return result; }; Element._getContentFromAnonymousElement = function(tagName, html, force) { var div = new Element('div'), t = Element._insertionTranslations.tags[tagName]; var workaround = false; if (t) workaround = true; else if (force) { workaround = true; t = ['', '', 0]; } if (workaround) { div.innerHTML = '&nbsp;' + t[0] + html + t[1]; div.removeChild(div.firstChild); for (var i = t[2]; i--; ) { div = div.firstChild; } } else { div.innerHTML = html; } return $A(div.childNodes); }; Element._insertionTranslations = { before: function(element, node) { element.parentNode.insertBefore(node, element); }, top: function(element, node) { element.insertBefore(node, element.firstChild); }, bottom: function(element, node) { element.appendChild(node); }, after: function(element, node) { element.parentNode.insertBefore(node, element.nextSibling); }, tags: { TABLE: ['<table>', '</table>', 1], TBODY: ['<table><tbody>', '</tbody></table>', 2], TR: ['<table><tbody><tr>', '</tr></tbody></table>', 3], TD: ['<table><tbody><tr><td>', '</td></tr></tbody></table>', 4], SELECT: ['<select>', '</select>', 1] } }; (function() { var tags = Element._insertionTranslations.tags; Object.extend(tags, { THEAD: tags.TBODY, TFOOT: tags.TBODY, TH: tags.TD }); })(); Element.Methods.Simulated = { hasAttribute: function(element, attribute) { attribute = Element._attributeTranslations.has[attribute] || attribute; var node = $(element).getAttributeNode(attribute); return !!(node && node.specified); } }; Element.Methods.ByTag = { }; Object.extend(Element, Element.Methods); (function(div) { if (!Prototype.BrowserFeatures.ElementExtensions && div['__proto__']) { window.HTMLElement = { }; window.HTMLElement.prototype = div['__proto__']; Prototype.BrowserFeatures.ElementExtensions = true; } div = null; })(document.createElement('div')); Element.extend = (function() { function checkDeficiency(tagName) { if (typeof window.Element != 'undefined') { var proto = window.Element.prototype; if (proto) { var id = '_' + (Math.random()+'').slice(2), el = document.createElement(tagName); proto[id] = 'x'; var isBuggy = (el[id] !== 'x'); delete proto[id]; el = null; return isBuggy; } } return false; } function extendElementWith(element, methods) { for (var property in methods) { var value = methods[property]; if (Object.isFunction(value) && !(property in element)) element[property] = value.methodize(); } } var HTMLOBJECTELEMENT_PROTOTYPE_BUGGY = checkDeficiency('object'); if (Prototype.BrowserFeatures.SpecificElementExtensions) { if (HTMLOBJECTELEMENT_PROTOTYPE_BUGGY) { return function(element) { if (element && typeof element._extendedByPrototype == 'undefined') { var t = element.tagName; if (t && (/^(?:object|applet|embed)$/i.test(t))) { extendElementWith(element, Element.Methods); extendElementWith(element, Element.Methods.Simulated); extendElementWith(element, Element.Methods.ByTag[t.toUpperCase()]); } } return element; } } return Prototype.K; } var Methods = { }, ByTag = Element.Methods.ByTag; var extend = Object.extend(function(element) { if (!element || typeof element._extendedByPrototype != 'undefined' || element.nodeType != 1 || element == window) return element; var methods = Object.clone(Methods), tagName = element.tagName.toUpperCase(); if (ByTag[tagName]) Object.extend(methods, ByTag[tagName]); extendElementWith(element, methods); element._extendedByPrototype = Prototype.emptyFunction; return element; }, { refresh: function() { if (!Prototype.BrowserFeatures.ElementExtensions) { Object.extend(Methods, Element.Methods); Object.extend(Methods, Element.Methods.Simulated); } } }); extend.refresh(); return extend; })(); if (document.documentElement.hasAttribute) { Element.hasAttribute = function(element, attribute) { return element.hasAttribute(attribute); }; } else { Element.hasAttribute = Element.Methods.Simulated.hasAttribute; } Element.addMethods = function(methods) { var F = Prototype.BrowserFeatures, T = Element.Methods.ByTag; if (!methods) { Object.extend(Form, Form.Methods); Object.extend(Form.Element, Form.Element.Methods); Object.extend(Element.Methods.ByTag, { "FORM": Object.clone(Form.Methods), "INPUT": Object.clone(Form.Element.Methods), "SELECT": Object.clone(Form.Element.Methods), "TEXTAREA": Object.clone(Form.Element.Methods), "BUTTON": Object.clone(Form.Element.Methods) }); } if (arguments.length == 2) { var tagName = methods; methods = arguments[1]; } if (!tagName) Object.extend(Element.Methods, methods || { }); else { if (Object.isArray(tagName)) tagName.each(extend); else extend(tagName); } function extend(tagName) { tagName = tagName.toUpperCase(); if (!Element.Methods.ByTag[tagName]) Element.Methods.ByTag[tagName] = { }; Object.extend(Element.Methods.ByTag[tagName], methods); } function copy(methods, destination, onlyIfAbsent) { onlyIfAbsent = onlyIfAbsent || false; for (var property in methods) { var value = methods[property]; if (!Object.isFunction(value)) continue; if (!onlyIfAbsent || !(property in destination)) destination[property] = value.methodize(); } } function findDOMClass(tagName) { var klass; var trans = { "OPTGROUP": "OptGroup", "TEXTAREA": "TextArea", "P": "Paragraph", "FIELDSET": "FieldSet", "UL": "UList", "OL": "OList", "DL": "DList", "DIR": "Directory", "H1": "Heading", "H2": "Heading", "H3": "Heading", "H4": "Heading", "H5": "Heading", "H6": "Heading", "Q": "Quote", "INS": "Mod", "DEL": "Mod", "A": "Anchor", "IMG": "Image", "CAPTION": "TableCaption", "COL": "TableCol", "COLGROUP": "TableCol", "THEAD": "TableSection", "TFOOT": "TableSection", "TBODY": "TableSection", "TR": "TableRow", "TH": "TableCell", "TD": "TableCell", "FRAMESET": "FrameSet", "IFRAME": "IFrame" }; if (trans[tagName]) klass = 'HTML' + trans[tagName] + 'Element'; if (window[klass]) return window[klass]; klass = 'HTML' + tagName + 'Element'; if (window[klass]) return window[klass]; klass = 'HTML' + tagName.capitalize() + 'Element'; if (window[klass]) return window[klass]; var element = document.createElement(tagName), proto = element['__proto__'] || element.constructor.prototype; element = null; return proto; } var elementPrototype = window.HTMLElement ? HTMLElement.prototype : Element.prototype; if (F.ElementExtensions) { copy(Element.Methods, elementPrototype); copy(Element.Methods.Simulated, elementPrototype, true); } if (F.SpecificElementExtensions) { for (var tag in Element.Methods.ByTag) { var klass = findDOMClass(tag); if (Object.isUndefined(klass)) continue; copy(T[tag], klass.prototype); } } Object.extend(Element, Element.Methods); delete Element.ByTag; if (Element.extend.refresh) Element.extend.refresh(); Element.cache = { }; }; document.viewport = { getDimensions: function() { return { width: this.getWidth(), height: this.getHeight() }; }, getScrollOffsets: function() { return Element._returnOffset( window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft, window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop); } }; (function(viewport) { var B = Prototype.Browser, doc = document, element, property = {}; function getRootElement() { if (B.WebKit && !doc.evaluate) return document; if (B.Opera && window.parseFloat(window.opera.version()) < 9.5) return document.body; return document.documentElement; } function define(D) { if (!element) element = getRootElement(); property[D] = 'client' + D; viewport['get' + D] = function() { return element[property[D]] }; return viewport['get' + D](); } viewport.getWidth = define.curry('Width'); viewport.getHeight = define.curry('Height'); })(document.viewport); Element.Storage = { UID: 1 }; Element.addMethods({ getStorage: function(element) { if (!(element = $(element))) return; var uid; if (element === window) { uid = 0; } else { if (typeof element._prototypeUID === "undefined") element._prototypeUID = Element.Storage.UID++; uid = element._prototypeUID; } if (!Element.Storage[uid]) Element.Storage[uid] = $H(); return Element.Storage[uid]; }, store: function(element, key, value) { if (!(element = $(element))) return; if (arguments.length === 2) { Element.getStorage(element).update(key); } else { Element.getStorage(element).set(key, value); } return element; }, retrieve: function(element, key, defaultValue) { if (!(element = $(element))) return; var hash = Element.getStorage(element), value = hash.get(key); if (Object.isUndefined(value)) { hash.set(key, defaultValue); value = defaultValue; } return value; }, clone: function(element, deep) { if (!(element = $(element))) return; var clone = element.cloneNode(deep); clone._prototypeUID = void 0; if (deep) { var descendants = Element.select(clone, '*'), i = descendants.length; while (i--) { descendants[i]._prototypeUID = void 0; } } return Element.extend(clone); }, purge: function(element) { if (!(element = $(element))) return; var purgeElement = Element._purgeElement; purgeElement(element); var descendants = element.getElementsByTagName('*'), i = descendants.length; while (i--) purgeElement(descendants[i]); return null; } }); (function() { function toDecimal(pctString) { var match = pctString.match(/^(\d+)%?$/i); if (!match) return null; return (Number(match[1]) / 100); } function getPixelValue(value, property, context) { var element = null; if (Object.isElement(value)) { element = value; value = element.getStyle(property); } if (value === null) { return null; } if ((/^(?:-)?\d+(\.\d+)?(px)?$/i).test(value)) { return window.parseFloat(value); } var isPercentage = value.include('%'), isViewport = (context === document.viewport); if (/\d/.test(value) && element && element.runtimeStyle && !(isPercentage && isViewport)) { var style = element.style.left, rStyle = element.runtimeStyle.left; element.runtimeStyle.left = element.currentStyle.left; element.style.left = value || 0; value = element.style.pixelLeft; element.style.left = style; element.runtimeStyle.left = rStyle; return value; } if (element && isPercentage) { context = context || element.parentNode; var decimal = toDecimal(value); var whole = null; var position = element.getStyle('position'); var isHorizontal = property.include('left') || property.include('right') || property.include('width'); var isVertical = property.include('top') || property.include('bottom') || property.include('height'); if (context === document.viewport) { if (isHorizontal) { whole = document.viewport.getWidth(); } else if (isVertical) { whole = document.viewport.getHeight(); } } else { if (isHorizontal) { whole = $(context).measure('width'); } else if (isVertical) { whole = $(context).measure('height'); } } return (whole === null) ? 0 : whole * decimal; } return 0; } function toCSSPixels(number) { if (Object.isString(number) && number.endsWith('px')) { return number; } return number + 'px'; } function isDisplayed(element) { var originalElement = element; while (element && element.parentNode) { var display = element.getStyle('display'); if (display === 'none') { return false; } element = $(element.parentNode); } return true; } var hasLayout = Prototype.K; if ('currentStyle' in document.documentElement) { hasLayout = function(element) { if (!element.currentStyle.hasLayout) { element.style.zoom = 1; } return element; }; } function cssNameFor(key) { if (key.include('border')) key = key + '-width'; return key.camelize(); } Element.Layout = Class.create(Hash, { initialize: function($super, element, preCompute) { $super(); this.element = $(element); Element.Layout.PROPERTIES.each( function(property) { this._set(property, null); }, this); if (preCompute) { this._preComputing = true; this._begin(); Element.Layout.PROPERTIES.each( this._compute, this ); this._end(); this._preComputing = false; } }, _set: function(property, value) { return Hash.prototype.set.call(this, property, value); }, set: function(property, value) { throw "Properties of Element.Layout are read-only."; }, get: function($super, property) { var value = $super(property); return value === null ? this._compute(property) : value; }, _begin: function() { if (this._prepared) return; var element = this.element; if (isDisplayed(element)) { this._prepared = true; return; } var originalStyles = { position: element.style.position || '', width: element.style.width || '', visibility: element.style.visibility || '', display: element.style.display || '' }; element.store('prototype_original_styles', originalStyles); var position = element.getStyle('position'), width = element.getStyle('width'); if (width === "0px" || width === null) { element.style.display = 'block'; width = element.getStyle('width'); } var context = (position === 'fixed') ? document.viewport : element.parentNode; element.setStyle({ position: 'absolute', visibility: 'hidden', display: 'block' }); var positionedWidth = element.getStyle('width'); var newWidth; if (width && (positionedWidth === width)) { newWidth = getPixelValue(element, 'width', context); } else if (position === 'absolute' || position === 'fixed') { newWidth = getPixelValue(element, 'width', context); } else { var parent = element.parentNode, pLayout = $(parent).getLayout(); newWidth = pLayout.get('width') - this.get('margin-left') - this.get('border-left') - this.get('padding-left') - this.get('padding-right') - this.get('border-right') - this.get('margin-right'); } element.setStyle({ width: newWidth + 'px' }); this._prepared = true; }, _end: function() { var element = this.element; var originalStyles = element.retrieve('prototype_original_styles'); element.store('prototype_original_styles', null); element.setStyle(originalStyles); this._prepared = false; }, _compute: function(property) { var COMPUTATIONS = Element.Layout.COMPUTATIONS; if (!(property in COMPUTATIONS)) { throw "Property not found."; } return this._set(property, COMPUTATIONS[property].call(this, this.element)); }, toObject: function() { var args = $A(arguments); var keys = (args.length === 0) ? Element.Layout.PROPERTIES : args.join(' ').split(' '); var obj = {}; keys.each( function(key) { if (!Element.Layout.PROPERTIES.include(key)) return; var value = this.get(key); if (value != null) obj[key] = value; }, this); return obj; }, toHash: function() { var obj = this.toObject.apply(this, arguments); return new Hash(obj); }, toCSS: function() { var args = $A(arguments); var keys = (args.length === 0) ? Element.Layout.PROPERTIES : args.join(' ').split(' '); var css = {}; keys.each( function(key) { if (!Element.Layout.PROPERTIES.include(key)) return; if (Element.Layout.COMPOSITE_PROPERTIES.include(key)) return; var value = this.get(key); if (value != null) css[cssNameFor(key)] = value + 'px'; }, this); return css; }, inspect: function() { return "#<Element.Layout>"; } }); Object.extend(Element.Layout, { PROPERTIES: $w('height width top left right bottom border-left border-right border-top border-bottom padding-left padding-right padding-top padding-bottom margin-top margin-bottom margin-left margin-right padding-box-width padding-box-height border-box-width border-box-height margin-box-width margin-box-height'), COMPOSITE_PROPERTIES: $w('padding-box-width padding-box-height margin-box-width margin-box-height border-box-width border-box-height'), COMPUTATIONS: { 'height': function(element) { if (!this._preComputing) this._begin(); var bHeight = this.get('border-box-height'); if (bHeight <= 0) { if (!this._preComputing) this._end(); return 0; } var bTop = this.get('border-top'), bBottom = this.get('border-bottom'); var pTop = this.get('padding-top'), pBottom = this.get('padding-bottom'); if (!this._preComputing) this._end(); return bHeight - bTop - bBottom - pTop - pBottom; }, 'width': function(element) { if (!this._preComputing) this._begin(); var bWidth = this.get('border-box-width'); if (bWidth <= 0) { if (!this._preComputing) this._end(); return 0; } var bLeft = this.get('border-left'), bRight = this.get('border-right'); var pLeft = this.get('padding-left'), pRight = this.get('padding-right'); if (!this._preComputing) this._end(); return bWidth - bLeft - bRight - pLeft - pRight; }, 'padding-box-height': function(element) { var height = this.get('height'), pTop = this.get('padding-top'), pBottom = this.get('padding-bottom'); return height + pTop + pBottom; }, 'padding-box-width': function(element) { var width = this.get('width'), pLeft = this.get('padding-left'), pRight = this.get('padding-right'); return width + pLeft + pRight; }, 'border-box-height': function(element) { if (!this._preComputing) this._begin(); var height = element.offsetHeight; if (!this._preComputing) this._end(); return height; }, 'border-box-width': function(element) { if (!this._preComputing) this._begin(); var width = element.offsetWidth; if (!this._preComputing) this._end(); return width; }, 'margin-box-height': function(element) { var bHeight = this.get('border-box-height'), mTop = this.get('margin-top'), mBottom = this.get('margin-bottom'); if (bHeight <= 0) return 0; return bHeight + mTop + mBottom; }, 'margin-box-width': function(element) { var bWidth = this.get('border-box-width'), mLeft = this.get('margin-left'), mRight = this.get('margin-right'); if (bWidth <= 0) return 0; return bWidth + mLeft + mRight; }, 'top': function(element) { var offset = element.positionedOffset(); return offset.top; }, 'bottom': function(element) { var offset = element.positionedOffset(), parent = element.getOffsetParent(), pHeight = parent.measure('height'); var mHeight = this.get('border-box-height'); return pHeight - mHeight - offset.top; }, 'left': function(element) { var offset = element.positionedOffset(); return offset.left; }, 'right': function(element) { var offset = element.positionedOffset(), parent = element.getOffsetParent(), pWidth = parent.measure('width'); var mWidth = this.get('border-box-width'); return pWidth - mWidth - offset.left; }, 'padding-top': function(element) { return getPixelValue(element, 'paddingTop'); }, 'padding-bottom': function(element) { return getPixelValue(element, 'paddingBottom'); }, 'padding-left': function(element) { return getPixelValue(element, 'paddingLeft'); }, 'padding-right': function(element) { return getPixelValue(element, 'paddingRight'); }, 'border-top': function(element) { return getPixelValue(element, 'borderTopWidth'); }, 'border-bottom': function(element) { return getPixelValue(element, 'borderBottomWidth'); }, 'border-left': function(element) { return getPixelValue(element, 'borderLeftWidth'); }, 'border-right': function(element) { return getPixelValue(element, 'borderRightWidth'); }, 'margin-top': function(element) { return getPixelValue(element, 'marginTop'); }, 'margin-bottom': function(element) { return getPixelValue(element, 'marginBottom'); }, 'margin-left': function(element) { return getPixelValue(element, 'marginLeft'); }, 'margin-right': function(element) { return getPixelValue(element, 'marginRight'); } } }); if ('getBoundingClientRect' in document.documentElement) { Object.extend(Element.Layout.COMPUTATIONS, { 'right': function(element) { var parent = hasLayout(element.getOffsetParent()); var rect = element.getBoundingClientRect(), pRect = parent.getBoundingClientRect(); return (pRect.right - rect.right).round(); }, 'bottom': function(element) { var parent = hasLayout(element.getOffsetParent()); var rect = element.getBoundingClientRect(), pRect = parent.getBoundingClientRect(); return (pRect.bottom - rect.bottom).round(); } }); } Element.Offset = Class.create({ initialize: function(left, top) { this.left = left.round(); this.top = top.round(); this[0] = this.left; this[1] = this.top; }, relativeTo: function(offset) { return new Element.Offset( this.left - offset.left, this.top - offset.top ); }, inspect: function() { return "#<Element.Offset left: #{left} top: #{top}>".interpolate(this); }, toString: function() { return "[#{left}, #{top}]".interpolate(this); }, toArray: function() { return [this.left, this.top]; } }); function getLayout(element, preCompute) { return new Element.Layout(element, preCompute); } function measure(element, property) { return $(element).getLayout().get(property); } function getDimensions(element) { element = $(element); var display = Element.getStyle(element, 'display'); if (display && display !== 'none') { return { width: element.offsetWidth, height: element.offsetHeight }; } var style = element.style; var originalStyles = { visibility: style.visibility, position: style.position, display: style.display }; var newStyles = { visibility: 'hidden', display: 'block' }; if (originalStyles.position !== 'fixed') newStyles.position = 'absolute'; Element.setStyle(element, newStyles); var dimensions = { width: element.offsetWidth, height: element.offsetHeight }; Element.setStyle(element, originalStyles); return dimensions; } // Implementing a new method to avoid retesting the entire application with clientHeight function getDimensionsEx(element) { element = $(element); var display = Element.getStyle(element, 'display'); if (display && display != 'none') { // Safari bug return {width: element.clientWidth, height: element.clientHeight}; } return getDimensions(element); } function getOffsetParent(element) { element = $(element); if (isDocument(element) || isDetached(element) || isBody(element) || isHtml(element)) return $(document.body); var isInline = (Element.getStyle(element, 'display') === 'inline'); if (!isInline && element.offsetParent) return $(element.offsetParent); while ((element = element.parentNode) && element !== document.body) { if (Element.getStyle(element, 'position') !== 'static') { return isHtml(element) ? $(document.body) : $(element); } } return $(document.body); } function cumulativeOffset(element) { element = $(element); var valueT = 0, valueL = 0; if (element.parentNode) { do { valueT += element.offsetTop || 0; valueL += element.offsetLeft || 0; element = element.offsetParent; } while (element); } return new Element.Offset(valueL, valueT); } function positionedOffset(element) { element = $(element); var layout = element.getLayout(); var valueT = 0, valueL = 0; do { valueT += element.offsetTop || 0; valueL += element.offsetLeft || 0; element = element.offsetParent; if (element) { if (isBody(element)) break; var p = Element.getStyle(element, 'position'); if (p !== 'static') break; } } while (element); valueL -= layout.get('margin-top'); valueT -= layout.get('margin-left'); return new Element.Offset(valueL, valueT); } function cumulativeScrollOffset(element) { var valueT = 0, valueL = 0; do { valueT += element.scrollTop || 0; valueL += element.scrollLeft || 0; element = element.parentNode; } while (element); return new Element.Offset(valueL, valueT); } function viewportOffset(forElement) { element = $(element); var valueT = 0, valueL = 0, docBody = document.body; var element = forElement; do { valueT += element.offsetTop || 0; valueL += element.offsetLeft || 0; if (element.offsetParent == docBody && Element.getStyle(element, 'position') == 'absolute') break; } while (element = element.offsetParent); element = forElement; do { if (element != docBody) { valueT -= element.scrollTop || 0; valueL -= element.scrollLeft || 0; } } while (element = element.parentNode); return new Element.Offset(valueL, valueT); } function absolutize(element) { element = $(element); if (Element.getStyle(element, 'position') === 'absolute') { return element; } var offsetParent = getOffsetParent(element); var eOffset = element.viewportOffset(), pOffset = offsetParent.viewportOffset(); var offset = eOffset.relativeTo(pOffset); var layout = element.getLayout(); element.store('prototype_absolutize_original_styles', { left: element.getStyle('left'), top: element.getStyle('top'), width: element.getStyle('width'), height: element.getStyle('height') }); element.setStyle({ position: 'absolute', top: offset.top + 'px', left: offset.left + 'px', width: layout.get('width') + 'px', height: layout.get('height') + 'px' }); return element; } function relativize(element) { element = $(element); if (Element.getStyle(element, 'position') === 'relative') { return element; } var originalStyles = element.retrieve('prototype_absolutize_original_styles'); if (originalStyles) element.setStyle(originalStyles); return element; } if (Prototype.Browser.IE) { getOffsetParent = getOffsetParent.wrap( function(proceed, element) { element = $(element); if (isDocument(element) || isDetached(element) || isBody(element) || isHtml(element)) return $(document.body); var position = element.getStyle('position'); if (position !== 'static') return proceed(element); element.setStyle({ position: 'relative' }); var value = proceed(element); element.setStyle({ position: position }); return value; } ); positionedOffset = positionedOffset.wrap(function(proceed, element) { element = $(element); if (!element.parentNode) return new Element.Offset(0, 0); var position = element.getStyle('position'); if (position !== 'static') return proceed(element); var offsetParent = element.getOffsetParent(); if (offsetParent && offsetParent.getStyle('position') === 'fixed') hasLayout(offsetParent); element.setStyle({ position: 'relative' }); var value = proceed(element); element.setStyle({ position: position }); return value; }); } else if (Prototype.Browser.Webkit) { cumulativeOffset = function(element) { element = $(element); var valueT = 0, valueL = 0; do { valueT += element.offsetTop || 0; valueL += element.offsetLeft || 0; if (element.offsetParent == document.body) if (Element.getStyle(element, 'position') == 'absolute') break; element = element.offsetParent; } while (element); return new Element.Offset(valueL, valueT); }; } Element.addMethods({ getLayout: getLayout, measure: measure, getDimensions: getDimensions, getDimensionsEx: getDimensionsEx, getOffsetParent: getOffsetParent, cumulativeOffset: cumulativeOffset, positionedOffset: positionedOffset, cumulativeScrollOffset: cumulativeScrollOffset, viewportOffset: viewportOffset, absolutize: absolutize, relativize: relativize }); function isBody(element) { return element.nodeName.toUpperCase() === 'BODY'; } function isHtml(element) { return element.nodeName.toUpperCase() === 'HTML'; } function isDocument(element) { return element.nodeType === Node.DOCUMENT_NODE; } function isDetached(element) { return element !== document.body && !Element.descendantOf(element, document.body); } if ('getBoundingClientRect' in document.documentElement) { Element.addMethods({ viewportOffset: function(element) { element = $(element); if (isDetached(element)) return new Element.Offset(0, 0); var rect = element.getBoundingClientRect(), docEl = document.documentElement; return new Element.Offset(rect.left - docEl.clientLeft, rect.top - docEl.clientTop); } }); } })(); window.$$ = function() { var expression = $A(arguments).join(', '); return Prototype.Selector.select(expression, document); }; Prototype.Selector = (function() { function select() { throw new Error('Method "Prototype.Selector.select" must be defined.'); } function match() { throw new Error('Method "Prototype.Selector.match" must be defined.'); } function find(elements, expression, index) { index = index || 0; var match = Prototype.Selector.match, length = elements.length, matchIndex = 0, i; for (i = 0; i < length; i++) { if (match(elements[i], expression) && index == matchIndex++) { return Element.extend(elements[i]); } } } function extendElements(elements) { for (var i = 0, length = elements.length; i < length; i++) { Element.extend(elements[i]); } return elements; } var K = Prototype.K; return { select: select, match: match, find: find, extendElements: (Element.extend === K) ? K : extendElements, extendElement: Element.extend }; })(); Prototype._original_property = window.Sizzle; /*! * Sizzle CSS Selector Engine - v1.0 * Copyright 2009, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * More information: http://sizzlejs.com/ */ (function(){ var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g, done = 0, toString = Object.prototype.toString, hasDuplicate = false, baseHasDuplicate = true; [0, 0].sort(function(){ baseHasDuplicate = false; return 0; }); var Sizzle = function(selector, context, results, seed) { results = results || []; var origContext = context = context || document; if ( context.nodeType !== 1 && context.nodeType !== 9 ) { return []; } if ( !selector || typeof selector !== "string" ) { return results; } var parts = [], m, set, checkSet, check, mode, extra, prune = true, contextXML = isXML(context), soFar = selector; while ( (chunker.exec(""), m = chunker.exec(soFar)) !== null ) { soFar = m[3]; parts.push( m[1] ); if ( m[2] ) { extra = m[3]; break; } } if ( parts.length > 1 && origPOS.exec( selector ) ) { if ( parts.length === 2 && Expr.relative[ parts[0] ] ) { set = posProcess( parts[0] + parts[1], context ); } else { set = Expr.relative[ parts[0] ] ? [ context ] : Sizzle( parts.shift(), context ); while ( parts.length ) { selector = parts.shift(); if ( Expr.relative[ selector ] ) selector += parts.shift(); set = posProcess( selector, set ); } } } else { if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML && Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) { var ret = Sizzle.find( parts.shift(), context, contextXML ); context = ret.expr ? Sizzle.filter( ret.expr, ret.set )[0] : ret.set[0]; } if ( context ) { var ret = seed ? { expr: parts.pop(), set: makeArray(seed) } : Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML ); set = ret.expr ? Sizzle.filter( ret.expr, ret.set ) : ret.set; if ( parts.length > 0 ) { checkSet = makeArray(set); } else { prune = false; } while ( parts.length ) { var cur = parts.pop(), pop = cur; if ( !Expr.relative[ cur ] ) { cur = ""; } else { pop = parts.pop(); } if ( pop == null ) { pop = context; } Expr.relative[ cur ]( checkSet, pop, contextXML ); } } else { checkSet = parts = []; } } if ( !checkSet ) { checkSet = set; } if ( !checkSet ) { throw "Syntax error, unrecognized expression: " + (cur || selector); } if ( toString.call(checkSet) === "[object Array]" ) { if ( !prune ) { results.push.apply( results, checkSet ); } else if ( context && context.nodeType === 1 ) { for ( var i = 0; checkSet[i] != null; i++ ) { if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && contains(context, checkSet[i])) ) { results.push( set[i] ); } } } else { for ( var i = 0; checkSet[i] != null; i++ ) { if ( checkSet[i] && checkSet[i].nodeType === 1 ) { results.push( set[i] ); } } } } else { makeArray( checkSet, results ); } if ( extra ) { Sizzle( extra, origContext, results, seed ); Sizzle.uniqueSort( results ); } return results; }; Sizzle.uniqueSort = function(results){ if ( sortOrder ) { hasDuplicate = baseHasDuplicate; results.sort(sortOrder); if ( hasDuplicate ) { for ( var i = 1; i < results.length; i++ ) { if ( results[i] === results[i-1] ) { results.splice(i--, 1); } } } } return results; }; Sizzle.matches = function(expr, set){ return Sizzle(expr, null, null, set); }; Sizzle.find = function(expr, context, isXML){ var set, match; if ( !expr ) { return []; } for ( var i = 0, l = Expr.order.length; i < l; i++ ) { var type = Expr.order[i], match; if ( (match = Expr.leftMatch[ type ].exec( expr )) ) { var left = match[1]; match.splice(1,1); if ( left.substr( left.length - 1 ) !== "\\" ) { match[1] = (match[1] || "").replace(/\\/g, ""); set = Expr.find[ type ]( match, context, isXML ); if ( set != null ) { expr = expr.replace( Expr.match[ type ], "" ); break; } } } } if ( !set ) { set = context.getElementsByTagName("*"); } return {set: set, expr: expr}; }; Sizzle.filter = function(expr, set, inplace, not){ var old = expr, result = [], curLoop = set, match, anyFound, isXMLFilter = set && set[0] && isXML(set[0]); while ( expr && set.length ) { for ( var type in Expr.filter ) { if ( (match = Expr.match[ type ].exec( expr )) != null ) { var filter = Expr.filter[ type ], found, item; anyFound = false; if ( curLoop == result ) { result = []; } if ( Expr.preFilter[ type ] ) { match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter ); if ( !match ) { anyFound = found = true; } else if ( match === true ) { continue; } } if ( match ) { for ( var i = 0; (item = curLoop[i]) != null; i++ ) { if ( item ) { found = filter( item, match, i, curLoop ); var pass = not ^ !!found; if ( inplace && found != null ) { if ( pass ) { anyFound = true; } else { curLoop[i] = false; } } else if ( pass ) { result.push( item ); anyFound = true; } } } } if ( found !== undefined ) { if ( !inplace ) { curLoop = result; } expr = expr.replace( Expr.match[ type ], "" ); if ( !anyFound ) { return []; } break; } } } if ( expr == old ) { if ( anyFound == null ) { throw "Syntax error, unrecognized expression: " + expr; } else { break; } } old = expr; } return curLoop; }; var Expr = Sizzle.selectors = { order: [ "ID", "NAME", "TAG" ], match: { ID: /#((?:[\w\u00c0-\uFFFF-]|\\.)+)/, CLASS: /\.((?:[\w\u00c0-\uFFFF-]|\\.)+)/, NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF-]|\\.)+)['"]*\]/, ATTR: /\[\s*((?:[\w\u00c0-\uFFFF-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/, TAG: /^((?:[\w\u00c0-\uFFFF\*-]|\\.)+)/, CHILD: /:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/, POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/, PSEUDO: /:((?:[\w\u00c0-\uFFFF-]|\\.)+)(?:\((['"]*)((?:\([^\)]+\)|[^\2\(\)]*)+)\2\))?/ }, leftMatch: {}, attrMap: { "class": "className", "for": "htmlFor" }, attrHandle: { href: function(elem){ return elem.getAttribute("href"); } }, relative: { "+": function(checkSet, part, isXML){ var isPartStr = typeof part === "string", isTag = isPartStr && !/\W/.test(part), isPartStrNotTag = isPartStr && !isTag; if ( isTag && !isXML ) { part = part.toUpperCase(); } for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) { if ( (elem = checkSet[i]) ) { while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {} checkSet[i] = isPartStrNotTag || elem && elem.nodeName === part ? elem || false : elem === part; } } if ( isPartStrNotTag ) { Sizzle.filter( part, checkSet, true ); } }, ">": function(checkSet, part, isXML){ var isPartStr = typeof part === "string"; if ( isPartStr && !/\W/.test(part) ) { part = isXML ? part : part.toUpperCase(); for ( var i = 0, l = checkSet.length; i < l; i++ ) { var elem = checkSet[i]; if ( elem ) { var parent = elem.parentNode; checkSet[i] = parent.nodeName === part ? parent : false; } } } else { for ( var i = 0, l = checkSet.length; i < l; i++ ) { var elem = checkSet[i]; if ( elem ) { checkSet[i] = isPartStr ? elem.parentNode : elem.parentNode === part; } } if ( isPartStr ) { Sizzle.filter( part, checkSet, true ); } } }, "": function(checkSet, part, isXML){ var doneName = done++, checkFn = dirCheck; if ( !/\W/.test(part) ) { var nodeCheck = part = isXML ? part : part.toUpperCase(); checkFn = dirNodeCheck; } checkFn("parentNode", part, doneName, checkSet, nodeCheck, isXML); }, "~": function(checkSet, part, isXML){ var doneName = done++, checkFn = dirCheck; if ( typeof part === "string" && !/\W/.test(part) ) { var nodeCheck = part = isXML ? part : part.toUpperCase(); checkFn = dirNodeCheck; } checkFn("previousSibling", part, doneName, checkSet, nodeCheck, isXML); } }, find: { ID: function(match, context, isXML){ if ( typeof context.getElementById !== "undefined" && !isXML ) { var m = context.getElementById(match[1]); return m ? [m] : []; } }, NAME: function(match, context, isXML){ if ( typeof context.getElementsByName !== "undefined" ) { var ret = [], results = context.getElementsByName(match[1]); for ( var i = 0, l = results.length; i < l; i++ ) { if ( results[i].getAttribute("name") === match[1] ) { ret.push( results[i] ); } } return ret.length === 0 ? null : ret; } }, TAG: function(match, context){ return context.getElementsByTagName(match[1]); } }, preFilter: { CLASS: function(match, curLoop, inplace, result, not, isXML){ match = " " + match[1].replace(/\\/g, "") + " "; if ( isXML ) { return match; } for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) { if ( elem ) { if ( not ^ (elem.className && (" " + elem.className + " ").indexOf(match) >= 0) ) { if ( !inplace ) result.push( elem ); } else if ( inplace ) { curLoop[i] = false; } } } return false; }, ID: function(match){ return match[1].replace(/\\/g, ""); }, TAG: function(match, curLoop){ for ( var i = 0; curLoop[i] === false; i++ ){} return curLoop[i] && isXML(curLoop[i]) ? match[1] : match[1].toUpperCase(); }, CHILD: function(match){ if ( match[1] == "nth" ) { var test = /(-?)(\d*)n((?:\+|-)?\d*)/.exec( match[2] == "even" && "2n" || match[2] == "odd" && "2n+1" || !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]); match[2] = (test[1] + (test[2] || 1)) - 0; match[3] = test[3] - 0; } match[0] = done++; return match; }, ATTR: function(match, curLoop, inplace, result, not, isXML){ var name = match[1].replace(/\\/g, ""); if ( !isXML && Expr.attrMap[name] ) { match[1] = Expr.attrMap[name]; } if ( match[2] === "~=" ) { match[4] = " " + match[4] + " "; } return match; }, PSEUDO: function(match, curLoop, inplace, result, not){ if ( match[1] === "not" ) { if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) { match[3] = Sizzle(match[3], null, null, curLoop); } else { var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not); if ( !inplace ) { result.push.apply( result, ret ); } return false; } } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) { return true; } return match; }, POS: function(match){ match.unshift( true ); return match; } }, filters: { enabled: function(elem){ return elem.disabled === false && elem.type !== "hidden"; }, disabled: function(elem){ return elem.disabled === true; }, checked: function(elem){ return elem.checked === true; }, selected: function(elem){ elem.parentNode.selectedIndex; return elem.selected === true; }, parent: function(elem){ return !!elem.firstChild; }, empty: function(elem){ return !elem.firstChild; }, has: function(elem, i, match){ return !!Sizzle( match[3], elem ).length; }, header: function(elem){ return /h\d/i.test( elem.nodeName ); }, text: function(elem){ return "text" === elem.type; }, radio: function(elem){ return "radio" === elem.type; }, checkbox: function(elem){ return "checkbox" === elem.type; }, file: function(elem){ return "file" === elem.type; }, password: function(elem){ return "password" === elem.type; }, submit: function(elem){ return "submit" === elem.type; }, image: function(elem){ return "image" === elem.type; }, reset: function(elem){ return "reset" === elem.type; }, button: function(elem){ return "button" === elem.type || elem.nodeName.toUpperCase() === "BUTTON"; }, input: function(elem){ return /input|select|textarea|button/i.test(elem.nodeName); } }, setFilters: { first: function(elem, i){ return i === 0; }, last: function(elem, i, match, array){ return i === array.length - 1; }, even: function(elem, i){ return i % 2 === 0; }, odd: function(elem, i){ return i % 2 === 1; }, lt: function(elem, i, match){ return i < match[3] - 0; }, gt: function(elem, i, match){ return i > match[3] - 0; }, nth: function(elem, i, match){ return match[3] - 0 == i; }, eq: function(elem, i, match){ return match[3] - 0 == i; } }, filter: { PSEUDO: function(elem, match, i, array){ var name = match[1], filter = Expr.filters[ name ]; if ( filter ) { return filter( elem, i, match, array ); } else if ( name === "contains" ) { return (elem.textContent || elem.innerText || "").indexOf(match[3]) >= 0; } else if ( name === "not" ) { var not = match[3]; for ( var i = 0, l = not.length; i < l; i++ ) { if ( not[i] === elem ) { return false; } } return true; } }, CHILD: function(elem, match){ var type = match[1], node = elem; switch (type) { case 'only': case 'first': while ( (node = node.previousSibling) ) { if ( node.nodeType === 1 ) return false; } if ( type == 'first') return true; node = elem; case 'last': while ( (node = node.nextSibling) ) { if ( node.nodeType === 1 ) return false; } return true; case 'nth': var first = match[2], last = match[3]; if ( first == 1 && last == 0 ) { return true; } var doneName = match[0], parent = elem.parentNode; if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) { var count = 0; for ( node = parent.firstChild; node; node = node.nextSibling ) { if ( node.nodeType === 1 ) { node.nodeIndex = ++count; } } parent.sizcache = doneName; } var diff = elem.nodeIndex - last; if ( first == 0 ) { return diff == 0; } else { return ( diff % first == 0 && diff / first >= 0 ); } } }, ID: function(elem, match){ return elem.nodeType === 1 && elem.getAttribute("id") === match; }, TAG: function(elem, match){ return (match === "*" && elem.nodeType === 1) || elem.nodeName === match; }, CLASS: function(elem, match){ return (" " + (elem.className || elem.getAttribute("class")) + " ") .indexOf( match ) > -1; }, ATTR: function(elem, match){ var name = match[1], result = Expr.attrHandle[ name ] ? Expr.attrHandle[ name ]( elem ) : elem[ name ] != null ? elem[ name ] : elem.getAttribute( name ), value = result + "", type = match[2], check = match[4]; return result == null ? type === "!=" : type === "=" ? value === check : type === "*=" ? value.indexOf(check) >= 0 : type === "~=" ? (" " + value + " ").indexOf(check) >= 0 : !check ? value && result !== false : type === "!=" ? value != check : type === "^=" ? value.indexOf(check) === 0 : type === "$=" ? value.substr(value.length - check.length) === check : type === "|=" ? value === check || value.substr(0, check.length + 1) === check + "-" : false; }, POS: function(elem, match, i, array){ var name = match[2], filter = Expr.setFilters[ name ]; if ( filter ) { return filter( elem, i, match, array ); } } } }; var origPOS = Expr.match.POS; for ( var type in Expr.match ) { Expr.match[ type ] = new RegExp( Expr.match[ type ].source + /(?![^\[]*\])(?![^\(]*\))/.source ); Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source ); } var makeArray = function(array, results) { array = Array.prototype.slice.call( array, 0 ); if ( results ) { results.push.apply( results, array ); return results; } return array; }; try { Array.prototype.slice.call( document.documentElement.childNodes, 0 ); } catch(e){ makeArray = function(array, results) { var ret = results || []; if ( toString.call(array) === "[object Array]" ) { Array.prototype.push.apply( ret, array ); } else { if ( typeof array.length === "number" ) { for ( var i = 0, l = array.length; i < l; i++ ) { ret.push( array[i] ); } } else { for ( var i = 0; array[i]; i++ ) { ret.push( array[i] ); } } } return ret; }; } var sortOrder; if ( document.documentElement.compareDocumentPosition ) { sortOrder = function( a, b ) { if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) { if ( a == b ) { hasDuplicate = true; } return 0; } var ret = a.compareDocumentPosition(b) & 4 ? -1 : a === b ? 0 : 1; if ( ret === 0 ) { hasDuplicate = true; } return ret; }; } else if ( "sourceIndex" in document.documentElement ) { sortOrder = function( a, b ) { if ( !a.sourceIndex || !b.sourceIndex ) { if ( a == b ) { hasDuplicate = true; } return 0; } var ret = a.sourceIndex - b.sourceIndex; if ( ret === 0 ) { hasDuplicate = true; } return ret; }; } else if ( document.createRange ) { sortOrder = function( a, b ) { if ( !a.ownerDocument || !b.ownerDocument ) { if ( a == b ) { hasDuplicate = true; } return 0; } var aRange = a.ownerDocument.createRange(), bRange = b.ownerDocument.createRange(); aRange.setStart(a, 0); aRange.setEnd(a, 0); bRange.setStart(b, 0); bRange.setEnd(b, 0); var ret = aRange.compareBoundaryPoints(Range.START_TO_END, bRange); if ( ret === 0 ) { hasDuplicate = true; } return ret; }; } (function(){ var form = document.createElement("div"), id = "script" + (new Date).getTime(); form.innerHTML = "<a name='" + id + "'/>"; var root = document.documentElement; root.insertBefore( form, root.firstChild ); if ( !!document.getElementById( id ) ) { Expr.find.ID = function(match, context, isXML){ if ( typeof context.getElementById !== "undefined" && !isXML ) { var m = context.getElementById(match[1]); return m ? m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ? [m] : undefined : []; } }; Expr.filter.ID = function(elem, match){ var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id"); return elem.nodeType === 1 && node && node.nodeValue === match; }; } root.removeChild( form ); root = form = null; // release memory in IE })(); (function(){ var div = document.createElement("div"); div.appendChild( document.createComment("") ); if ( div.getElementsByTagName("*").length > 0 ) { Expr.find.TAG = function(match, context){ var results = context.getElementsByTagName(match[1]); if ( match[1] === "*" ) { var tmp = []; for ( var i = 0; results[i]; i++ ) { if ( results[i].nodeType === 1 ) { tmp.push( results[i] ); } } results = tmp; } return results; }; } div.innerHTML = "<a href='#'></a>"; if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" && div.firstChild.getAttribute("href") !== "#" ) { Expr.attrHandle.href = function(elem){ return elem.getAttribute("href", 2); }; } div = null; // release memory in IE })(); if ( document.querySelectorAll ) (function(){ var oldSizzle = Sizzle, div = document.createElement("div"); div.innerHTML = "<p class='TEST'></p>"; if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) { return; } Sizzle = function(query, context, extra, seed){ context = context || document; if ( !seed && context.nodeType === 9 && !isXML(context) ) { try { return makeArray( context.querySelectorAll(query), extra ); } catch(e){} } return oldSizzle(query, context, extra, seed); }; for ( var prop in oldSizzle ) { Sizzle[ prop ] = oldSizzle[ prop ]; } div = null; // release memory in IE })(); if ( document.getElementsByClassName && document.documentElement.getElementsByClassName ) (function(){ var div = document.createElement("div"); div.innerHTML = "<div class='test e'></div><div class='test'></div>"; if ( div.getElementsByClassName("e").length === 0 ) return; div.lastChild.className = "e"; if ( div.getElementsByClassName("e").length === 1 ) return; Expr.order.splice(1, 0, "CLASS"); Expr.find.CLASS = function(match, context, isXML) { if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) { return context.getElementsByClassName(match[1]); } }; div = null; // release memory in IE })(); function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) { var sibDir = dir == "previousSibling" && !isXML; for ( var i = 0, l = checkSet.length; i < l; i++ ) { var elem = checkSet[i]; if ( elem ) { if ( sibDir && elem.nodeType === 1 ){ elem.sizcache = doneName; elem.sizset = i; } elem = elem[dir]; var match = false; while ( elem ) { if ( elem.sizcache === doneName ) { match = checkSet[elem.sizset]; break; } if ( elem.nodeType === 1 && !isXML ){ elem.sizcache = doneName; elem.sizset = i; } if ( elem.nodeName === cur ) { match = elem; break; } elem = elem[dir]; } checkSet[i] = match; } } } function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) { var sibDir = dir == "previousSibling" && !isXML; for ( var i = 0, l = checkSet.length; i < l; i++ ) { var elem = checkSet[i]; if ( elem ) { if ( sibDir && elem.nodeType === 1 ) { elem.sizcache = doneName; elem.sizset = i; } elem = elem[dir]; var match = false; while ( elem ) { if ( elem.sizcache === doneName ) { match = checkSet[elem.sizset]; break; } if ( elem.nodeType === 1 ) { if ( !isXML ) { elem.sizcache = doneName; elem.sizset = i; } if ( typeof cur !== "string" ) { if ( elem === cur ) { match = true; break; } } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) { match = elem; break; } } elem = elem[dir]; } checkSet[i] = match; } } } var contains = document.compareDocumentPosition ? function(a, b){ return a.compareDocumentPosition(b) & 16; } : function(a, b){ return a !== b && (a.contains ? a.contains(b) : true); }; var isXML = function(elem){ return elem.nodeType === 9 && elem.documentElement.nodeName !== "HTML" || !!elem.ownerDocument && elem.ownerDocument.documentElement.nodeName !== "HTML"; }; var posProcess = function(selector, context){ var tmpSet = [], later = "", match, root = context.nodeType ? [context] : context; while ( (match = Expr.match.PSEUDO.exec( selector )) ) { later += match[0]; selector = selector.replace( Expr.match.PSEUDO, "" ); } selector = Expr.relative[selector] ? selector + "*" : selector; for ( var i = 0, l = root.length; i < l; i++ ) { Sizzle( selector, root[i], tmpSet ); } return Sizzle.filter( later, tmpSet ); }; window.Sizzle = Sizzle; })(); ;(function(engine) { var extendElements = Prototype.Selector.extendElements; function select(selector, scope) { return extendElements(engine(selector, scope || document)); } function match(element, selector) { return engine.matches(selector, [element]).length == 1; } Prototype.Selector.engine = engine; Prototype.Selector.select = select; Prototype.Selector.match = match; })(Sizzle); window.Sizzle = Prototype._original_property; delete Prototype._original_property; var Form = { reset: function(form) { form = $(form); form.reset(); return form; }, serializeElements: function(elements, options) { if (typeof options != 'object') options = { hash: !!options }; else if (Object.isUndefined(options.hash)) options.hash = true; var key, value, submitted = false, submit = options.submit, accumulator, initial; if (options.hash) { initial = {}; accumulator = function(result, key, value) { if (key in result) { if (!Object.isArray(result[key])) result[key] = [result[key]]; result[key].push(value); } else result[key] = value; return result; }; } else { initial = ''; accumulator = function(result, key, value) { return result + (result ? '&' : '') + encodeURIComponent(key) + '=' + encodeURIComponent(value); } } return elements.inject(initial, function(result, element) { if (!element.disabled && element.name) { key = element.name; value = $(element).getValue(); if (value != null && element.type != 'file' && (element.type != 'submit' || (!submitted && submit !== false && (!submit || key == submit) && (submitted = true)))) { result = accumulator(result, key, value); } } return result; }); } }; Form.Methods = { serialize: function(form, options) { return Form.serializeElements(Form.getElements(form), options); }, getElements: function(form) { var elements = $(form).getElementsByTagName('*'), element, arr = [ ], serializers = Form.Element.Serializers; for (var i = 0; element = elements[i]; i++) { arr.push(element); } return arr.inject([], function(elements, child) { if (serializers[child.tagName.toLowerCase()]) elements.push(Element.extend(child)); return elements; }) }, getInputs: function(form, typeName, name) { form = $(form); var inputs = form.getElementsByTagName('input'); if (!typeName && !name) return $A(inputs).map(Element.extend); for (var i = 0, matchingInputs = [], length = inputs.length; i < length; i++) { var input = inputs[i]; if ((typeName && input.type != typeName) || (name && input.name != name)) continue; matchingInputs.push(Element.extend(input)); } return matchingInputs; }, disable: function(form) { form = $(form); Form.getElements(form).invoke('disable'); return form; }, enable: function(form) { form = $(form); Form.getElements(form).invoke('enable'); return form; }, findFirstElement: function(form) { var elements = $(form).getElements().findAll(function(element) { return 'hidden' != element.type && !element.disabled; }); var firstByIndex = elements.findAll(function(element) { return element.hasAttribute('tabIndex') && element.tabIndex >= 0; }).sortBy(function(element) { return element.tabIndex }).first(); return firstByIndex ? firstByIndex : elements.find(function(element) { return /^(?:input|select|textarea)$/i.test(element.tagName); }); }, focusFirstElement: function(form) { form = $(form); var element = form.findFirstElement(); if (element) element.activate(); return form; }, request: function(form, options) { form = $(form), options = Object.clone(options || { }); var params = options.parameters, action = form.readAttribute('action') || ''; if (action.blank()) action = window.location.href; options.parameters = form.serialize(true); if (params) { if (Object.isString(params)) params = params.toQueryParams(); Object.extend(options.parameters, params); } if (form.hasAttribute('method') && !options.method) options.method = form.getAttribute('method'); return new Ajax.Request(action, options); } }; /*--------------------------------------------------------------------------*/ Form.Element = { focus: function(element) { $(element).focus(); return element; }, select: function(element) { $(element).select(); return element; } }; Form.Element.Methods = { serialize: function(element) { element = $(element); if (!element.disabled && element.name) { var value = element.getValue(); if (value != undefined) { var pair = { }; pair[element.name] = value; return Object.toQueryString(pair); } } return ''; }, getValue: function(element) { element = $(element); var method = element.tagName.toLowerCase(); return Form.Element.Serializers[method](element); }, setValue: function(element, value) { element = $(element); var method = element.tagName.toLowerCase(); Form.Element.Serializers[method](element, value); return element; }, clear: function(element) { $(element).value = ''; return element; }, present: function(element) { return $(element).value != ''; }, activate: function(element) { element = $(element); try { element.focus(); if (element.select && (element.tagName.toLowerCase() != 'input' || !(/^(?:button|reset|submit)$/i.test(element.type)))) element.select(); } catch (e) { } return element; }, disable: function(element) { element = $(element); element.disabled = true; return element; }, enable: function(element) { element = $(element); element.disabled = false; return element; } }; /*--------------------------------------------------------------------------*/ var Field = Form.Element; var $F = Form.Element.Methods.getValue; /*--------------------------------------------------------------------------*/ Form.Element.Serializers = (function() { function input(element, value) { switch (element.type.toLowerCase()) { case 'checkbox': case 'radio': return inputSelector(element, value); default: return valueSelector(element, value); } } function inputSelector(element, value) { if (Object.isUndefined(value)) return element.checked ? element.value : null; else element.checked = !!value; } function valueSelector(element, value) { if (Object.isUndefined(value)) return element.value; else element.value = value; } function select(element, value) { if (Object.isUndefined(value)) return (element.type === 'select-one' ? selectOne : selectMany)(element); var opt, currentValue, single = !Object.isArray(value); for (var i = 0, length = element.length; i < length; i++) { opt = element.options[i]; currentValue = this.optionValue(opt); if (single) { if (currentValue == value) { opt.selected = true; return; } } else opt.selected = value.include(currentValue); } } function selectOne(element) { var index = element.selectedIndex; return index >= 0 ? optionValue(element.options[index]) : null; } function selectMany(element) { var values, length = element.length; if (!length) return null; for (var i = 0, values = []; i < length; i++) { var opt = element.options[i]; if (opt.selected) values.push(optionValue(opt)); } return values; } function optionValue(opt) { return Element.hasAttribute(opt, 'value') ? opt.value : opt.text; } return { input: input, inputSelector: inputSelector, textarea: valueSelector, select: select, selectOne: selectOne, selectMany: selectMany, optionValue: optionValue, button: valueSelector }; })(); /*--------------------------------------------------------------------------*/ Abstract.TimedObserver = Class.create(PeriodicalExecuter, { initialize: function($super, element, frequency, callback) { $super(callback, frequency); this.element = $(element); this.lastValue = this.getValue(); }, execute: function() { var value = this.getValue(); if (Object.isString(this.lastValue) && Object.isString(value) ? this.lastValue != value : String(this.lastValue) != String(value)) { this.callback(this.element, value); this.lastValue = value; } } }); Form.Element.Observer = Class.create(Abstract.TimedObserver, { getValue: function() { return Form.Element.getValue(this.element); } }); Form.Observer = Class.create(Abstract.TimedObserver, { getValue: function() { return Form.serialize(this.element); } }); /*--------------------------------------------------------------------------*/ Abstract.EventObserver = Class.create({ initialize: function(element, callback) { this.element = $(element); this.callback = callback; this.lastValue = this.getValue(); if (this.element.tagName.toLowerCase() == 'form') this.registerFormCallbacks(); else this.registerCallback(this.element); }, onElementEvent: function() { var value = this.getValue(); if (this.lastValue != value) { this.callback(this.element, value); this.lastValue = value; } }, registerFormCallbacks: function() { Form.getElements(this.element).each(this.registerCallback, this); }, registerCallback: function(element) { if (element.type) { switch (element.type.toLowerCase()) { case 'checkbox': case 'radio': Event.observe(element, 'click', this.onElementEvent.bind(this)); break; default: Event.observe(element, 'change', this.onElementEvent.bind(this)); break; } } } }); Form.Element.EventObserver = Class.create(Abstract.EventObserver, { getValue: function() { return Form.Element.getValue(this.element); } }); Form.EventObserver = Class.create(Abstract.EventObserver, { getValue: function() { return Form.serialize(this.element); } }); (function() { var Event = { KEY_BACKSPACE: 8, KEY_TAB: 9, KEY_RETURN: 13, KEY_ESC: 27, KEY_LEFT: 37, KEY_UP: 38, KEY_RIGHT: 39, KEY_DOWN: 40, KEY_DELETE: 46, KEY_HOME: 36, KEY_END: 35, KEY_PAGEUP: 33, KEY_PAGEDOWN: 34, KEY_INSERT: 45, cache: {} }; var docEl = document.documentElement; var MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED = 'onmouseenter' in docEl && 'onmouseleave' in docEl; var isIELegacyEvent = function(event) { return false; }; if (window.attachEvent) { if (window.addEventListener) { isIELegacyEvent = function(event) { return !(event instanceof window.Event); }; } else { isIELegacyEvent = function(event) { return true; }; } } var _isButton; function _isButtonForDOMEvents(event, code) { return event.which ? (event.which === code + 1) : (event.button === code); } var legacyButtonMap = { 0: 1, 1: 4, 2: 2 }; function _isButtonForLegacyEvents(event, code) { return event.button === legacyButtonMap[code]; } function _isButtonForWebKit(event, code) { switch (code) { case 0: return event.which == 1 && !event.metaKey; case 1: return event.which == 2 || (event.which == 1 && event.metaKey); case 2: return event.which == 3; default: return false; } } if (window.attachEvent) { if (!window.addEventListener) { _isButton = _isButtonForLegacyEvents; } else { _isButton = function(event, code) { return isIELegacyEvent(event) ? _isButtonForLegacyEvents(event, code) : _isButtonForDOMEvents(event, code); } } } else if (Prototype.Browser.WebKit) { _isButton = _isButtonForWebKit; } else { _isButton = _isButtonForDOMEvents; } function isLeftClick(event) { return _isButton(event, 0) } function isMiddleClick(event) { return _isButton(event, 1) } function isRightClick(event) { return _isButton(event, 2) } function element(event) { event = Event.extend(event); var node = event.target, type = event.type, currentTarget = event.currentTarget; if (currentTarget && currentTarget.tagName) { if (type === 'load' || type === 'error' || (type === 'click' && currentTarget.tagName.toLowerCase() === 'input' && currentTarget.type === 'radio')) node = currentTarget; } if (node.nodeType == Node.TEXT_NODE) node = node.parentNode; return Element.extend(node); } function findElement(event, expression) { var element = Event.element(event); if (!expression) return element; while (element) { if (Object.isElement(element) && Prototype.Selector.match(element, expression)) { return Element.extend(element); } element = element.parentNode; } } function pointer(event) { return { x: pointerX(event), y: pointerY(event) }; } function pointerX(event) { var docElement = document.documentElement, body = document.body || { scrollLeft: 0 }; return event.pageX || (event.clientX + (docElement.scrollLeft || body.scrollLeft) - (docElement.clientLeft || 0)); } function pointerY(event) { var docElement = document.documentElement, body = document.body || { scrollTop: 0 }; return event.pageY || (event.clientY + (docElement.scrollTop || body.scrollTop) - (docElement.clientTop || 0)); } function stop(event) { Event.extend(event); event.preventDefault(); event.stopPropagation(); event.stopped = true; } Event.Methods = { isLeftClick: isLeftClick, isMiddleClick: isMiddleClick, isRightClick: isRightClick, element: element, findElement: findElement, pointer: pointer, pointerX: pointerX, pointerY: pointerY, stop: stop }; var methods = Object.keys(Event.Methods).inject({ }, function(m, name) { m[name] = Event.Methods[name].methodize(); return m; }); if (window.attachEvent) { function _relatedTarget(event) { var element; switch (event.type) { case 'mouseover': case 'mouseenter': element = event.fromElement; break; case 'mouseout': case 'mouseleave': element = event.toElement; break; default: return null; } return Element.extend(element); } var additionalMethods = { stopPropagation: function() { this.cancelBubble = true }, preventDefault: function() { this.returnValue = false }, inspect: function() { return '[object Event]' } }; Event.extend = function(event, element) { if (!event) return false; if (!isIELegacyEvent(event)) return event; if (event._extendedByPrototype) return event; event._extendedByPrototype = Prototype.emptyFunction; var pointer = Event.pointer(event); Object.extend(event, { target: event.srcElement || element, relatedTarget: _relatedTarget(event), pageX: pointer.x, pageY: pointer.y }); Object.extend(event, methods); Object.extend(event, additionalMethods); return event; }; } else { Event.extend = Prototype.K; } if (window.addEventListener) { Event.prototype = window.Event.prototype || document.createEvent('HTMLEvents').__proto__; Object.extend(Event.prototype, methods); } function _createResponder(element, eventName, handler) { var registry = Element.retrieve(element, 'prototype_event_registry'); if (Object.isUndefined(registry)) { CACHE.push(element); registry = Element.retrieve(element, 'prototype_event_registry', $H()); } var respondersForEvent = registry.get(eventName); if (Object.isUndefined(respondersForEvent)) { respondersForEvent = []; registry.set(eventName, respondersForEvent); } if (respondersForEvent.pluck('handler').include(handler)) return false; var responder; if (eventName.include(":")) { responder = function(event) { if (Object.isUndefined(event.eventName)) return false; if (event.eventName !== eventName) return false; Event.extend(event, element); handler.call(element, event); }; } else { if (!MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED && (eventName === "mouseenter" || eventName === "mouseleave")) { if (eventName === "mouseenter" || eventName === "mouseleave") { responder = function(event) { Event.extend(event, element); var parent = event.relatedTarget; while (parent && parent !== element) { try { parent = parent.parentNode; } catch(e) { parent = element; } } if (parent === element) return; handler.call(element, event); }; } } else { if (eventName === "beforeunload") { responder = function(event) { Event.extend(event, element); return handler.call(element, event); }; } else { responder = function(event) { Event.extend(event, element); handler.call(element, event); }; } } } responder.handler = handler; respondersForEvent.push(responder); return responder; } function _destroyCache() { for (var i = 0, length = CACHE.length; i < length; i++) { Event.stopObserving(CACHE[i]); CACHE[i] = null; } } var CACHE = []; if (Prototype.Browser.IE) window.attachEvent('onunload', _destroyCache); if (Prototype.Browser.WebKit) window.addEventListener('unload', Prototype.emptyFunction, false); var _getDOMEventName = Prototype.K, translations = { mouseenter: "mouseover", mouseleave: "mouseout" }; if (!MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED) { _getDOMEventName = function(eventName) { return (translations[eventName] || eventName); }; } function observe(element, eventName, handler) { element = $(element); var responder = _createResponder(element, eventName, handler); if (!responder) return element; if (eventName.include(':')) { if (element.addEventListener) element.addEventListener("dataavailable", responder, false); else { element.attachEvent("ondataavailable", responder); element.attachEvent("onlosecapture", responder); } } else { var actualEventName = _getDOMEventName(eventName); if (element.addEventListener) element.addEventListener(actualEventName, responder, false); else element.attachEvent("on" + actualEventName, responder); } return element; } function stopObserving(element, eventName, handler) { element = $(element); var registry = Element.retrieve(element, 'prototype_event_registry'); if (!registry) return element; if (!eventName) { registry.each( function(pair) { var eventName = pair.key; stopObserving(element, eventName); }); return element; } var responders = registry.get(eventName); if (!responders) return element; if (!handler) { responders.each(function(r) { stopObserving(element, eventName, r.handler); }); return element; } var i = responders.length, responder; while (i--) { if (responders[i].handler === handler) { responder = responders[i]; break; } } if (!responder) return element; if (eventName.include(':')) { if (element.removeEventListener) element.removeEventListener("dataavailable", responder, false); else { element.detachEvent("ondataavailable", responder); element.detachEvent("onlosecapture", responder); } } else { var actualEventName = _getDOMEventName(eventName); if (element.removeEventListener) element.removeEventListener(actualEventName, responder, false); else element.detachEvent('on' + actualEventName, responder); } registry.set(eventName, responders.without(responder)); return element; } function fire(element, eventName, memo, bubble) { element = $(element); if (Object.isUndefined(bubble)) bubble = true; if (element == document && document.createEvent && !element.dispatchEvent) element = document.documentElement; var event; if (document.createEvent) { event = document.createEvent('HTMLEvents'); event.initEvent('dataavailable', bubble, true); } else { event = document.createEventObject(); event.eventType = bubble ? 'ondataavailable' : 'onlosecapture'; } event.eventName = eventName; event.memo = memo || { }; if (document.createEvent) element.dispatchEvent(event); else element.fireEvent(event.eventType, event); return Event.extend(event); } Event.Handler = Class.create({ initialize: function(element, eventName, selector, callback) { this.element = $(element); this.eventName = eventName; this.selector = selector; this.callback = callback; this.handler = this.handleEvent.bind(this); }, start: function() { Event.observe(this.element, this.eventName, this.handler); return this; }, stop: function() { Event.stopObserving(this.element, this.eventName, this.handler); return this; }, handleEvent: function(event) { var element = Event.findElement(event, this.selector); if (element) this.callback.call(this.element, event, element); } }); function on(element, eventName, selector, callback) { element = $(element); if (Object.isFunction(selector) && Object.isUndefined(callback)) { callback = selector, selector = null; } return new Event.Handler(element, eventName, selector, callback).start(); } Object.extend(Event, Event.Methods); Object.extend(Event, { fire: fire, observe: observe, stopObserving: stopObserving, on: on }); Element.addMethods({ fire: fire, observe: observe, stopObserving: stopObserving, on: on }); Object.extend(document, { fire: fire.methodize(), observe: observe.methodize(), stopObserving: stopObserving.methodize(), on: on.methodize(), loaded: false }); if (window.Event) Object.extend(window.Event, Event); else window.Event = Event; })(); (function() { /* Support for the DOMContentLoaded event is based on work by Dan Webb, Matthias Miller, Dean Edwards, John Resig, and Diego Perini. */ var timer; function fireContentLoadedEvent() { if (document.loaded) return; if (timer) window.clearTimeout(timer); document.loaded = true; document.fire('dom:loaded'); } function checkReadyState() { if (document.readyState === 'complete') { document.stopObserving('readystatechange', checkReadyState); fireContentLoadedEvent(); } } function pollDoScroll() { try { document.documentElement.doScroll('left'); } catch(e) { timer = pollDoScroll.defer(); return; } fireContentLoadedEvent(); } if (document.addEventListener) { document.addEventListener('DOMContentLoaded', fireContentLoadedEvent, false); } else { document.observe('readystatechange', checkReadyState); if (window == top) timer = pollDoScroll.defer(); } Event.observe(window, 'load', fireContentLoadedEvent); })(); Element.addMethods(); /*------------------------------- DEPRECATED -------------------------------*/ Hash.toQueryString = Object.toQueryString; var Toggle = { display: Element.toggle }; Element.Methods.childOf = Element.Methods.descendantOf; var Insertion = { Before: function(element, content) { return Element.insert(element, {before:content}); }, Top: function(element, content) { return Element.insert(element, {top:content}); }, Bottom: function(element, content) { return Element.insert(element, {bottom:content}); }, After: function(element, content) { return Element.insert(element, {after:content}); } }; var $continue = new Error('"throw $continue" is deprecated, use "return" instead'); var Position = { includeScrollOffsets: false, prepare: function() { this.deltaX = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0; this.deltaY = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; }, within: function(element, x, y) { if (this.includeScrollOffsets) return this.withinIncludingScrolloffsets(element, x, y); this.xcomp = x; this.ycomp = y; this.offset = Element.cumulativeOffset(element); return (y >= this.offset[1] && y < this.offset[1] + element.offsetHeight && x >= this.offset[0] && x < this.offset[0] + element.offsetWidth); }, withinIncludingScrolloffsets: function(element, x, y) { var offsetcache = Element.cumulativeScrollOffset(element); this.xcomp = x + offsetcache[0] - this.deltaX; this.ycomp = y + offsetcache[1] - this.deltaY; this.offset = Element.cumulativeOffset(element); return (this.ycomp >= this.offset[1] && this.ycomp < this.offset[1] + element.offsetHeight && this.xcomp >= this.offset[0] && this.xcomp < this.offset[0] + element.offsetWidth); }, overlap: function(mode, element) { if (!mode) return 0; if (mode == 'vertical') return ((this.offset[1] + element.offsetHeight) - this.ycomp) / element.offsetHeight; if (mode == 'horizontal') return ((this.offset[0] + element.offsetWidth) - this.xcomp) / element.offsetWidth; }, cumulativeOffset: Element.Methods.cumulativeOffset, positionedOffset: Element.Methods.positionedOffset, absolutize: function(element) { Position.prepare(); return Element.absolutize(element); }, relativize: function(element) { Position.prepare(); return Element.relativize(element); }, realOffset: Element.Methods.cumulativeScrollOffset, offsetParent: Element.Methods.getOffsetParent, page: Element.Methods.viewportOffset, clone: function(source, target, options) { options = options || { }; return Element.clonePosition(target, source, options); } }; /*--------------------------------------------------------------------------*/ if (!document.getElementsByClassName) document.getElementsByClassName = function(instanceMethods){ function iter(name) { return name.blank() ? null : "[contains(concat(' ', @class, ' '), ' " + name + " ')]"; } var _getElementsByClassName = instanceMethods.getElementsByClassName = Prototype.BrowserFeatures.XPath ? function(element, className) { className = className.toString().strip(); var cond = /\s/.test(className) ? $w(className).map(iter).join('') : iter(className); return cond ? document._getElementsByXPath('.//*' + cond, element) : []; } : function(element, className) { className = className.toString().strip(); var elements = [], classNames = (/\s/.test(className) ? $w(className) : null); if (!classNames && !className) return elements; var nodes = $(element).getElementsByTagName('*'); className = ' ' + className + ' '; for (var i = 0, child, cn; child = nodes[i]; i++) { if (child.className && (cn = ' ' + child.className + ' ') && (cn.include(className) || (classNames && classNames.all(function(name) { return !name.toString().blank() && cn.include(' ' + name + ' '); })))) elements.push(Element.extend(child)); } return elements; }; return function(className, parentElement) { return _getElementsByClassName( parentElement || document.body, className ); }; }(Element.Methods); /*--------------------------------------------------------------------------*/ Element.ClassNames = Class.create(); Element.ClassNames.prototype = { initialize: function(element) { this.element = $(element); }, _each: function(iterator) { this.element.className.split(/\s+/).select(function(name) { return name.length > 0; })._each(iterator); }, set: function(className) { this.element.className = className; }, add: function(classNameToAdd) { if (this.include(classNameToAdd)) return; this.set($A(this).concat(classNameToAdd).join(' ')); }, remove: function(classNameToRemove) { if (!this.include(classNameToRemove)) return; this.set($A(this).without(classNameToRemove).join(' ')); }, toString: function() { return $A(this).join(' '); } }; Object.extend(Element.ClassNames.prototype, Enumerable); /*--------------------------------------------------------------------------*/ (function() { window.Selector = Class.create({ initialize: function(expression) { this.expression = expression.strip(); }, findElements: function(rootElement) { return Prototype.Selector.select(this.expression, rootElement); }, match: function(element) { return Prototype.Selector.match(element, this.expression); }, toString: function() { return this.expression; }, inspect: function() { return "#<Selector: " + this.expression + ">"; } }); Object.extend(Selector, { matchElements: function(elements, expression) { var match = Prototype.Selector.match, results = []; for (var i = 0, length = elements.length; i < length; i++) { var element = elements[i]; if (match(element, expression)) { results.push(Element.extend(element)); } } return results; }, findElement: function(elements, expression, index) { index = index || 0; var matchIndex = 0, element; for (var i = 0, length = elements.length; i < length; i++) { element = elements[i]; if (Prototype.Selector.match(element, expression) && index === matchIndex++) { return Element.extend(element); } } }, findChildElements: function(element, expressions) { var selector = expressions.toArray().join(', '); return Prototype.Selector.select(selector, element || document); } }); })(); /* * * Copyright (c) 2007 Andrew Tetlaw * * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the "Software"), to deal in the Software without * restriction, including without limitation the rights to use, copy, * modify, merge, publish, distribute, sublicense, and/or sell copies * of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS * BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN * ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. * * * * * FastInit * http://tetlaw.id.au/view/javascript/fastinit * Andrew Tetlaw * Version 1.4.1 (2007-03-15) * Based on: * http://dean.edwards.name/weblog/2006/03/faster * http://dean.edwards.name/weblog/2006/06/again/ * Help from: * http://www.cherny.com/webdev/26/domloaded-object-literal-updated * */ var FastInit = { onload : function() { if (FastInit.done) { return; } FastInit.done = true; for(var x = 0, al = FastInit.f.length; x < al; x++) { FastInit.f[x](); } // check for doubleSubmit only if validateForm.js is included in the page and thus nameSpace 'doubleSubmit' is defined if(typeof window.doubleSubmit !== "undefined") { for ( i = 0; i < window.document.forms.length; i++ ) { // Below is necessary to make use of both form.onsubmit validations on individual pages // and form submit event handlers registered through Event.observe(..."submit"...) var originalFormOnSubmit = null; if(window.document.forms[i].onsubmit) { originalFormOnSubmit = window.document.forms[i].onsubmit; window.document.forms[i].onsubmit = function() { return; }; } // Form.submit() doesn't call form submit event handlers registered below, so we have to make // sure form submit event handlers get called when form.submit() is used to submit the form // Note : Browser does not trigger the onsubmit event if you call the submit method of a form // programmatically. Likewise, we don't call form.onsubmit() here and that validation if wanted // is up to the developer to do before calling form.submit() window.document.forms[i].originalFormSubmit = window.document.forms[i].submit; window.document.forms[i].submit = function() { if(doubleSubmit.handleFormSubmitEvents( null, this, null ) == false) { return false; } return this.originalFormSubmit(); }; Event.observe( window.document.forms[i], "submit", doubleSubmit.handleFormSubmitEvents .bindAsEventListener( this, window.document.forms[i], originalFormOnSubmit ) ); } } }, addOnLoad : function() { var a = arguments; for(var x = 0, al = a.length; x < al; x++) { if(typeof a[x] === 'function') { if (FastInit.done ) { a[x](); } else { FastInit.f.push(a[x]); } } } }, listen : function() { if (/WebKit|khtml/i.test(navigator.userAgent)) { FastInit.timer = setInterval(function() { if (/loaded|complete/.test(document.readyState)) { clearInterval(FastInit.timer); delete FastInit.timer; FastInit.onload(); }}, 10); } else if (document.addEventListener) { document.addEventListener('DOMContentLoaded', FastInit.onload, false); } else if(!FastInit.iew32) { if(window.addEventListener) { window.addEventListener('load', FastInit.onload, false); } else if (window.attachEvent) { return window.attachEvent('onload', FastInit.onload); } } }, f:[],done:false,timer:null,iew32:false }; /*@cc_on @*/ /*@if (@_win32) FastInit.iew32 = true; document.write('<script id="__ie_onload" defer src="' + ((location.protocol == 'https:') ? '//0' : 'javascript:void(0)') + '"><\/script>'); document.getElementById('__ie_onload').onreadystatechange = function(){if (this.readyState == 'complete') { FastInit.onload(); }}; /*@end @*/ FastInit.listen(); /** * Only include the contents of this file once - for example, if this is included in a lightbox we don't want to re-run * all of this - just use the loaded version. (i.e. rerunning would clear page.bundle which would remove all the * language strings for the current page) */ if (!window.page) { var page = {}; page.isLoaded = false; /** * Utility for adding and using localized messages on the page. */ page.bundle = {}; page.bundle.messages = {}; page.bundle.addKey = function( key, value ) { page.bundle.messages[key] = value; }; page.bundle.getString = function( key /*, arg1, arg2, ..., argN */ ) { var result = page.bundle.messages[key]; if ( !result ) { return "!!!!" + key + "!!!!!"; } else { if ( arguments.length > 1 ) { for ( var i = 1; i < arguments.length; i++ ) { result = result.replace( new RegExp("\\{"+(i-1)+"\\}","g"), arguments[i] ); } } return result; } }; /** * Provides support for lazy initialization of javascript behavior when a certain * event happens to a certain item. */ page.LazyInit = function( event, eventTypes, initCode ) { var e = event || window.event; var target = Event.element( event ); // This is because events bubble and we want a reference // to the element we registered the handlers on. target = page.util.upToClass(target, "jsInit"); for (var i = 0; i < eventTypes.length; i++ ) { target['on'+eventTypes[i]] = null; } eval( initCode ); //initCode can reference "target" }; /** * Evaluates any <script> tags in the provided string in the global scope. * Useful for evaluating scripts that come back in text from an Ajax call. * If signalObject is passed then signalObject.evaluatingScripts will be set to false when done. */ page.globalEvalScripts = function(str, evalExternalScripts, signalObject) { //Get any external scripts var waitForVars = []; var scriptVars = [ { script: 'bb_htmlarea', variable: ['HTMLArea'] }, { script: 'w_editor', variable: ['WebeqEditors'] }, { script: 'wysiwyg.js', variable: ['vtbe_attchfiles'] }, { script: 'gradebook_utils.js', variable: ['gradebook_utils'] }, { script: 'rubric.js', variable: ['rubricModule'] }, { script: 'gridmgmt.js', variable: ['gridMgmt'] }, { script: 'calendar-time.js', variable: ['calendar'] }, { script: 'widget.js', variable: ['widget'] }, { script: 'vtbeTinymce.js', variable: ['tinyMceWrapper'] }, { script: 'WhatsNewView.js', variable: ['WhatsNewView'] }, { script: 'tiny_mce.js', variable: ['tinymce','tinyMCE'] }, { script: 'slider.js', variable: ['Control.Slider'] } ]; if (evalExternalScripts) { var externalScriptRE = '<script[^>]*src=["\']([^>"\']*)["\'][^>]*>([\\S\\s]*?)<\/script>'; var scriptMatches = str.match(new RegExp(externalScriptRE, 'img')); if (scriptMatches && scriptMatches.length > 0) { $A(scriptMatches).each(function(scriptTag) { var matches = scriptTag.match(new RegExp(externalScriptRE, 'im')); if (matches && matches.length > 0 && matches[1] != '') { var scriptSrc = matches[1]; if (scriptSrc.indexOf('/dwr_open/') != -1) { // dwr_open calls will ONLY work if the current page's webapp == the caller's webapp, // otherwise we'll get a session error. THis will happen if a lightbox is loaded with // dynamic content from a different webapp (say /webapps/blackboard) while the main page // is loaded from /webapps/discussionboard. To avoid this, rewrite the url to use the // webapp associated with the current page. var newparts = scriptSrc.split('/'); var oldparts = window.location.pathname.split('/'); newparts[1] = oldparts[1]; newparts[2] = oldparts[2]; scriptSrc = newparts.join('/'); } var scriptElem = new Element('script', { type: 'text/javascript', src: scriptSrc }); var head = $$('head')[0]; head.appendChild(scriptElem); for ( var i = 0; i < scriptVars.length; i++ ) { if ( scriptSrc.indexOf( scriptVars[i].script ) != -1 ) { scriptVars[ i ].variable.each( function( s ) { waitForVars.push( s ); } ); break; } } } }); } } //Finding Comments in HTML Source Code Using Regular Expressions and replaces with empty value //Example: <!-- <script>alert("welcome");</script>--> = '' //So,that extractScripts won't find commented scripts to extract //str =str.replace(new RegExp('\<![ \r\n\t]*(--([^\-]|[\r\n]|-[^\-])*--[ \r\n\t]*)\>', 'img'), ''); page.delayAddExtractedScripts(str.extractScripts(), waitForVars, signalObject); }; // Evaluate any inline script - delay a bit to give the scripts above time to load // NOTE that this is not guaranteed to work - if there are delays loading and initializing // the scripts required then code in these scripts might fail to find the required variables // If it is for our code then updating waitForVars appropriately per script will work page.delayAddExtractedScripts = function (scripts, waitForVars, signalObject) { var count = 0; if (waitForVars.length === 0) { page.actuallyAddExtractedScripts(scripts, signalObject); } else { new PeriodicalExecuter( function( pe ) { if ( count < 100 ) { count++; if ( page.allVariablesDefined(waitForVars) ) { page.actuallyAddExtractedScripts(scripts, signalObject); pe.stop(); } } else // give up if it takes longer than 5s to load { page.actuallyAddExtractedScripts(scripts, signalObject); pe.stop(); } }.bind(this), 0.05 ); } }; page.variableDefined = function (avar) { if ( !window[avar] ) { if (avar.indexOf('.') > 0) { var parts = avar.split('.'); var obj = window[parts[0]]; for (var partNum = 1; obj && partNum < parts.length; partNum++) { obj = obj[parts[partNum]]; } if (obj) { return true; } } return false; } return true; }; page.allVariablesDefined = function(vars) { var result = true; for ( var i = 0; i < vars.length; i++ ) { if ( !page.variableDefined(vars[i]) ) { result = false; break; } } return result; }; page.actuallyAddExtractedScripts = function (scripts, signalObject) { var scriptExecutionDelay = 0; if( signalObject ) { scriptExecutionDelay = signalObject.delayScriptExecution; } scripts.each(function(script) { if ( script != '' ) { if ( Prototype.Browser.IE && window.execScript ) { ( function() { window.execScript( script ); }.delay( scriptExecutionDelay ) ); } else { ( function() { var scriptElem = new Element( 'script', { type : 'text/javascript' } ); var head = $$( 'head' )[ 0 ]; script = document.createTextNode( script ); scriptElem.appendChild( script ); head.appendChild( scriptElem ); head.removeChild( scriptElem ); }.delay( scriptExecutionDelay ) ); } } } ); if (signalObject) { signalObject.evaluatingScripts = false; } }; page.setIframeHeightAndWidth = function () { page.setIframeHeight(); page.setIframeWidth(); }; page.setIframeHeight = function () { try { var iframeElements = $$('iframe.cleanSlate'); var i = 0; for( i = 0; i < iframeElements.length; i++ ) { var iframeElement = iframeElements[i]; if ( iframeElement.contentWindow && iframeElement.contentWindow.document && iframeElement.contentWindow.document.body ) { var frameHeight = page.util.getMaxContentHeight( iframeElement ); iframeElement.style.height =iframeElement.contentWindow.document.body.scrollHeight + frameHeight + 300 +'px'; } } } catch( e ){} }; page.setIframeWidth = function () { try { var iframeElements = $$('iframe.cleanSlate'); var i = 0; for( i = 0; i < iframeElements.length; i++ ) { var iframeElement = iframeElements[i]; if ( iframeElement.contentWindow && iframeElement.contentWindow.document && iframeElement.contentWindow.document.body ) { var frameWidth = page.util.getMaxContentWidth( iframeElement ); iframeElement.style.width = frameWidth + 'px'; } } } catch( e ){} }; page.onResizeChannelIframe = function( channelExtRef ) { var frameId = 'iframe' + channelExtRef; var listId = 'list_channel' + channelExtRef; var f = $( frameId ); var fli = f.contentWindow.document.getElementById( listId ); if (fli) { f.style.height = fli.scrollHeight + 15 + "px"; } }; /** * Contains page-wide utility methods */ page.util = {}; /** * Returns whether the specific element has the specified class name. * Same as prototype's Element.hasClassName, except it doesn't extend the element (which is faster in IE). */ page.util.hasClassName = function ( element, className ) { var elementClassName = element.className; if ((typeof elementClassName == "undefined") || elementClassName.length === 0) { return false; } if (elementClassName == className || elementClassName.match(new RegExp("(^|\\s)" + className + "(\\s|$)"))) { return true; } return false; }; page.util.fireClick = function ( elem ) { if (Prototype.Browser.IE) { elem.fireEvent("onclick"); } else { var evt = document.createEvent("HTMLEvents"); evt.initEvent("click", true, true); elem.dispatchEvent(evt); } }; page.util.useARIA = function () { if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Firefox/x.x or Firefox x.x (ignoring remaining digits); var ffversion= parseFloat( RegExp.$1 ); // capture x.x portion and store as a number if (ffversion >= 1.9) { return true; } } else if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x; var ieversion= parseFloat( RegExp.$1 ); // capture x.x portion and store as a number if (ieversion>=8) { return true; } } return false; }; // Find an element with the given className, starting with the element passed in page.util.upToClass = function ( element, className ) { while (element && !page.util.hasClassName(element, className)) { element = element.parentNode; } return $(element); }; page.util.isRTL = function () { var els = document.getElementsByTagName("html"); var is_rtl = (typeof(els) != 'undefined' && els && els.length == 1 && els[0].dir == 'rtl' ); return is_rtl ; }; page.util.allImagesLoaded = function (imgList) { var allDone = true; if (imgList) { for ( var i = 0, c = imgList.length; i < c; i++ ) { var animg = imgList[i]; // TODO - this doesn't appear to work on IE. if ( !animg.complete ) { allDone = false; break; } } } return allDone; }; // Exposes (display but keep invisible) an invisible element for measurement // recursively traverses up the DOM looking for // a parent node of element whose display == 'none' // If found, sets its style to: display:block, position:absolute, and visibility:hidden // and saves it as element.hiddenNode so it can be easily unexposed page.util.exposeElementForMeasurement = function ( element ) { element = $(element); var e = element; var hiddenNode; // find parent node that is hidden while ( !hiddenNode && e && e.parentNode) { if ( $(e).getStyle('display') === 'none') { hiddenNode = $(e); } e = $(e.parentNode); } if ( hiddenNode ) { // save original style attributes: visibility, position, & display element.hiddenNode = hiddenNode; var style = hiddenNode.style; var originalStyles = { visibility: style.visibility, position: style.position, display: style.display }; var newStyles = { visibility: 'hidden', display: 'block' }; if (originalStyles.position !== 'fixed') { newStyles.position = 'absolute'; } hiddenNode.originalStyles = originalStyles; // set new style for: visibility, position, & display hiddenNode.setStyle( newStyles ); } }; // undo previous call to exposeElementForMeasurement page.util.unExposeElementForMeasurement = function ( element ) { element = $(element); if ( element && element.hiddenNode && element.hiddenNode.originalStyles ) { Element.setStyle( element.hiddenNode, element.hiddenNode.originalStyles ); element.hiddenNode.originalStyles = null; element.hiddenNode = null; } }; /** * Returns whether any part of the two elements overlap each other. */ page.util.elementsOverlap = function ( e1, e2 ) { var pos1 = $(e1).cumulativeOffset(); var a = { x1: pos1.left, y1: pos1.top, x2: pos1.left + e1.getWidth(), y2: pos1.top + e1.getHeight() }; var pos2 = $(e2).cumulativeOffset(); var b = { x1: pos2.left, y1: pos2.top, x2: pos2.left + e2.getWidth(), y2: pos2.top + e2.getHeight() }; return a.x1 < b.x2 && a.x2 > b.x1 && a.y1 < b.y2 && a.y2 > b.y1; }; /** * To handle the case where the focus is visible but too close to the bottom of the page, scroll the page up a bit. Note: when using scrollbar.js, use scrollBar.scrollTo() rather than focusAndScroll */ page.util.focusAndScroll= function(elem) { elem.focus(); return page.util.ensureVisible(elem); }; page.util.ensureVisible= function(elem) { var scrolltop = document.viewport.getScrollOffsets().top; var mytop = elem.cumulativeOffset()[1]; var height = document.viewport.getDimensions().height; var realtop = mytop - scrolltop; var thirty = height * 0.3; if (realtop > (height-thirty)) { window.scrollBy(0,thirty); } return false; }; page.util.processJSProtoString = function (string, checkToken) { // This value must match the value passed as the 2nd parameter to this string. // The goal is to pass a known value, as a constant, through the javascript: pseudo-protocol // handler. We can then examine the result to determine the decoding method used by the current // browser. var sniffToken = '%C3%A9'; // There are three known decoding cases, non-translated, UTF8, and unescape if (checkToken === unescape(sniffToken)) { // Unescape decoded return decodeURIComponent(escape(string)); } else if (checkToken === sniffToken) { // Non-translated return decodeURIComponent(string); } else { // UTF8 Decoded/Unknown return string; } }; /** * Find the first action bar that precedes sourceElement * Returns the action bar div element if found, null otherwise * * @param sourceElement */ page.util.findPrecedingActionBar = function( sourceElement ) { var actionBar = null; // Loop through each ancestor of sourceElement, // starting with parent, until an action bar is found sourceElement.ancestors().each( function( item ) { actionBar = item.previous('div.tabActionBar') || item.previous('div.actionBarMicro') || item.previous('div.actionBar'); if (actionBar) { throw $break; } }); return actionBar; }; page.util.getLargestDimensions = function (element) { var width = 0; var height = 0; var dim; while (element != document) { dim = $(element).getDimensions(); if (dim.width > width) { width = dim.width; } if (dim.height > height) { height = dim.height; } element = element.up(); } return { width: width, height: height }; }; /* * Resize the current window so that it will fit the largest dimensions found for the given element. * Will also reposition on the screen if required to fit. Will not size larger than the screen. * NOTE that this will only work for popup windows - main windows are typically in a tabset in * the browser and they don't allow resizing like this. That's OK because the main use case * for this method is to make sure popup windows are resized appropriately for their content. */ page.util.resizeToContent = function (startElement) { var dim = page.util.getLargestDimensions(startElement); var newWidth = dim.width; newWidth += 25; // TODO: Haven't figured out why I need this extra space yet... if (window.innerWidth > newWidth) { newWidth = window.innerWidth; } if (newWidth > screen.width) { newWidth = screen.width; } var newHeight = dim.height; newHeight += 100; // TODO: Haven't figured out why I need this extra space yet if (window.innerHeight > newHeight) { newHeight = window.innerHeight; } if (newHeight > screen.height) { newHeight = screen.height; } var left = 0; var top = 0; if ( window.screenLeft ) { left = window.screenLeft; top = window.screenTop; } else if ( window.screenX ) { left = window.screenX; top = window.screenY; } if (left + newWidth > screen.width) { left = screen.width - newWidth; if (left < 0) { left = 0; } } if (top + newHeight > screen.height) { top = screen.height - newHeight; if (top < 0) { top = 0; } } window.moveTo(left,top); window.resizeTo(newWidth,newHeight); }; /** * Sets the css position of all li elements that are contained in action bars on the page. * Since z-index only works on positioned elements, this function can be used to ensure that * divs with a higher z-index will always appear on top of any action bars on the page. * * @param cssPosition */ page.util.setActionBarPosition = function( cssPosition ) { $$( 'div.actionBar', 'div.tabActionBar', 'div.actionBarMicro' ).each( function( actionbar ) { actionbar.select( 'li' ).each( function( li ) { li.setStyle( {position: cssPosition} ); }); }); }; /** * Class for controlling the course menu-collapser. Also ensures the menu is * the right height */ page.PageMenuToggler = Class.create(); page.PageMenuToggler.prototype = { /** * initialize */ initialize: function( isMenuOpen,key,temporaryScope ) { page.PageMenuToggler.toggler = this; this.key = key; if (temporaryScope) { this.temporaryScope = temporaryScope; } else { this.temporaryScope = false; } this.isMenuOpen = isMenuOpen; this.puller = $('puller'); this.menuPullerLink = $(this.puller.getElementsByTagName('a')[0]); this.menuContainerDiv = $('menuWrap'); this.navigationPane = $('navigationPane'); this.contentPane = $('contentPanel') || $('contentPane'); this.navigationPane = $('navigationPane'); this.locationPane = $(this.navigationPane.parentNode); this.breadcrumbBar = $('breadcrumbs'); this.menu_pTop = parseInt(this.menuContainerDiv.getStyle('paddingTop'), 10); this.menu_pBottom = parseInt(this.menuContainerDiv.getStyle('paddingBottom'), 10); this.loc_pTop = parseInt(this.locationPane.getStyle('paddingTop'), 10); if ( this.breadcrumbBar ) { this.bc_pTop = parseInt(this.breadcrumbBar.getStyle('paddingTop'), 10); this.bc_pBottom = parseInt(this.breadcrumbBar.getStyle('paddingBottom'), 10); } else { this.bc_pTop = 0; this.bc_pBottom = 0; } this.toggleListeners = []; this.onResize( null ); // fix the menu size // Doesn't work in IE or Safari.. //Event.observe( window, 'resize', this.onResize.bindAsEventListener( this ) ); Event.observe( this.menuPullerLink, 'click', this.onToggleClick.bindAsEventListener( this ) ); }, /** * Adds a listener for course menu toggle events */ addToggleListener: function( listener ) { this.toggleListeners.push( listener ); }, /** * Notifies all registered toggle event listeners that a toggle has occurred. */ _notifyToggleListeners: function( isOpen ) { this.toggleListeners.each( function( listener ) { listener( isOpen ); }); }, notifyToggleListeners: function( isOpen ) { // we call once the toggle is complete and the DOM in its new state. 2012 themes add transition, which seems // to collide with the logic to get dimensions of dom element, so the delay is a 1 sec to let time for those // transitions to be done. this._notifyToggleListeners.bind( this, isOpen ).delay( 1 ); }, /** * getAvailableResponse */ getAvailableResponse : function ( req ) { var originalMenuOpen = this.isMenuOpen ; if ( req.responseText.length > 0 ) { if ( req.responseText == 'true' ) { this.isMenuOpen = true; } else { this.isMenuOpen = false; } } if ( originalMenuOpen != this.isMenuOpen ) { this.notifyToggleListeners( this.isMenuOpen ); this.menuContainerDiv.toggle(); this.puller.toggleClassName("pullcollapsed"); this.contentPane.toggleClassName("contcollapsed"); this.navigationPane.toggleClassName("navcollapsed"); } }, /** * Expands the menu. This can be used instead of toggling to explicitly * change the visibility of the menu. */ expand : function () { this.menuContainerDiv.show(); this.puller.removeClassName("pullcollapsed"); this.contentPane.removeClassName("contcollapsed"); this.navigationPane.removeClassName("navcollapsed"); this.isMenuOpen = true; var msg = page.bundle.messages[ "coursemenu.hide" ]; this.menuPullerLink.title = msg; $('expander').alt = msg; this.notifyToggleListeners( true ); if (this.temporaryScope) { UserDataDWRFacade.setStringTempScope( this.key, true ); } else { UserDataDWRFacade.setStringPermScope( this.key, true ); } }, /** * Collapses the menu. This can be used instead of toggling to explicitly * change the visibility of the menu. */ collapse : function () { this.menuContainerDiv.hide(); this.puller.addClassName("pullcollapsed"); this.contentPane.addClassName("contcollapsed"); this.navigationPane.addClassName("navcollapsed"); this.isMenuOpen = false; var msg = page.bundle.messages[ "coursemenu.show" ]; this.menuPullerLink.title = msg; $('expander').alt = msg; this.notifyToggleListeners( false ); if (this.temporaryScope) { UserDataDWRFacade.setStringTempScope( this.key, false ); } else { UserDataDWRFacade.setStringPermScope( this.key, false ); } }, /** * Event triggered when the puller toggle control is clicked. Changes the * menu from open to closed or closed to open depending on existing state. */ onToggleClick: function( event ) { if ( this.isMenuOpen ) { this.collapse(); } else { this.expand(); } Event.stop( event ); }, /** * onResize */ onResize: function( event ) { var menuHeight = this.menuContainerDiv.getHeight(); var contentHeight = this.contentPane.getHeight(); var maxHeight = ( menuHeight > contentHeight ) ? menuHeight : contentHeight; this.contentPane.setStyle({height: maxHeight + 'px'}); this.navigationPane.setStyle({height: maxHeight + 'px'}); } }; page.PageMenuToggler.toggler = null; /** * Class for controlling the page help toggler in the view toggle area */ page.PageHelpToggler = Class.create(); page.PageHelpToggler.prototype = { initialize: function( isHelpEnabled, showHelpText, hideHelpText, assumeThereIsHelp ) { page.PageHelpToggler.toggler = this; this.toggleListeners = []; this.isHelpEnabled = isHelpEnabled; this.showText = showHelpText; this.hideText = hideHelpText; this.contentPanel = $('contentPanel') || $('contentPane'); var helperList = []; if ( this.contentPanel && !assumeThereIsHelp) { var allElems = []; allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('p') ) ); allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('div') ) ); allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('li') ) ); allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('span') ) ); for ( var i = 0; i < allElems.length; i++ ) { var el = allElems[i]; if ( page.util.hasClassName( el, 'helphelp' ) || page.util.hasClassName( el, 'stepHelp' ) || page.util.hasClassName( el, 'taskbuttonhelp' ) || page.util.hasClassName( el, 'pageinstructions' ) ) { helperList.push( $(el) ); } } } var helpTextToggleLink = $('helpTextToggleLink'); if ( ( !helperList || helperList.length === 0) && !assumeThereIsHelp ) { if ( helpTextToggleLink ) { helpTextToggleLink.remove(); } } else { if ( !isHelpEnabled ) { helperList.invoke( "toggle" ); } if ( !this.showText ) { this.showText = page.bundle.getString("viewtoggle.editmode.showHelp"); } if ( !this.hideText ) { this.hideText = page.bundle.getString("viewtoggle.editmode.hideHelp"); } helpTextToggleLink.style.display = 'inline-block'; this.toggleLink = helpTextToggleLink; this.toggleImage = $(this.toggleLink.getElementsByTagName('img')[0]); Event.observe( this.toggleLink, "click", this.onToggleClick.bindAsEventListener( this ) ); $(this.toggleLink.parentNode).removeClassName('hidden'); this.updateUI(); } }, addToggleListener: function( listener ) { this.toggleListeners.push( listener ); }, _notifyToggleListeners: function() { this.toggleListeners.each( function( listener ) { listener( this.isHelpEnabled ); }); }, notifyToggleListeners: function() { // we notify once the whole menu collapse/expand is done, so the DOM is in final state this._notifyToggleListeners.bind( this ).delay( ); }, updateUI: function( ) { if ( this.isHelpEnabled ) { $("showHelperSetting").value = 'true'; this.toggleImage.src = "/images/ci/ng/small_help_on2.gif"; this.toggleLink.setAttribute( "title", this.showText ); this.toggleImage.setAttribute( "alt", this.showText ); } else { $("showHelperSetting").value = 'false'; this.toggleImage.src = "/images/ci/ng/small_help_off2.gif"; this.toggleLink.setAttribute( "title", this.hideText ); this.toggleImage.setAttribute( "alt", this.hideText ); } }, onToggleClick: function( event ) { // Toggle all elements that have the css class "helphelp" var helperList = []; if ( this.contentPanel ) { var allElems = []; allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('p') ) ); allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('div') ) ); allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('li') ) ); allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('span') ) ); for ( var i = 0; i < allElems.length; i++ ) { var el = allElems[i]; if ( page.util.hasClassName( el, 'helphelp' ) || page.util.hasClassName( el, 'stepHelp' ) || page.util.hasClassName( el, 'taskbuttonhelp' ) || page.util.hasClassName( el, 'pageinstructions' ) ) { $(el).toggle(); } } } if ( this.isHelpEnabled ) { this.isHelpEnabled = false; UserPageInstructionsSettingDWRFacade.setShowPageInstructions( "false" ); } else { this.isHelpEnabled = true; UserPageInstructionsSettingDWRFacade.setShowPageInstructions( "true" ); } this.updateUI(); this.notifyToggleListeners(); Event.stop( event ); } }; /** * Class for controlling the display of a context menu. */ page.ContextMenu = Class.create(); page.ContextMenu.prototype = { initialize: function( contextMenuContainer, divId, forceMenuRefresh ) { this.displayContextMenuLink = contextMenuContainer.down("a"); this.contextMenuContainer = contextMenuContainer; this.forceMenuRefresh = forceMenuRefresh; this.uniqueId = this.displayContextMenuLink.id.split('_')[1]; this.contextMenuDiv = this.displayContextMenuLink.savedDiv; if ( !this.contextMenuDiv ) { this.contextMenuDiv = contextMenuContainer.down("div");//$('cmdiv_' + this.uniqueId); this.displayContextMenuLink.savedDiv = this.contextMenuDiv; page.ContextMenu.hiddenDivs.set(divId,this.contextMenuDiv); } this.originalContextMenuDiv = this.contextMenuDiv.cloneNode(true); $(this.contextMenuDiv).setStyle({zIndex: 200}); this.displayContextMenuLink.appendChild( this.contextMenuDiv ); // Temporarily add the menu back where it started this.closeContextMenuLink = contextMenuContainer.down(".contextmenubar_top").down(0); this.contextParameters = contextMenuContainer.readAttribute("bb:contextParameters"); this.menuGeneratorURL = contextMenuContainer.readAttribute("bb:menuGeneratorURL"); this.nav = contextMenuContainer.readAttribute("bb:navItem"); this.enclosingTableCell = contextMenuContainer.up("td"); this.menuOrder = contextMenuContainer.readAttribute("bb:menuOrder"); this.overwriteNavItems = contextMenuContainer.readAttribute("bb:overwriteNavItems"); this.beforeShowFunc = contextMenuContainer.readAttribute("bb:beforeShowFunc"); if (this.beforeShowFunc) { this.beforeShowFunc = eval(this.beforeShowFunc); } if ( this.menuOrder ) { this.menuOrder = this.menuOrder.split(','); } if ( !this.contextParameters ) { this.contextParameters = ""; } if ( !this.menuGeneratorURL ) { this.menuGeneratorURL = ""; } if ( !this.nav ) { this.nav = ""; } this.dynamicMenu = false; if ( this.menuGeneratorURL ) { this.dynamicMenu = true; } if (this.dynamicMenu) { Event.observe( this.displayContextMenuLink, "click", this.generateDynamicMenu.bindAsEventListener( this ) ); } else { Event.observe( this.displayContextMenuLink, "click", this.onDisplayLinkClick.bindAsEventListener( this ) ); } Event.observe( this.closeContextMenuLink, "click", this.onCloseLinkClick.bindAsEventListener( this ) ); Event.observe( this.contextMenuDiv, "keydown", this.onKeyPress.bindAsEventListener( this ) ); // adding nowrap to table cell containing context menu // If no enclosing td is found, try th if ( !this.enclosingTableCell ) { this.enclosingTableCell = contextMenuContainer.up("th"); } if ( this.enclosingTableCell ) { if ( !this.enclosingTableCell.hasClassName("nowrapCell") ) { this.enclosingTableCell.addClassName("nowrapCell"); } // if label tag is an immediate parent of context menu span tag, it needs nowrap as well if ( this.enclosingTableCell.down("label") && !this.enclosingTableCell.down("label").hasClassName("nowrapLabel")) { this.enclosingTableCell.down("label").addClassName("nowrapLabel"); } } if ( !this.dynamicMenu ) { var contexMenuItems = contextMenuContainer.getElementsBySelector("li > a").each( function (link ) { if ( !link.up('li').hasClassName("contextmenubar_top") ) { Event.observe( link, 'focus', this.onAnchorFocus.bindAsEventListener( this ) ); Event.observe( link, 'blur', this.onAnchorBlur.bindAsEventListener( this ) ); } }.bind( this ) ); } this.useARIA = page.util.useARIA(); // remove the context menu div from the page for performance reasons - add it back when we need to show it Element.remove( this.contextMenuDiv ); }, onKeyPress: function( event ) { var elem, children, index; var key = event.keyCode || event.which; if ( key == Event.KEY_UP ) { elem = Event.element ( event ); children = this.contextMenuDiv.getElementsBySelector("li > a"); index = children.indexOf( elem ); if ( index > 0 ) { children[index - 1].focus(); } Event.stop( event ); } else if ( key == Event.KEY_DOWN ) { elem = Event.element ( event ); children = this.contextMenuDiv.getElementsBySelector("li > a"); index = children.indexOf( elem ); if ( index < ( children.length - 1 ) ) { children[index + 1].focus(); } Event.stop( event ); } else if ( key == Event.KEY_ESC ) { this.close(); this.displayContextMenuLink.focus(); Event.stop( event ); } else if ( key == Event.KEY_TAB ) { elem = Event.element ( event ); children = this.contextMenuDiv.getElementsBySelector("li > a"); index = children.indexOf( elem ); if ( (!event.shiftKey && index == children.length - 1) || (event.shiftKey && index === 0)) { this.close(); this.displayContextMenuLink.focus(); Event.stop( event ); } } else if ( key == Event.KEY_RETURN ) { if ( this.useARIA ) { elem = Event.element ( event ); (function() { page.util.fireClick( elem ); }.bind(this).defer()); Event.stop( event ); } } }, onAnchorFocus: function ( event ) { Event.element( event ).setStyle({ backgroundColor: '#FFFFFF' }); }, onAnchorBlur: function( event ) { Event.element( event ).setStyle({ backgroundColor: '' }); }, afterMenuGeneration: function( req ) { if ( this.dynamicMenu ) { var result; this.dynamicMenu = this.forceMenuRefresh; try { result = req.responseText.evalJSON( true ); if ( result.success == "true" ) { // append uniqueId to each li var menuHTML = result.contentMenuHTMLList.replace(/(<li.*?id=")(.*?)(".*?>)/g,"$1$2_"+this.uniqueId+"$3"); if ( this.forceMenuRefresh ) { this.contextMenuDiv.innerHTML = this.originalContextMenuDiv.innerHTML; } this.contextMenuDiv.insert({bottom:menuHTML}); $A(this.contextMenuDiv.getElementsByTagName("ul")).each( function( list, index ) { list.id = 'cmul'+index+'_'+this.uniqueId; }.bind(this) ); var contexMenuItems = this.contextMenuDiv.getElementsBySelector("li > a").each( function (link ) { if ( !link.up('li').hasClassName("contextmenubar_top") ) { Event.observe( link, 'focus', this.onAnchorFocus.bindAsEventListener( this ) ); Event.observe( link, 'blur', this.onAnchorBlur.bindAsEventListener( this ) ); } }.bind( this ) ); } else { new page.InlineConfirmation("error", result.errorMessage, false ); } } catch ( e ) { new page.InlineConfirmation("error", result.errorMessage, false ); } } this.showMenu(); //focus on the first menu item (function() { this.contextMenuDiv.down("a").focus(); }.bind(this).defer()); }, appendItems: function( items, menuItemContainer ) { if (!menuItemContainer) { var uls = this.contextMenuDiv.getElementsBySelector("ul"); menuItemContainer = uls[uls.length-1]; } items.each( function ( item ) { if ( item.type == "seperator" ) { if (menuItemContainer.getElementsBySelector("li").length === 0) { return; } var ul = new Element('ul'); menuItemContainer.parentNode.appendChild( ul ); menuItemContainer = ul; return; } if ( !this.menuItemTempate ) { var menuItems = this.contextMenuDiv.getElementsBySelector("li"); this.menuItemTempate = menuItems[menuItems.length-1]; } var mi = this.menuItemTempate.cloneNode( true ); var a = mi.down('a'); var name = item.key ? page.bundle.getString( item.key ) : item.name ? item.name : "?"; a.update( name ); a.title = item.title ? item.title : name; a.href = "#"; menuItemContainer.appendChild( mi ); Event.observe( a, 'focus', this.onAnchorFocus.bindAsEventListener( this ) ); Event.observe( a, 'blur', this.onAnchorBlur.bindAsEventListener( this ) ); Event.observe( a, 'click', this.onItemClick.bindAsEventListener( this, item.onclick, item.doNotSetFocusOnClick ) ); }.bind( this ) ); }, onItemClick: function( evt, func, doNotSetFocusOnClick ) { this.onCloseLinkClick( evt, doNotSetFocusOnClick ); func(); }, setItems: function( items ) { // rather than try to match up new items with existing items, it's easier to delete the existing items // (except for the close item) and then add the new items // remove existing menu items, except close menu var menuItems = this.contextMenuDiv.getElementsBySelector("li").each( function (li ) { if ( !li.hasClassName("contextmenubar_top") ) { if (!this.menuItemTempate) { this.menuItemTempate = li; } li.stopObserving(); li.remove(); } }.bind( this ) ); // should only be one menuItemContainer var menuItemContainers = this.contextMenuDiv.getElementsBySelector("ul").each( function (ul) { if ( !ul.down("li") ) { ul.remove(); } }.bind( this ) ); this.appendItems(items, menuItems[0].parentNode); }, showMenu : function() { if (this.beforeShowFunc) { this.beforeShowFunc(this); } page.ContextMenu.registerContextMenu( this ); this.reorderMenuItems(); if ( this.useARIA ) { this.initARIA(); } var offset = this.displayContextMenuLink.cumulativeOffset(); var scrollOffset = this.displayContextMenuLink.cumulativeScrollOffset(); var viewportScrollOffset = document.viewport.getScrollOffsets(); if ( this.displayContextMenuLink.up( 'div.lb-content' ) ) { // Fix offset for context menu link inside a lightbox offset[0] = offset[0] + viewportScrollOffset[0]; offset[1] = offset[1] + viewportScrollOffset[1]; } else { // Fix the offset if the item is in a scrolled container offset[0] = offset[0] - scrollOffset[0] + viewportScrollOffset[0]; offset[1] = offset[1] - scrollOffset[1] + viewportScrollOffset[1]; } document.body.appendChild( this.contextMenuDiv ); this.contextMenuDiv.setStyle({display: "block"}); var width = this.contextMenuDiv.getWidth(); var bodyWidth = $(document.body).getWidth(); if ( page.util.isRTL() ) { offset[0] = offset[0] + this.displayContextMenuLink.getWidth() - width; } if ( offset[0] + width > bodyWidth ) { offset[0] = offset[0] - width + 30; } if ( this.keepMenuToRight ) { // In case the link is very wide (i.e. gradecenter accessible mode cell link for really wide cell) // make sure the menu renders to the right side of the link var linkWidth = this.displayContextMenuLink.getDimensions().width; if (linkWidth > width) { // Only worry if the link is actually wider than the menu offset[0] += (linkWidth-width); } } // Don't start the menu off the left side of the window if ( offset[0] < 0 ) { offset[0] = 0; } var height = this.contextMenuDiv.getHeight(); var bodyHeight = $(document.body).getHeight(); if (bodyHeight === 0) { // TODO This is kindof a hack since body height == 0 on a stream page, but we hacked in a special case for // lb-content above so it isn't entirely unheard of... would just be nicer to make this bodyheight choice // determined by the calling page rather than trial and error... var streamDiv = this.displayContextMenuLink.up( 'div.stream_full' ); if (streamDiv) { bodyHeight = streamDiv.getHeight(); } } var ypos = offset[1] + this.displayContextMenuLink.getHeight() + 17; if ( ( height + ypos ) > bodyHeight ) { ypos -= height; ypos -= 34; } // Don't start the menu off the top of the screen if (ypos < 0 ) { ypos = 0; } if (height > bodyHeight) { // If the menu is too big to fit on the screen, set it to the height of the screen and allow scrollbars inside the menu this.contextMenuDiv.setStyle({ height: bodyHeight + "px", overflowY: "auto", overflowX: "hidden", left: offset[0] + "px", top: ypos + "px" }); } else { this.contextMenuDiv.setStyle({ left: offset[0] + "px", top: ypos + "px"}); } if ( !this.shim ) { this.shim = new page.popupShim( this.contextMenuDiv ); } this.shim.open(); }, initARIA: function() { if ( !this.initializedARIA ) { this.displayContextMenuLink.setAttribute( "aria-haspopup", "true" ); this.displayContextMenuLink.setAttribute( "role", "menubutton" ); this.contextMenuDiv.setAttribute( "role", "application" ); this.contextMenuDiv.down( "ul" ).setAttribute( "role", "menu" ); $A( this.contextMenuDiv.getElementsByTagName('a') ).each ( function( link ) { link.setAttribute( "role", "menuitem" ); link.parentNode.setAttribute( "role", "presentation" ); if ( !link.href.include("#") ) { Event.observe( link, 'click', function() { if ( this.ohref.toLowerCase().startsWith("javascript") ) { eval( decodeURIComponent(this.ohref) ); } else { if ( this.target ) { window.open( this.ohref, this.target ); } else { window.location = this.ohref; } } } ); link.ohref = link.href; link.removeAttribute( "href" ); link.tabIndex = "0"; link.setStyle( {cursor: 'pointer'} ); // make it look like a link. } }); this.initializedARIA = true; // Only initialize once. } }, reorderMenuItems : function() { if ( !this.menuOrder || this.menuOrder.length < 2 ) { return; } var orderMap = {}; var closeItem = null; var extraItems = []; // items not in order // Gather up all of the <li> tags in the menu and stick them in a map/object of id to the li object $A(this.contextMenuDiv.getElementsByTagName("li")).each( function( listItem ) { if (listItem.hasClassName("contextmenubar_top")) { closeItem = listItem; } else { if (this.menuOrder.indexOf(listItem.id) > -1) { orderMap[listItem.id] = listItem; // add item to map } else { extraItems.push(listItem); // listItem id not specified in menuOrder, so add listItem to extraItems } } }.bind(this) ); // Remove all the content from the context menu div $A(this.contextMenuDiv.getElementsByTagName("ul")).each( function( list ) { Element.remove(list); }.bind(this) ); // Re-add the special "close" item as the first item. var ulElement = $(document.createElement("ul")); if ( this.useARIA ) { ulElement.setAttribute('role','presentation'); } this.contextMenuDiv.insert({bottom:ulElement}); ulElement.insert({bottom:closeItem}); // Loop through the order, adding a <ul> at the start, and starting a new <ul> whenever a "*separator*" // is encountered, and adding the corresponding <li> for each of the ids in the order using the map/object this.menuOrder.each( function( id ) { if (id == "*separator*") { ulElement = $(document.createElement("ul")); if ( this.useARIA ) { ulElement.setAttribute('role','presentation'); } this.contextMenuDiv.insert({bottom:ulElement}); } else { ulElement.insert({bottom:orderMap[id]}); } }.bind(this) ); // Add any extraItems to thier own ul if (extraItems.length > 0) { ulElement = $(document.createElement("ul")); if ( this.useARIA ) { ulElement.setAttribute('role','presentation'); } this.contextMenuDiv.insert({bottom:ulElement}); extraItems.each( function( lineItem ) { ulElement.insert({bottom:lineItem}); }.bind(this) ); } // Remove any empty ULs and ensure that the added <ul>s have id of form "cmul${num}_${uniqueId}" $A(this.contextMenuDiv.getElementsByTagName("ul")).findAll( function( list ) { if ( list.childElements().length === 0 ) { list.remove(); return false; } else { return true; } }).each( function( list, index ) { list.id = 'cmul'+index+'_'+this.uniqueId; }.bind(this) ); this.menuOrder = null; // only re-order once }, generateDynamicMenu : function(event) { page.ContextMenu.closeAllContextMenus(); if (this.dynamicMenu) { var context_parameters = this.contextParameters; var menu_generator_url = this.menuGeneratorURL; var nav = this.nav; var overwriteNavItems = this.overwriteNavItems; if ( context_parameters ) { context_parameters = context_parameters.toQueryParams(); } else { context_parameters = {}; } var params = Object.extend({nav_item: nav }, context_parameters ); params = Object.extend( params, { overwriteNavItems : overwriteNavItems } ); new Ajax.Request(menu_generator_url, { method: 'post', parameters: params, onSuccess: this.afterMenuGeneration.bind( this ) }); } else { this.afterMenuGeneration(this); } $(event).preventDefault(); }, onDisplayLinkClick: function( event ) { page.ContextMenu.closeAllContextMenus(); if (this.dynamicMenu) { this.generateDynamicMenu(event); this.dynamicMenu = false; } else { this.showMenu(); //focus on the first menu item (function() { if (this.contextMenuDiv.style.display != 'none') { this.contextMenuDiv.down("a").focus(); } }.bind(this).defer()); $(event).preventDefault(); } }, onCloseLinkClick: function( event, doNotSetFocusOnClick ) { this.close(); var setFocusOnDisplayContextMenuLink = true; // grade center (in non-accessible mode) hides displayContextMenuLink onMouseOut, so we need to make sure it's doNotSetFocusOnClose flag is not set // before setting focus. if ( this.displayContextMenuLink.doNotSetFocusOnClose !== undefined && this.displayContextMenuLink.doNotSetFocusOnClose ) { setFocusOnDisplayContextMenuLink = false; } // We may not want to set focus on displayContextMenuLink when one of the menu items (other than Close Menu) is clicked. // Initially this behavior was required for Grade Center Quick Comment of a grade in the grid (see getGradeContextMenuItems function in gradebookgrid_cellctrl.js) if ( doNotSetFocusOnClick !== undefined && doNotSetFocusOnClick ) { setFocusOnDisplayContextMenuLink = false; } if ( setFocusOnDisplayContextMenuLink ) { this.displayContextMenuLink.focus(); } if (event) { Event.stop( event ); } }, close: function() { // Delay the removal of the element from the page so firefox will continue to process // the click on the menu item chosen (otherwise it stops processing as soon as we remove the // element resulting in the menu not actually working) (function() { this.closeNow(); }.bind(this).delay(0.1)); }, closeNow: function() { if (this.contextMenuDiv.style.display != "none") { var links = this.contextMenuDiv.getElementsBySelector("li > a"); links.each(function(link) { link.blur(); }); this.contextMenuDiv.style.display = "none"; Element.remove( this.contextMenuDiv ); if ( this.shim ) { this.shim.close(); } } } }; /** * Function called to change the 'arrow' of a breadcrumb to face downward when they are clicked for the * contextual menu. * @param uniqId - unique number which identifies the crumb which was clicked * @param size - the size of the breadcrumb * @return */ page.ContextMenu.changeArrowInBreadcrumb = function (uniqId, event) { page.ContextMenu.alignArrowsInBreadcrumb(event); $('arrowContext_'+uniqId).addClassName('contextArrowDown').removeClassName('contextArrow'); //Stop the click event to propagate anymore -else all arrows will be aligned again Event.stop( event ); return false; }; //To align all breadcrumb arrows in one direction page.ContextMenu.alignArrowsInBreadcrumb = function (event) { if ($('breadcrumbs') !== null){ var bList = $($('breadcrumbs').getElementsByTagName('ol')[0]); var bs = bList.immediateDescendants(); if (bs.length !== null && bs.length >1){ for (var i = 2; i <= bs.length; i++) { var arrowSpan = $('arrowContext_'+i); if (arrowSpan !== null ){ $('arrowContext_'+i).addClassName('contextArrow').removeClassName('contextArrowDown'); } } } } return false; }; // "static" methods page.ContextMenu.LI = function(event, divId, forceMenuRefresh) { page.LazyInit(event,['focus','mouseover'],'new page.ContextMenu(page.util.upToClass(target,\'contextMenuContainer\'), \'' + divId + '\',' + forceMenuRefresh + ');'); }; page.ContextMenu.contextMenus = []; // _Open_ context menus page.ContextMenu.registerContextMenu = function( menu ) { page.ContextMenu.contextMenus.push( menu ); }; page.ContextMenu.hiddenDivs = $H(); // All the menu divs on the page - only needed for cases such as view_spreadsheet2.js where we try to modify the menus outside this framework page.ContextMenu.hideMenuDiv = function( uniqueId) { var linkId = 'cmlink_' + uniqueId; var link = document.getElementById(linkId); if (link && !link.savedDiv ) { var elementId = 'cmdiv_' + uniqueId; var element = link.nextSibling; // Should be the text between the link and div but check anyways if ( !element || element.id != elementId) { element = element.nextSibling; if ( !element || element.id != elementId) { element = document.getElementById(elementId); } } if (element) { link.savedDiv = element; page.ContextMenu.hiddenDivs.set(uniqueId,element); Element.remove( element ); } } }; page.ContextMenu.addDivs = function() { $H(page.ContextMenu.hiddenDivs).values().each(function(ele) { document.body.appendChild(ele); }); }; page.ContextMenu.removeDivs = function() { $H(page.ContextMenu.hiddenDivs).values().each(function(ele) { Element.remove(ele); }); }; page.ContextMenu.closeAllContextMenus = function( event ) { var deferClose = false; if ( event ) { var e = Event.findElement( event, 'a' ); if ( e && e.href.indexOf("#contextMenu") >= 0 ) { Event.stop( event ); return; } deferClose = true; } page.ContextMenu.contextMenus.each( function( menu ) { if ( menu != this ) { if (deferClose) { menu.close(); } else { menu.closeNow(); } } }); page.ContextMenu.contextMenus = []; }; /** * Enables flyout menus to be opened using a keyboard or mouse. Enables * them to be viewed properly in IE as well. */ page.FlyoutMenu = Class.create(); page.FlyoutMenu.prototype = { initialize: function( subMenuListItem ) { this.subMenuListItem = $(subMenuListItem); this.menuLink = $(subMenuListItem.getElementsByTagName('a')[0]); //special case to render iframe shim under new course content build menu if (this.subMenuListItem.hasClassName('bcContent')) { var buildContentDiv = this.subMenuListItem.down("div.flyout"); if ( !buildContentDiv ) { this.subMenu = $(subMenuListItem.getElementsByTagName('ul')[0]); } else { this.subMenu = buildContentDiv; } } else { this.subMenu = $(subMenuListItem.getElementsByTagName('ul')[0]); } this.menuLink.flyoutMenu = this; // calculate the next/previous tab stops this.previousSibling = this.subMenuListItem.previous(); while ( this.previousSibling && (!this.previousSibling.down('a') || !this.previousSibling.visible()) ) { this.previousSibling = this.previousSibling.previous(); } this.nextSibling = this.subMenuListItem.next(); while ( this.nextSibling && (!this.nextSibling.down('a') || !this.nextSibling.visible()) ) { this.nextSibling = this.nextSibling.next(); } var rumble = $(this.subMenuListItem.parentNode.parentNode); this.inListActionBar = rumble && ( rumble.hasClassName("rumble_top") || rumble.hasClassName("rumble") ); Event.observe( this.menuLink, 'mouseover', this.onOpen.bindAsEventListener( this ) ); Event.observe( subMenuListItem, 'mouseout', this.onClose.bindAsEventListener( this ) ); Event.observe( this.menuLink, 'click', this.onLinkOpen.bindAsEventListener( this ) ); Event.observe( this.subMenuListItem, 'keydown', this.onKeyPress.bindAsEventListener( this ) ); $A( this.subMenu.getElementsByTagName('li') ).each ( function( li ) { $A(li.getElementsByTagName('a')).each( function( link ) { Event.observe( link, 'focus', this.onAnchorFocus.bindAsEventListener( this ) ); Event.observe( link, 'blur', this.onAnchorBlur.bindAsEventListener( this ) ); Event.observe( link, 'click', this.onLinkClick.bindAsEventListener( this, link ) ); }.bind( this ) ); }.bind( this ) ); // ARIA menus currently don't work properly in IE8, JAWS consumes arrow up/down keys this.useARIA = page.util.useARIA() && !Prototype.Browser.IE; if ( this.useARIA ) { this.initARIA(); } this.enabled = true; }, initARIA: function() { var inListActionBar = this.inListActionBar; if ( inListActionBar ) { this.subMenuListItem.up('ul').setAttribute( "role", "menubar" ); } this.subMenuListItem.setAttribute( "role", "menuitem" ); this.subMenu.setAttribute( "role", "menu" ); if ( !this.menuLink.hasClassName("notMenuLabel") ) { this.subMenu.setAttribute( "aria-labelledby", this.menuLink.id ); } $A( this.subMenu.getElementsByTagName('a') ).each ( function( link ) { link.setAttribute( "role", "menuitem" ); link.parentNode.setAttribute( "role", "presentation" ); // List action bars have onclick handlers that prevent submission of the page // if no items are selected, so we can't register new onclicks here because // otherwise we can't stop them from executing. if ( !inListActionBar ) { if ( !link.href.include("#") ) { Event.observe( link, 'click', function() { if ( this.ohref.toLowerCase().startsWith("javascript") ) { eval(decodeURIComponent(this.ohref) ); } else { if ( this.target ) { window.open( this.ohref, this.target ); } else { window.location = this.ohref; } } } ); link.ohref = link.href; link.removeAttribute( "href" ); link.tabIndex = "-1"; link.style.cursor = 'pointer'; // make it look like a link. } } }); }, setEnabled: function( enabled ) { this.enabled = enabled; if ( !enabled ) { this.subMenu.setStyle({ display: '' }); } }, onKeyPress: function( event ) { if (!this.enabled) { return; } var key = event.keyCode || event.which; var elem = Event.element ( event ); var children, index, link; if ( key == Event.KEY_UP ) { children = this.subMenu.getElementsBySelector("li > a"); index = children.indexOf( elem ); if ( index > 0 ) { children[index - 1].focus(); } else if ( index === 0 ) { children[children.length - 1].focus(); // wrap to bottom } Event.stop( event ); } else if ( key == Event.KEY_DOWN ) { children = this.subMenu.getElementsBySelector("li > a"); index = children.indexOf( elem ); if ( index == -1 ) { this.open(); (function() { this.subMenu.down("li > a").focus(); }.bind(this).defer()); } else if ( index < ( children.length - 1 ) ) { children[index + 1].focus(); } else if ( index == ( children.length - 1 ) ) { children[0].focus(); // wrap to top } Event.stop( event ); } else if ( key == Event.KEY_LEFT ) { if ( !this.previousSibling || ( this.previousSibling.hasClassName("mainButton") || this.previousSibling.hasClassName("mainButtonType") ) ) { this.executeTab( event, true, true ); } else if ( this.previousSibling ) { link = this.previousSibling.getElementsByTagName('a')[0]; if ( !link || !this.previousSibling.hasClassName("sub") ) { return; } this.close(); page.util.fireClick( link ); Event.stop( event ); } } else if ( key == Event.KEY_RIGHT ) { if ( !this.nextSibling || ( this.nextSibling.hasClassName("mainButton") || this.nextSibling.hasClassName("mainButtonType") ) ) { this.executeTab( event, true, false ); } else if ( this.nextSibling ) { link = this.nextSibling.getElementsByTagName('a')[0]; if ( !link || !this.nextSibling.hasClassName("sub") ) { return; } this.close(); page.util.fireClick( link ); Event.stop( event ); } } else if ( key == Event.KEY_ESC ) { this.close(); this.menuLink.focus(); Event.stop( event ); } else if ( key == Event.KEY_RETURN && this.useARIA && !this.inListActionBar ) { page.util.fireClick( elem ); Event.stop( event ); } else if ( key == Event.KEY_TAB && this.useARIA ) { this.executeTab( event, false, event.shiftKey ); } }, executeTab: function( event, forceMenuLinkTab, shift ) { var elem = Event.element ( event ); var link; if ( ( elem != this.menuLink ) || forceMenuLinkTab ) { if ( shift ) { // Go to previous menu if ( this.previousSibling ) { link = this.previousSibling.getElementsByTagName('a')[0]; if ( link ) { link.focus(); } else { this.menuLink.focus(); } } else { this.menuLink.focus(); } } else { // Go to next menu if ( this.nextSibling ) { link = this.nextSibling.getElementsByTagName('a')[0]; if ( link ) { link.focus(); } else { this.menuLink.focus(); } } else { this.menuLink.focus(); } } this.close(); Event.stop( event ); } }, onOpen: function( event ) { if (!this.enabled) { return; } this.open(); }, onClose: function( event ) { var to = $(event.relatedTarget || event.toElement); if ( !to || to.up('li.sub') != this.subMenuListItem ) { this.close(); } }, onLinkOpen: function( event ) { if (!this.enabled) { return; } this.open(); (function() { this.subMenu.down("li > a").focus(); }.bind(this).defer()); Event.stop( event ); }, resizeAfterShowHide: function() { // TODO - ideally this would just resize the outer div, but closing and opening 'works' this.close(); this.open(); }, open: function() { var alreadyShown = this.subMenu.getStyle('display') === 'block'; // If the menu is already showing (i.e. as_ce4 theme, we don't need to position it) if ( !alreadyShown ) { // Set position of action bar elements to static to enable z-index stack order page.util.setActionBarPosition( 'static' ); var menuTop = this.subMenuListItem.getHeight(); if ( this.subMenu.hasClassName( 'narrow' ) ) { menuTop = 0; } this.subMenuListItem.setStyle( {position: 'relative'} ); this.subMenu.setStyle( { display: 'block', zIndex: '999999', top: menuTop+'px', left: '0px', width: '', height: '', overflowY: '' }); var offset = Position.cumulativeOffset( this.subMenuListItem ); var menuDims = this.subMenu.getDimensionsEx(); var menuHeight = menuDims.height; var popupWidth = this.subMenu.getWidth(); var subListItemDims = this.subMenuListItem.getDimensions(); var menuWidth = subListItemDims.width; var viewportDimensions = document.viewport.getDimensions(); var scrollOffsets = document.viewport.getScrollOffsets(); var offsetTop = offset[1] - scrollOffsets.top; this.subMenu.flyoutMenu = this; if ( (offsetTop + menuHeight + subListItemDims.height) > viewportDimensions.height) { if ( (offsetTop - menuHeight) > 0 ) { // if menu goes below viewport but still fits on-page, show it above button this.subMenu.setStyle({ top: '-'+menuHeight+'px' }); } else { // we need to create scrollbars var newWidth = this.subMenu.getWidth() + 15; popupWidth = newWidth + 5; var newMenuHeight = viewportDimensions.height - (offsetTop + subListItemDims.height) - 20; var newMenuTop = menuTop; if (newMenuHeight < offsetTop) { // More space above than below newMenuHeight = offsetTop; newMenuTop = -offsetTop; } this.subMenu.setStyle( { display: 'block', zIndex: '999999', top: newMenuTop+'px', left: '0px', width: newWidth + 'px', height: newMenuHeight + 'px', overflowY: 'auto' }); } } var offsetLeft = offset[0] - scrollOffsets.left; if ( (offsetLeft + popupWidth) > viewportDimensions.width ) { var subMenuWidth = this.subMenuListItem.getWidth(); var newLeft = popupWidth - (viewportDimensions.width-offsetLeft); if ((newLeft > 0) && (newLeft < offsetLeft)) { newLeft = -newLeft; } else { newLeft = -offsetLeft; } this.subMenu.setStyle({ left: newLeft+'px' }); } if ( page.util.isRTL() ) { var newRight = 0; if ( (offsetLeft + menuWidth) - popupWidth < 0 ) { newRight = (offsetLeft + menuWidth) - popupWidth; } this.subMenu.setStyle({ left: '', right: newRight+'px'}); } if (!this.shim) { this.shim = new page.popupShim( this.subMenu); } this.shim.open(); } }, close: function() { // Reset position of action bar elements to relative page.util.setActionBarPosition( 'relative' ); this.subMenuListItem.setStyle({position: ''}); this.subMenu.setStyle({ display: '', top: '', left: '', width: '', height: '', overflowY: '' }); if ( this.shim ) { this.shim.close(); } }, onLinkClick: function( event, link ) { if (!this.enabled) { return; } setTimeout( this.blurLink.bind( this, link), 100); }, blurLink: function( link ) { link.blur(); if (page.util.hasClassName( link, "donotclose" )) { link.focus(); } else { this.close(); } }, onAnchorFocus: function ( event ) { if (!this.enabled) { return; } var link = Event.element( event ); link.setStyle({ backgroundColor: '#FFFFFF' }); }, onAnchorBlur: function( event ) { var link = Event.element( event ); link.setStyle({ backgroundColor: '' }); } }; /** * Class for providing functionality to menu palettes */ page.PaletteController = Class.create(); page.PaletteController.prototype = { /** * Constructor * * @param paletteIdStr Unique string identifier for a palette * @param expandCollapseIdStr Id value of anchor tag to be assigned * the palette expand/collapse functionality * @param closeOtherPalettesWhenOpen Whether to close all other palettes when this one is open */ initialize: function( paletteIdStr, expandCollapseIdStr, closeOtherPalettesWhenOpen, collapsed ) { // palette id string this.paletteItemStr = paletteIdStr; // palette element this.paletteItem = $(this.paletteItemStr); // default id string to palette contents container element this.defaultContentsContainerId = page.PaletteController.getDefaultContentsContainerId(this.paletteItemStr); // the currently active palette contents container element this.activeContentsContainer = $(this.defaultContentsContainerId); // expand/collapse palette toggle element this.paletteToggle = $(expandCollapseIdStr); if (this.paletteToggle) { Event.observe(this.paletteToggle, 'click', this.toggleExpandCollapsePalette.bindAsEventListener(this)); } this.closeOtherPalettesWhenOpen = closeOtherPalettesWhenOpen; page.PaletteController.registerPaletteBox(this); if (collapsed) { this.collapsePalette(true); } }, /** * Set the currently active palette contents container element * * @param container palette contents container element */ setActiveContentsContainer: function ( container ) { this.activeContentsContainer = container; }, /** * Get the currently active palette contents container element * * @return palette contents container element */ getActiveContentsContainer: function () { return this.activeContentsContainer; }, /** * Expands the palette if it's not already expanded. * * @return palette contents container element */ expandPalette: function ( doNotPersist ) { var itemPalClass = []; itemPalClass = this.paletteItem.className.split(" "); var h2 = $(this.paletteItemStr+"_paletteTitleHeading"); var expandCollapseLink = h2.getElementsByTagName('a')[0]; if ( !this.useFirstTagForExpandCollapse( h2 ) ) { expandCollapseLink = h2.getElementsByTagName('a')[1]; } var itemList = this.activeContentsContainer; if ( itemList.style.display == "none" ) { itemList.style.display = "block"; itemPalClass.length = itemPalClass.length - 1; this.paletteItem.className = itemPalClass.join(" "); h2.className = ""; var itemTitle = expandCollapseLink.innerHTML.stripTags().trim(); if ( !this.useFirstTagForExpandCollapse( h2 ) ) { itemTitle = h2.getElementsByTagName('a')[0].innerHTML.stripTags(); } expandCollapseLink.title = page.bundle.getString('expandCollapse.collapse.section.param', itemTitle); expandCollapseLink.up().setAttribute("aria-expanded", "true"); } if ( doNotPersist ) { return; } this.saveSessionStickyInfo( itemList.id, itemList.style.display ); }, /** * Collapses the palette if it's not already collapsed. * * @return palette contents container element */ collapsePalette: function ( doNotPersist ) { var itemPalClass = []; itemPalClass = this.paletteItem.className.split(" "); // Note - h2 is actually a div, not an h2 :) var h2 = $(this.paletteItemStr+"_paletteTitleHeading"); var expandCollapseLink = h2.getElementsByTagName('a')[0]; if ( !this.useFirstTagForExpandCollapse( h2 ) ) { expandCollapseLink = h2.getElementsByTagName('a')[1]; } var itemList = this.activeContentsContainer; if ( itemList.style.display != "none" ) { itemList.style.display = "none"; itemPalClass[itemPalClass.length] = 'navPaletteCol'; this.paletteItem.className = itemPalClass.join(" "); if (itemPalClass.indexOf('controlpanel') != -1) { } if (itemPalClass.indexOf('listCm')!=-1) { h2.className = "listCmCol"; // colors h2 background (removes background image) } if (itemPalClass.indexOf('tools') != -1) { h2.className = "toolsCol"; } var itemTitle = expandCollapseLink.innerHTML.stripTags(); if ( !this.useFirstTagForExpandCollapse( h2 ) ) { itemTitle = h2.getElementsByTagName('a')[0].innerHTML.stripTags().trim(); } expandCollapseLink.title = page.bundle.getString('expandCollapse.expand.section.param', itemTitle); expandCollapseLink.up().setAttribute("aria-expanded", "false"); } if (doNotPersist) { return; } this.saveSessionStickyInfo( itemList.id, itemList.style.display ); }, /** * Takes in a key value pair to save to the session as sticky data. * * @param key The key that will have the current course id appended to it to be saved to the session. * @param value The value to the key. */ saveSessionStickyInfo: function( key, value ) { /* Get the course id off of the global variable if exists, so that data is saved per * user session per course. If course doesn't exist, use empty string. */ var current_course_id = window.course_id ? window.course_id : ""; UserDataDWRFacade.setStringTempScope( key + current_course_id, value ); }, /** * Whether the first tag has js onclick event binding on it for palette collapse/expand * * @param h2 */ useFirstTagForExpandCollapse: function ( h2 ) { return h2.getElementsByTagName('a')[0].id.indexOf( "noneExpandCollapseTag" ) > -1 ? false : true; }, /** * Toggles a palette from expand to collapse and vice versa. * * @param event Optional event object if this method was bound to event. */ toggleExpandCollapsePalette: function ( event, doNotPersist ) { // To prevent default event behavior if ( event ) { Event.stop( event ); } if ( this.activeContentsContainer.style.display == "none" ) { // palette is currently closed, so we will be expanding it if ( this.closeOtherPalettesWhenOpen ) { // if closeOtherPalettesWhenOpen is set to true for this palette, close all other palettes page.PaletteController.closeAllOtherPalettes(this.paletteItemStr, doNotPersist); } this.expandPalette( doNotPersist ); } else { // palette is currently expanded, so we will be collapsing it this.collapsePalette( doNotPersist ); } } }; // "static" methods page.PaletteController.paletteBoxes = []; page.PaletteController.registerPaletteBox = function( paletteBox ) { page.PaletteController.paletteBoxes.push( paletteBox ); }; /** * Get the palette controller js object by palette id * * @param paletteId */ page.PaletteController.getPaletteControllerObjById = function( paletteId ) { return page.PaletteController.paletteBoxes.find( function( pb ) { return ( pb.paletteItemStr == paletteId ); } ); }; /** * Closes all palettes except the specified one * * @param paletteToKeepOpen */ page.PaletteController.closeAllOtherPalettes = function( paletteToKeepOpen, doNotPersist ) { for(var i = 0; i < page.PaletteController.paletteBoxes.length; i++) { var paletteItem = page.PaletteController.paletteBoxes[i]; if (paletteToKeepOpen !== paletteItem.paletteItemStr) { paletteItem.collapsePalette( doNotPersist ); } } }; /** * Toggles (expand/collapse) the contents of a nav palette by palette id * * @param paletteId * @param doNotPersist - optional param to suppress persisting state, default is to persist */ page.PaletteController.toggleExpandCollapsePalette = function( paletteId, doNotPersist ) { var paletteObj = page.PaletteController.getPaletteControllerObjById( paletteId ); paletteObj.toggleExpandCollapsePalette( null, doNotPersist); }; /** * Collapses the contents of a nav palette by palette id * * @param paletteId * @param doNotPersist - optional param to suppress persisting state, default is to persist */ page.PaletteController.collapsePalette = function( paletteId, doNotPersist ) { var paletteObj = page.PaletteController.getPaletteControllerObjById( paletteId ); paletteObj.collapsePalette( doNotPersist); }; /** * Expand the contents of a nav palette by palette id * * @param paletteId * @param doNotPersist - optional param to suppress persisting state, default is to persist */ page.PaletteController.expandPalette = function( paletteId, doNotPersist ) { var paletteObj = page.PaletteController.getPaletteControllerObjById( paletteId ); paletteObj.expandPalette( doNotPersist); }; /** * Set the active palette contents container (element containing the body * contents of a palette). The active contents container is used to toggle * visibility when expanding and collapsing menu palettes. * * @param paletteId * @param paletteContentsContainer Optional container to set. * If not given, the palette's active * container will not be changed. * @return The new active palette contents container element. * If no paletteContentsContainer element was passed, * The current active palette contents container element * will be returned. */ page.PaletteController.setActivePaletteContentsContainer = function( paletteId, paletteContentsContainer ) { var paletteObj = page.PaletteController.getPaletteControllerObjById( paletteId ); if ( paletteContentsContainer ) { paletteObj.setActiveContentsContainer( paletteContentsContainer ); } return paletteObj.getActiveContentsContainer(); }; /* * Get the default palette contents container id string * * @param paletteId */ page.PaletteController.getDefaultContentsContainerId = function( paletteId ) { return paletteId + "_contents"; }; /** * Class for providing expand/collapse functionality (with dynamic loading) */ page.ItemExpander = Class.create(); page.ItemExpander.prototype = { /** * Constructor * - expandLink - the link that when clicked will expand/collapse the item * - expandArea - the actual area that will get expanded/collapsed (if the item is dynamically loaded, this area will be populated dynamically) * - expandText - the text to show as a tooltip on the link for expanding * - collapseText - the text to show as a tooltip on the link for collapsing * - expandTitleText - the customized text for link title afer expanding the item; if null/undefined, use expandText * - collapseTitleText - the customized text for link title after collapsing the item;if null/undefined, use collapseText * - dynamic - whether the contents are dynamically loaded * - dynamicUrl - the URL to get the contents of the item from * - contextParameters - additional URL parameters to add when calling the dynamicUrl * - sticky - load/save expand state from UserData; true if null/undefined * - expanded - initially expanded; false if null/undefined */ initialize: function( expandLink, expandArea, expandText, collapseText, dynamic, dynamicUrl, contextParameters, expandTitleText, collapseTitleText, sticky, expanded ) { this.expandLink = $(expandLink); this.expandArea = $s(expandArea); // Register the expander so it can be found page.ItemExpander.itemExpanderMap[this.expandLink.id] = this; this.expandText = expandText.unescapeHTML(); this.collapseText = collapseText.unescapeHTML(); if ( expandTitleText !== null && expandTitleText !== undefined ) { this.expandTitleText = expandTitleText.unescapeHTML(); } else { this.expandTitleText = this.expandText; } if ( collapseTitleText !== null && collapseTitleText !== undefined ) { this.collapseTitleText = collapseTitleText.unescapeHTML(); } else { this.collapseTitleText = this.collapseText; } this.dynamic = dynamic; this.dynamicUrl = dynamicUrl; if ( contextParameters !== null && contextParameters !== undefined ) { this.contextParameters = contextParameters.toQueryParams(); } else { this.contextParameters = {}; } this.sticky = ( sticky !== null && sticky !== undefined ) ? sticky : true; this.expanded = ( expanded !== null && expanded !== undefined ) ? expanded : false; this.hasContents = !this.dynamic; if ( this.sticky ) { // get the course id off of the global variable if exists, because data is saved per user session per course var current_course_id = ( (typeof course_id != "undefined") && course_id !== null ) ? course_id : ""; UserDataDWRFacade.getStringTempScope( this.expandLink.id + current_course_id, this.getAvailableResponse.bind( this ) ); } this.expandCollapse( !this.expanded ); Event.observe( this.expandLink, "click", this.onToggleClick.bindAsEventListener( this ) ); }, getAvailableResponse : function ( response ) { var originalExpanded = this.expanded ; var cachedExpanded = false; if ( response.length > 0 ) { if ( response == 'true' ) { cachedExpanded = true; } else { cachedExpanded = false; } } if ( originalExpanded != cachedExpanded ) { //because we want the menu to be in the cached state, //we pass in the opposite so that expandCollapse changes the menu state. this.expandCollapse(originalExpanded); } }, onToggleClick: function( event ) { if ( event ) { Event.stop( event ); } this.expandCollapse(this.expanded); if ( this.sticky ) { // get the course id off of the global variable if exists, so that data is saved per user session per course var current_course_id = ( (typeof course_id != "undefined") && course_id !== null ) ? course_id : ""; UserDataDWRFacade.setStringTempScope( this.expandLink.id + current_course_id, this.expanded ); } }, expandCollapse: function(shouldCollapse) { var combo; if ( shouldCollapse ) //Collapse the item { $(this.expandArea).hide(); this.expandLink.title = this.expandTitleText; this.expandLink.up().setAttribute("aria-expanded", "false"); if ( this.expandLink.hasClassName("comboLink_active") ) { combo = this.expandLink.up("li").down(".submenuLink_active"); this.expandLink.removeClassName("comboLink_active"); this.expandLink.addClassName("comboLink"); if ( combo ) { combo.removeClassName("submenuLink_active"); combo.addClassName("submenuLink"); } } else { this.expandLink.removeClassName("open"); } this.expanded = false; } else //Expand the item { if ( this.hasContents ) { $(this.expandArea).setStyle({ zoom: 1 }); this.expandArea.show(); this.expandLink.title = this.collapseTitleText; this.expandLink.up().setAttribute("aria-expanded", "true"); if ( this.expandLink.hasClassName("comboLink") ) { combo = this.expandLink.up("li").down(".submenuLink"); this.expandLink.removeClassName("comboLink"); this.expandLink.addClassName("comboLink_active"); if ( combo ) { combo.removeClassName("submenuLink"); combo.addClassName("submenuLink_active"); } } else { this.expandLink.addClassName("open"); } } else if ( this.dynamic ) { this.loadData(); } this.expanded = true; } }, loadData: function() { new Ajax.Request( this.dynamicUrl, { method: "post", parameters: this.contextParameters, requestHeaders: { cookie: document.cookie }, onSuccess: this.afterLoadData.bind( this ) }); }, afterLoadData: function( req ) { try { var result = req.responseText.evalJSON( true ); if ( result.success != "true" ) { new page.InlineConfirmation("error", result.errorMessage, false ); } else { this.hasContents = true; this.expandArea.innerHTML = result.itemContents; $(this.expandArea).setStyle({ zoom: 1 }); this.expandArea.show(); this.expandLink.title = this.collapseTitleText; this.expandLink.up().setAttribute("aria-expanded", "true"); if ( this.expandLink.hasClassName("comboLink") ) { var combo = this.expandLink.up("li").down(".submenuLink"); this.expandLink.removeClassName("comboLink"); this.expandLink.addClassName("comboLink_active"); if ( combo ) { combo.removeClassName("submenuLink"); combo.addClassName("submenuLink_active"); } } else { this.expandLink.addClassName("open"); } this.expanded = true; } } catch ( e ) { //Invalid response } } }; page.ItemExpander.itemExpanderMap = {}; /** * Class for controlling the "breadcrumb expansion" (i.e. the "..." hiding the inner * breadcrumbs) */ page.BreadcrumbExpander = Class.create(); page.BreadcrumbExpander.prototype = { initialize: function( breadcrumbBar ) { var breadcrumbListElement = $(breadcrumbBar.getElementsByTagName('ol')[0]); var breadcrumbs = breadcrumbListElement.immediateDescendants(); if ( breadcrumbs.length > 4 ) { this.ellipsis = document.createElement("li"); var ellipsisLink = document.createElement("a"); ellipsisLink.setAttribute("href", "#"); ellipsisLink.setAttribute("title", page.bundle.getString('breadcrumbs.expand') ); ellipsisLink.innerHTML = "..."; this.ellipsis.appendChild( ellipsisLink ); this.ellipsis = Element.extend( this.ellipsis ); Event.observe( ellipsisLink, "click", this.onEllipsisClick.bindAsEventListener( this ) ); this.hiddenItems = $A(breadcrumbs.slice(2,breadcrumbs.length - 2)); breadcrumbListElement.insertBefore( this.ellipsis, this.hiddenItems[0] ); this.hiddenItems.invoke( "hide" ); } // Make sure the breadcrumbs don't run into the mode switcher var breadcrumbContainer = $(breadcrumbListElement.parentNode); var modeSwitcher = breadcrumbBar.down('.modeSwitchWrap'); if ( modeSwitcher ) { var containerWidth = breadcrumbContainer.getWidth(); var containerOffset = breadcrumbContainer.cumulativeOffset(); var modeSwitcherOffset = modeSwitcher.cumulativeOffset(); var modeSwitcherWidth = modeSwitcher.getWidth(); if ( page.util.isRTL() ) { if ( modeSwitcherOffset[0] + modeSwitcherWidth > containerOffset[0] ) { breadcrumbContainer.setStyle({ paddingLeft: ( modeSwitcherOffset[0] + modeSwitcherWidth ) + 'px'} ); } } // else //{ // breadcrumbContainer.setStyle({ paddingRight: ( containerWidth - ( modeSwitcherOffset[0] - containerOffset[0] ) ) + 'px'} ); //} } }, onEllipsisClick: function( event ) { this.hiddenItems.invoke( "show" ); this.ellipsis.hide(); Event.stop( event ); } }; /** * Dynamically creates an inline confirmation. */ page.InlineConfirmation = Class.create(); page.InlineConfirmation.prototype = { initialize: function( type, message, showRefreshLink, oneReceiptPerPage ) { var receiptId = $s('receipt_id'); // do not insert a duplicate receipt, if one already exists if(receiptId && oneReceiptPerPage) { return; } var cssClass = "bad"; if ( type == "success" ) { cssClass = "good"; } else if ( type == "warning" ) { cssClass = "warningReceipt"; } var contentPane = $('contentPanel') || $('portalPane'); var receiptHtml = '<div id="receipt_id" class="receipt '+ cssClass +'">'+ '<span class="inlineReceiptSpan" tabindex="-1" style="color:#FFFFFF">'+message+'</span>'; if ( showRefreshLink ) { receiptHtml += ' <a href="#refresh" onClick="document.location.href = document.location.href; return false;">' + page.bundle.getString("inlineconfirmation.refresh") + '</a>'; } receiptHtml += '<a class="close" href="#close" title="'+ page.bundle.getString("inlineconfirmation.close") +'" onClick="Element.remove( $(this).up(\'div.receipt\') ); return false;"><img alt="'+ page.bundle.getString("inlineconfirmation.close") +'" src="/images/ci/ng/close_mini.gif"></a></div>'; contentPane.insert({top:receiptHtml}); // use aria live region to announce this confirmation message rather than setting focus to it. (Too many things are fighting over setting focus) // Note: if this confirmation is invoked from a menu handler, it may not announce if focus is lost when the menu closes. See how courseTheme.js sets focus before invoking. var insertedA = contentPane.down('span.inlineReceiptSpan'); insertedA.setAttribute("aria-live","assertive"); insertedA.parentNode.setAttribute("role","application"); (function() { insertedA.update( insertedA.innerHTML ); }.defer(2)); // update live region so it is announced } }; page.NestedInlineConfirmationIdCounter = 0; page.NestedInlineConfirmation = Class.create(); page.NestedInlineConfirmation.prototype = { initialize: function( type, message, showRefreshLink, previousElement,showCloseLink, extracss, insertBefore, oneReceiptPerPage, fadeAway, focusDiv, fadingTime, insertTop, receiptDivId, focusOnRender ) { if ( Object.isUndefined( focusOnRender ) ) { focusOnRender = true; } var receiptId = $s('receipt_nested_id'); // do not insert a duplicate receipt, if one already exists var newDivId = 'receipt_nested_id'; if(receiptId) { if (oneReceiptPerPage) { return; } newDivId = newDivId + (page.NestedInlineConfirmationIdCounter++); } if (receiptDivId) { // Remove the old message with the same receiptDivId if there is one before adding a new one if ( $( receiptDivId ) != null ) { $( receiptDivId ).remove(); } newDivId = receiptDivId; } var cssClass = "bad"; if ( type == "success" ) { cssClass = "good"; } else if (type == "warning") { cssClass = "warningReceipt"; } if (!extracss) { extracss = ""; } var arrowSpan = ''; if (extracss.indexOf( "point", 0 ) != -1) { arrowSpan = '<span class="arrow"></span>'; } var contentPane = $(previousElement); if (!contentPane) { // TODO - if we can't find the element we wanted to insert before, is it OK to just drop the notification? return; } var receiptHtml = '<div id="'+newDivId+'" style="display:none" class="receipt '+ cssClass +' '+extracss +'">'+arrowSpan+ '<span class="inlineReceiptSpan areceipt" tabindex="-1">'+message+'</span>'; if ( showRefreshLink ) { receiptHtml += ' <a href="#refresh" onClick="document.location.href = document.location.href; return false;">' + page.bundle.getString("inlineconfirmation.refresh") + '</a>'; } if (showCloseLink) { // either this is a JS Snippet to execute on close or a simple true in which case we do nothing extra var onCloseFunction = ""; if ( typeof showCloseLink === "string" || showCloseLink instanceof String ) { if ( !page.closeReceiptLinkCounter ) { page.closeReceiptLinkCounter = 0; } else { ++page.closeReceiptLinkCounter; } onCloseFunction = "onReceiptClosed" + page.closeReceiptLinkCounter; receiptHtml += "<script type='text/javascript'>window." + onCloseFunction + " = function( ) { " + showCloseLink + " ; }; </script>"; onCloseFunction += "( );"; } receiptHtml += '<a class="close" href="#close" style="z-index:1000" title="' + page.bundle.getString("inlineconfirmation.close") + '" onClick="' + onCloseFunction + 'Element.remove( $(this).up(\'div.receipt\') ); return false;"><img alt="' + page.bundle.getString("inlineconfirmation.close") + '" src="/images/ci/ng/close_mini.gif"></a></div>'; } if ( insertBefore ) { contentPane.insert({before:receiptHtml}); } else if (insertTop) { contentPane.insert({top:receiptHtml}); } else { contentPane.insert({after:receiptHtml}); } this.insertedDiv = insertBefore?contentPane.previousSibling:(insertTop?contentPane.firstChild:contentPane.nextSibling); $(this.insertedDiv).show(); var insertedA = $(this.insertedDiv).down('span.inlineReceiptSpan'); var fadingDuration = fadingTime ? fadingTime : 5000; // For all cases (focus or not), set the aria assertive attribute to make sure this is announced by the screen reader insertedA.setAttribute("aria-live","assertive"); this.insertedDiv.setAttribute("role","application"); (function() { insertedA.update( insertedA.innerHTML ); }.defer(2)); // update live region so it is announced (needed for jaws 12) if ( focusOnRender ) { try { ( function() { try { if ( focusDiv ) { page.util.focusAndScroll( $( focusDiv ) ); } else { page.util.focusAndScroll( insertedA ); } } catch ( focusError ) { // Ignore focus errors. These can happens sometimes on IE if focus is set on an element that is located // inside another element that has recently been switched from a hidden state to a visible one. } }.defer() ); } catch ( focusError ) { // Ignore focus errors. These can happens sometimes on IE if focus is set on an element that is located // inside another element that has recently been switched from a hidden state to a visible one. } } else { // not setting focus to this confirmation - but still make sure it is visible. if ( focusDiv ) { page.util.ensureVisible( $( focusDiv ) ); } else { page.util.ensureVisible( insertedA ); } } if ( fadeAway ) { setTimeout( function() { Element.fade( $(this.insertedDiv), { duration : 0.3 } ); }.bind(this), fadingDuration ); } }, close: function() { if ( this.insertedDiv ) { this.insertedDiv.remove(); } } }; page.NestedInlineFadeAwayConfirmation = Class.create(); page.NestedInlineFadeAwayConfirmation.prototype = { initialize: function( type, message, showRefreshLink, element,showCloseLink, insertBefore, time ) { var fadingDuration = time ? time : 2000; new page.NestedInlineConfirmation(type, message, showRefreshLink, element,showCloseLink, "", insertBefore ); var elementToFade = insertBefore?element.previousSibling:element.nextSibling; setTimeout( function() { Element.fade( elementToFade, {duration:0.3} ); }, fadingDuration ); } }; page.NestedInlineFadeAwaySingleConfirmation = Class.create(); page.NestedInlineFadeAwaySingleConfirmation.prototype = { initialize: function( type, message, showRefreshLink, element,showCloseLink, insertBefore, time, newDivId ) { var fadingDuration = time ? time : 2000; new page.NestedInlineConfirmation(type, message, showRefreshLink, element,showCloseLink, "", insertBefore, false /*only one instance*/, null, null, null, null, newDivId ); var elementToFade = insertBefore?element.previousSibling:element.nextSibling; setTimeout( function() { Element.fade( elementToFade, {duration:0.3} ); }, fadingDuration ); } }; /** * Make sure the container as position: relative so that the offset can work */ page.MiniReceipt = Class.create(); page.MiniReceipt.prototype = { initialize: function( message, containerElement, top, left, time ) { var visibleDuration = time ? time : 2000; var top = top?top:-22; // usually show receipt above var left = left?left:0; var alreadyExistingReceipt = $( containerElement ).down( "div.miniReceipt" ); if ( alreadyExistingReceipt ) { alreadyExistingReceipt.hide( ); } var receiptHtml = '<div class="miniReceipt adding" style="display: none; top:' + top + 'px; left:'+ left + 'px" role="alert" aria-live="assertive">' + message + '</div>'; var receiptElement = $( containerElement ).insert( { top:receiptHtml } ).firstDescendant( ); receiptElement.show( ); setTimeout( function() { Element.fade( receiptElement, {duration:0.3, afterFinish: function() { receiptElement.remove(); } } ); }, visibleDuration ); } }; page.extendedHelp = function( helpattributes, windowName ) { window.helpwin = window.open('/webapps/blackboard/execute/viewExtendedHelp?' + helpattributes,windowName,'menubar=1,resizable=1,scrollbars=1,status=1,width=480,height=600'); window.helpwin.focus(); }; page.decoratePageBanner = function() { var bannerDiv = $('pageBanner'); // TODO: review this logic - we used to actually add a style to containerDiv but // we do not need it anymore - does the pagetitlediv hiding depend on containerdiv existing? probably, so leaving var containerDiv = $('contentPanel') || $('contentPane'); if ( bannerDiv && containerDiv ) { // hide empty title bar if ( !$('pageTitleText') && $('pageTitleDiv') ) { $('pageTitleDiv').hide(); } } }; page.initializeSinglePopupPage = function( pageId ) { // Initialize the single popup page, make sure the window will be closed by clicking submit or cancel, and the parent // window will be refreshed after submit. var items = document.forms; for ( var i = 0; i < items.length; i++ ) { var formItem = items[ i ]; formItem.observe( 'submit', function() { (function() { window.close(); if( window.opener.refreshConfirm ) { window.opener.refreshConfirm(pageId); } }.defer()); } ); if ( formItem.top_Cancel ) { Event.observe( formItem.top_Cancel, 'click', function( event ) { Event.stop( event ); window.close(); } ); } if ( formItem.bottom_Cancel ) { Event.observe( formItem.bottom_Cancel, 'click', function( event ) { Event.stop( event ); window.close(); } ); } } }; page.openLightbox = function( link, title, url, width, height ) { var lightboxParam = { defaultDimensions : { w : width ? width : 1000, h : height ? height : 800 }, contents : '<iframe src="' + url + '" width="100%" height="100%"/>', title : title, closeOnBodyClick : false, showCloseLink : true, useDefaultDimensionsAsMinimumSize : true }; var lightboxInstance = new lightbox.Lightbox( lightboxParam ); lightboxInstance.open(); }; page.printAndClose = function() { (function() { window.print(); window.close(); }.defer()); }; /** * Utility for data collection step manipulation */ page.steps = {}; page.steps.HIDE = "hide"; page.steps.SHOW = "show"; /** * Hide or show an array of steps given the step ids and * renumber all visible steps on the page. * * @param action - either page.steps.HIDE or page.steps.SHOW * @param stepIdArr - string array of step ids */ page.steps.hideShowAndRenumber = function ( action, stepIdArr ) { // hide or show each of the step ids given ($A(stepIdArr)).each( function( stepId ) { page.steps.hideShow( action, stepId ); }); // get all H3 elements that contain css class of "steptitle" var stepTitleTags = []; $A(document.getElementsByTagName('h3')).each( function( tag ) { if ( page.util.hasClassName( tag, 'steptitle' ) ) { stepTitleTags.push( $(tag) ); } }); // starting at number 1, renumber all of the visible steps var number = 1; stepTitleTags.each(function( stepTitleTag ) { if ( stepTitleTag.up('div').visible() ) { stepTitleTag.down('span').update(number); number++; } }); }; /** * Hide or show a single step given the step id. * * @param action - either page.steps.HIDE or page.steps.SHOW * @param stepId - string identifier to a single step */ page.steps.hideShow = function ( action, stepId ) { if ( action == page.steps.SHOW ) { $(stepId).show(); } else if ( action == page.steps.HIDE ) { $(stepId).hide(); } }; page.showChangeTextSizeHelp = function( ) { page.extendedHelp('internalhandle=change_text_size&helpkey=change_text_size','change_text_size' ); return false; }; page.showAccessibilityOptions = function() { var win = window.open('/webapps/portal/execute/changePersonalStyle?cmd=showAccessibilityOptions', 'accessibilityOptions','menubar=1,resizable=1,scrollbars=1,status=1,width=480,height=600'); win.focus(); }; page.toggleContrast = function( ) { new Ajax.Request('/webapps/portal/execute/changePersonalStyle?cmd=toggleContrast', { onSuccess: function(transport, json) { var fsWin; if (window.top.nav) { fsWin = window.top; } else if (window.opener && window.opener.top.nav) { fsWin = window.opener.top; window.close(); } if (fsWin) { fsWin.nav.location.reload(); fsWin.content.location.reload(); } else { window.top.location.reload(); } } }); return false; }; /** * IFrame-based shim used with popups so they render on top of all other page elements (including applets) */ page.popupShim = Class.create(); page.popupShim.prototype = { initialize: function( popup ) { this.popup = popup; }, close: function( ) { this.toggleOverlappingEmbeds( false ); }, open: function( ) { this.toggleOverlappingEmbeds( true ); }, toggleOverlappingEmbeds: function( turnOff ) { ['embed','object','applet','select'].each( function( tag ) { var elems = document.getElementsByTagName( tag ); for ( var i = 0, l = elems.length; i < l; i++ ) { var e = $(elems[i]); if ( !turnOff || ( page.util.elementsOverlap( this.popup, e ) && !e.descendantOf( this.popup ) ) ) { elems[i].style.visibility = ( turnOff ? 'hidden' : '' ); } } }.bind( this ) ); } }; /** * Looks through the children of the specified element for links with the specified * class name, and if it finds any, autowires lightboxes to them. If lightbox.js/effects.js * hasn't already been loaded, load it. */ page.LightboxInitializer = Class.create( { initialize: function( className, parentElement, justThisParent ) { this.className = className; if (justThisParent) { this.parentElement = parentElement; } var links = parentElement.getElementsByTagName('a'); for ( var i = 0, l = links.length; i < l; i++ ) { if ( page.util.hasClassName( links[i], className ) ) { if ( window.lightbox && window.Effect) { this._autowire(); } else { this._load(); } break; } } }, _autowire: function() { lightbox.autowireLightboxes( this.className, this.parentElement ); }, _load: function() { var h = $$('head')[0]; var scs = ( !window.lightbox ? ['/javascript/ngui/lightbox.js'] : []).concat( !window.Effect ? ['/javascript/scriptaculous/effects.js'] : [] ); scs.each( function( sc ) { var s = new Element('script', { type: 'text/javascript', src: sc } ); h.appendChild( s ); }); this._wait(); }, _wait: function() { var count = 0; new PeriodicalExecuter( function( pe ) { if ( count < 100 ) { count++; if ( window.lightbox && window.Effect ) { pe.stop(); this._autowire(); } } else // give up if it takes longer than 5s to load lightbox.js/effects.js { pe.stop(); } }.bind(this), 0.05 ); } }); page.YouTubeControls = { toggleAXControls : function( playerid, openYtControlsId, event ) { if( $( playerid.sub( 'ytEmbed', 'controls' ) ).style.display != 'block' ) { $( playerid.sub( 'ytEmbed', 'controls' ) ).style.display = 'block'; $( playerid.sub( 'ytEmbed', 'strip' ) ).style.display = 'block'; $( openYtControlsId ).addClassName( 'liveAreaTab' ); if ( window.lightbox && lightbox.getCurrentLightbox() ) { lightbox.getCurrentLightbox()._resizeAndCenterLightbox( false ); } } else { $( playerid.sub( 'ytEmbed', 'controls' ) ).style.display = 'none'; $( playerid.sub( 'ytEmbed', 'strip' ) ).style.display = 'none'; $( openYtControlsId ).removeClassName( 'liveAreaTab' ); if ( window.lightbox && lightbox.getCurrentLightbox() ) { lightbox.getCurrentLightbox()._resizeAndCenterLightbox( false ); } } Event.stop( event ); }, formatTime : function ( sec ) { var duration = parseInt( sec, 10 ); var totalMinutes = Math.floor( duration / 60 ); var hours = Math.floor( totalMinutes / 60 ); var seconds = duration % 60; var minutes = totalMinutes % 60; if ( hours > 0 ) { return hours + ':' + this.padZero( minutes ) + ':' + this.padZero( seconds ); } else { return this.padZero( minutes ) + ':' + this.padZero( seconds ); } }, padZero : function ( number ) { if (number < 10) { return "0" + number; } else { return number; } }, updateButtonLabels : function ( ytplayer, muteBtnId, playBtnId, status ) { if( ytplayer.isMuted() ) { $( muteBtnId ).update( page.bundle.getString( 'yt.unmute' ) ); } else { $( muteBtnId ).update( page.bundle.getString( 'yt.mute' ) ); } if( status == 1 ) { $( playBtnId ).update( page.bundle.getString( 'yt.pause' ) ); } else { $( playBtnId ).update( page.bundle.getString( 'yt.play' ) ); } }, updateIframeButtonLabels : function ( ytplayer, muteBtnId, playBtnId, status ) { if ( typeof ytplayer.isMuted !== 'undefined' ) { if( ytplayer.isMuted() ) { $( muteBtnId ).update( page.bundle.getString( 'yt.unmute' ) ); } else { $( muteBtnId ).update( page.bundle.getString( 'yt.mute' ) ); } } if( status == 1 ) { $( playBtnId ).update( page.bundle.getString( 'yt.pause' ) ); } else { $( playBtnId ).update( page.bundle.getString( 'yt.play' ) ); } } }; function onYouTubePlayerReady( playerid ) { var ytplayer = $( playerid ); if( !ytplayer ) { //ie fix: grab object tag instead of embed tag var objTagId = playerid.sub( 'ytEmbed', 'ytObject' ); ytplayer = $( objTagId ); } var playBtnId = playerid.sub( 'ytEmbed', 'playVideo' ); Event.observe( $( playBtnId ), 'click', function( event ) { if( ytplayer.getPlayerState() == 1 ) { ytplayer.pauseVideo(); } else { ytplayer.playVideo(); } Event.stop( event ); } ); var stopBtnId = playerid.sub( 'ytEmbed', 'stopVideo' ); Event.observe( $( stopBtnId ), 'click', function( event ) { ytplayer.pauseVideo(); ytplayer.seekTo( "0" ); $( playBtnId ).update( page.bundle.getString( 'yt.play' ) ); Event.stop( event ); } ); var volUpBtnId = playerid.sub( 'ytEmbed', 'volUp' ); Event.observe( $( volUpBtnId ), 'click', function( event ) { var currVol = ytplayer.getVolume(); if( currVol > 89 ) { ytplayer.setVolume( 100 ); } else { ytplayer.setVolume( currVol + 10 ); } Event.stop( event ); } ); var volDownBtnId = playerid.sub( 'ytEmbed', 'volDown' ); Event.observe( $( volDownBtnId ), 'click', function( event ) { var currVol = ytplayer.getVolume(); if( currVol < 11 ) { ytplayer.setVolume( 0 ); } else { ytplayer.setVolume( currVol - 10 ); } Event.stop( event ); } ); var muteBtnId = playerid.sub( 'ytEmbed', 'mute' ); Event.observe( $( muteBtnId ), 'click', function( event ) { if( ytplayer.isMuted() ) { ytplayer.unMute(); } else { ytplayer.mute(); } Event.stop( event ); } ); var timeDivId = playerid.sub( 'ytEmbed', 'currentTime' ); var statusDivId = playerid.sub( 'ytEmbed', 'currentStatus'); var dtTime = new Date(); new PeriodicalExecuter( function( pe ) { //lightbox closed, so stop this PeriodicalExecuter if( !$( timeDivId ) ) { pe.stop(); return; } //update the current time $( timeDivId ).update( page.YouTubeControls.formatTime( ytplayer.getCurrentTime() ) ); //update the current status var status = ytplayer.getPlayerState(); var statusStr = page.bundle.getString( 'yt.stopped' ); switch( status ) { case -1 : statusStr = page.bundle.getString( 'yt.stopped' ); break; case 0 : statusStr = page.bundle.getString( 'yt.ended' ); break; case 1 : statusStr = page.bundle.getString( 'yt.playing' ); break; case 2 : statusStr = page.bundle.getString( 'yt.paused' ); break; case 3 : statusStr = page.bundle.getString( 'yt.buffering' ); break; case 5 : statusStr = page.bundle.getString( 'yt.cued' ); break; } page.YouTubeControls.updateButtonLabels( ytplayer, muteBtnId, playBtnId, status ); $( statusDivId ).update( statusStr ); }.bind(this), 0.5 ); //wire the open/close controls wrapper var openYtControlsId = playerid.sub( 'ytEmbed', 'openYtControls' ); Event.observe( $( openYtControlsId ), 'click', function( event ) { page.YouTubeControls.toggleAXControls( playerid, openYtControlsId, event ); } ); var closeYtControlsId = playerid.sub( 'ytEmbed', 'closeYtControls' ); Event.observe( $( closeYtControlsId ), 'click', function( event ) { page.YouTubeControls.toggleAXControls( playerid, openYtControlsId, event ); } ); }; var youtubeisready; var tag = document.createElement( 'script' ); tag.src = "//www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName( 'script' )[ 0 ]; firstScriptTag.parentNode.insertBefore( tag, firstScriptTag ); function onYouTubeIframeAPIReady() { youtubeisready = true; page.util.bbPreptextareasforyoutube(); }; page.util.bbPreptextareasforyoutube = function(frameIds) { if( youtubeisready ) { if ( !frameIds ) { frameIds = $$( '.ytIframeClass' ); } var ytPlayers = []; frameIds.each( function( frameId ) { var ytPlayerId = frameId.id; var controlsId = ytPlayerId.replace("ytEmbed",""); var frameData = frameId.outerHTML; var videoId = ""; if( frameData.indexOf('//www.youtube.com/embed') != -1 ) { videoId = frameData.match("//www.youtube.com/embed/([\\d\\w-_]+)")[1]; } if( frameData.indexOf('//www.youtube.com/v') != -1 ) { videoId = frameData.match("//www.youtube.com/v/([\\d\\w-_]+)")[1]; } if( videoId === "" ) return; ytPlayerId.replace("ytEmbed", "videoId"); var ytplayer = new YT.Player(frameId, { videoId : videoId, playerVars : { wmode: 'transparent', rel : 0, modestbranding : 1, menu: 'disable' }, events : { 'onReady' : onPlayerReady, 'onStateChange' : onytplayerStateChange, 'onError' : onPlayerError } }); ytPlayers.push(ytplayer); var playBtnId = $("playVideo" + controlsId ); Event.observe( playBtnId, 'click', function( event ) { if ( ytplayer.getPlayerState() == 1 ) { ytplayer.pauseVideo(); } else { ytplayer.playVideo(); } Event.stop( event ); } ); var stopBtnId = $("stopVideo" + controlsId ); Event.observe( stopBtnId , 'click', function( event ) { ytplayer.pauseVideo(); ytplayer.seekTo( "0" ); $( playBtnId ).update( page.bundle.getString( 'yt.play' ) ); Event.stop( event ); } ); var volUpBtnId = $("volUp" + controlsId ); Event.observe( volUpBtnId , 'click', function( event ) { var currVol = ytplayer.getVolume(); if( currVol > 89 ) { ytplayer.setVolume( 100 ); } else { ytplayer.setVolume( currVol + 10 ); } Event.stop( event ); } ); var volDownBtnId = $("volDown" + controlsId ); Event.observe( volDownBtnId, 'click', function( event ) { var currVol = ytplayer.getVolume(); if( currVol < 11 ) { ytplayer.setVolume( 0 ); } else { ytplayer.setVolume( currVol - 10 ); } Event.stop( event ); } ); var muteBtnId = $("mute" + controlsId ); Event.observe( muteBtnId, 'click', function( event ) { if ( typeof ytplayer.isMuted !== 'undefined' ) { if( ytplayer.isMuted() ) { ytplayer.unMute(); } else { ytplayer.mute(); } } Event.stop( event ); } ); var timeDivId = ytPlayerId.sub( 'ytEmbed', 'currentTime' ); var statusDivId = ytPlayerId.sub( 'ytEmbed', 'currentStatus'); var dtTime = new Date(); new PeriodicalExecuter( function( pe ) { //lightbox closed, so stop this PeriodicalExecuter if( !$( timeDivId ) ) { pe.stop(); return; } //update the current time if ( typeof ytplayer.getCurrentTime !== 'undefined' ) { $( timeDivId ).update( page.YouTubeControls.formatTime( ytplayer.getCurrentTime() ) ); } //update the current status var status = -1; if ( typeof ytplayer.getPlayerState !== 'undefined' ) { status = ytplayer.getPlayerState(); } var statusStr = page.bundle.getString( 'yt.stopped' ); switch( status ) { case -1 : statusStr = page.bundle.getString( 'yt.stopped' ); break; case 0 : statusStr = page.bundle.getString( 'yt.ended' ); break; case 1 : statusStr = page.bundle.getString( 'yt.playing' ); break; case 2 : statusStr = page.bundle.getString( 'yt.paused' ); break; case 3 : statusStr = page.bundle.getString( 'yt.buffering' ); break; case 5 : statusStr = page.bundle.getString( 'yt.cued' ); break; } page.YouTubeControls.updateIframeButtonLabels( ytplayer, muteBtnId, playBtnId, status ); $( statusDivId ).update( statusStr ); }.bind(this), 0.5 ); //wire the open/close controls wrapper var openYtControlsId =$("openYtControls" + controlsId); Event.observe( openYtControlsId, 'click', function( event ) { page.YouTubeControls.toggleAXControls( ytPlayerId, openYtControlsId, event ); } ); var closeYtControlsId = ytPlayerId.sub( 'ytEmbed', 'closeYtControls' ); Event.observe( $( closeYtControlsId ), 'click', function( event ) { page.YouTubeControls.toggleAXControls( ytPlayerId, openYtControlsId, event ); } ); } ); } return ytPlayers; }; function onPlayerReady( event ) { event.target.stopVideo(); }; function onPlayerError( event ) { event.target.stopVideo(); }; function onytplayerStateChange( event ) { if ( event.data === 0 ) { event.target.playVideo(); event.target.stopVideo(); } }; page.util.flyoutMenuMainButtonKeyboardHandler = function( event ) { var key = event.keyCode || event.which; if (key == Event.KEY_LEFT || key == Event.KEY_RIGHT) { var elem = Event.element( event ); var target = elem.up( 'li' ); while ( true ) { if ( key == Event.KEY_LEFT ) { target = target.previous(); } else if ( key == Event.KEY_RIGHT ) { target = target.next(); } if ( !target || page.util.hasClassName( target, 'sub' ) || page.util.hasClassName( target, 'mainButton' ) || page.util.hasClassName( target, 'mainButtonType' ) ) { break; } } if ( target ) { var menuLinks = $A( target.getElementsByTagName( 'a' ) ); if ( menuLinks && menuLinks.length > 0 ) { menuLinks[ 0 ].focus(); Event.stop( event ); } } } }; page.util.initFlyoutMenuBehaviourForListActionMenuItems = function( container ) { //Initialize accessible flyout menu behavior if ( !container ) { container = document; } var uls = document.getElementsByTagName('ul'); if (uls) { var numUls = uls.length; for (var i = 0; i < numUls; i++) { var ul = uls[i]; if (page.util.hasClassName(ul, 'nav')) { var lis = ul.getElementsByTagName('li'); if (lis) { var numLis = lis.length; for (var j = 0; j < numLis; j++) { var li = lis[j]; if (page.util.hasClassName(li, 'sub')) { new page.FlyoutMenu($(li)); } else if (page.util.hasClassName(li, 'mainButton') || page.util.hasClassName(li, 'mainButtonType')) { var menuLinks = $A($(li).getElementsByTagName('a')); if (menuLinks && menuLinks.length > 0) { Event.observe(menuLinks[0], 'keydown', page.util.flyoutMenuMainButtonKeyboardHandler.bindAsEventListener(menuLinks[0])); } } } } } } } }; page.util.getMaxContentHeight = function( iframeElement ) { var maxHeight = iframeElement.contentWindow.document.body.scrollHeight; var frameElements; var iframeElements; if ( iframeElement.contentDocument ) { // getElementsByTagName() returns a NodeList object, which is immutable and cannot easily be converted to an array frameElements = iframeElement.contentDocument.getElementsByTagName("frame"); iframeElements = iframeElement.contentDocument.getElementsByTagName("iframe"); } var i = 0; var frameHeight; var frameElement; for( i = 0; i < frameElements.length; i++ ) { frameElement = frameElements[i]; if( frameElement.contentWindow && frameElement.contentWindow.document && frameElement.contentWindow.document.body ) { frameHeight = frameElement.contentWindow.document.body.scrollHeight; } if( frameHeight > maxHeight ) { maxHeight = frameHeight; } } for( i = 0; i < iframeElements.length; i++ ) { frameElement = iframeElements[i]; if( frameElement.contentWindow && frameElement.contentWindow.document && frameElement.contentWindow.document.body ) { frameHeight = frameElement.contentWindow.document.body.scrollHeight; } if( frameHeight > maxHeight ) { maxHeight = frameHeight; } } return maxHeight; }; page.util.getMaxContentWidth = function( iframeElement ) { var maxWidth = iframeElement.contentWindow.document.body.scrollWidth; var frameElements; var iframeElements; if ( iframeElement.contentDocument ) { // getElementsByTagName() returns a NodeList object, which is immutable and cannot easily be converted to an array frameElements = iframeElement.contentDocument.getElementsByTagName("frame"); iframeElements = iframeElement.contentDocument.getElementsByTagName("iframe"); } var i = 0; var frameWidth; var frameElement; for( i = 0; i < frameElements.length; i++ ) { frameElement = frameElements[i]; if( frameElement.contentWindow && frameElement.contentWindow.document && frameElement.contentWindow.document.body ) { frameWidth = frameElement.contentWindow.document.body.scrollWidth; } if( frameWidth > maxWidth ) { maxWidth = frameWidth; } } for( i = 0; i < iframeElements.length; i++ ) { frameElement = iframeElements[i]; if( frameElement.contentWindow && frameElement.contentWindow.document && frameElement.contentWindow.document.body ) { frameWidth = frameElement.contentWindow.document.body.scrollWidth; } if( frameWidth > maxWidth ) { maxWidth = frameWidth; } } return maxWidth; }; page.subheaderCleaner = { init : function( entityKind ) { var allHidden = true; var firstUl = null; var className = 'portletList-img courseListing ' + entityKind; $A( document.getElementsByClassName( className ) ).each( function( ul ) { if ( !ul.down() ) { ul.previous( 'h3' ).hide(); ul.hide(); if ( !firstUl ) { firstUl = ul; } } else { allHidden = false; } }); if ( allHidden && firstUl ) { firstUl.up( 'div' ).previous( 'div' ).show(); } } }; /** * Set up any JavaScript that will always be run on load (that doesn't depend on * any application logic / localization) here. * * Please leave this at the bottom of the file so it's easy to find. * */ FastInit.addOnLoad( function() { Event.observe( document.body, "click", page.ContextMenu.closeAllContextMenus.bindAsEventListener( window ) ); Event.observe( document.body, "click", page.ContextMenu.alignArrowsInBreadcrumb.bindAsEventListener( window ) ); Event.observe( document.body, 'keydown', function(event) { var key = event.keyCode || event.which; if ( key == 116 ) // reload current page on F5 key press { Event.stop( event ); // prevent browser from reloading complete frameset if ( Prototype.Browser.IE ) { event.keyCode = 0; } (function() { window.location.reload( true ); }.defer()); return false; } }); page.util.initFlyoutMenuBehaviourForListActionMenuItems(); if ( $('breadcrumbs') ) { new page.BreadcrumbExpander($('breadcrumbs')); // If we're in the content wrapper, hide the content wrapper breadcrumb frame // so that we don't get stacked breadcrumbs. if ( window.name === 'contentFrame' ) { var parent = window.parent; if ( parent ) { var frameset = parent.document.getElementById( 'contentFrameset' ); if ( frameset ) { frameset.rows = "*,100%"; } } } } var contentPane = $('contentPanel') || $('portalPane'); if ( contentPane ) { new page.LightboxInitializer( 'lb', contentPane ); } // add a label for inventory table checkboxes, if needed $A(document.getElementsByTagName("table")).each( function( table ) { if ( !page.util.hasClassName( table, 'inventory' ) ) { return; } var rows = table.rows; if ( rows.length < 2 ) { return; } for (var r = 0, rlen = rows.length - 1; r < rlen; r++) { var cells = rows[r+1].cells; // skip header row for (var c = 0, clen = cells.length; c < clen; c++) { var cell = $(cells[c]); var inp = cell.down('input'); if ( !inp || ( inp.type != 'checkbox' && inp.type != 'radio' ) ) { // We're only looking for checkbox/radio cells to label, so move on continue; } var lbl = cell.down('label'); if (lbl && !lbl.innerHTML.blank()) { break; // skip cells that already have a non-blank label } if ( !lbl ) { // add new label to checkbox lbl = new Element('label', {htmlFor: inp.id} ); lbl.addClassName('hideoff'); cell.insert({bottom:lbl}); } var headerCell = $(cell.parentNode).down('th'); if ( !headerCell ) { break; // skip rows without header cell } // create a temporary clone of the header cell and remove any hidden divs I.e. context menus var tempCell = $(headerCell.cloneNode(true)); var tempCellDivs = tempCell.getElementsByTagName("div"); for ( var i = 0; i < tempCellDivs.length; i++ ) { var d = tempCellDivs[i]; if ( d && !$(d).visible() ) { d.remove(); } } var lblBody = tempCell.innerHTML.replace( /<\/?[^>]*>/g, '' ); // strip html tags from header lblBody = page.bundle.getString('inventoryList.select.item', lblBody); lbl.update( lblBody ); // set label to header contents (minus tags) break; } } }); //set default font sizes to display text. hack to fix IE7 default font size issue. var sizes = {1:'xx-small', 2:'x-small', 3:'small', 4:'medium', 5:'large', 6:'x-large', 7:'xx-large'}; var fonts = document.getElementsByTagName('font'); for ( var i = 0; i < fonts.length; i++ ) { var font = fonts[i]; if ( font.size ) { // Since some font elements may be manually created by end users we have to handle random // values in here. if (!font.size.startsWith("+") && !font.size.startsWith("-")) { var fsize = parseInt(font.size, 10); if (fsize > 0 && fsize < 8) { font.style.fontSize = sizes[fsize]; } } } } page.scrollToEnsureVisibleElement(); page.isLoaded = true; }); /** * Class for adding an insertion marker within a list */ page.ListInsertionMarker = Class.create(); page.ListInsertionMarker.prototype = { initialize: function( listId, position, key, text ) { var list = $(listId); var listElements = list.childElements(); // create a marker list item var marker = new Element('li',{'id':listId+':'+key, 'class':'clearfix separator' }); marker.update('<h3 class="item" id=""><span class="reorder editmode"><span><img alt="" src="/images/ci/icons/generic_updown.gif"></span></span><span class="line"></span><span class="text">'+text+'</span></h3>'); //marker.setStyle({ position: 'relative', minHeight: '10px', padding: '0px', background: '#CCCCCC' }); position = ( position > listElements.length ) ? listElements.length : position; // add marker to list if (listElements.length === 0) { list.insert({top:marker}); // add marker to top of empty list } else if (listElements.length == position) { list.insert({bottom:marker}); // add marker after last element } else { listElements[position].insert({before:marker}); // add marker before element at position } var select = $('reorderControls'+listId).down('select'); // add a option for the marker to the keyboard repostioning select, if any if (select) { var option = new Element('option',{'value':key}).update( '-- '+text+' --' ); if (listElements.length === 0) { select.insert({top:option}); } else if (listElements.length == position) { select.insert({bottom:option}); } else { $(select.options[position]).insert({before:option}); } } } }; page.scrollToEnsureVisibleElement = function( ) { var params = window.location.search.parseQuery(); var ensureVisibleId = params.ensureVisibleId; if ( !ensureVisibleId ) { return; } var ensureVisibleElement = $(ensureVisibleId); if ( !ensureVisibleElement ) { return; } var pos = ensureVisibleElement.cumulativeOffset(); var scrollY = pos.top; var bodyHeight = $( document.body ).getHeight(); if (scrollY + ensureVisibleElement.getHeight() < bodyHeight) { return; // element is already visible } var receipt = $('inlineReceipt_good'); if ( receipt && receipt.visible() ) // pin receipt to top { var offset = receipt.cumulativeOffset(); offset.top = 0; var w = parseInt(receipt.getStyle('width'), 10); if ( Prototype.Browser.IE ) // width in IE includes border & padding, need to remove it { var bw = parseInt(receipt.getStyle('borderLeftWidth'), 10) + parseInt(receipt.getStyle('borderRightWidth'), 10); var pw = parseInt(receipt.getStyle('paddingLeft'), 10) + parseInt(receipt.getStyle('paddingRight'), 10); w = w - bw - pw; } receipt.setStyle({ position:"fixed", zIndex:"1000", left: offset.left + "px", top: offset.top + "px", width: w + "px"}); scrollY = scrollY - 2 * receipt.getHeight(); } // scroll window to show ensureVisibleElement window.scrollTo(0, scrollY ); }; /** * Recursively walks up the frameset stack asking each window to change their * document.domain attribute in anticipation of making a cross-site scripting * call to an LMS integration. * * <p>This should only be called from popup windows, as changing the document.domain * value of a window that is going to be reused later could do surprising things. * * @param domain Domain name shared by the Learn and LMS servers. */ page.setLmsIntegrationDomain = function( domain ) { if ( '' == domain ) { return; } try { if ( parent.page.setLmsIntegrationDomain ) { parent.page.setLmsIntegrationDomain( domain ); } } catch ( err ) { /* Ignore */ } document.domain = domain; }; page.refreshTopFrame = function() { if ( window.top.nav ) { window.top.nav.location.reload(); } }; // See BreadcrumbBarRenderer.java for code that calls this method. page.rewriteTaskStatusUntilDone = function( spanId, taskId, courseId ) { var theSpan = $(spanId); if (theSpan) { new Ajax.Request("/webapps/blackboard/execute/getSystemTaskStatus?taskId=" + taskId + "&course_id=" + courseId , { method: 'post', onSuccess: function(transport, json) { var result = transport.responseText.evalJSON( true ); theSpan = $(spanId); // reload it just in case it was removed between the request and response if (theSpan) { theSpan.update(result.text); if (result.complete == "false") { setTimeout(function() {page.rewriteTaskStatusUntilDone(spanId, taskId, courseId);}, 3000); } } }, onFailure: function(transport, json) { theSpan = $(spanId); //reload the span as above if (theSpan) { theSpan.hide(); $(spanId+'error').show(); } } }); } }; /* * Clean up the task id which associated with the specified course, so that the inline warning does not show up again */ page.cleanTaskId = function( courseId ) { // we don't care about the result, at worse it will display again on the next page var url = "/webapps/blackboard/execute/courseMain?action=cleanTaskId&course_id=" + courseId + "&sessionId=" + getCookie( 'JSESSIONID' ); new Ajax.Request( url, { method: 'post' } ); }; //that doesn't then any code utilizing these methods will not work 'as expected'. Current usage //as/of the writing of this code is "ok" with that - the user won't get the perfect experience but it won't completely fail either. page.putInSessionStorage = function( key, value ) { if ( typeof sessionStorage !== 'undefined' ) { sessionStorage[ getCookie( 'JSESSIONID' ) + key ] = value; } }; // any code utilizing these methods must have separately included cookie.js // since we don't always include cookie.js page.getFromSessionStorage = function( key ) { if ( typeof sessionStorage !== 'undefined' ) { return sessionStorage[ getCookie( 'JSESSIONID' ) + key ]; } return undefined; }; page.aria = {}; page.aria.show = function ( element ) { $(element).show(); element.setAttribute("aria-expanded", "true"); }; page.aria.hide = function ( element ) { $(element).hide(); element.setAttribute("aria-expanded", "false"); }; page.aria.toggle = function ( element ) { if (Element.visible($(element))) { page.aria.hide(element); } else { page.aria.show(element); } }; } /* ================================================================== *The JavaScript Validation objects to be used in form validation. * Copyright (c) 2001 by Blackboard, Inc., * 1899 L Street, NW, 5th Floor * Washington, DC, 20036, U.S.A. * All rights reserved. * Submit RFC & bugs report to: [email protected] * This software is the confidential and proprietary information * of Blackboard, Inc. ("Confidential Information"). You * shall not disclose such Confidential Information and shall use * it only in accordance with the terms of the license agreement * you entered into with Blackboard. * ==================================================================*/ /** * General purpose DOM utility methods. There's probably a better place for this. * Private methods and properties have names prefixed with "_". */ var bbDomUtil = { _inputTypes: [ 'input', 'textarea', 'select', 'button' ], _maxRecursion: 500, /** * @param elName name of the form input element (the request parameter name). * @return an array of two or more elements, a single element, or null. */ getInputElementByName: function( elName ) { var elArray = this._getInputElementsByNameInSection( 'dataCollectionContainer', elName ); if ( elArray.length === 0 ) { elArray = this._getInputElementsByName( elName ); } return ( elArray.length === 0 ) ? null : ( elArray.length == 1 ? elArray[ 0 ] : elArray ); }, /* * @param sectionId the ID of any element inside a form * @return the enclosing form element or null */ getEnclosingForm: function( sectionId ) { var form = null; if ( sectionId ) { var count; var section = document.getElementById( sectionId ); while ( section ) { ++count; if ( count > this._maxRecursion ) { break; } if ( section.tagName && section.tagName.toLowerCase() == "form" ) { form = section; break; } section = section.parentNode; } } return ( !form ) ? ( document.forms.length === 0 ? null : document.forms[ 0 ] ) : form; }, /** * Adds some additional processing to account for an IE bug * @param id the ID of an element */ getElementById: function( id ) { var el = $( id ); try { if ( el && /msie|internet explorer/i.test( navigator.userAgent ) && el.attributes.id && el.attributes.id.value != id && document.all ) { // IE usually returns item at 0 for ( var i = 0; i < document.all[ id ].length; ++i ) { if ( document.all[ id ][ i ].attributes.id && document.all[ id ][ i ].attributes.id.value == id ) { return $( document.all[ id ][ i ] ); } } } } catch ( e ) { // Ignore all exceptions } return el; }, syncCheckboxToInput: function( checkboxElement, inputElement ) { var checkbox = $( checkboxElement ); var input = $( inputElement ); if ( checkbox && input ) { var checkIfNotEmpty = function( ) { checkbox.checked = ( input.value.strip?input.value.strip( ):input.value )?true:false; }; input.observe( 'change', checkIfNotEmpty ); input.observe( 'blur', checkIfNotEmpty ); } }, /** * @param sectionId the ID of an element that restricts the scope of elements. Cannot be null. * @param elName name of the form input element (the request parameter name). Cannot be null. * @return an array of zero or more elements with the specified name in the scope of the specified parent element. */ _getInputElementsByNameInSection: function( sectionId, elName ) { var result = []; if ( sectionId ) { var section = document.getElementById( sectionId ); if ( section ) { for ( var i = 0; i < this._inputTypes.length; ++i ) { var elements = section.getElementsByTagName( this._inputTypes[ i ] ); for ( var j = 0; j < elements.length; ++j ) { if ( elements[ j ].name == elName ) { result.push( elements[ j ] ); } } } } } return result; }, /** * @param elName name of the form input element (the request parameter name). Cannot be null. * @return an array of zero or more elements with the specified name. */ _getInputElementsByName: function( elName ) { var result = []; var elArray = document.getElementsByName( elName ); var formName = null; for ( var i = 0; i < elArray.length; ++i ) { if ( elArray[ i ].tagName.match( /^(input|select|textarea|button)$/i ) ) { if ( elArray[ i ].form !== null ) { if ( !formName ) { formName = elArray[ i ].form.name; } else if ( formName != elArray[ i ] .form.name ) { // Ignore elements that don't belong to the same form as the first one found. continue; } result.push( elArray[ i ] ); } } } return result; } }; /************************************************************ * Object formCheckList. Use this object to hold form objects * to be validated and perform form validation ************************************************************/ var addElement, removeElement, removeAllElements, getElement, checkForm, CheckGroup; var formCheckList = new formCheckList(); var skipValidation=false; function formCheckList() { this.checkList = []; this.addElement = addElement; this.removeElement = removeElement; this.removeAllElements = removeAllElements; this.getElement = getElement; this.check = checkForm; } function addElement(element) { if ( typeof element.group != 'undefined' ) { for ( var i=0; i < this.checkList.length;i++ ) { if ( this.checkList[i].name == element.group ) { this.checkList[i].addElement(element); return; } } var grp = new CheckGroup(element); grp.addElement(element); this.checkList[this.checkList.length] = grp; return; } this.checkList[this.checkList.length] = element; } function removeElement(name) { for (var i = 0; i < this.checkList.length; ++i) { if ( this.checkList[i].fieldName == name ) { this.checkList.splice(i, 1); } } } function getElement(name) { for (var i = 0; i < this.checkList.length; ++i) { if ( this.checkList[i].fieldName == name ) { return this.checkList[i]; } } } function removeAllElements() { var valSize = this.checkList.length; this.checkList.splice(0, valSize); } function checkForm() { if ( typeof(window.invalidAnswersTmp)!='undefined' ) { window.invalidAnswersTmp=[]; } var valid =true; for ( var i=0;i<this.checkList.length;i++ ) { if ( this.checkList[i].canValidate && !this.checkList[i].canValidate() ) { // cannot validate the input so skip it and continue onto the next input continue; } if ( !this.checkList[i].check() ) { if ( this.checkList[i].answerChk ) { valid=false; } else { return false; } } } return valid; } ///////////////////End of object formCheckList//////////////// /************************************************************ * Object: inputText. Use this object to validate text input in * your form (for input type == text|password|textarea|BUT NOT FILE!!! (FILE IS READ-ONLY)) ************************************************************/ function inputText(h) { if (h.id) { this.element = bbDomUtil.getElementById( h.id ); } else { this.element = 'bbDomUtil.getInputElementByName("'+h.name+'")'; } this.shouldFocus = h.shouldFocus; if ( h.shouldFocus === undefined ) { this.shouldFocus = true; } if ( this.shouldFocus ) { this.formatElement = 'bbDomUtil.getInputElementByName("'+h.display_format+'")'; this.focusElement = h.focus_element; // override element for focus in case of error } this.fieldName = h.name; this.disable_script = h.disable_script; this.ref_label = h.ref_label; this.custom_alert = h.custom_alert; this.custom_alert_cmp = h.custom_alert_cmp; this.minlength = h.minlength; this.maxlength = h.maxlength; this.trim = h.trim; this.regex = h.regex; this.regex_msg = h.regex_msg; this.regex_match = h.regex_match; this.verify = h.verify; this.check = inputTextCheck; this.valid_number = h.valid_number; this.min_value = h.min_value; this.max_value = h.max_value; this.nonnegative = h.nonnegative; this.valid_float = h.valid_float; this.allow_negative_float = h.allow_negative_float; this.valid_percent = h.valid_percent; this.allow_negative_percent = h.allow_negative_percent; this.valid_efloat = h.valid_efloat; // float with optional exponent this.valid_email = h.valid_email; this.valid_url = h.valid_url; this.required_url = h.required_url; this.invalid_chars = h.invalid_chars; // eg: /[%&#<>=+,]/g this.cmp_element = 'bbDomUtil.getInputElementByName("'+h.cmp_field+'")'; this.cmp_ref_label = h.cmp_ref_label; this.xor = h.xor; this.cmp_required = h.cmp_required; this.activeX = h.activeX; // synch activeX to hidden field before submission this.isHtmlDoc = h.isHtmlDoc; // is portfolio with body and html this.img_check = h.img_check; this.empty_value_warn = h.empty_value_warn; this.valid_system_role_id = h.valid_system_role_id; this.required = h.required; this.canValidate = h.canValidate; // callback function to determine whether the inputtext should be validated if (h.ref_and_regex === undefined) { this.ref_and_regex = true; } else { this.ref_and_regex = h.ref_and_regex; } if ( document.all && document.getElementById(h.name+'_ax') ) { this.axobj = document.getElementById(h.name+'_ax'); } // Add here anything you need to validate } function isAnEmptyVtbe(val) { // Different browsers populate an 'empty' VTBE with a different blank line - look for any of the known combinations and ignore them. // NOTE: Changes to this method need to be reflected in AssessmentDisplayControl.isAnEmptyVtbe return ( !val || !val.replace(/<p><\/p>/gi,'').trim() || !val.replace(/<br \/>/gi,'').trim() || !val.replace(/&nbsp;/gi,'').trim()); } // Do actual check here function inputTextCheck() { if ( this.shouldFocus === undefined ) { this.shouldFocus = true; } var element = eval(this.element); var cmp_element = eval(this.cmp_element); if ( element ) { // don't validate disabled elements if (element.disabled) { return true; } var focusElement = element; if ( this.axobj ) { focusElement = this.axobj; } this.custom_alert = (typeof this.custom_alert != 'undefined') ? this.custom_alert : ''; this.custom_alert_cmp = (typeof this.custom_alert_cmp != 'undefined') ? this.custom_alert_cmp : ''; this.ref_label = (typeof this.ref_label != 'undefined') ? this.ref_label : JS_RESOURCES.getFormattedString('field_name.substitute', [element.name]); var val = element.value; if ( isAnEmptyVtbe(val) ) { val=''; } var trimmedVal, numVal, isValidNum, re; if ( this.activeX && isEmptyWysiwyg(element) ) { element.value = ''; val = ''; } if ( typeof eval(this.formatElement) != "undefined" && eval(this.formatElement) !== null ) { //Check if it is a mathml where; if ( /<APPLET ID="(\d+)" NAME="(\w+)"/.test(element.value) ) { if ( getRadioValue(eval(this.formatElement)) == 'P' ) { if ( !confirm(JS_RESOURCES.getString('validation.plain_text.confirm')) ) { if ( this.shouldFocus ) { safeFocus( element ); } return false; } } } } if ( this.trim ) { val = val.trim(); element.value = val; } //Remove leading & trailing spaces if needed if ( typeof cmp_element != 'undefined' ) { if ( this.xor ) { if ( val.trim()=='' ^ cmp_element.value.trim()=='' ) { if ( val.trim()=='' ) { alert( this.custom_alert ? this.custom_alert : JS_RESOURCES.getFormattedString('validation.cmp_field.required', [this.ref_label, this.cmp_ref_label])); if ( this.shouldFocus ) { shiftFocus(focusElement, this.activeX); } } else { alert(this.custom_alert_cmp ? this.custom_alert_cmp : JS_RESOURCES.getFormattedString('validation.cmp_field.required', [this.cmp_ref_label, this.ref_label])); if ( this.shouldFocus ) { safeFocus( cmp_element ); } } return false; } } } if ( this.disable_script ) { if ( typeof eval(this.formatElement) == "undefined" || getRadioValue(eval(this.formatElement)) != 'P' ) { re = /<\s*script/ig; var re1 = /<\s*\/\s*script\s*>/ig; val = val.replace(re,'<disabled-script'); val = val.replace(re1,'</disabled-script>'); var re2 = /href\s*=\s*(['"]*)\s*javascript\s*:/ig; val = val.replace(re2,"href=$1disabled-javascript:"); element.value = val; } } if ( this.valid_number ) { trimmedVal = val.trim(); //added this check bcoz for numeric fields which are not required, this function was not working if ( trimmedVal!="" ) { var numLocalizer = new NumberLocalizer(); if ( numLocalizer === undefined ) { numVal = parseInt(trimmedVal, 10); } else { numVal = numLocalizer.parseNumber( trimmedVal ); } isValidNum = !isNaN(numVal); if ( !isValidNum ) { alert(JS_RESOURCES.getFormattedString('validation.number', [this.ref_label])); if ( this.shouldFocus ) { safeFocus( element ); } return false; } if (this.nonnegative && numVal<0) { alert(JS_RESOURCES.getFormattedString('validation.negative', [this.ref_label])); if ( this.shouldFocus ) { safeFocus( element ); } return false; } if ( ( (this.min_value || this.min_value === 0) && numVal < this.min_value ) || ( this.max_value && ( numVal > this.max_value ) ) ) { alert(JS_RESOURCES.getFormattedString('validation.invalid_value', [this.ref_label])); if ( this.shouldFocus ) { safeFocus( element ); } return false; } } } if ( this.valid_float ) { trimmedVal = val.trim(); var numFormat; if ( this.allow_negative_float ) { numFormat = LOCALE_SETTINGS.getString('float.allow.negative.format'); } else { numFormat = LOCALE_SETTINGS.getString('float.format'); } if ( numFormat ) { //hand parse for l10n re = new RegExp( numFormat ); isValidNum = trimmedVal.search( re ) === 0; } else { //try to use platform native (non-localized) numVal = parseFloat(trimmedVal); isValidNum = !isNaN(numVal); if ( isValidNum && numVal.toString().length != trimmedVal.length ) { /* Allow strings with trailing zeros to pass */ re = /^[\.0]+$/; isValidNum = re.test(trimmedVal.substring(numVal.toString().length)); } } if ( !isValidNum ) { alert(JS_RESOURCES.getFormattedString('validation.number', [this.ref_label])); if ( this.shouldFocus ) { safeFocus( element ); } return false; } } if ( this.valid_percent ) { if ( this.allow_negative_percent ) { if ( !isValidNegativePercent(val) ) { alert(JS_RESOURCES.getFormattedString('validation.allow_negtive.percent', [this.ref_label])); if ( this.shouldFocus ) { safeFocus( element ); } return false; } } else { if ( !isPercent(val) ) { alert(JS_RESOURCES.getFormattedString('validation.percent', [this.ref_label])); if ( this.shouldFocus ) { safeFocus( element ); } return false; } } } if ( this.valid_efloat ) { if ( !isNumeric(val) ) { alert(JS_RESOURCES.getFormattedString('validation.number', [this.ref_label])); if ( this.shouldFocus ) { focusElement = (this.focusElement ? this.focusElement : this.element); if ( focusElement.focus ) { safeFocus( focusElement ); } } return false; } } if ( this.valid_email ) { if ( val.trim() == '' ) { if ( confirm(JS_RESOURCES.getString('warning.email')) ) { return true; } else { if ( this.shouldFocus ) { safeFocus( element ); } return false; } } else { re = /^(['`a-zA-Z0-9_+\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9])+$/; if ( !re.test(val) ) { alert(JS_RESOURCES.getFormattedString('validation.email', [this.ref_label])); if ( this.shouldFocus ) { safeFocus( element ); } return false; } } } // confirms via javascript pop-up if input field is empty; // user can click Ok to proceed or cancel to go back with the element focused // the message that pops up is the message passed in with ref_label if ( this.empty_value_warn ) { if ( val.trim() == '' ) { if ( confirm(this.ref_label) ) { return true; } else { if ( this.shouldFocus ) { safeFocus( element ); } return false; } } } if ( val.length < this.minlength ) { if ( this.minlength == 1 ) { alert(this.custom_alert ? this.custom_alert : JS_RESOURCES.getFormattedString('validation.required', [this.ref_label])); } else { alert(this.custom_alert ? this.custom_alert : JS_RESOURCES.getFormattedString('validation.minimum_length', [this.minlength, this.ref_label])); } if ( this.shouldFocus ) { shiftFocus(focusElement, this.activeX); } return false; } var extra = 0; if (navigator.appName=="Netscape" && parseInt(navigator.appVersion, 10 )>=5) { var index = val.indexOf('\n'); while(index != -1) { extra += 1; index = val.indexOf('\n',index+1); } } if ( this.maxlength < val.length + extra ) { var newlength = val.length + extra; if ( (newlength - this.maxlength) > 1 ) { alert(JS_RESOURCES.getFormattedString('validation.maximum_length.plural', [this.ref_label,this.maxlength,(newlength-this.maxlength)])); } else { alert(JS_RESOURCES.getFormattedString('validation.maximum_length.singular', [this.ref_label,this.maxlength])); } if ( this.shouldFocus ) { shiftFocus(focusElement, this.activeX); } return false; } // required_url, unlike valid_url, flags empty strings as invalid URLs. if ( this.required_url ) { if ( val.trim() == '' ) { alert(JS_RESOURCES.getFormattedString('validation.required', [this.ref_label])); return false; } if ( !isValidUrl(val) ) { alert(JS_RESOURCES.getFormattedString('validation.url', [this.ref_label])); if ( this.shouldFocus ) { safeFocus( element ); } return false; } } if ( this.valid_url ) { if ( val.trim()=='' ) { return true; } var oRegExp = /[^:]+:\/\/[^:\/]+(:[0-9]+)?\/?.*/; if ( !oRegExp.test(val) ) { alert(JS_RESOURCES.getFormattedString('validation.url', [this.ref_label])); if ( this.shouldFocus ) { safeFocus( element ); } return false; } } if ( typeof(this.regex) == 'string' ) { this.regex=eval(this.regex); } if ( (typeof(this.regex) == 'object' || typeof(this.regex) == 'function') && val.trim() != '' ) { re =this.regex; if ( this.regex_match && val.search(re) == -1 ) { alert(this.regex_msg + (this.ref_and_regex?(this.ref_label + '.'):'')); if ( this.shouldFocus ) { shiftFocus(focusElement, this.activeX); } return false; } if ( !this.regex_match && re.test(val) ) { alert(this.regex_msg + (this.ref_and_regex?(this.ref_label + '.'):'')); if ( this.shouldFocus ) { shiftFocus(focusElement, this.activeX); } return false; } } if ( this.invalid_chars ) { // if string was passed, convert to regular expression object if( Object.isString( this.invalid_chars ) ) { var stringToParse = this.invalid_chars; var firstSlashPos = stringToParse.indexOf("/"); var lastSlashPos = stringToParse.lastIndexOf("/"); var pattern = stringToParse.substring( ++firstSlashPos, lastSlashPos ); var modifier = stringToParse.substring( ++lastSlashPos, stringToParse.length ); this.invalid_chars = new RegExp( pattern, modifier ); } var arr = val.invalidChars(this.invalid_chars); if ( arr && arr.length ) { alert(JS_RESOURCES.getFormattedString('validation.invalid_chars', [this.ref_label, arr.join(', ')])); if ( this.shouldFocus ) { shiftFocus(focusElement, this.activeX); } return false; } } if ( this.verify ) { var chk_field = bbDomUtil.getInputElementByName(element.name.replace(/_inp$/,'_chk')); var field = bbDomUtil.getInputElementByName(element.name.replace(/_inp$/,'')); if ( chk_field.value != val ) { alert(JS_RESOURCES.getFormattedString('validation.mismatch', [this.ref_label])); if ( this.shouldFocus ) { safeFocus( chk_field ); } return false; } // Encode password if ( element.type == 'password' ) { element.value = element.value.trim(); if ( element.value != '' ) { element.value = field.value = chk_field.value = calcMD5(element.value); } else { alert(JS_RESOURCES.getString('validation.password')); element.value = field.value =''; if ( this.shouldFocus ) { safeFocus( element ); } return false; } } } if ( this.cmp_required && element.value.trim()!='' ) { if ( !cmp_element.value.trim().length ) { alert(JS_RESOURCES.getFormattedString('validation.cmp_field.rejected', [this.ref_label, this.cmp_ref_label])); if ( this.shouldFocus ) { safeFocus( cmp_element ); } return false; } } if ( this.img_check ) { return image_check(element); } //AS-102122, if a image tag without ALT properties <img src="1.jpg">, add a null ALT for it. <img src="1.jpg" alt=""> imgTag_check(element,0); // System role ids cannot begin with "BB" as of 7.2; such ids are reserved for solely for Blackboard use // Checks field to see if string begins with "BB" case-insensitive and if so, alert the user if ( this.valid_system_role_id ) { if ( element.value.indexOf('BB') === 0 || element.value.indexOf('bb') === 0 ) { alert(this.custom_alert ? this.custom_alert : JS_RESOURCES.getFormattedString('validation.system_role.reserve', [this.ref_label])); if ( this.shouldFocus ) { safeFocus( element ); } return false; } else { return true; } } } return true; } ///////////////////End of object inputText/////////////////// //check ALT propertity for <img tag, if there isn't ALT propertiry, add ALT="" for this tag function imgTag_check(element , start){ var imgStart = element.value.indexOf("<img",start); // img: <img src=... > if (imgStart > -1 ){ var end = element.value.indexOf(">",imgStart); if (end == -1 ){ return; } var imgData = element.value.substring(imgStart, end+1); // <img src=... > if(imgData.indexOf("alt") == -1){ imgData = "<img alt=\"\" " + imgData.substring(4); element.value = element.value.substring(0,imgStart) + imgData + element.value.substring(end+1); } imgTag_check(element, end); } } function image_check(element) { var ext = element.value.match(/.*\.(.*)/); ext = ext ? ext[1] :''; var re = /gif|jpeg|png|tif|bmp|jpg/i; if ( ! re.test(ext) && element.value ) { if ( ! confirm(JS_RESOURCES.getFormattedString('validation.image_type', [ext])) ) { element.focus(); return false; } } return true; } /************************************************************ * Object: inputDate. Use this object to validate that the * associated date fields are not empty ************************************************************/ var inputDateCheck; function inputDate(h) { this.element_mm = 'bbDomUtil.getInputElementByName("'+h.name+'_0_mm")'; this.element_dd = 'bbDomUtil.getInputElementByName("'+h.name+'_0_dd")'; this.element_yyyy = 'bbDomUtil.getInputElementByName("'+h.name+'_0_yyyy")'; this.fieldName = h.name; this.ref_label = h.ref_label; this.custom_alert = h.custom_alert; this.custom_alert_cmp = h.custom_alert_cmp; this.check = inputDateCheck; // Add here anything you need to validate } // Do actual check here function inputDateCheck() { var element_mm = eval(this.element_mm); var element_dd = eval(this.element_dd); var element_yyyy = eval(this.element_yyyy); if ( typeof element_mm != 'undefined' && element_dd !='undefined' && element_yyyy !='undefined' ) { this.custom_alert = (typeof this.custom_alert != 'undefined') ? this.custom_alert : ''; this.ref_label = ( this.ref_label ) ? this.ref_label : JS_RESOURCES.getFormattedString('field_name.substitute', [this.element_mm.name]); if ( element_mm.selectedIndex == -1 || element_dd.selectedIndex == -1 || element_yyyy == -1 ) { alert(this.custom_alert ? this.custom_alert : JS_RESOURCES.getFormattedString('validation.date.required', [this.ref_label])); if ( element_mm.selectedIndex == -1 ) { element_mm.focus(); } else if ( element_dd.selectedIndex == -1 ) { element_dd.focus(); } else { element_yyyy.focus(); } return false; } } return true; } ///////////////////End of object inputDate/////////////////// /************************************************************ * Object: inputTime. Use this object to validate that the * associated time fields are not empty ************************************************************/ var inputTimeCheck; function inputTime(h) { this.element_hh = 'bbDomUtil.getInputElementByName("'+h.name+'_0_hh")'; this.element_mi = 'bbDomUtil.getInputElementByName("'+h.name+'_0_mi")'; this.element_am = 'bbDomUtil.getInputElementByName("'+h.name+'_0_am")'; this.fieldName = h.name; this.ref_label = h.ref_label; this.custom_alert = h.custom_alert; this.custom_alert_cmp = h.custom_alert_cmp; this.check = inputTimeCheck; // Add here anything you need to validate } // Do actual check here function inputTimeCheck() { var element_hh = eval(this.element_hh); var element_mi = eval(this.element_mi); var element_am = eval(this.element_am); if ( typeof element_hh != 'undefined' && element_mi !='undefined' && element_am !='undefined' ) { this.custom_alert = (typeof this.custom_alert != 'undefined') ? this.custom_alert : ''; this.ref_label = (typeof this.ref_label != 'undefined') ? this.ref_label : JS_RESOURCES.getFormattedString('field_name.substitute', [this.element_hh.name]); if ( element_hh.selectedIndex == -1 || element_mi.selectedIndex == -1 || element_am == -1 ) { alert(this.custom_alert ? this.custom_alert : JS_RESOURCES.getFormattedString('validation.time.required', [this.ref_label])); if ( element_hh.selectedIndex == -1 ) { element_hh.focus(); } else if ( element_mi.selectedIndex == -1 ) { element_mi.focus(); } else { element_am.focus(); } return false; } } return true; } ///////////////////End of object inputTime/////////////////// /************************************************************ * Object: inputSelect. Use this object to validate that the * associated select field is not empty ************************************************************/ var inputSelectCheck; function inputSelect(h) { this.element = 'bbDomUtil.getInputElementByName("'+h.name+'")'; this.fieldName = h.name; this.ref_label = h.ref_label; this.minSelected = h.minSelected; this.maxSelected = h.maxSelected; this.title = h.title; this.isMultiSelect = h.isMultiSelect; this.custom_alert = h.custom_alert; this.custom_alert_cmp = h.custom_alert_cmp; this.check = inputSelectCheck; // Add here anything you need to validate } // Do actual check here function inputSelectCheck() { var element = eval(this.element); var checked = 0; if ( typeof element != 'undefined' ) { if ( this.isMultiSelect) { if( this.minSelected ) { //check that at least minSelected number of options is selected //bsomala checked = element.options.length; if(checked < this.minSelected) { alert(this.title+' -- '+JS_RESOURCES.getFormattedString('validation.multiSelect.minItems', [this.minSelected])); element.focus(); return false; } } checked = 0; if ( this.maxSelected ) { checked = element.options.length; if(checked > this.maxSelected) { alert(this.title+' -- '+JS_RESOURCES.getFormattedString('validation.multiSelect.maxItems', [this.maxSelected])); element.focus(); return false; } } } else { this.custom_alert = (typeof this.custom_alert != 'undefined') ? this.custom_alert : ''; this.ref_label = (typeof this.ref_label != 'undefined') ? this.ref_label : JS_RESOURCES.getFormattedString('field_name.substitute', [element.name]); if ( (element.selectedIndex == -1) || (element.options[element.selectedIndex].value == "") ) { alert(this.custom_alert ? this.custom_alert : JS_RESOURCES.getFormattedString('validation.required', [this.ref_label])); element.focus(); return false; } } } return true; } ///////////////////End of object inputSelect/////////////////// /************************************************************ * Object: inputFile. Use this object to validate that the file upload is not empty. IMPORTANT: file type is READ ONLY ************************************************************/ var inputFileCheck; function inputFile(h) { this.element = 'bbDomUtil.getInputElementByName("'+h.name+'")'; this.fieldName = h.name; this.ref_label = h.ref_label; this.custom_alert = h.custom_alert; this.custom_alert_cmp = h.custom_alert_cmp; this.invalid_chars = h.invalid_chars; this.minlength = h.minlength; this.img_check = h.img_check; this.check = inputFileCheck; // Add here anything you need to validate } // Do actual check here function inputFileCheck() { var element = eval(this.element); if ( typeof element != 'undefined' ) { this.custom_alert = (typeof this.custom_alert != 'undefined') ? this.custom_alert : ''; this.ref_label = (typeof this.ref_label != 'undefined') ? this.ref_label : JS_RESOURCES.getFormattedString('field_name.substitute', [element.name]); var val = element.value; if ( this.invalid_chars ) { var arr = val.invalidChars(this.invalid_chars); if ( arr && arr.length ) { alert(JS_RESOURCES.getFormattedString('validation.invalid_chars', [this.ref_label, arr.join(', ')])); shiftFocus( element, false); return false; } } if ( val.length < this.minlength ) { if ( this.minlength == 1 ) { alert(this.custom_alert ? this.custom_alert : JS_RESOURCES.getFormattedString('validation.required', [this.ref_label])); } else { alert(this.custom_alert ? this.custom_alert : JS_RESOURCES.getFormattedString('validation.minimum_length', [this.minlength, this.ref_label])); } return false; } if ( this.img_check ) { return image_check(element); } } return true; } ///////////////////End of object inputFile/////////////////// /************************************************************ * Object: Check_EventTime. Use this object to make sure * that the end time is not before the start time, confirm pastdue time, * check duration of the event. *************************************************************/ var Check_EventTime_check; function Check_EventTime(obj) { this.start = "bbDomUtil.getInputElementByName('"+obj.name+"')"; this.end = "bbDomUtil.getInputElementByName('"+obj.cmp_field+"')"; //restrict flags fields this.restrict = "bbDomUtil.getInputElementByName('"+obj.restrict_flag+"')"; this.cmp_restrict="bbDomUtil.getInputElementByName('"+obj.cmp_restrict_flag+"')"; this.ref_lbl = obj.ref_label; this.cmp_ref_lbl= obj.cmp_ref_label; this.notEqual = obj.duration; this.pastDue = obj.past_due; this.show_end_time = obj.show_end_time; // define method this.check = Check_EventTime_check; } function Check_EventTime_check() { var start, end, restr, cmp_restr; start = eval(this.start); // first datetime field end = eval(this.end); // second datetime field to be compared with first restr = eval(this.restrict); // Restrict checkbox field cmp_restr = eval(this.cmp_restrict); // Restrict checkbox field to compare to restr = (typeof(restr) != 'undefined') ? restr.checked : true; // True if restrict checkbox cmp_restr = (typeof(cmp_restr) != 'undefined') ? cmp_restr.checked : true; // is checked or not defined // Update time in hidden field // Set time to empty string if it is not restricted if ( !restr ) { start.value = ''; } if ( !cmp_restr || (this.show_end_time && !restr) ) { end.value = ''; } // Second field has to be set also start = start.value; if ( typeof end != 'undefined' ) { end = end.value; } // Do not compare fields if at least one checkbox is unchecked if ( !restr || !cmp_restr ) { this.notEqual = 0; } // Do not test for past due if restiction is not applied if ( !restr ) { this.pastDue = 0; } if ( this.pastDue ) { var confirm; var start_ms = Date.parse(start.replace(/-/g,'/')); if ( start_ms < Date.parse(new Date())-this.pastDue*1000*60 ) { if ( !window.confirm(JS_RESOURCES.getFormattedString('validation.date_past.confirm', [this.ref_lbl])) ) { return false; } } } if ( (document.forms[0].restrict_start && document.forms[0].restrict_end)|| (document.forms.length > 1 && document.forms[1].restrict_start && document.forms[1].restrict_end) ) { if ( (document.forms[0].restrict_start && document.forms[0].restrict_end && document.forms[0].restrict_start.checked && document.forms[0].restrict_end.checked) || (document.forms.length > 1 && document.forms[1].restrict_start && document.forms[1].restrict_end && document.forms[1].restrict_start.checked && document.forms[1].restrict_end.checked) ) { if ( start > end && this.notEqual ) { alert(JS_RESOURCES.getFormattedString('validation.date_past', [this.cmp_ref_lbl, this.ref_lbl])); return false; } else if ( end == start && this.notEqual ) { alert(JS_RESOURCES.getFormattedString('validation.date_equal', [this.cmp_ref_lbl, this.ref_lbl])); return false; } } } else { if ( start > end && this.notEqual ) { alert(JS_RESOURCES.getFormattedString('validation.date_past', [this.cmp_ref_lbl, this.ref_lbl])); return false; } else if ( end && end == start && this.notEqual ) { alert(JS_RESOURCES.getFormattedString('validation.date_equal', [this.cmp_ref_lbl, this.ref_lbl])); return false; } } return true; } /* * SCR 17696 * This validation check should be used in the date widgets instead of the earlier one * as that has the chackboxes names hardcoded in them. The existing date wodgets * use it, but going ahead this should be the used. It helps specially when there are * multiple date widgets on the same page. */ var Check_EventTime_check_multiple; function Check_EventTime_multiple(obj) { this.start = "bbDomUtil.getInputElementByName('"+obj.name+"')"; this.end = "bbDomUtil.getInputElementByName('"+obj.cmp_field+"')"; //restrict flags fields this.restrict = "bbDomUtil.getInputElementByName('"+obj.restrict_flag+"')"; this.cmp_restrict="bbDomUtil.getInputElementByName('"+obj.cmp_restrict_flag+"')"; this.ref_lbl = obj.ref_label; this.cmp_ref_lbl= obj.cmp_ref_label; this.notEqual = obj.duration; this.pastDue = obj.past_due; this.show_end_time = obj.show_end_time; // define method this.check = Check_EventTime_check_multiple; } function Check_EventTime_check_multiple() { var start, end, restr, cmp_restr; start = eval(this.start); // first datetime field end = eval(this.end); // second datetime field to be compared with first restr = eval(this.restrict); // Restrict checkbox field cmp_restr = eval(this.cmp_restrict); // Restrict checkbox field to compare to restr = (typeof(restr) != 'undefined') ? restr.checked : true; // True if restrict checkbox cmp_restr = (typeof(cmp_restr) != 'undefined') ? cmp_restr.checked : true; // is checked or not defined // Update time in hidden field // Set time to empty string if it is not restricted if ( !restr ) { start.value = ''; } if ( !cmp_restr || (this.show_end_time && !restr) ) { end.value = ''; } // Second field has to be set also start = start.value; if ( typeof end != 'undefined' ) { end = end.value; } // Do not compare fields if at least one checkbox is unchecked if ( !restr || !cmp_restr ) { this.notEqual = 0; } // Do not test for past due if restiction is not applied if ( !restr ) { this.pastDue = 0; } if ( this.pastDue ) { var confirm; var start_ms = Date.parse(start.replace(/-/g,'/')); if ( start_ms < Date.parse(new Date())-this.pastDue*1000*60 ) { if ( !window.confirm(JS_RESOURCES.getFormattedString('validation.date_past.confirm', [this.ref_lbl])) ) { return false; } } } if ( restr && cmp_restr ) { //This block has been aded due to SCR 17696. //Reason : if this method is directly called from a JSP page which is not a part of // the existing date widgets, and the parameters of stsrt date, end date, start checkbox and // end checkbox are passed, and additionally the page has another if ( start > end && this.notEqual ) { alert(JS_RESOURCES.getFormattedString('validation.date_past', [this.cmp_ref_lbl, this.ref_lbl])); return false; } else if ( end == start && this.notEqual ) { alert(JS_RESOURCES.getFormattedString('validation.date_equal', [this.cmp_ref_lbl, this.ref_lbl])); return false; } } return true; } /*We always need time in our favorite format */ function sql_datetime(dat) { var year = dat.getFullYear(); var mon = dat.getMonth(); mon++; mon = (mon<10)?'0'+mon:mon; var day = dat.getDate(); day = (day<10)?'0'+day:day; var hh = dat.getHours(); hh = (hh<10)?'0'+hh:hh; var mi = dat.getMinutes(); mi = (mi<10)?'0'+mi:mi; var ss = dat.getSeconds(); ss = (ss<10)?'0'+ss:ss; return year+'-'+mon+'-'+day+' '+hh+':'+mi+':'+ss; } ///////////////////End of object Check_EventTime///////////// /******************************************************************************** * doubleSubmit.checkDoubleSubmit() * doubleSubmit.registerFormSubmitEvents(...) * doubleSubmit.handleFormSubmitEvents(...) * doubleSubmit.allowSubmitAgainForForm(...) : call to enable submitting the form again / use when you need to submit a form multiple times on a page * All form submissions should do this validation to avoid double submits. * All secure form submissions must do this validation to avoid multiple submits * of the same nonce. * * ***** This validation is done automatically on all form submits. ***** * NOTE : Do not overwrite form.onsubmit() function on the form. Instead, call * doubleSubmit.registerFormSubmitEvents(...) function to add any validation routine that * you want to add on the page. The callback function should return either true or false; * Ex) * doubleSubmit.registerFormSubmitEvents( formElement, function(event) * { * // Your validation logic you would have otherwise overwritten form.onsubmit() with * return true/false; * }); *********************************************************************************/ var doubleSubmit ={}; /*event is null when this function is called programatically by form.submit() *so, if you are stopping an event, you need to first check if event is available in the context or not *if event is not available, returning false is good enough. */ doubleSubmit.checkDoubleSubmit = function ( event, formName ) { var currentTime = new Date().getTime(); if ( !doubleSubmit.submissionFlagLookup ) { // a map-like array (form identifier -> time stamp) to keep track of form submissions doubleSubmit.submissionFlagLookup = {}; doubleSubmit.submissionFlagLookup[ formName ] = currentTime; if(event) { event.returnValue = true; } return true; } if ( !doubleSubmit.submissionFlagLookup[ formName ] ) { doubleSubmit.submissionFlagLookup[ formName ] = currentTime; if(event) { event.returnValue = true; } return true; } if ( ( currentTime - doubleSubmit.submissionFlagLookup[ formName ] ) < 10000 ) { // we will just ignore subsequent clicks on the submission button for 10 seconds since the first one } else { // 10 seconds has passed since the first click on the submission button. yes it's taking longer than optimal but // just pop up an alert box saying submission has gone through so be patient and wait!! alert( JS_RESOURCES.getString( 'notification.submit' ) ); } if(event) { event.stop(); } return false; }; /*event and originalFormOnSubmit are null when this function is called programatically by form.submit() *so, if you are stopping an event, you need to first check if event is available in the context or not *if event is not available, returning false is good enough. */ doubleSubmit.handleFormSubmitEvents = function ( event, form, originalFormOnSubmit ) { if(originalFormOnSubmit) { if(originalFormOnSubmit.call(form) == false) { if(event) { event.returnValue = false; event.stop(); } return false; } } if (event && event.stopped) { // in some places, we just stop the event and don't return false on onsubmit call. // Besides, if the submit event has been stopped, we need/should not go any further. event.returnValue = false; return false; } var i=0; if (doubleSubmit.responders) { while (doubleSubmit.responders[i]) { if (form === doubleSubmit.responders[i].form) { if(doubleSubmit.responders[i].responder.call(form,event) == false) { if(event) { event.returnValue = false; if(!event.stopped) //event could have already been stopped in the above responder function call { event.stop(); } } return false; } if (event && event.stopped) { // in some places, we just stop the event and don't return false on onsubmit call. // Besides, if the submit event has been stopped, we need/should not go any further. event.returnValue = false; return false; } } i++; } } doubleSubmit._obtainFormNameFromFormIdIfDesirable( form ); return doubleSubmit.checkDoubleSubmit( event, form.name ); }; doubleSubmit.registerFormSubmitEvents = function ( form, responder ) { if ( !doubleSubmit.responders ) { doubleSubmit.responders = {}; } var i=0; while ( doubleSubmit.responders[i] ) { i++; } doubleSubmit.responders[i] = {}; doubleSubmit.responders[i].form = form; doubleSubmit.responders[i].responder = responder; return; }; doubleSubmit.allowSubmitAgainForForm = function ( form ) { if ( !doubleSubmit.submissionFlagLookup ) { return; } form.name = doubleSubmit._obtainFormNameFromFormIdIfDesirable( form ); delete doubleSubmit.submissionFlagLookup[ form.name ]; return; }; doubleSubmit._obtainFormNameFromFormIdIfDesirable = function ( form ) { // if name property of the form is not defined or an empty string, then get it from id hoping that it is something more useful if(!form.name || form.name === "") { if(form.id) { form.name = form.id; } } return form.name; }; ////////////End of namespace doubleSubmit/////////// /******************************************************************************** * Object RadioCheckBox(): * Use this object to make sure that at least one item is selected from the group of * radio/checkbox groups. Just attach this code to checkbox/radio group (refered below as 'element'): * formCheckList.addElement(new RadioCheckBox({name:'element or subgroup name',group:'group name',ref_label:"group label in alerts"})); *********************************************************************************/ var groupAddElement, checkGroupChecked, groupIsChecked; // Constructor function function RadioCheckBox(h) { return h; } function CheckGroup(h) { this.name = h.group; this.ref_label = h.ref_label; this.elements = []; this.addElement = groupAddElement; this.check = checkGroupChecked; } function groupAddElement(h) { this.elements[this.elements.length] = h.name; } function checkGroupChecked() { var list = this.elements; var chk = false; for ( var i = 0; i < list.length; i++ ) { if ( groupIsChecked(list[i]) ) { return true; } } var msg = null; var group = bbDomUtil.getInputElementByName(list[0]); group = (typeof group[0] != 'undefined') ? group[0]:group; if ( group.type == "radio" ) { msg = JS_RESOURCES.getFormattedString('validation.radio.required', [this.ref_label]); } else { msg = JS_RESOURCES.getFormattedString('validation.option.required', [this.ref_label]); } alert(msg); group.focus(); return false; } function groupIsChecked(groupName) { var group = eval('bbDomUtil.getInputElementByName("'+groupName+'")'); var checked = false; if ( typeof group != 'undefined' ) { if ( group.length > 1 ) { for ( var i=0;i< group.length; i++ ) { if ( group[i].checked ) { checked = true; return checked; } } } else { if ( group.checked ) { checked = true; return checked; } } } return checked; } ///////////////////End of Object CheckGroup()//////////////////// /******************************************************************************** * Object selector(): * Use this object to make sure that at least one item is available in the Selector element (see PickerElement.java) * For use when Selector is marked Required: * formCheckList.addElement(new CheckSelector({name:'element or subgroup name',ref_label:"group label in alerts"})); *********************************************************************************/ var selectorCheck, selectorElementAvailable; // Constructor function function selector(h) { this.element = 'bbDomUtil.getInputElementByName("'+h.name+'")'; this.fieldName = h.name; this.ref_label = h.ref_label; this.custom_alert = h.custom_alert; this.custom_alert_cmp = h.custom_alert_cmp; this.required = h.required; this.check = selectorCheck; // Add here anything you need to validate } // Do actual check here function selectorCheck() { if(this.required) { var isAvailable = selectorElementAvailable(this.fieldName); this.custom_alert = (typeof this.custom_alert != 'undefined') ? this.custom_alert : ''; this.ref_label = (typeof this.ref_label != 'undefined') ? this.ref_label : JS_RESOURCES.getFormattedString('field_name.substitute', [this.element.name]); if ( !isAvailable ) { alert(this.custom_alert ? this.custom_alert : JS_RESOURCES.getFormattedString('validation.required', [this.ref_label])); return false; } } return true; } function selectorElementAvailable(groupName) { // we need at least one "Remove" checkbox to be present and unchecked (one element is added but not removed) var group = eval('bbDomUtil.getInputElementByName("'+groupName+'")'); var available = false; if ( typeof group != 'undefined' && group !== null) { if ( group.length > 1 ) { for ( var i=0;i< group.length; i++ ) { if ( !group[i].checked ) { available = true; return available; } } } else { if ( !group.checked ) { available = true; return available; } } } return available; } ///////////////////End of Object CheckSelector()//////////////////// //////////////// Start some useful generic functions //////////// /* Function ltrim(): Remove leading spaces in strings: Usage:trimmedString = originalString.ltrim(); */ function ltrim() { return this.replace( /^\s+/g,''); } String.prototype.ltrim = ltrim; /* Function rtrim(): Remove trailing spaces in strings: Usage:trimmedString = originalString.rtrim(); */ function rtrim() { return this.replace( /\s+$/g,''); } String.prototype.rtrim = rtrim; /* Function trim(): Remove leading and trailing spaces in strings: Usage:trimmedString = originalString.trim(); */ function trim() { return this.rtrim().ltrim(); } String.prototype.trim = trim; /* Function invalidChars(): Returns an array of illegal chars Usage: var listOfChars = myStringToSearch.invalidChars(regularExpression); regularExpression = /[illegal chars]/g; Sample re = /[! &^$#]/g */ function invalidChars (re) { var chrs = this.match(re); if ( chrs ) { for ( var j=0;j<chrs.length;j++ ) { if ( chrs[j]===' ' ) { chrs[j]=JS_RESOURCES.getString('invalid_char.space'); } else if ( chrs[j]==',' ) { chrs[j]=JS_RESOURCES.getString('invalid_char.comma'); } else if ( chrs[j]=='\\' ) { chrs[j]='\\\\'; } } } return chrs; } String.prototype.invalidChars = invalidChars; /** Function getRadioValue(): Returns selected value for group of radio buttons * Usage: var selectedValue = getRadioValue(radio); radio - reference to radio group */ function getRadioValue(radio) { for ( var i=0;i< radio.length;i++ ) { if ( radio[i].checked ) { return radio[i].value; } } } /** Function isEmptyWysiwyg(): Checks WYSIWYG control for value */ function isEmptyWysiwyg(field) { // first remove any HTML tags from the value, then check if it's empty (all spaces or &nbsp;s) // explicitly adding the unicode non-breaking space and line feed/break since IE and safari // don't seem to include them in \s var EMPTY_REGEXP = /^(\s|\u00A0|\u2028|\u2029|&nbsp;)*$/i; // Input is not empty if it contains one of the following tags: img/object/embed var SPECIALTAGS = /(<\s*(img)|(object)|(embed)|(hr)|(input)|(applet))/i; if ( field && typeof(field.value) == 'string' && field.value ) { var notags = field.value.replace(/<.*?>/g,''); var result = EMPTY_REGEXP.test(notags); return ( result && !SPECIALTAGS.test(field.value) ); } return true; } /** Function isValidUrl(): Checks if given string is in the general URL format */ var VALID_URL_REGEXP = /[^:]+:\/\/[^:\/]+(:[0-9]+)?\/?.*/; function isValidUrl(string) { return( VALID_URL_REGEXP.test(string) ); } /** Numeric */ var EFLOAT_REGEXP = LOCALE_SETTINGS.getString('efloat.format'); var THOUSANDS_SEP = LOCALE_SETTINGS.getString('thousand.sep.format'); /*rejectThousandSep: if true then the presence of the thousands-separator is an error (non-numeric) * e.g. we don't accept it for point, since point/score is rarely in thousands range. */ function isNumeric(string, rejectThousandSep ) { string = string.trim(); if ( rejectThousandSep !== null && rejectThousandSep ) { var hasThousands = ( string.search( new RegExp( THOUSANDS_SEP ) ) !== -1 ) ; if (hasThousands) { return false; } } string = string.replace(new RegExp(THOUSANDS_SEP, 'g'), ''); if ( string.search( new RegExp(EFLOAT_REGEXP) ) === 0 ) { var floatValue = parseFloat(string); return !isNaN(floatValue); } return false; } /** Float between 0 and 100 */ var FLOAT_REGEXP = LOCALE_SETTINGS.getString('float.format'); function isPercent(string) { string = string.trim(); if ( string.search( new RegExp(FLOAT_REGEXP) ) === 0 ) { var floatValue = parseFloat(string); return( !isNaN(floatValue) && floatValue >= 0 && floatValue <= 100 ); } return false; } /** Float between -100 and 100 */ var FLOAT_ALLOW_NEGATIVE_REGEXP = LOCALE_SETTINGS.getString('float.allow.negative.format'); function isValidNegativePercent(string) { string = string.trim(); if ( string.search( new RegExp(FLOAT_ALLOW_NEGATIVE_REGEXP) ) === 0 ) { var floatValue = parseFloat(string); return( !isNaN(floatValue) && floatValue >= -100 && floatValue <= 100 ); } return false; } /*Function submitForm() Call this function to validate and submit form @param form the name of the form or the DOM object representing the form. If null or undefined, submits first form on page. */ function submitForm(form) { if ( validateForm() ) { if (form) { if ( typeof( form ) == "string" ) { document.forms[ form ].submit(); } else { form.submit(); } } else { document.forms[0].submit(); } } } /* Sort numerical array in ascending order */ function numericalArraySortAscending(a, b) { return (a-b); } /*Function validateForm() * Call this function onSubmit inside <form> tag */ function validateForm() { // Set textarea value to VTBE contents if ( typeof(finalizeEditors) == "function" ) { finalizeEditors(); } var ismath = window.api ? true : false; // True if webeq is there /* Transform equations place holders into html before validation */ if ( ismath ) { api.setHtml(); } if ( skipValidation ) { return true; } /* Validate form */ var valid = formCheckList.check(); var i; /*Check for invalid answers if any present */ var invalidAnswersArray = []; var invAns = window.invalidAnswers; if ( typeof( invAns) == 'object' && invAns.length > 0 ) { for ( i = 0; i < invAns.length; ++i ) { invalidAnswersArray.push( invAns[i] ); } } invAns = window.invalidAnswersTmp; if ( typeof(invAns) == 'object' && invAns.length > 0 ) { for ( i = 0; i < invAns.length; ++i ) { invalidAnswersArray.push( invAns[i] ); } } var stringArg = ''; if ( invalidAnswersArray.length > 0 ) { invalidAnswersArray.sort(numericalArraySortAscending); var lastIndex = invalidAnswersArray.length - 1; for ( var x = 0; x < invalidAnswersArray.length; x++ ) { stringArg += invalidAnswersArray[x]; if ( x < lastIndex ) { if ( ( (x+1) % 10 ) === 0 ) { stringArg += ",\n"; } else { stringArg += ","; } } } } if ( stringArg !== '' && valid ) { var msgKey; if ( !assessment.backtrackProhibited ) { msgKey = 'assessment.incomplete.confirm'; } else { msgKey = 'assessment.incomplete.confirm.backtrackProhibited'; } if (assessment.isSurvey) { msgKey = msgKey + ".survey"; } if ( !confirm( JS_RESOURCES.getFormattedString( msgKey, [stringArg] ) ) ) { valid = false; // User decided not to submit } else { assessment.userReallyWantsToSubmit = true; } window.invalidAnswersTmp = []; // Clearing up } /* Go back to placeholders if validation failed (valid == false) */ if ( ismath && !valid ) { api.setMathmlBoxes(); } return valid; } /*Function boxSelector() * Use this function to select, unselect or invert selection for specified checkbox groups * Call: boxSelector(['name1','name2',...,'namen'],action), here action is 'select', or 'unselect', or 'invert' */ function boxSelector(list,action) { action = (action == 'select') ? true : (action == 'unselect') ? false : action; for ( var i=0;i<list.length;i++ ) { var group = 'bbDomUtil.getInputElementByName("'+list[i]+'")'; if ( typeof (group = eval(group)) != 'undefined' ) { var j; if ( action == 'invert' ) { for ( j=0;j<group.length;j++ ) { group[j].checked = !group[j].checked; } } else { for ( j=0;j<group.length;j++ ) { group[j].checked = action; } } } } } function setHidden (from,to) { var hide = eval(to); hide.value = from.value; } ////////////////////////////////////////////////////////////////// /** * Check_Answer object was added by request specified in mscr 524 * to provide validation to student answers * Variable invalidAnswers has to be added to the page where assessment is submitted * It should contain the list of unfinished questions excluding question(s) on current page * Check_Answer object will perform final validation and display all unfinished questions in confirm box */ var invalidAnswers = []; // the java code will populate this array on final QbyQ page /** Object constructor for answers walidation * */ var Check_Answer_check; function Check_Answer (vobj) { if ( typeof(window.invalidAnswersTmp)=='undefined' ) { window.invalidAnswersTmp=[]; } this.form = 'document.forms[0]'; this.element = 'bbDomUtil.getInputElementByName("'+vobj.name+'")'; this.name = vobj.name; this.answerChk = true; //Check_Answer is special check, it makes a list of unfinished questions and always return true this.ref_label = vobj.ref_label; this.check = Check_Answer_check; } //Test if at least one member of radio or checkbox group is selected function isChecked(grp) { if (typeof(grp.length) != 'undefined') { for ( var i=0;i< grp.length;i++ ) { if ( grp[i].checked ) { return true; } } return false; } else { return grp.checked; } } function Check_Answer_check() { //create form element object var el = eval(this.element); //Extract question type information from element name var qtype = /^(\w+)-/.exec(this.name); if ( !qtype ) { qtype = /^([^_]+)_/.exec(this.name); } qtype = qtype[1]; if ( qtype == 'ma' ) { qtype = /-\d+$/.test(this.name) ? 'mat' : 'ma'; } // Perform actual check-up if ( qtype == 'tf' || qtype == 'mc' || qtype == 'ma' || qtype == 'eo' ) { if ( !isChecked(el) ) { window.invalidAnswersTmp[window.invalidAnswersTmp.length]=this.ref_label; } } else if ( qtype == 'ord' || qtype == 'mat' ) { if ( el.selectedIndex === 0 && this.ref_label != window.invalidAnswersTmp[window.invalidAnswersTmp.length-1] ) { window.invalidAnswersTmp[window.invalidAnswersTmp.length]= this.ref_label; } } else if ( qtype == 'fitb' || qtype == 'essay' || qtype == 'num' || qtype == 'calc' || qtype == 'hs' || qtype == 'jumbled_sentence' || qtype == 'fib_plus' || qtype == 'quiz_bowl' ) { //remove isEmptyWysiwyg for these question types, since they should allow some chars as < > var val = el.value; if ( isAnEmptyVtbe(val) ) { val=''; } if ( val.trim().length < 1 ) { window.invalidAnswersTmp[window.invalidAnswersTmp.length]= this.ref_label; } } else if ( qtype == 'file' ) { var haveFile = false; var hiddenField = eval(this.form + '.elements["' + this.name + '-override"]'); if ( hiddenField && hiddenField.value == "true" ) { haveFile = true; } el = eval(this.form + '.elements["' + this.name + '_attachmentType"]'); if ( !haveFile && el && el.value !== "" ) { haveFile = true; } if ( !haveFile ) { window.invalidAnswersTmp[window.invalidAnswersTmp.length]= this.ref_label; } } // eliminate duplicates // TODO: think of a better way to do this if ( window.invalidAnswersTmp.length > 0 ) { var tmpArray = []; var tmpObject = {}; for ( var i = 0; i < window.invalidAnswersTmp.length; ++i ) { if ( !tmpObject[window.invalidAnswersTmp[i]] ) { tmpObject[window.invalidAnswersTmp[i]] = true; tmpArray[tmpArray.length] = window.invalidAnswersTmp[i]; } } window.invalidAnswersTmp = tmpArray; } return true; //Always true, we can make decision later through confirm } // wrapper function for focus() calls function shiftFocus(el, isVTBE) { if ( el ) { if ( isVTBE && editors && editors[el.name] && typeof(editors[el.name].focusEditor) == 'function' ) { editors[el.name].focusEditor(); } else if ( !el.disabled && !el.readOnly && el.type != "hidden" ) { safeFocus( el ); } } return; } function safeFocus( e ) { try { if ( e && e.focus ) { e.focus(); } } catch (er) { //Ignore, element is hidden in IE and can't be focused. } } /** * A validator that checks to see that a certain radio button in a group is * selected. This is intended to be used for conditional validation -- * validators that only apply when a certain radio button selection is made. * Note that if there are no selected values, this validator will return false * when checked. * - name - radio button group to check * - value - the radio button value to check for selection */ var RadioButtonValueValidator_check; function RadioButtonValueValidator( name, value ) { this.element = bbDomUtil.getInputElementByName(name); this.value = value; this.check = RadioButtonValueValidator_check; } function RadioButtonValueValidator_check() { for ( var i = 0; i < this.element.length; i++ ) { if ( this.element[i].value == this.value ) { return this.element[i].checked; } } return false; } /** * A validator that performs a logical, short-circuit OR on its two arguments. */ var OrValidator_check; function OrValidator( first, second ) { this.first = first; this.second = second; this.check = OrValidator_check; } function OrValidator_check() { return this.first.check() || this.second.check(); } /* This is a sample code that has to be added to every corresponding form element in take assessment page, where you perform question validation for completness; ref_lablel value is used to refer to element, name is field full name: <script type="text/javascript"> formCheckList.addElement(new Check_Answer({ref_label:"Question 3",name:"tf-ans-_190_1"})); </script> */ var nonceUtil = {}; /** * Finds the form element holding the nonceId * @param formId is the id of the form the nonce element exists within */ nonceUtil.getNonceId = function(formId) { return nonceUtil.getNonceIdEx(formId, 'blackboard.platform.security.NonceUtil.nonce') }; nonceUtil.getAjaxNonceId = function(formId) { return nonceUtil.getNonceIdEx(formId, 'blackboard.platform.security.NonceUtil.nonce.ajax') }; nonceUtil.getNonceIdEx = function(formId, elName) { var nonceId = null; if(formId && $s(formId) ) { nonceId= $s(formId).elements[elName]; } if( !nonceId ) { // take a cheap shot at retreiving the first nonceId on the page nonceId = document.getElementsByName( elName )[0]; // Note : nonceId can be null if the form does not have a nonce element declared. This should be a sign of a xsrf loophole } return nonceId; }; /** * Finds the form element holding the nonceId * @param formElementId is the id of a form element on the page. It is expected that the nonceId corresponds * to the same form. */ nonceUtil.getNonceIdByFormElementId = function(formElementId) { var nonceId = null; if( formElementId && $s(formElementId) ) { var elementFormId = bbDomUtil.getEnclosingForm(formElementId); nonceId = $s(elementFormId).elements['blackboard.platform.security.NonceUtil.nonce']; } return nonceId; }; nonceUtil.getNonceIdValue = function(formId) { var nonceId = nonceUtil.getNonceId(formId); return nonceId ? nonceId.value : ""; }; /** * Copies the nonceid from one form on the page to another form. Useful when using flyout forms. */ nonceUtil.copyNonceId = function( sourceFormId, targetFormId ) { var nonceId = nonceUtil.getNonceIdValue( sourceFormId ); var targetElem = new Element( 'input', { type: 'hidden', name: 'blackboard.platform.security.NonceUtil.nonce', value: nonceId } ); $( targetFormId ).appendChild( targetElem ); }; /** * Updates the form's nonceId based on the JSON response from an AjaxSecureForm */ nonceUtil.updateFromAjaxRequest = function( headerJSON ) { if ( headerJSON ) { var nonceId = nonceUtil.getNonceId(); if( nonceId ) { nonceId.value = headerJSON.nonceId; } } }; var NumberLocalizer = Class.create(); NumberLocalizer.prototype = { initialize : function() { var thousandsSeparator = LOCALE_SETTINGS[ 'number_format.thousands_sep' ]; var decimalSeparator = LOCALE_SETTINGS[ 'number_format.decimal_point' ]; this.thousandsSeparator = ( thousandsSeparator === null ) ? ',' : thousandsSeparator; this.needToConvertThousands = ( this.thousandsSeparator !== ',' ) ? true : false; this.decimalSeparator = ( decimalSeparator === null ) ? '.' : decimalSeparator; this.needToConvertDecimal = ( this.decimalSeparator !== '.' ) ? true : false; }, // Takes a number that is unlocalized and converts it to // the current locale format. formatNumber : function( f ) { var result; result = f.toString(); // Replace and thousands delimiter with a token so we can // replace it with the final symbol after we replace the decimal symbol. if ( this.needToConvertThousands ) { result = result.replace( ',', '[comma]' ); } if ( this.needToConvertDecimal ) { result = result.replace( '.', this.decimalSeparator ); } if ( this.needToConvertThousands ) { result = result.replace( '[comma]', this.thousandsSeparator ); } return result; }, // Takes a number that is in the current locale format and // converts it back to an unlocalized number. parseNumber : function( num ) { var result; result = num.toString(); // Parsing string to return as a float, so we don't need the thousands // separator anymore. result = result.replace( this.thousandsSeparator, '' ); if ( this.needToConvertDecimal ) { result = result.replace( this.decimalSeparator, '.' ); } return parseFloat( result ); } };var AccessibleSelect = {}; /** * Wire up the accessible event listeners to any <select>s on the page that have an onchange listener already */ AccessibleSelect.initializePage = function() { var selects = document.getElementsByTagName("select"); for ( var i = 0; i < selects.length; i++ ) { var currentSelect = selects[i]; if ( currentSelect.onchange ) { currentSelect.changed = false; currentSelect.onfocus = AccessibleSelect.onfocus; currentSelect.onkeydown = AccessibleSelect.onkeydown; currentSelect.onclick = AccessibleSelect.onclick; currentSelect.onchange = AccessibleSelect.createOnchange( currentSelect.onchange ); } } }; /** * Functor that creates an onchange function which if the <select> has actually been changed, will call the * specified callback (i.e. the original onchange function ) */ AccessibleSelect.createOnchange = function( callback ) { return function( theElement ) { var theSelect; if ( theElement && theElement.value ) { theSelect = theElement; } else { theSelect = this; } if (theSelect.changed) { // bind "theSelect" as the "this" for the callback. callback.apply(theSelect); return true; } else { return false; } }; }; /** * Event listener called when the <select> is clicked */ AccessibleSelect.onclick = function() { this.changed = true; // If the select size is greater than 0, then the onchange event occurs before the onclick event // and the "changed" attribute is false when the onchange event listener method runs and the select // element's onchange method does not get called. Therefore, we are going to call it here. if( this.size > 0 ) { this.onchange(this); } }; /** * Event listener called when the <select> gains focus */ AccessibleSelect.onfocus = function() { this.initValue = this.value; return true; }; /** * Event listener called when a key is pressed in the <select>. */ AccessibleSelect.onkeydown = function(e) { var theEvent; var keyCodeTab = "9"; var keyCodeEnter = "13"; var keyCodeEsc = "27"; if (e) { theEvent = e; } else { theEvent = event; } var largeSize = (this.size > 0); if ((theEvent.keyCode == keyCodeEnter || theEvent.keyCode == keyCodeTab) && ( largeSize || this.value != this.initValue) ) { this.initValue = this.value; this.changed = true; this.onchange(this); // returning true logically denotes that the change has been made, but more importantly it will make sure the default // behavior (what would have happened without the onkeydown event) is honored. For example, user pressing 'tab' key will // move the focus to the next element on the page return true; } else if (theEvent.keyCode == keyCodeEsc) { this.value = this.initValue; return false; } else { this.changed = false; } return true; }; // This script does not work for Safari. See AS-110404, AS-110426 if (!/webkit|khtml/i.test(navigator.userAgent)) { //When the page is loaded, initialize the select boxes if ( window.addEventListener) { window.addEventListener('load', AccessibleSelect.initializePage, false); } else if ( window.attachEvent ) { window.attachEvent('onload', AccessibleSelect.initializePage); } } var popup = { /** * Launches a new popup window. This method is used for an random popup that * might be necessary (preview window for example). If you are launching a * "picker" window you should use launchPicker() instead. * * @param url the url to open the new window using. This is the first value * passed to window.open(). This is required. * @param name the name of the new window. This is the second value passed * to window.open(). This is required. * @param width the width of the window to launch. If not provided a default * value will be used. Do not provide unless your specific requirements * dictate it. * @param height the height of the window to launch. If not provided a default * value will be used. Do not provide unless your specific requirements * dictate it. * @param resizable whether the new window should be resizable. If not * provided a default value will be used. Do not provide unless your * specific requirements dictate it. * @param showStatus whether the new window should be show the status bar. If * not provided a default value will be used. Do not provide unless * your specific requirements dictate it. * @param scrolling whether the new window should allow scrolling. If not * provided a default value will be used. Do not provide unless your * specific requirements dictate it. * @return a reference to the popup window generated */ launch: function( url, name, width, height, resizable, showStatus, scrolling ) { if ( typeof( width ) == 'undefined' ) { // for RTL, the width needs to be wider, to prevent vertical line overlapping in the popup if ( page.util.isRTL() ) { width = 890; } else { width = 825; // wide enough to prevent a horizontal scrollbar in most cases } } if ( typeof( height ) == 'undefined' ) { height = 500; } if ( typeof( resizable ) == 'undefined' ) { resizable = 'yes'; } if ( typeof( showStatus ) == 'undefined' ) { showStatus = 'yes'; } if ( typeof( scrolling ) == 'undefined' ) { scrolling = 'yes'; } // figure out placement of the new window we will open. If the desired size // of the new window is bigger than the screen size then make the window // smaller and put it far left. Otherwise, center the window on screen. var screenX = 0; if ( screen.width <= width ) { width = screen.width; // new window should not be wider than the screen } else { screenX = ( screen.width - width ) / 2; // center on the screen } var popup = window.open( url, name, 'width=' + width + ',height=' + height + ',resizable=' + resizable + ',scrollbars=' + scrolling + ',status=' + showStatus + ',top=20' + ',screenY=20' + ',screenX=' + screenX + ',left=' + screenX ); if ( popup ) { popup.focus(); if ( !popup.opener ) { popup.opener = self; } window.top.name = 'bbWin'; } return popup; }, /** * Launches a new "picker" window. * <p> * At the moment the only difference between this method and launch (besides * the inability to specify some advanced and rarely used options) is that * this method will default the {@code name} value if not provided. However, * you should still use this method if you are launching a "picker" type * window as additional differences may be introduced in the future. * * @param url the url to open the new window using. This is the first value * passed to window.open(). This is required. * @param name the name of the new window. This is the second value passed * to window.open(). If not provided a default value will be used. * @param width the width of the window to launch. If not provided a default * value will be used. Do not provide unless your specific requirements * dictate it. * @param height the height of the window to launch. If not provided a default * value will be used. Do not provide unless your specific requirements * dictate it. * @return a reference to the picker window generated */ launchPicker: function( url, name, width, height ) { if ( typeof( name ) == 'undefined' ) { name = 'picker'; } return popup.launch( url, name, width, height ); } }; var BrowserSpecific = { registerListeners: function() { if( Prototype.Browser.IE ) { var inputs = $A(document.getElementsByTagName('input')); //Enter key submit handling added only for IE browser. if( inputs ) { inputs.each( function( input ) { if(input.type === 'text' && !page.util.hasClassName(input,'noFormSubmitIE')) { Event.observe( input, "keypress", this.checkEnterKeyToSubmit.bindAsEventListener( this, input ) ); } }.bind( this ) ); } } }, checkEnterKeyToSubmit: function(event, input) { //if generated character code is equal to ascii 13 (if enter key) if(event.keyCode == 13 && input.form) { var submitButtons = $(input.form).getInputs('submit'); if(submitButtons && submitButtons.size() > 0) { submitButtons.first().click(); } Event.stop(event); } else { return true; } }, // Fix FireFox bug which converts absolute links pasted into a VTBE into relative ones which // start with a variable number of "../". // https://bugzilla.mozilla.org/show_bug.cgi?id=613517 handleFirefoxPastedLinksBug: function( baseUrl, vtbeText ) { if ( !baseUrl || !vtbeText ) { return vtbeText; } if ( Prototype.Browser.Gecko ) { if( !$( baseUrl.empty() ) && !$( vtbeText.empty() ) ) { //e.g. extract out "http://localhost:80" from "http://localhost:80/webapps/Bb-wiki-BBLEARN/" // port is optional var absoluteUrlPrefix = baseUrl.match(/https?:[\d]*\/\/[^\/]+/); // e.g."../../../bbcswebdav/xid-2202_1" into "http://localhost:80/bbcswebdav/xid-2202_1" vtbeText = vtbeText.replace(/(\.\.\/)+(sessions|bbcswebdav|courses|@@)/g, absoluteUrlPrefix + "/" + "$2"); } } return vtbeText; }, disableEnterKeyInTextBoxes: function (document) { var inputs = $A(document.getElementsByTagName('input')); if( inputs ) { inputs.each ( function( input ) { //must add special className for IE textboxes if( Prototype.Browser.IE ) { input.addClassName( 'noFormSubmitIE' ); } Event.observe( input, 'keypress', this.disableEnterKey ); }.bind( this ) ); } }, disableEnterKey: function( event ) { if( event.keyCode != Event.KEY_RETURN ) { return; } Event.stop( event ); return; } };

// Provide a default path to dwr.engine if (dwr == null) var dwr = {}; if (dwr.engine == null) dwr.engine = {}; if (DWREngine == null) var DWREngine = dwr.engine; if (MashupDWRFacade == null) var MashupDWRFacade = {}; MashupDWRFacade._path = '/webapps/portal/dwr_open'; MashupDWRFacade.verifyMashupData = function(p0, callback) { dwr.engine._execute(MashupDWRFacade._path, 'MashupDWRFacade', 'verifyMashupData', p0, callback); } MashupDWRFacade.filterMashupData = function(p0, callback) { dwr.engine._execute(MashupDWRFacade._path, 'MashupDWRFacade', 'filterMashupData', p0, callback); }

var $namespace=function(d,g,b){var f=d.split(g||"."),h=b||window,e,a;for(e=0,a=f.length;e<a;e++){h=h[f[e]]=h[f[e]]||{}}return h};var $type=function(a,b){if(!a instanceof b){throw new SyntaxError()}};if(!$){var $=function(a){return document.getElementById(a)}}if(!Array.prototype.each){Array.prototype.each=function(a){if(typeof a!="function"){throw"Illegal Argument for Array.each"}for(var b=0;b<this.length;b++){a(this[b])}}}if(!Array.prototype.contains){Array.prototype.contains=function(b){var a=false;this.each(function(d){if((b.equals&&b.equals(d))||d==b){a=true;return}});return a}}if(!Array.prototype.containsKey){Array.prototype.containsKey=function(b){for(var a in this){if(a.toLowerCase()==b.toLowerCase()){return true}}return false}}if(!Array.prototype.getCaseInsensitive){Array.prototype.getCaseInsensitive=function(b){for(var a in this){if(a.toLowerCase()==b.toLowerCase()){return this[a]}}return null}}if(!String.prototype.charCodeAt){String.prototype.charCodeAt=function(a){var e=this.charAt(a);for(var b=0;b<65536;b++){var d=String.fromCharCode(b);if(d==e){return b}}return 0}}if(!String.prototype.endsWith){String.prototype.endsWith=function(a){return this.substr((this.length-a.length),a.length)==a}}if(!Exception){var Exception=function(a,b){this.cause=b;this.errorMessage=a};Exception.prototype=Error.prototype;Exception.prototype.getCause=function(){return this.cause};Exception.prototype.getMessage=function(){return this.message};Exception.prototype.getStackTrace=function(){if(this.callstack){return this.callstack}if(this.stack){var b=stack.split("\n");for(var d=0,a=b.length;d<a;d++){if(b[d].match(/^\s*[A-Za-z0-9\=+\$]+\(/)){this.callstack.push(b[d])}}this.callstack.shift();return this.callstack}else{if(window.opera&&this.message){var b=this.message.split("\n");for(var d=0,a=b.length;d<a;d++){if(b[d].match(/^\s*[A-Za-z0-9\=+\$]+\(/)){var f=b[d];if(b[d+1]){f+=" at "+b[d+1];d++}this.callstack.push(f)}}this.callstack.shift();return this.callstack}else{var g=arguments.callee.caller;while(g){var e=g.toString();var h=e.substring(e.indexOf("function")+8,e.indexOf("("))||"anonymous";this.callstack.push(h);g=g.caller}return this.callstack}}};Exception.prototype.printStackTrace=function(b){var a=this.getMessage()+"|||"+this.getStackTrace().join("|||");if(this.cause){if(this.cause.printStackTrace){a+="||||||Caused by "+this.cause.printStackTrace().replace("\n","|||")}}if(!b){return b.replace("|||","\n")}else{if(b.value){b.value=a.replace("|||","\n")}else{if(b.writeln){b.writeln(a.replace("|||","\n"))}else{if(b.innerHTML){b.innerHTML=a.replace("|||","<br/>")}else{if(b.innerText){b.innerText=a.replace("|||","<br/>")}else{if(b.append){b.append(a.replace("|||","\n"))}else{if(b instanceof Function){b(a.replace("|||","\n"))}}}}}}}}}if(!RuntimeException){var RuntimeException=Exception}if(!IllegalArgumentException){var IllegalArgumentException=Exception}if(!DateFormat){var DateFormat=function(d){var b=d;var a={longMonths:["January","February","March","April","May","June","July","August","September","October","November","December"],shortMonths:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],longDays:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],shortDays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],d:function(e){return(e.getDate()<10?"0":"")+e.getDate()},D:function(e){return a.shortDays[e.getDay()]},j:function(e){return e.getDate()},l:function(e){return a.longDays[e.getDay()]},N:function(e){return e.getDay()+1},S:function(e){return(e.getDate()%10==1&&e.getDate()!=11?"st":(e.getDate()%10==2&&e.getDate()!=12?"nd":(e.getDate()%10==3&&e.getDate()!=13?"rd":"th")))},w:function(e){return e.getDay()},z:function(e){return"Not Yet Supported"},W:function(e){return"Not Yet Supported"},F:function(e){return a.longMonths[e.getMonth()]},m:function(e){return(e.getMonth()<9?"0":"")+(e.getMonth()+1)},M:function(e){return a.shortMonths[e.getMonth()]},n:function(e){return e.getMonth()+1},t:function(e){return"Not Yet Supported"},L:function(e){return(((e.getFullYear()%4==0)&&(e.getFullYear()%100!=0))||(e.getFullYear()%400==0))?"1":"0"},o:function(e){return"Not Supported"},Y:function(e){return e.getFullYear()},y:function(e){return(""+e.getFullYear()).substr(2)},a:function(e){return e.getHours()<12?"am":"pm"},A:function(e){return e.getHours()<12?"AM":"PM"},B:function(e){return"Not Yet Supported"},g:function(e){return e.getHours()%12||12},G:function(e){return e.getHours()},h:function(e){return((e.getHours()%12||12)<10?"0":"")+(e.getHours()%12||12)},H:function(e){return(e.getHours()<10?"0":"")+e.getHours()},i:function(e){return(e.getMinutes()<10?"0":"")+e.getMinutes()},s:function(e){return(e.getSeconds()<10?"0":"")+e.getSeconds()},e:function(e){return"Not Yet Supported"},I:function(e){return"Not Supported"},O:function(e){return(-e.getTimezoneOffset()<0?"-":"+")+(Math.abs(e.getTimezoneOffset()/60)<10?"0":"")+(Math.abs(e.getTimezoneOffset()/60))+"00"},P:function(e){return(-e.getTimezoneOffset()<0?"-":"+")+(Math.abs(e.getTimezoneOffset()/60)<10?"0":"")+(Math.abs(e.getTimezoneOffset()/60))+":"+(Math.abs(e.getTimezoneOffset()%60)<10?"0":"")+(Math.abs(e.getTimezoneOffset()%60)) },T:function(g){var f=g.getMonth();g.setMonth(0);var e=g.toTimeString().replace(/^.+ \(?([^\)]+)\)?$/,"$1");g.setMonth(f);return e},Z:function(e){return -e.getTimezoneOffset()*60},c:function(e){return e.format("Y-m-d")+"T"+e.format("H:i:sP")},r:function(e){return e.toString()},U:function(e){return e.getTime()/1000}};return{format:function(g){var e="";for(var f=0;f<b.length;f++){var h=b.charAt(f);if(a[h]){e+=a[h].call(g)}else{e+=h}}return e}}};DateFormat.getDateInstance=function(){return new DateFormat("M/d/y h:i a")}}$namespace("org.owasp.esapi");org.owasp.esapi.ESAPI=function(g){var b=g;if(!b){throw new RuntimeException("Configuration Error - Unable to load $ESAPI_Properties Object")}var a=null;var e=null;var d=null;var f=null;var h=null;return{properties:b,encoder:function(){if(!a){if(!b.encoder.Implementation){throw new RuntimeException("Configuration Error - $ESAPI.properties.encoder.Implementation object not found.")}a=new b.encoder.Implementation()}return a},logFactory:function(){if(!d){if(!b.logging.Implementation){throw new RuntimeException("Configuration Error - $ESAPI.properties.logging.Implementation object not found.")}d=new b.logging.Implementation()}return d},logger:function(i){return this.logFactory().getLogger(i)},locale:function(){return org.owasp.esapi.i18n.Locale.getLocale(b.localization.DefaultLocale)},resourceBundle:function(){if(!f){if(!b.localization.StandardResourceBundle){throw new RuntimeException("Configuration Error - $ESAPI.properties.localization.StandardResourceBundle not found.")}f=new org.owasp.esapi.i18n.ObjectResourceBundle(b.localization.StandardResourceBundle)}return f},validator:function(){if(!e){if(!b.validation.Implementation){throw new RuntimeException("Configuration Error - $ESAPI.properties.validation.Implementation object not found.")}e=new b.validation.Implementation()}return e},httpUtilities:function(){if(!h){h=new org.owasp.esapi.HTTPUtilities()}return h}}};var $ESAPI=null;org.owasp.esapi.ESAPI.initialize=function(){$ESAPI=new org.owasp.esapi.ESAPI(Base.esapi.properties)};$namespace("org.owasp.esapi");org.owasp.esapi.Encoder=function(){};$namespace("org.owasp.esapi");org.owasp.esapi.EncoderConstants={CHAR_LOWERS:["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"],CHAR_UPPERS:["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"],CHAR_DIGITS:["0","1","2","3","4","5","6","7","8","9"],CHAR_SPECIALS:["!","$","*","+","-",".","=","?","@","^","_","|","~"],CHAR_LETTERS:["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"],CHAR_ALNUM:["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z","0","1","2","3","4","5","6","7","8","9"]};$namespace("org.owasp.esapi");org.owasp.esapi.EnterpriseSecurityException=function(b,a,e){var f=a;var d=new Exception(b,e);return{getMessage:d.getMessage,getUserMessage:d.getMessage,getLogMessage:function(){return f},getStackTrace:d.getStackTrace,printStackTrace:d.printStackTrace}};$namespace("org.owasp.esapi");org.owasp.esapi.HTTPUtilities=function(){var b=$ESAPI.logger("HTTPUtilities");var d=$ESAPI.resourceBundle();var a=org.owasp.esapi.Logger.EventType;return{addCookie:function(h){$type(h,org.owasp.esapi.net.Cookie);if(window.top.location.protocol!="http:"||window.top.location.protocol!="https:"){throw new RuntimeException(d.getString("HTTPUtilities.Cookie.Protocol",{protocol:window.top.location.protocol}))}var f=h.getName(),m=h.getValue(),k=h.getMaxAge(),i=h.getDomain(),p=h.getPath(),e=h.getSecure();var n=new org.owasp.esapi.ValidationErrorList();var l=$ESAPI.validator().getValidInput("cookie name",f,"HttpCookieName",50,false,n);var g=$ESAPI.validator().getValidInput("cookie value",m,"HttpCookieValue",5000,false,n);if(n.size()==0){var j=f+"="+escape(m);j+=k?";expires="+(new Date((new Date()).getTime()+(1000*k)).toGMTString()):"";j+=p?";path="+p:"";j+=i?";domain="+i:"";j+=e||$ESAPI.properties.httputilities.cookies.ForceSecure?";secure":"";document.cookie=j}else{b.warning(a.SECURITY_FAILURE,d.getString("HTTPUtilities.Cookie.UnsafeData",{name:f,value:m}))}},getCookie:function(j){var f=document.cookie.split("; ");for(var h=0,e=f.length;h<e;h++){var g=f[h].split("=");if(g[0]==escape(j)){return new org.owasp.esapi.net.Cookie(j,g[1]?unescape(g[1]):"")}}return null},killAllCookies:function(){var f=document.cookie.split("; ");for(var j=0,e=f.length;j<e;j++){var h=f[j].split("=");var g=unescape(h[0]);if(!this.killCookie(g)){throw new RuntimeException(d.getString("HTTPUtilities.Cookie.CantKill",{name:g}))}}},killCookie:function(e){var f=this.getCookie(e);if(f){f.setMaxAge(-10);this.addCookie(f);if(this.getCookie(e)){throw new RuntimeException(d.getString("HTTPUtilities.Cookie.CantKill",{name:e})) }return true}return false},getRequestParameter:function(f){var e=window.top.location.search.substring(1);var g=e.indexOf(f);if(g<0){return null}g=g+f.length;var h=e.indexOf("&",g);if(h<0){h=e.length}return unescape(e.substring(g,h))}}};$namespace("org.owasp.esapi");org.owasp.esapi.IntrusionException=function(d,b,a){var e=new org.owasp.esapi.EnterpriseSecurityException(d,b,a);return{getMessage:e.getMessage,getUserMessage:e.getMessage,getLogMessage:e.getLogMessage,getStackTrace:e.getStackTrace,printStackTrace:e.printStackTrace}};$namespace("org.owasp.esapi");org.owasp.esapi.LogFactory=function(){return{getLogger:false}};$namespace("org.owasp.esapi");org.owasp.esapi.Logger=function(){return{setLevel:false,fatal:false,error:false,isErrorEnabled:false,warning:false,isWarningEnabled:false,info:false,isInfoEnabled:false,debug:false,isDebugEnabled:false,trace:false,isTraceEnabled:false}};org.owasp.esapi.Logger.EventType=function(d,b){var a=d;var e=b;return{isSuccess:function(){return e},toString:function(){return a}}};with(org.owasp.esapi.Logger){EventType.SECURITY_SUCCESS=new EventType("SECURITY SUCCESS",true);EventType.SECURITY_FAILURE=new EventType("SECURITY FAILURE",false);EventType.EVENT_SUCCESS=new EventType("EVENT SUCCESS",true);EventType.EVENT_FAILURE=new EventType("EVENT FAILURE",false);OFF=Number.MAX_VALUE;FATAL=1000;ERROR=800;WARNING=600;INFO=400;DEBUG=200;TRACE=100;ALL=Number.MIN_VALUE}$namespace("org.owasp.esapi");org.owasp.esapi.PreparedString=function(d,a,g){var f=[];var e=[];function b(k){var h=0,l=0;for(var j=0;j<k.length;j++){if(k.charAt(j)==g){l++;f.push(k.substr(h,j));h=j+1}}f.push(k.substr(h));e=new Array(l)}if(!g){g="?"}b(d);return{set:function(h,j,i){if(h<1||h>e.length){throw new IllegalArgumentException("Attempt to set parameter: "+h+" on a PreparedString with only "+e.length+" placeholders")}if(!i){i=a}e[h-1]=i.encode([],j)},toString:function(){for(var h=0;h<e.length;h++){if(e[h]==null){throw new RuntimeException("Attempt to render PreparedString without setting parameter "+(h+1))}}var j="",k=0;for(var l=0;l<f.length;l++){j+=f[l];if(k<e.length){j+=e[k++]}}return j}}};$namespace("org.owasp.esapi");org.owasp.esapi.ValidationErrorList=function(){var a=Array();return{addError:function(b,d){if(b==null){throw new RuntimeException("Context cannot be null: "+d.getLogMessage(),d)}if(d==null){throw new RuntimeException("Context ("+b+") - Error cannot be null")}if(a[b]){throw new RuntimeException("Context ("+b+") already exists. must be unique.")}a[b]=d},errors:function(){return a},isEmpty:function(){return a.length==0},size:function(){return a.length}}};$namespace("org.owasp.esapi");org.owasp.esapi.ValidationRule=function(){return{getValid:false,setAllowNull:false,getTypeName:false,setTypeName:false,setEncoder:false,assertValid:false,getSafe:false,isValid:false,whitelist:false}};$namespace("org.owasp.esapi");org.owasp.esapi.Validator=function(){return{addRule:false,getRule:false,getValidInput:false,isValidDate:false,getValidDate:false,isValidSafeHTML:false,getValidSafeHTML:false,isValidCreditCard:false,getValidCreditCard:false,isValidFilename:false,getValidFilename:false,isValidNumber:false,getValidNumber:false,isValidPrintable:false,getValidPrintable:false}};$namespace("org.owasp.esapi.codecs.Base64");org.owasp.esapi.codecs.Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(h){if(!h){return null}var e="";var d,b,a,m,l,k,j;var f=0;var g=org.owasp.esapi.codecs.UTF8.encode(h);while(f<g.length){d=g.charCodeAt(f++);b=g.charCodeAt(f++);a=g.charCodeAt(f++);m=d>>2;l=((d&3)<<4)|(b>>4);k=((b&15)<<2)|(a>>6);j=a&63;if(isNaN(b)){k=j=64}else{if(isNaN(a)){j=64}}e+=this._keyStr.charAt(m)+this._keyStr.charAt(l)+this._keyStr.charAt(k)+this._keyStr.charAt(j)}return e},decode:function(h){if(!h){return null}var e="";var d,b,a,m,l,k,j;var f=0;var g=h.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<g.length){m=this._keyStr.indexOf(g.charAt(f++));l=this._keyStr.indexOf(g.charAt(f++));k=this._keyStr.indexOf(g.charAt(f++));j=this._keyStr.indexOf(g.charAt(f++));d=(m<<2)|(l>>4);b=((l&15)<<4)|(k>>2);a=((k&3)<<6)|j;e+=String.fromCharCode(d);if(k!=64){e+=String.fromCharCode(b)}if(j!=64){e+=String.fromCharCode(a)}}e=org.owasp.esapi.codecs.UTF8.decode(e);return e}};$namespace("org.owasp.esapi.codecs");org.owasp.esapi.codecs.CSSCodec=function(){var a=new org.owasp.esapi.codecs.Codec();return{encode:a.encode,decode:a.decode,encodeCharacter:function(b,e){if(b.contains(e)){return e}var d=org.owasp.esapi.codecs.Codec.getHexForNonAlphanumeric(e);if(d==null){return e}return"\\"+d+" "},decodeCharacter:function(l){l.mark();var h=l.next();if(h==null){l.reset();return null}if(h!="\\"){l.reset();return null}var d=l.next();if(d==null){l.reset();return null}if(l.isHexDigit(d)){var b=d;for(var f=0;f<6;f++){var k=l.next();if(k==null||k.charCodeAt(0)==32){break}if(l.isHexDigit(k)){b+=k}else{input.pushback(k);break}}try{var j=parseInt(b,16);return String.fromCharCode(j)}catch(g){l.reset();return null}}return d }}};$namespace("org.owasp.esapi.codecs");org.owasp.esapi.codecs.Codec=function(){return{encode:function(d,e){var a="";for(var b=0;b<e.length;b++){var f=e.charAt(b);a+=this.encodeCharacter(d,f)}return a},encodeCharacter:function(a,b){return b},decode:function(b){var a="";var d=new org.owasp.esapi.codecs.PushbackString(b);while(d.hasNext()){var e=this.decodeCharacter(d);if(e!=null){a+=e}else{a+=d.next()}}return a},decodeCharacter:function(a){return a.next()}}};org.owasp.esapi.codecs.Codec.getHexForNonAlphanumeric=function(a){if(a.charCodeAt(0)<256){return org.owasp.esapi.codecs.Codec.hex[a.charCodeAt(0)]}return a.charCodeAt(0).toString(16)};org.owasp.esapi.codecs.Codec.hex=[];for(var c=0;c<255;c++){if(c>=48&&c<=57||c>=65&&c<=90||c>=97&&c<=122){org.owasp.esapi.codecs.Codec.hex[c]=null}else{org.owasp.esapi.codecs.Codec.hex[c]=c.toString(16)}}var entityToCharacterMap=[];entityToCharacterMap["&quot"]="34";entityToCharacterMap["&amp"]="38";entityToCharacterMap["&lt"]="60";entityToCharacterMap["&gt"]="62";entityToCharacterMap["&nbsp"]="160";entityToCharacterMap["&iexcl"]="161";entityToCharacterMap["&cent"]="162";entityToCharacterMap["&pound"]="163";entityToCharacterMap["&curren"]="164";entityToCharacterMap["&yen"]="165";entityToCharacterMap["&brvbar"]="166";entityToCharacterMap["&sect"]="167";entityToCharacterMap["&uml"]="168";entityToCharacterMap["&copy"]="169";entityToCharacterMap["&ordf"]="170";entityToCharacterMap["&laquo"]="171";entityToCharacterMap["&not"]="172";entityToCharacterMap["&shy"]="173";entityToCharacterMap["&reg"]="174";entityToCharacterMap["&macr"]="175";entityToCharacterMap["&deg"]="176";entityToCharacterMap["&plusmn"]="177";entityToCharacterMap["&sup2"]="178";entityToCharacterMap["&sup3"]="179";entityToCharacterMap["&acute"]="180";entityToCharacterMap["&micro"]="181";entityToCharacterMap["&para"]="182";entityToCharacterMap["&middot"]="183";entityToCharacterMap["&cedil"]="184";entityToCharacterMap["&sup1"]="185";entityToCharacterMap["&ordm"]="186";entityToCharacterMap["&raquo"]="187";entityToCharacterMap["&frac14"]="188";entityToCharacterMap["&frac12"]="189";entityToCharacterMap["&frac34"]="190";entityToCharacterMap["&iquest"]="191";entityToCharacterMap["&Agrave"]="192";entityToCharacterMap["&Aacute"]="193";entityToCharacterMap["&Acirc"]="194";entityToCharacterMap["&Atilde"]="195";entityToCharacterMap["&Auml"]="196";entityToCharacterMap["&Aring"]="197";entityToCharacterMap["&AElig"]="198";entityToCharacterMap["&Ccedil"]="199";entityToCharacterMap["&Egrave"]="200";entityToCharacterMap["&Eacute"]="201";entityToCharacterMap["&Ecirc"]="202";entityToCharacterMap["&Euml"]="203";entityToCharacterMap["&Igrave"]="204";entityToCharacterMap["&Iacute"]="205";entityToCharacterMap["&Icirc"]="206";entityToCharacterMap["&Iuml"]="207";entityToCharacterMap["&ETH"]="208";entityToCharacterMap["&Ntilde"]="209";entityToCharacterMap["&Ograve"]="210";entityToCharacterMap["&Oacute"]="211";entityToCharacterMap["&Ocirc"]="212";entityToCharacterMap["&Otilde"]="213";entityToCharacterMap["&Ouml"]="214";entityToCharacterMap["&times"]="215";entityToCharacterMap["&Oslash"]="216";entityToCharacterMap["&Ugrave"]="217";entityToCharacterMap["&Uacute"]="218";entityToCharacterMap["&Ucirc"]="219";entityToCharacterMap["&Uuml"]="220";entityToCharacterMap["&Yacute"]="221";entityToCharacterMap["&THORN"]="222";entityToCharacterMap["&szlig"]="223";entityToCharacterMap["&agrave"]="224";entityToCharacterMap["&aacute"]="225";entityToCharacterMap["&acirc"]="226";entityToCharacterMap["&atilde"]="227";entityToCharacterMap["&auml"]="228";entityToCharacterMap["&aring"]="229";entityToCharacterMap["&aelig"]="230";entityToCharacterMap["&ccedil"]="231";entityToCharacterMap["&egrave"]="232";entityToCharacterMap["&eacute"]="233";entityToCharacterMap["&ecirc"]="234";entityToCharacterMap["&euml"]="235";entityToCharacterMap["&igrave"]="236";entityToCharacterMap["&iacute"]="237";entityToCharacterMap["&icirc"]="238";entityToCharacterMap["&iuml"]="239";entityToCharacterMap["&eth"]="240";entityToCharacterMap["&ntilde"]="241";entityToCharacterMap["&ograve"]="242";entityToCharacterMap["&oacute"]="243";entityToCharacterMap["&ocirc"]="244";entityToCharacterMap["&otilde"]="245";entityToCharacterMap["&ouml"]="246";entityToCharacterMap["&divide"]="247";entityToCharacterMap["&oslash"]="248";entityToCharacterMap["&ugrave"]="249";entityToCharacterMap["&uacute"]="250";entityToCharacterMap["&ucirc"]="251";entityToCharacterMap["&uuml"]="252";entityToCharacterMap["&yacute"]="253";entityToCharacterMap["&thorn"]="254";entityToCharacterMap["&yuml"]="255";entityToCharacterMap["&OElig"]="338";entityToCharacterMap["&oelig"]="339";entityToCharacterMap["&Scaron"]="352";entityToCharacterMap["&scaron"]="353";entityToCharacterMap["&Yuml"]="376";entityToCharacterMap["&fnof"]="402";entityToCharacterMap["&circ"]="710";entityToCharacterMap["&tilde"]="732";entityToCharacterMap["&Alpha"]="913";entityToCharacterMap["&Beta"]="914";entityToCharacterMap["&Gamma"]="915";entityToCharacterMap["&Delta"]="916"; entityToCharacterMap["&Epsilon"]="917";entityToCharacterMap["&Zeta"]="918";entityToCharacterMap["&Eta"]="919";entityToCharacterMap["&Theta"]="920";entityToCharacterMap["&Iota"]="921";entityToCharacterMap["&Kappa"]="922";entityToCharacterMap["&Lambda"]="923";entityToCharacterMap["&Mu"]="924";entityToCharacterMap["&Nu"]="925";entityToCharacterMap["&Xi"]="926";entityToCharacterMap["&Omicron"]="927";entityToCharacterMap["&Pi"]="928";entityToCharacterMap["&Rho"]="929";entityToCharacterMap["&Sigma"]="931";entityToCharacterMap["&Tau"]="932";entityToCharacterMap["&Upsilon"]="933";entityToCharacterMap["&Phi"]="934";entityToCharacterMap["&Chi"]="935";entityToCharacterMap["&Psi"]="936";entityToCharacterMap["&Omega"]="937";entityToCharacterMap["&alpha"]="945";entityToCharacterMap["&beta"]="946";entityToCharacterMap["&gamma"]="947";entityToCharacterMap["&delta"]="948";entityToCharacterMap["&epsilon"]="949";entityToCharacterMap["&zeta"]="950";entityToCharacterMap["&eta"]="951";entityToCharacterMap["&theta"]="952";entityToCharacterMap["&iota"]="953";entityToCharacterMap["&kappa"]="954";entityToCharacterMap["&lambda"]="955";entityToCharacterMap["&mu"]="956";entityToCharacterMap["&nu"]="957";entityToCharacterMap["&xi"]="958";entityToCharacterMap["&omicron"]="959";entityToCharacterMap["&pi"]="960";entityToCharacterMap["&rho"]="961";entityToCharacterMap["&sigmaf"]="962";entityToCharacterMap["&sigma"]="963";entityToCharacterMap["&tau"]="964";entityToCharacterMap["&upsilon"]="965";entityToCharacterMap["&phi"]="966";entityToCharacterMap["&chi"]="967";entityToCharacterMap["&psi"]="968";entityToCharacterMap["&omega"]="969";entityToCharacterMap["&thetasym"]="977";entityToCharacterMap["&upsih"]="978";entityToCharacterMap["&piv"]="982";entityToCharacterMap["&ensp"]="8194";entityToCharacterMap["&emsp"]="8195";entityToCharacterMap["&thinsp"]="8201";entityToCharacterMap["&zwnj"]="8204";entityToCharacterMap["&zwj"]="8205";entityToCharacterMap["&lrm"]="8206";entityToCharacterMap["&rlm"]="8207";entityToCharacterMap["&ndash"]="8211";entityToCharacterMap["&mdash"]="8212";entityToCharacterMap["&lsquo"]="8216";entityToCharacterMap["&rsquo"]="8217";entityToCharacterMap["&sbquo"]="8218";entityToCharacterMap["&ldquo"]="8220";entityToCharacterMap["&rdquo"]="8221";entityToCharacterMap["&bdquo"]="8222";entityToCharacterMap["&dagger"]="8224";entityToCharacterMap["&Dagger"]="8225";entityToCharacterMap["&bull"]="8226";entityToCharacterMap["&hellip"]="8230";entityToCharacterMap["&permil"]="8240";entityToCharacterMap["&prime"]="8242";entityToCharacterMap["&Prime"]="8243";entityToCharacterMap["&lsaquo"]="8249";entityToCharacterMap["&rsaquo"]="8250";entityToCharacterMap["&oline"]="8254";entityToCharacterMap["&frasl"]="8260";entityToCharacterMap["&euro"]="8364";entityToCharacterMap["&image"]="8365";entityToCharacterMap["&weierp"]="8472";entityToCharacterMap["&real"]="8476";entityToCharacterMap["&trade"]="8482";entityToCharacterMap["&alefsym"]="8501";entityToCharacterMap["&larr"]="8592";entityToCharacterMap["&uarr"]="8593";entityToCharacterMap["&rarr"]="8594";entityToCharacterMap["&darr"]="8595";entityToCharacterMap["&harr"]="8596";entityToCharacterMap["&crarr"]="8629";entityToCharacterMap["&lArr"]="8656";entityToCharacterMap["&uArr"]="8657";entityToCharacterMap["&rArr"]="8658";entityToCharacterMap["&dArr"]="8659";entityToCharacterMap["&hArr"]="8660";entityToCharacterMap["&forall"]="8704";entityToCharacterMap["&part"]="8706";entityToCharacterMap["&exist"]="8707";entityToCharacterMap["&empty"]="8709";entityToCharacterMap["&nabla"]="8711";entityToCharacterMap["&isin"]="8712";entityToCharacterMap["&notin"]="8713";entityToCharacterMap["&ni"]="8715";entityToCharacterMap["&prod"]="8719";entityToCharacterMap["&sum"]="8721";entityToCharacterMap["&minus"]="8722";entityToCharacterMap["&lowast"]="8727";entityToCharacterMap["&radic"]="8730";entityToCharacterMap["&prop"]="8733";entityToCharacterMap["&infin"]="8734";entityToCharacterMap["&ang"]="8736";entityToCharacterMap["&and"]="8743";entityToCharacterMap["&or"]="8744";entityToCharacterMap["&cap"]="8745";entityToCharacterMap["&cup"]="8746";entityToCharacterMap["&int"]="8747";entityToCharacterMap["&there4"]="8756";entityToCharacterMap["&sim"]="8764";entityToCharacterMap["&cong"]="8773";entityToCharacterMap["&asymp"]="8776";entityToCharacterMap["&ne"]="8800";entityToCharacterMap["&equiv"]="8801";entityToCharacterMap["&le"]="8804";entityToCharacterMap["&ge"]="8805";entityToCharacterMap["&sub"]="8834";entityToCharacterMap["&sup"]="8835";entityToCharacterMap["&nsub"]="8836";entityToCharacterMap["&sube"]="8838";entityToCharacterMap["&supe"]="8839";entityToCharacterMap["&oplus"]="8853";entityToCharacterMap["&otimes"]="8855";entityToCharacterMap["&perp"]="8869";entityToCharacterMap["&sdot"]="8901";entityToCharacterMap["&lceil"]="8968";entityToCharacterMap["&rceil"]="8969";entityToCharacterMap["&lfloor"]="8970";entityToCharacterMap["&rfloor"]="8971";entityToCharacterMap["&lang"]="9001";entityToCharacterMap["&rang"]="9002";entityToCharacterMap["&loz"]="9674"; entityToCharacterMap["&spades"]="9824";entityToCharacterMap["&clubs"]="9827";entityToCharacterMap["&hearts"]="9829";entityToCharacterMap["&diams"]="9830";var characterToEntityMap=[];for(var entity in entityToCharacterMap){characterToEntityMap[entityToCharacterMap[entity]]=entity}$namespace("org.owasp.esapi.codecs");org.owasp.esapi.codecs.HTMLEntityCodec=function(){var f=new org.owasp.esapi.codecs.Codec();var a=function(g){var h=g.peek();if(h==null){return null}if(h=="x"||h=="X"){g.next();return d(g)}return e(g)};var e=function(g){var h="";while(g.hasNext()){var j=g.peek();if(j.match(/[0-9]/)){h+=j;g.next()}else{if(j==";"){g.next();break}else{break}}}try{return parseInt(h)}catch(i){return null}};var d=function(g){var h="";while(g.hasNext()){var j=g.peek();if(j.match(/[0-9A-Fa-f]/)){h+=j;g.next()}else{if(j==";"){g.next();break}else{break}}}try{return parseInt(h,16)}catch(i){return null}};var b=function(h){var g="";while(h.hasNext()){var i=h.peek();if(i.match(/[A-Za-z]/)){g+=i;h.next();if(entityToCharacterMap.containsKey("&"+g)){if(h.peek(";")){h.next()}break}}else{if(i==";"){h.next()}else{break}}}return String.fromCharCode(entityToCharacterMap.getCaseInsensitive("&"+g))};return{encode:f.encode,decode:f.decode,encodeCharacter:function(h,k){if(h.contains(k)){return k}var i=org.owasp.esapi.codecs.Codec.getHexForNonAlphanumeric(k);if(i==null){return k}var j=k.charCodeAt(0);if((j<=31&&k!="\t"&&k!="\n"&&k!="\r")||(j>=127&&j<=159)||k==" "){return" "}var g=characterToEntityMap[j];if(g!=null){return g+";"}return"&#x"+i+";"},decodeCharacter:function(k){var g=k;g.mark();var i=g.next();if(i==null||i!="&"){g.reset();return null}var h=g.next();if(h==null){g.reset();return null}if(h=="#"){var j=a(g);if(j!=null){return j}}else{if(h.match(/[A-Za-z]/)){g.pushback(h);j=b(g);if(j!=null){return j}}}g.reset();return null}}};$namespace("org.owasp.esapi.codecs");org.owasp.esapi.codecs.JavascriptCodec=function(){var a=new org.owasp.esapi.codecs.Codec();return{encode:function(f,h){var d="";for(var b=0;b<h.length;b++){var g=h.charAt(b);if(f.contains(g)){d+=g}else{var i=org.owasp.esapi.codecs.Codec.getHexForNonAlphanumeric(g);if(i==null){d+=g}else{var e=g.charCodeAt(0).toString(16);if(g.charCodeAt(0)<256){var j="00".substr(e.length);d+="\\x"+j+e.toUpperCase()}else{j="0000".substr(e.length);d+="\\u"+j+e.toUpperCase()}}}}return d},decode:a.decode,decodeCharacter:function(p){p.mark();var k=p.next();if(k==null){p.reset();return null}if(k!="\\"){p.reset();return null}var b=p.next();if(b==null){p.reset();return null}if(b=="b"){return 8}else{if(b=="t"){return 9}else{if(b=="n"){return 10}else{if(b=="v"){return 11}else{if(b=="f"){return 12}else{if(b=="r"){return 13}else{if(b=='"'){return 34}else{if(b=="'"){return 39}else{if(b=="\\"){return 92}else{if(b.toLowerCase()=="x"){h="";for(var j=0;j<2;j++){var m=p.nextHex();if(m!=null){h+=m}else{input.reset();return null}}try{d=parseInt(h,16);return String.fromCharCode(d)}catch(l){p.reset();return null}}else{if(b.toLowerCase()=="u"){h="";for(j=0;j<4;j++){m=p.nextHex();if(m!=null){h+=m}else{input.reset();return null}}try{var d=parseInt(h,16);return String.fromCharCode(d)}catch(l){p.reset();return null}}else{if(p.isOctalDigit(b)){var h=b;var g=p.next();if(!p.isOctalDigit(g)){p.pushback(g)}else{h+=g;var f=p.next();if(!p.isOctalDigit(f)){p.pushback(f)}else{h+=f}}try{d=parseInt(h,8);return String.fromCharCode(d)}catch(l){p.reset();return null}}}}}}}}}}}}}return b}}};$namespace("org.owasp.esapi.codecs");org.owasp.esapi.codecs.PercentCodec=function(){var e=new org.owasp.esapi.codecs.Codec();var d="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";var b="-._~";var a=true;var g=d+(a?"":b);var f=function(h){var i="";if(h<-128||h>127){throw new IllegalArgumentException("b is not a byte (was "+h+")")}h&=255;if(h<16){i+="0"}return i+h.toString(16).toUpperCase()};return{encode:e.encode,decode:e.decode,encodeCharacter:function(k,l){if(g.indexOf(l)>-1){return l}var i=org.owasp.esapi.codecs.UTF8.encode(l);var j="";for(var h=0;h<i.length;h++){j+="%"+f(i.charCodeAt(h))}return j},decodeCharacter:function(q){q.mark();var l=q.next();if(l==null||l!="%"){q.reset();return null}var h="";for(var j=0;j<2;j++){var p=q.nextHex();if(p!=null){h+=p}}if(h.length==2){try{var m=parseInt(h,16);return String.fromCharCode(m)}catch(k){}}q.reset();return null}}};$namespace("org.owasp.esapi.codecs");org.owasp.esapi.codecs.PushbackString=function(b){var e=b,g="",a="",f=0,d=0;return{pushback:function(h){g=h},index:function(){return f},hasNext:function(){if(g!=null){return true}return !(e==null||e.length==0||f>=e.length)},next:function(){if(g!=null){var h=g;g=null;return h}if(e==null||e.length==0||f>=e.length){return null}return e.charAt(f++)},nextHex:function(){var h=this.next();if(this.isHexDigit(h)){return h}return null},nextOctal:function(){var h=this.next();if(this.isOctalDigit(h)){return h}return null},isHexDigit:function(h){return h!=null&&((h>="0"&&h<="9")||(h>="a"&&h<="f")||(h>="A"&&h<="F"))},isOctalDigit:function(h){return h!=null&&(h>="0"&&h<="7") },peek:function(h){if(!h){if(g!=null){return g}if(e==null||e.length==0||f>=e.length){return null}return e.charAt(f)}else{if(g!=null&&g==h){return true}if(e==null||e.length==0||f>=e.length){return false}return e.charAt(f)==h}},mark:function(){a=g;d=f},reset:function(){g=a;f=d},remainder:function(){var h=e.substr(f);if(g!=null){h=g+h}return h}}};$namespace("org.owasp.esapi.codecs");org.owasp.esapi.codecs.UTF8={encode:function(d){var b=d.replace(/\r\n/g,"\n");var a="";for(var f=0;f<b.length;f++){var e=b.charCodeAt(f);if(e<128){a+=String.fromCharCode(e)}else{if((e>127)&&(e<2048)){a+=String.fromCharCode((e>>6)|192);a+=String.fromCharCode((e&63)|128)}else{a+=String.fromCharCode((e>>12)|224);a+=String.fromCharCode(((e>>6)&63)|128);a+=String.fromCharCode((e&63)|128)}}}return a},decode:function(d){var a="";var b=c=c1=c2=0;while(b<d.length){c=d.charCodeAt(b);if(c<128){a+=String.fromCharCode(c);b++}else{if((c>191)&&(c<224)){c2=d.charCodeAt(b+1);a+=String.fromCharCode(((c&31)<<6)|(c2&63));b+=2}else{c2=utftext.charCodeAt(b+1);c3=utftext.charCodeAt(b+2);string+=String.fromCharCode(((c&15)<<12)|((c2&63)<<6)|(c3&63));b+=3}}}return a}};$namespace("org.owasp.esapi.i18n");org.owasp.esapi.i18n.ArrayResourceBundle=function(sName,oLocale,aMessages,oParent){with(org.owasp.esapi.i18n){var _super=new ResourceBundle(sName,oLocale,oParent)}var messages=aMessages;return{getParent:_super.getParent,getLocale:_super.getLocale,getName:_super.getName,getString:_super.getString,getMessage:function(sKey){return messages[sKey]}}};$namespace("org.owasp.esapi.i18n");org.owasp.esapi.i18n.Locale=function(f,d,a){var g=f,e=d,b=a;return{getLanguage:function(){return g},getCountry:function(){return e},getVariant:function(){return b},toString:function(){return g+(e?"-"+e+(b?"-"+b:""):"")}}};org.owasp.esapi.i18n.Locale.US=new org.owasp.esapi.i18n.Locale("en","US");org.owasp.esapi.i18n.Locale.GB=new org.owasp.esapi.i18n.Locale("en","GB");org.owasp.esapi.i18n.Locale.getLocale=function(b){var a=b.split("-");return new org.owasp.esapi.i18n.Locale(a[0],(a.length>1?a[1]:""),(a.length>2?a.length[2]:""))};org.owasp.esapi.i18n.Locale.getDefault=function(){var a=(navigator.language?navigator.language:(navigator.userLanguage?navigator.userLanguage:"en-US")).split("-");return new org.owasp.esapi.i18n.Locale(a[0],(a.length>1?a[1]:""),(a.length>2?a.length[2]:""))};$namespace("org.owasp.esapi.i18n");org.owasp.esapi.i18n.ObjectResourceBundle=function(e,d){var b=new org.owasp.esapi.i18n.ResourceBundle(e.name,org.owasp.esapi.i18n.Locale.getLocale(e.locale),d);var a=e.messages;return{getParent:b.getParent,getLocale:b.getLocale,getName:b.getName,getString:b.getString,getMessage:function(f){return a[f]}}};$namespace("org.owasp.esapi.i18n");org.owasp.esapi.i18n.ResourceBundle=function(g,e,b){var f=b;var a=e;var d=g;if(!d){throw new SyntaxError("Name required for implementations of org.owasp.esapi.i18n.ResourceBundle")}if(!a){throw new SyntaxError("Locale required for implementations of org.owasp.esapi.i18n.ResourceBundle")}return{getParent:function(){return f},getLocale:function(){return a},getName:function(){return d},getMessage:function(h){return h},getString:function(l,p){if(arguments.length<1){throw new IllegalArgumentException("No key passed to getString")}var m=this.getMessage(l);if(!m){if(f){return f.getString(l,p)}else{return l}}if(!m.match(/\{([A-Za-z]+)\}/)||!p){return m}var h="",n=0;while(true){var j=m.indexOf("{",n);var k=m.indexOf("}",j);if(j<0){h+=m.substr(n,m.length-n);break}if(j>=0&&k<-1){throw new SyntaxError("Invalid Message - Unclosed Context Reference: "+m)}h+=m.substring(n,j);var i=m.substring(j+1,k);if(p[i]){h+=p[i]}else{h+=m.substring(j,k+1)}n=k+1}return h}}};org.owasp.esapi.i18n.ResourceBundle.getResourceBundle=function(sResource,oLocale){var classname=sResource+"_"+oLocale.toString().replace("-","_");with(org.owasp.esapi.i18n){if(ResourceBundle[classname] instanceof Object){return ResourceBundle[classname]}else{return new ResourceBundle[classname]()}}};$namespace("org.owasp.esapi.net");org.owasp.esapi.net.Cookie=function(g,n){var b;var m;var h;var f;var l;var p;var a;var k;var d=$ESAPI.resourceBundle();var i=",; ";var e=function(u){for(var r=0,q=u.length;r<q;r++){var t=u.charCodeAt(r),s=u.charAt(r);if(t<32||t>=127||i.indexOf(s)!=-1){return false}}return true};if(!e(g)||g.toLowerCase()=="comment"||g.toLowerCase()=="discard"||g.toLowerCase()=="domain"||g.toLowerCase()=="expires"||g.toLowerCase()=="max-age"||g.toLowerCase()=="path"||g.toLowerCase()=="secure"||g.toLowerCase()=="version"||g.charAt(0)=="$"){var j=d.getString("Cookie.Name",{name:g});throw new IllegalArgumentException(j)}b=g;m=n;return{setComment:function(q){h=q},getComment:function(){return h},setDomain:function(q){f=q.toLowerCase()},getDomain:function(){return f},setMaxAge:function(q){l=q},getMaxAge:function(){return l},setPath:function(q){p=q},getPath:function(){return p},setSecure:function(q){a=q},getSecure:function(){return a},getName:function(){return b},setValue:function(q){m=q},getValue:function(){return m },setVersion:function(q){if(q<0||q>1){throw new IllegalArgumentException(d.getString("Cookie.Version",{version:q}))}k=q},getVersion:function(){return k}}};$namespace("org.owasp.esapi.reference.encoding");org.owasp.esapi.reference.encoding.DefaultEncoder=function(a){var h=[],k=new org.owasp.esapi.codecs.HTMLEntityCodec(),f=new org.owasp.esapi.codecs.JavascriptCodec(),g=new org.owasp.esapi.codecs.CSSCodec(),b=new org.owasp.esapi.codecs.PercentCodec();if(!a){h.push(k);h.push(f);h.push(g);h.push(b)}else{h=a}var e=new Array(",",".","-","_"," ");var d=new Array(",",".","-","_");var j=new Array();var i=new Array(",",".","_");return{canonicalize:function(r,m){if(!r){return null}var l=r,p=null,s=1,n=0,q=false;while(!q){q=true;h.each(function(u){var t=l;l=u.decode(l);if(t!=l){if(p!=null&&p!=u){s++}p=u;if(q){n++}q=false}})}if(n>=2&&s>1){if(m){throw new org.owasp.esapi.IntrusionException("Input validation failure","Multiple ("+n+"x) and mixed encoding ("+s+"x) detected in "+r)}}else{if(n>=2){if(m){throw new org.owasp.esapi.IntrusionException("Input validation failure","Multiple ("+n+"x) encoding detected in "+r)}}else{if(s>1){if(m){throw new org.owasp.esapi.IntrusionException("Input validation failure","Mixed ("+s+"x) encoding detected in "+r)}}}}return l},normalize:function(l){return l.replace(/[^\x00-\x7F]/g,"")},encodeForHTML:function(l){return !l?null:k.encode(e,l)},decodeForHTML:function(l){return !l?null:k.decode(l)},encodeForHTMLAttribute:function(l){return !l?null:k.encode(d,l)},encodeForCSS:function(l){return !l?null:g.encode(j,l)},encodeForJavaScript:function(l){return !l?null:f.encode(i,l)},encodeForJavascript:this.encodeForJavaScript,encodeForURL:function(l){return !l?null:escape(l)},decodeFromURL:function(l){return !l?null:unescape(l)},encodeForBase64:function(l){return !l?null:org.owasp.esapi.codecs.Base64.encode(l)},decodeFromBase64:function(l){return !l?null:org.owasp.esapi.codecs.Base64.decode(l)}}};$namespace("org.owasp.esapi.reference.logging");org.owasp.esapi.reference.logging.Log4JSLogFactory=function(){var d=Array();var b=function(m){var f=null;var e=m?m:null;var k=Log4js.Level;var i=false,j=false,l=false,h=$ESAPI.encoder().encodeForHTML;f=Log4js.getLogger(e);var g=function(p){var n=org.owasp.esapi.Logger;switch(p){case n.OFF:return Log4js.Level.OFF;case n.FATAL:return Log4js.Level.FATAL;case n.ERROR:return Log4js.Level.ERROR;case n.WARNING:return Log4js.Level.WARN;case n.INFO:return Log4js.Level.INFO;case n.DEBUG:return Log4js.Level.DEBUG;case n.TRACE:return Log4js.Level.TRACE;case n.ALL:return Log4js.Level.ALL}};return{setLevel:function(n){try{f.setLevel(g(n))}catch(p){this.error(org.owasp.esapi.Logger.SECURITY_FAILURE,"",p)}},trace:function(p,n,q){this.log(k.TRACE,p,n,q)},debug:function(p,n,q){this.log(k.DEBUG,p,n,q)},info:function(p,n,q){this.log(k.INFO,p,n,q)},warning:function(p,n,q){this.log(k.WARN,p,n,q)},error:function(p,n,q){this.log(k.ERROR,p,n,q)},fatal:function(p,n,q){this.log(k.FATAL,p,n,q)},log:function(s,r,p,t){switch(s){case k.TRACE:if(!f.isTraceEnabled()){return}break;case k.DEBUG:if(!f.isDebugEnabled()){return}break;case k.INFO:if(!f.isInfoEnabled()){return}break;case k.WARNING:if(!f.isWarnEnabled()){return}break;case k.ERROR:if(!f.isErrorEnabled()){return}break;case k.FATAL:if(!f.isFatalEnabled()){return}break}if(!p){p=""}p="["+r.toString()+"] - "+p;var n=p.replace("\n","_").replace("\r","_");if(l){n=h(n);if(n!=p){n+=" [Encoded]"}}var q=(i?window.location.href:"")+(j?"/"+$ESAPI.properties.application.Name:"");f.log(s,(q!=""?"["+q+"] ":"")+n,t)},addAppender:function(n){f.addAppender(n)},isLogUrl:function(){return i},setLogUrl:function(n){i=n},isLogApplicationName:function(){return j},setLogApplicationName:function(n){j=n},isEncodingRequired:function(){return l},setEncodingRequired:function(n){l=n},setEncodingFunction:function(n){h=n},isDebugEnabled:function(){return f.isDebugEnabled()},isErrorEnabled:function(){return f.isErrorEnabled()},isFatalEnabled:function(){return f.isFatalEnabled()},isInfoEnabled:function(){return f.isInfoEnabled()},isTraceEnabled:function(){return f.isTraceEnabled()},isWarningEnabled:function(){return f.isWarnEnabled()}}};var a=function(f){var e=$ESAPI.properties.logging;if(e[f]){e=e[f]}return e};return{getLogger:function(g){var h=(typeof g=="string")?g:g.constructor.toString();var f=d[h];if(!f){f=new b(h);var e=a(g);f.setLevel(e.Level);f.setLogUrl(e.LogUrl);f.setLogApplicationName(e.LogApplicationName);f.setEncodingRequired(e.EncodingRequired);if(e.EncodingFunction){f.setEncodingFunction(e.EncodingFunction)}e.Appenders.each(function(i){if(e.Layout){i.setLayout(e.Layout)}f.addAppender(i)});d[h]=f}return f}}};$namespace("org.owasp.esapi.reference.validation");org.owasp.esapi.reference.validation.BaseValidationRule=function(f,h,a){var g=$ESAPI.logger("Validation");var b=org.owasp.esapi.Logger.EventType;var i=f;var j=h?h:$ESAPI.encoder();var l=false;var e=org.owasp.esapi.i18n.ResourceBundle;var k=a?a:$ESAPI.locale();var d;if($ESAPI.properties.validation.ResourceBundle){d=e.getResourceBundle($ESAPI.properties.validation.ResourceBundle,k) }if(!d){d=$ESAPI.resourceBundle();g.info(b.EVENT_FAILURE,"No Validation ResourceBundle - Defaulting to "+d.getName()+"("+d.getLocale().toString()+")")}g.info(b.EVENT_SUCCESS,"Validation Rule Initialized with ResourceBundle: "+d.getName());return{setAllowNull:function(m){l=m},isAllowNull:function(){return l},getTypeName:function(){return i},setTypeName:function(m){i=m},setEncoder:function(m){j=m},getEncoder:function(){return j},assertValid:function(m,n){this.getValid(m,n)},getValid:function(m,p,r){var q=null;try{q=this.getValidInput(m,p)}catch(n){return this.sanitize(m,p)}return q},getValidInput:function(m,n){return n},getSafe:function(m,p){var q=null;try{q=this.getValidInput(m,p)}catch(n){return this.sanitize(m,p)}return q},sanitize:function(m,n){return n},isValid:function(m,p){var q=false;try{this.getValidInput(m,p);q=true}catch(n){return false}return q},whitelist:function(n,p){var q="";for(var m=0;m<n.length;m++){var r=n.charAt(m);if(p.contains(r)){q+=r}}return q},getUserMessage:function(p,m,n){return this.getMessage(p+".Usr",m+".Usr",n)},getLogMessage:function(p,m,n){return this.getMessage(p+".Log",m+".Log",n)},getMessage:function(p,m,n){return d.getString(p,n)?d.getString(p,n):d.getString(m,n)},validationException:function(p,m,q,n){throw new org.owasp.esapi.reference.validation.ValidationException(this.getUserMessage(p+"."+q,m+"."+q,n),this.getLogMessage(p+"."+q,m+"."+q,n),p)}}};$namespace("org.owasp.esapi.reference.validation");org.owasp.esapi.reference.validation.CreditCardValidationRule=function(b,f,a){var j=new org.owasp.esapi.reference.validation.BaseValidationRule(b,f,a);var h="CreditCard";var d=19;var g;var e=function(){var l=new RegExp($ESAPI.properties.validation.CreditCard);var k=new org.owasp.esapi.reference.validation.StringValidationRule("ccrule",j.getEncoder(),a,l);k.setMaxLength(d);k.setAllowNull(false);return k};ccRule=e();var i=function(k){var s="";var q;for(var n=0;o<k.length;n++){q=k.charAt(n);if(q.match(/[0-9]/)){s+=q}}var p=0,r=0,l=0,t=false;for(var m=s.length-1;m>=0;m--){r=parseInt(s.substring(m,n+1));if(t){l=r*2;if(l>9){l-=9}}else{l=r}p+=l;t=!t}return p%10==0};return{getMaxCardLength:function(){return d},setMaxCardLength:function(k){d=k},setAllowNull:j.setAllowNull,isAllowNull:j.isAllowNull,getTypeName:j.getTypeName,setTypeName:j.setTypeName,setEncoder:j.setEncoder,getEncoder:j.getEncoder,assertValid:j.assertValid,getValid:j.getValid,getValidInput:function(l,m){if(!m||m.trim()==""){if(this.isAllowNull()){return null}j.validationException(l,h,"Required",{context:l,input:m})}var k=g.getValid(l,m);if(!i(k)){j.validationException(l,h,"Invalid",{context:l,input:m})}return k},getSafe:j.getSafe,sanitize:function(k,l){return this.whitelist(l,org.owasp.esapi.EncoderConstants.CHAR_DIGITS)},isValid:j.isValid,whitelist:j.whitelist}};$namespace("org.owasp.esapi.reference.validation");org.owasp.esapi.reference.validation.DateValidationRule=function(a,d,b){var f=new org.owasp.esapi.reference.validation.BaseValidationRule(a,d,b);var h="Date";var g=DateFormat.getDateInstance();var e=function(j,k){if(!j||j.trim()==""){if(f.isAllowNull()){return null}f.validationException(j,h,"Required",{context:j,input:k,format:g})}var i=f.getEncoder().canonicalize(k);try{return g.parse(i)}catch(l){f.validationException(j,h,"Invalid",{context:j,input:k,format:g})}};return{setDateFormat:function(i){if(!i){throw new IllegalArgumentException("DateValidationRule.setDateFormat requires a non-null DateFormat")}g=i},setAllowNull:f.setAllowNull,isAllowNull:f.isAllowNull,getTypeName:f.getTypeName,setTypeName:f.setTypeName,setEncoder:f.setEncoder,getEncoder:f.getEncoder,assertValid:f.assertValid,getValid:f.getValid,getValidInput:function(i,j){return e(i,j)},getSafe:f.getSafe,sanitize:function(i,k){var j=new Date(0);try{j=e(i,k)}catch(l){}return j},isValid:f.isValid,whitelist:f.whitelist}};$namespace("org.owasp.esapi.reference.validation");org.owasp.esapi.reference.validation.DefaultValidator=function(e,b){var g=Array();var d=e?e:$ESAPI.encoder();var a=b?b:org.owasp.esapi.i18n.Locale.getDefault();var f=org.owasp.esapi.reference.validation;return{addRule:function(h){g[h.getName()]=h},getRule:function(h){return g[h]},isValidInput:function(h,k,m,j,i){try{this.getValidInput(h,k,m,j,i);return true}catch(l){return false}},getValidInput:function(i,q,h,l,k,r){var n=new org.owasp.esapi.reference.validation.StringValidationRule(h,d,a);var j=new RegExp($ESAPI.properties.validation[h]);if(j&&j instanceof RegExp){n.addWhitelistPattern(j)}else{throw new IllegalArgumentException("Invalid Type: "+h+" not found.")}n.setMaxLength(l);n.setAllowNull(k);try{return n.getValid(i,q)}catch(m){if(m instanceof j.ValidationErrorList&&r){r.addError(i,m)}throw m}},isValidDate:function(i,k,h,j){try{this.getValidDate(i,k,h,j);return true}catch(l){return false}},getValidDate:function(i,k,h,j,n){var l=new f.DateValidationRule(i,d,a);l.setAllowNull(j);l.setDateFormat(h);try{return l.getValid(i,k)}catch(m){if(m instanceof f.ValidationErrorList&&n){n.addError(i,m) }throw m}},getValidCreditCard:function(h,j,i,m){var k=new f.CreditCardValidationRule(h,d,a);k.setAllowNull(i);try{return k.getValid(h,j)}catch(l){if(l instanceof f.ValidationErrorList&&m){m.addError(h,l)}throw l}},isValidCreditCard:function(h,j,i){try{this.getValidCreditCard(h,j,i);return true}catch(k){return false}},getValidNumber:function(i,k,j,n,p,m){var h=new f.NumberValidationRule(i,d,a,n,p);h.setAllowNull(j);try{return h.getValid(i,k)}catch(l){if(l instanceof f.ValidationErrorList&&m){m.addError(i,l)}throw l}},isValidNumber:function(h,j,i,l,m){try{this.getValidNumber(h,j,i,l,m);return true}catch(k){return false}},getValidInteger:function(i,k,j,n,p,m){var h=new f.IntegerValidationRule(i,d,a,n,p);h.setAllowNull(j);try{return h.getValid(i,k)}catch(l){if(l instanceof f.ValidationErrorList&&m){m.addError(i,l)}throw l}},isValidInteger:function(h,j,i,l,m){try{this.getValidInteger(h,j,i,l,m);return true}catch(k){return false}}}};$namespace("org.owasp.esapi.reference.validation");org.owasp.esapi.reference.validation.IntegerValidationRule=function(b,e,a,k,h){var j=new org.owasp.esapi.reference.validation.BaseValidationRule(b,e,a);var d="Integer";var i=k?k:Number.MIN_VALUE;var f=h?h:Number.MAX_VALUE;if(i>=f){throw new IllegalArgumentException("minValue must be less than maxValue")}var g=function(m,p){if(!p||p.trim()==""){if(j.allowNull()){return null}j.validationException(m,d,"Required",{context:m,input:p,minValue:i,maxValue:f})}var l=j.getEncoder().canonicalize(p);var q=parseInt(l);if(q=="NaN"){j.validationException(m,d,"NaN",{context:m,input:p,minValue:i,maxValue:f})}if(q<i){j.validationException(m,d,"MinValue",{context:m,input:p,minValue:i,maxValue:f})}if(q>f){j.validationException(m,d,"MaxValue",{context:m,input:p,minValue:i,maxValue:f})}return q};return{setMinValue:function(l){i=l},getMinValue:function(){return i},setMaxValue:function(l){f=l},getMaxValue:function(){return f},setAllowNull:j.setAllowNull,isAllowNull:j.isAllowNull,getTypeName:j.getTypeName,setTypeName:j.setTypeName,setEncoder:j.setEncoder,getEncoder:j.getEncoder,assertValid:j.assertValid,getValid:j.getValid,getValidInput:function(l,m){return g(l,m)},getSafe:j.getSafe,sanitize:function(l,m){var q=0;try{q=g(l,m)}catch(p){}return q},isValid:j.isValid,whitelist:j.whitelist}};$namespace("org.owasp.esapi.reference.validation");org.owasp.esapi.reference.validation.NumberValidationRule=function(b,f,a,h,e){var k=new org.owasp.esapi.reference.validation.BaseValidationRule(b,f,a);var d="Number";var j=h?h:Number.MIN_VALUE;var g=e?e:Number.MAX_VALUE;if(j>=g){throw new IllegalArgumentException("MinValue must be less that MaxValue")}var i=function(m,n){if(!n||n.trim()==""){if(k.isAllowNull()){return null}k.validationException(m,d,"Required",{context:m,input:n,minValue:j,maxValue:g})}var l=k.getEncoder().canonicalize(n);var p=0;try{p=parseFloat(l)}catch(q){k.validationException(m,d,"Invalid",{context:m,input:n,minValue:j,maxValue:g})}if(p=="NaN"){k.validationException(m,d,"NaN",{context:m,input:n,minValue:j,maxValue:g})}if(p<j){k.validationException(m,d,"MinValue",{context:m,input:n,minValue:j,maxValue:g})}if(p>g){k.validationException(m,d,"MaxValue",{context:m,input:n,minValue:j,maxValue:g})}return p};return{setMinValue:function(l){j=l},getMinValue:function(){return j},setMaxValue:function(l){g=l},getMaxValue:function(){return g},setAllowNull:k.setAllowNull,isAllowNull:k.isAllowNull,getTypeName:k.getTypeName,setTypeName:k.setTypeName,setEncoder:k.setEncoder,getEncoder:k.getEncoder,assertValid:k.assertValid,getValid:k.getValid,getValidInput:function(l,m){return i(l,m)},getSafe:k.getSafe,sanitize:function(l,m){var q=0;try{q=i(l,m)}catch(p){}return q},isValid:k.isValid,whitelist:k.whitelist}};$namespace("org.owasp.esapi.reference.validation");org.owasp.esapi.reference.validation.StringValidationRule=function(g,l,a,p){var q=new org.owasp.esapi.reference.validation.BaseValidationRule(g,l,a);var h="String";var n=Array();var f=Array();var e=0;var b=Number.MAX_VALUE;var m=true;if(p){if(p instanceof String){n.push(new RegExp(p))}else{if(p instanceof RegExp){n.push(p)}else{throw new IllegalArgumentException("sWhiteListPattern must be a string containing RegExp or a RegExp Object")}}}var k=function(r,t,s){n.each(function(u){if(t.match(u)){q.validationException(r,h,"Whitelist",{context:r,input:t,orig:s,pattern:u.toString(),minLength:e,maxLength:b,validateInputAndCanonical:m})}})};var j=function(r,t,s){f.each(function(u){if(t.match(u)){q.validationException(r,h,"Blacklist",{context:r,input:t,orig:s,pattern:u.toString(),minLength:e,maxLength:b,validateInputAndCanonical:m})}})};var d=function(r,t,s){if(t.length<e){q.validationException(r,h,"MinLength",{context:r,input:t,orig:s,minLength:e,maxLength:b,validateInputAndCanonical:m})}if(t.length>b){q.validationException(r,h,"MaxLength",{context:r,input:t,orig:s,minLength:e,maxLength:b,validateInputAndCanonical:m})}return t};var i=function(r,t,s){if(!t||t.trim()==""){if(q.isAllowNull()){return null}q.validationException(r,h,"Required",{context:r,input:t,orig:s,minLength:e,maxLength:b,validateInputAndCanonical:m}) }};return{addWhitelistPattern:function(r){if(r instanceof String){n.push(new RegExp(r))}else{if(r instanceof RegExp){n.push(r)}else{throw new IllegalArgumentException("p must be a string containing RegExp or a RegExp Object")}}},addBlacklistPattern:function(r){if(r instanceof String){f.push(new RegExp(r))}else{if(r instanceof RegExp){f.push(r)}else{throw new IllegalArgumentException("p must be a string containing RegExp or a RegExp Object")}}},setMinLength:function(r){e=r},getMinLength:function(){return e},setMaxLength:function(r){b=r},getMaxLength:function(){return b},setValidateInputAndCanonical:function(r){m=r},isValidateInputAndCanonical:function(){return m},setAllowNull:q.setAllowNull,isAllowNull:q.isAllowNull,getTypeName:q.getTypeName,setTypeName:q.setTypeName,setEncoder:q.setEncoder,getEncoder:q.getEncoder,assertValid:q.assertValid,getValid:q.getValid,getValidInput:function(s,t){var r=null;if(i(s,t)==null){return null}if(m){d(s,t);k(s,t);j(s,t)}r=this.getEncoder().canonicalize(t);if(i(s,r,t)==null){return null}d(s,r,t);k(s,r,t);j(s,r,t);return r},getSafe:q.getSafe,sanitize:function(r,s){return this.whitelist(s,org.owasp.esapi.EncoderConstants.CHAR_ALNUM)},isValid:q.isValid,whitelist:q.whitelist}};$namespace("org.owasp.esapi.reference.validation");org.owasp.esapi.reference.validation.ValidationException=function(d,b){var f,a;if(arguments[2]&&arguments[2] instanceof Exception){f=arguments[2];if(arguments[3]&&arguments[3] instanceof String){a=arguments[3]}}else{if(arguments[2]&&arguments[2] instanceof String){a=arguments[2]}}var e=new org.owasp.esapi.EnterpriseSecurityException(d,b,f);return{setContext:function(g){a=g},getContext:function(){return a},getMessage:e.getMessage,getUserMessage:e.getMessage,getLogMessage:e.getLogMessage,getStackTrace:e.getStackTrace,printStackTrace:e.printStackTrace}};

var ESAPI_Standard_en_US = { name: 'ESAPI Standard Messages - US English', locale: 'en-US', messages: { "Test" : "This is test #{testnumber}", // Messages for validation "CreditCard.Required.Usr" : "{context}: Input credit card required", "CreditCard.Required.Log" : "Input credit card required: context={context}, input={input}", "CreditCard.Invalid.Usr" : "{context}: Invalid credit card input", "CreditCard.Invalid.Log" : "Invalid credit card input: context={context}, input={input}", "Date.Required.Usr" : "{context}: Input date required in {format} format", "Date.Required.Log" : "Date required: context={context}, input={input}, format={format}", "Date.Invalid.Usr" : "{context}: Invalid date, please use {format} format", "Date.Invalid.Log" : "Invalid date: context={context}, input={input}, format={format}", "Integer.Required.Usr" : "{context}: Input number required", "Integer.Required.Log" : "Input number required: context={context}, input={input}, minValue={minValue}, maxValue={maxValue}", "Integer.NaN.Usr" : "{context}: Invalid number", "Integer.NaN.Log" : "Invalid number: context={context}, input={input}, minValue={minValue}, maxValue={maxValue}", "Integer.MinValue.Usr" : "{context}: Invalid number - Must be greater than {minValue}", "Integer.MinValue.Log" : "Invalid number: context={context}, input={input}, minValue={minValue}, maxValue={maxValue}", "Integer.MaxValue.Usr" : "{context}: Invalid number - Must be less than {maxValue}", "Integer.MaxValue.Log" : "Invalid number: context={context}, input={input}, minValue={minValue}, maxValue={maxValue}", "Number.Required.Usr" : "{context}: Input number required", "Number.Required.Log" : "Input number required: context={context}, input={input}, minValue={minValue}, maxValue={maxValue}", "Number.NaN.Usr" : "{context}: Invalid number", "Number.NaN.Log" : "Invalid number: context={context}, input={input}, minValue={minValue}, maxValue={maxValue}", "Number.MinValue.Usr" : "{context}: Invalid number - Must be greater than {minValue}", "Number.MinValue.Log" : "Invalid number: context={context}, input={input}, minValue={minValue}, maxValue={maxValue}", "Number.MaxValue.Usr" : "{context}: Invalid number - Must be less than {maxValue}", "Number.MaxValue.Log" : "Invalid number: context={context}, input={input}, minValue={minValue}, maxValue={maxValue}", "String.Required.Usr" : "{context}: Input required", "String.Required.Log" : "Input required: context={context}, input={input}, original={orig}", "String.Whitelist.Usr" : "{context}: Invalid input - Conform to regex {pattern}", "String.Whitelist.Log" : "Invalid input - Whitelist validation failed: context={context}, input={input}, original={orig}, pattern={pattern}", "String.Blacklist.Usr" : "{context}: Invalid input - Dangerous input matching {pattern} detected", "String.Blacklist.Log" : "Invalid input - Blacklist validation failed: context={context}, input={input}, original={orig}, pattern={pattern}", "String.MinLength.Usr" : "{context}: Invalid input - Minimum length is {minLength}", "String.MinLength.Log" : "Invalid input - Too short: context={context}, input={input}, original={orig}, minLength={minLength}", "String.MaxLength.Usr" : "{context}: Invalid input - Maximum length is {maxLength}", "String.MaxLength.Log" : "Invalid input - Too long: context={context}, input={input}, original={orig}, maxLength={maxLength}", // Error Messages for Exceptions "HTTPUtilities.Cookie.Protocol" : "Cookies disallowed on non http[s] requests. Current protocol: {protocol}", "HTTPUtilities.Cookie.UnsafeData" : "Attempt to add unsafe data to cookie (skip mode) - Cookie: {name}={value}", "HTTPUtilities.Cookie.CantKill" : "Unable to kill cookie named {name}", "Cookie.Name" : "Cookie name \"{name}\" is a reserved token", "Cookie.Version" : "Cookie version \"{version}\" is not a valid version. Version must be 0 or 1." } };

/* * OWASP Enterprise Security API (ESAPI) * * This file is part of the Open Web Application Security Project (OWASP) * Enterprise Security API (ESAPI) project. For details, please see * <a href="http://www.owasp.org/index.php/ESAPI">http://www.owasp.org/index.php/ESAPI</a>. * * Copyright (c) 2008 - The OWASP Foundation * * The ESAPI is published by OWASP under the BSD license. You should read and accept the * LICENSE before you use, modify, and/or redistribute this software. */ $namespace('Base.esapi.properties'); Base.esapi.properties = { application: { // Change this value to reflect your application, or override it in an application scoped configuration. Name: 'ESAPI4JS Base Application' }, httputilities: { cookies: { ForceSecure: true } }, logging: { Implementation: org.owasp.esapi.reference.logging.Log4JSLogFactory, Level: org.owasp.esapi.Logger.ERROR, // For a console that pops up in a seperate window // Appenders: [ new ConsoleAppender(true) ], // To log to a logging service on the server // Appenders: [ new AjaxAppender( '/log/' ) ], // Default to log nowhere Appenders: [ ], LogUrl: false, LogApplicationName: false, EncodingRequired: true }, encoder: { Implementation: org.owasp.esapi.reference.encoding.DefaultEncoder, AllowMultipleEncoding: false }, localization: { StandardResourceBundle: ESAPI_Standard_en_US, DefaultLocale: 'en-US' }, validation: { Implementation: org.owasp.esapi.reference.validation.DefaultValidator, AccountName: '^[a-zA-Z0-9]{3,20}$', SafeString: '[a-zA-Z0-9\\-_+]*', Email: '^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\\.[a-zA-Z]{2,4}$', IPAddress: '^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$', URL: '^(ht|f)tp(s?)\\:\\/\\/[0-9a-zA-Z]([-.\\w]*[0-9a-zA-Z])*(:(0-9)*)*(\\/?)([a-zA-Z0-9\\-\\.\\?\\,\\:\\\'\\/\\\\\\+=&amp;%\\$#_]*)?$', CreditCard: '^(\\d{4}[- ]?){3}\\d{4}$', SSN: '^(?!000)([0-6]\\d{2}|7([0-6]\\d|7[012]))([ -]?)(?!00)\\d\\d\\3(?!0000)\\d{4}$', HttpScheme: '^(http|https)$', HttpServerName: '^[a-zA-Z0-9_.\\-]*$', HttpParameterName: '^[a-zA-Z0-9_]{1,32}$', HttpParameterValue: '^[a-zA-Z0-9.\\-\\/+=_ ]*$', HttpCookieName: '^[a-zA-Z0-9\\-_]{1,32}$', HttpCookieValue: '^[a-zA-Z0-9\\-\\/+=_ ]*$' } };

Top frame table

Top Frame Tabs Tab List table My Institution Tab 1 of 5 (active tab) Tutoring Tab 2 of 5 Resource Center Tab 3 of 5 Career Resources Tab 4 of 5 Help Tab 5 of 5

DIV.blogContainer DIV.entryFooter DIV.addBlogComment { DISPLAY: none } DIV.blogContainer DIV.entryFooter A.genericButton { FLOAT: right; DISPLAY: block } .legend-visible { FONT-SIZE: 100%; HEIGHT: auto; WIDTH: 100%; POSITION: static; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; LINE-HEIGHT: 1.2; TOP: auto; PADDING-RIGHT: 0px } .u_controlsWrapper { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .u_reverseAlign { TEXT-ALIGN: right } TR.dummyVTBEFooter TD { PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DIV.blogContainer UL.entryComments { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.blogContainer UL.entryComments LI { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.blogContainer UL.entryComments LI P { OVERFLOW: hidden; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 0px 0px 4px; PADDING-RIGHT: 12px; _height: 1% } DIV.blogContainer UL.entryComments LI P.commentDate { POSITION: relative; PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 2px 0px -1px; Z-INDEX: 10; PADDING-RIGHT: 0px } DIV.blogContainer UL.entryComments LI H5 { PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .comment-delete { OVERFLOW: hidden; HEIGHT: 17px; WIDTH: 24px; BACKGROUND: url(/images/ci/actionbar/clp_item_remove.gif) no-repeat 0px 0px; DISPLAY: inline-block } .comment-delete IMG { FILTER: alpha(opacity=0); opacity: 0 } DIV.liveArea FIELDSET.stepcontent { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.liveArea FIELDSET.stepcontent OL LI { MARGIN: 0px } DIV.liveArea FIELDSET.stepcontent TEXTAREA { WIDTH: 98% } DIV.liveArea FIELDSET.stepcontent SPAN.inlineHelp { DISPLAY: inline } #mybb-nav .flyout-menu { WIDTH: 400px } .mybb-tools LI { OVERFLOW: hidden; HEIGHT: 40px; WIDTH: 40px } .mybb-tools LI:hover { FILTER: alpha(opacity = 100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .mybb-tools LI A { HEIGHT: 39px; WIDTH: 39px; POSITION: relative; FILTER: alpha(opacity = 80); opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8 } .mybb-tools LI A:focus { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #cccccc } .mybb-tools LI A:focus IMG { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #cccccc } #global-list-tools { WIDTH: 40px; MARGIN: 4px } .mybb-tools LI A:focus { FILTER: alpha(opacity = 100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .mybb-tools LI A:focus IMG { FILTER: alpha(opacity = 100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .mybb-tools LI A:hover { FILTER: alpha(opacity = 100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1 } .mybb-tools LI SPAN.badge { RIGHT: 0px; POSITION: absolute; TOP: 2px; BACKGROUND-COLOR: #b90000 } .mybb-tools LI.home { BACKGROUND-COLOR: #666 } .mybb-tools LI.logout { BACKGROUND-COLOR: #666 } .mybb-tools LI.home:hover { BACKGROUND-COLOR: #404040 } .mybb-tools LI.logout:hover { BACKGROUND-COLOR: #404040 } .mybb-tools A { BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_sprite_sm.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: transparent } .mybb-tools .overview A { BACKGROUND-POSITION: 5px 7px } .mybb-tools .stream A { BACKGROUND-POSITION: -72px 7px } .mybb-tools .messages A { BACKGROUND-POSITION: -115px 7px } .mybb-tools .grades A { BACKGROUND-POSITION: -156px 7px } .mybb-tools .people A { BACKGROUND-POSITION: -202px 7px } .mybb-tools .spaces A { BACKGROUND-POSITION: -247px 7px } .mybb-tools .todo A { BACKGROUND-POSITION: -293px 7px } .mybb-tools .alerts A { BACKGROUND-POSITION: -336px 7px } .mybb-tools .more-link A { BACKGROUND-POSITION: -417px 7px } .mybb-tools .calendar A { BACKGROUND-POSITION: -459px 7px } .mybb-tools .logout A { BACKGROUND-POSITION: -372px 7px } .mybb-tools .profile { MARGIN-BOTTOM: 5px; HEIGHT: auto } .mybb-tools .profile A { HEIGHT: auto; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #global-nav .profile IMG { HEIGHT: 30px; WIDTH: 30px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px; PADDING-RIGHT: 0px } .bottom-buttons { HEIGHT: 25px; WIDTH: 210px; RIGHT: 0px; POSITION: absolute; LINE-HEIGHT: 25px; BOTTOM: 0px; BACKGROUND-COLOR: white } .bottom-buttons LI { BOX-SIZING: border-box; OVERFLOW: hidden; FONT-SIZE: 11px; BORDER-RIGHT: #eeeeee 1px solid; WIDTH: 105px; FLOAT: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .bottom-buttons A { TEXT-INDENT: -99px } .bottom-buttons A:hover { COLOR: #000; BACKGROUND-COLOR: #ddd } .bottom-buttons A:focus { COLOR: #000; BACKGROUND-COLOR: #ddd } .accordion_toggle_active { COLOR: #000; BACKGROUND-COLOR: #ccc } .accordion_content { OVERFLOW: auto; COLOR: #444444; BACKGROUND-COLOR: #eee; -webkit-box-shadow: 0 5px 10px -7px #000 inset; -moz-box-shadow: 0 5px 10px -7px #000 inset; box-shadow: 0 5px 10px -7px #000 inset } .accordion_content LI { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; MARGIN: 0px 12px; PADDING-RIGHT: 0px } .accordion_content LI A { FONT-SIZE: 110%; COLOR: #128fa8; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; LINE-HEIGHT: 1.2em; PADDING-RIGHT: 0px } .accordion_content .course-list LI A { BORDER-BOTTOM: 1px dotted; FONT-WEIGHT: 600; DISPLAY: inline } .accordion_content .accordion-list LI A { BORDER-BOTTOM: 1px dotted; FONT-WEIGHT: 600; DISPLAY: inline } .accordion_content .course-list LI A:hover { BORDER-BOTTOM-STYLE: solid } .accordion_content .course-list LI A:focus { BORDER-BOTTOM-STYLE: solid } .accordion_content .accordion-list LI A:hover { BORDER-BOTTOM-STYLE: solid } .accordion_content .accordion-list LI A:focus { BORDER-BOTTOM-STYLE: solid } .accordion-list { MARGIN-TOP: 6px } .accordion_content .noItems { FONT-SIZE: 110%; TEXT-ALIGN: center; MARGIN-TOP: 12px; DISPLAY: block } .accordion_content LI SPAN { FONT-SIZE: 9px; DISPLAY: block; LINE-HEIGHT: 100% } .accordion_content #menuShortcutText { FONT-SIZE: 75%; FONT-STYLE: italic; MARGIN-TOP: 100% } .global-nav-bar-wrap { HEIGHT: 0px; WIDTH: 100%; POSITION: absolute; Z-INDEX: 1000; TOP: 0px } .global-nav-bar { FONT-SIZE: 11px; HEIGHT: 25px; POSITION: relative; FLOAT: right; MARGIN-LEFT: 3px; Z-INDEX: 999 } .logout.global-nav-bar { } .global-nav-bar .badge { FONT-SIZE: 10px; HEIGHT: 12px; FONT-WEIGHT: 800; COLOR: #fff; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN-LEFT: 5px; DISPLAY: inline-block; LINE-HEIGHT: 0.9; PADDING-RIGHT: 3px; BACKGROUND-COLOR: #b90000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px } .side-nav .menu-icon SPAN.badge { FONT-SIZE: 10px; HEIGHT: 12px; FONT-WEIGHT: 800; COLOR: #fff; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN-LEFT: 5px; DISPLAY: inline-block; LINE-HEIGHT: 0.9; PADDING-RIGHT: 3px; BACKGROUND-COLOR: #b90000; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px } .global-nav-bar A { DISPLAY: block } .nav-link { TEXT-DECORATION: none; HEIGHT: 25px; BACKGROUND: none transparent scroll repeat 0% 0%; WHITE-SPACE: nowrap; POSITION: relative; ZOOM: 1; COLOR: #eee; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 28px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26000000, endColorstr=#26000000 ); DISPLAY: block; LINE-HEIGHT: 25px; PADDING-RIGHT: 49px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .nav-link:hover { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#62000000, endColorstr=#62000000 ) } .nav-link:focus { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#62000000, endColorstr=#62000000 ) } .global-nav-bar .logout-link { OVERFLOW: hidden; WIDTH: 32px; BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_logout.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; TEXT-INDENT: -10000px } .global-nav-bar .logout-link:hover { BACKGROUND-POSITION: 50% -22px } .global-nav-bar .logout-link:focus { BACKGROUND-POSITION: 50% -22px } .nav-link .badge { RIGHT: 22px; POSITION: absolute; TOP: 5px } .global-toggle { RIGHT: 0px; POSITION: absolute; TOP: 9px } .flyout-menu { BOX-SIZING: border-box; WIDTH: 260px; RIGHT: 0px; POSITION: absolute; TOP: 25px; BACKGROUND-COLOR: #444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-shadow: 0 4px 15px 2px #222; -moz-box-shadow: 0 4px 15px 2px #222; box-shadow: 0 4px 15px 2px #222 } .flyout-menu A { COLOR: #128fa8 } .flyout-menu .list LI { BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em } .flyout-menu .list LI:hover { BACKGROUND-COLOR: #eee } .flyout-menu .accordion-wrapper { OVERFLOW: hidden; WIDTH: 211px; RIGHT: 0px; POSITION: absolute; TOP: 0px; BOTTOM: 0px; BACKGROUND-COLOR: #ddd } .flyout-menu .accordion_toggle { OUTLINE-WIDTH: medium; OUTLINE-STYLE: none; OUTLINE-COLOR: invert } .flyout-menu .accordion_toggle SPAN { CURSOR: pointer; FONT-SIZE: 110%; BORDER-BOTTOM: #cccccc 1px solid; FONT-WEIGHT: bold; COLOR: #555555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; MARGIN: 0px; DISPLAY: block; LINE-HEIGHT: 25px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #dddddd; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-shadow: none } .flyout-menu .accordion_toggle:focus SPAN { BACKGROUND-COLOR: #ccc } .flyout-menu .accordion_toggle:hover SPAN { BACKGROUND-COLOR: #ccc } .flyout-menu .mybb-tools { HEIGHT: 100%; POSITION: relative; FLOAT: left; BACKGROUND-COLOR: #333 } #global-nav .global-top-avatar { HEIGHT: 16px; WIDTH: 16px; POSITION: absolute; LEFT: 6px; TOP: 4px } #global-nav-link SPAN.observing { BACKGROUND: url(/images/console/icons/observing.gif) no-repeat 4px -3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 30px; DISPLAY: inline; TOP: -5px; PADDING-RIGHT: 1px } #global-nav .more-tools { RIGHT: 100%; POSITION: absolute; BOTTOM: 6px; BACKGROUND-COLOR: #404040; -webkit-box-shadow: 0 0 12px 1px #111111; -moz-box-shadow: 0 0 12px 1px #111111; box-shadow: 0 0 12px 1px #111111 } .more-tools LI { FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .previewContent .global-nav-bar { POSITION: relative; FLOAT: right } .previewContent .nav-link { WHITE-SPACE: nowrap } DIV.section-loading { BACKGROUND: url(/images/ci/misc/progress/progress_learningSystem.gif) no-repeat center center; DISPLAY: block } DIV.lb-overlay { RIGHT: 0px; POSITION: fixed; LEFT: 0px; Z-INDEX: 1001; TOP: 0px; BOTTOM: 0px } DIV.lb-wrapper { OVERFLOW: hidden; BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; POSITION: fixed; BORDER-LEFT: #aaa 1px solid; Z-INDEX: 1002; box-shadow: 1px 1px 10px #888; border-radius: 3px } DIV.lb-wrapper DIV.lb-header { PADDING-BOTTOM: 5px; PADDING-TOP: 3px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } DIV.lb-wrapper DIV.lb-header H2 { OVERFLOW: hidden; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 1.23em; PADDING-RIGHT: 15px } DIV.lb-wrapper DIV.lb-header A { RIGHT: 10px; POSITION: absolute; DISPLAY: block; TOP: 10px } DIV.lb-wrapper DIV.lb-header A IMG { VERTICAL-ALIGN: top } DIV.lb-wrapper DIV.lb-content { OVERFLOW: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .lbAction { RIGHT: 9px; POSITION: absolute; Z-INDEX: 1005; TOP: 5px } .u_floatThis-right { FLOAT: right } .u_floatThis-left { FLOAT: left } .clearfix:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .clearfixParent > DIV:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .clearfixParent > LI:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .clearfix { DISPLAY: inline-block } .clearfixParent > DIV { DISPLAY: inline-block } .clearfixParent > LI { DISPLAY: inline-block } .clearfix { DISPLAY: block } .clearfixParent > DIV { DISPLAY: block } .clearfixParent > LI { DISPLAY: block } .welcomeOverlay { HEIGHT: 100%; FONT-FAMILY: "Helvetica Neue"; WIDTH: 100%; RIGHT: 0px; POSITION: fixed; LEFT: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B0000000, endColorstr=#B0000000 ); Z-INDEX: 800; TOP: 0px; BOTTOM: 0px } .welcomeMessage STRONG { FONT-WEIGHT: bold; COLOR: #21acb6 } .whatsNew H2 { FONT-WEIGHT: bold; COLOR: #21acb6 } .welcomeMessage { WIDTH: 370px; RIGHT: 550px; POSITION: absolute; COLOR: #dddddd; Z-INDEX: 801; TOP: 75px; text-shadow: 2px 0 2px #000000 } .welcomeMessage H2 { WORD-WRAP: break-word; FONT-SIZE: 64px; WIDTH: 385px; FONT-WEIGHT: bold; MARGIN: 18px 0px 10px } .welcomeMessage P { MARGIN-BOTTOM: 10px; FONT-SIZE: 22px; LINE-HEIGHT: 125% } .whatsNew { FONT-SIZE: 16px; WIDTH: 380px; RIGHT: 60px; POSITION: absolute; COLOR: #dddddd; Z-INDEX: 801; LINE-HEIGHT: 125%; TOP: 100px; text-shadow: 2px 0 2px #000000 } .whatsNew LI { POSITION: relative } .whatsNew .number { FONT-SIZE: 32px; WIDTH: 30px; BACKGROUND: #15cedb; POSITION: absolute; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 10px; LEFT: -70px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#15cedb, endColorstr=#0C8F98 ); LINE-HEIGHT: 48px; TOP: -10px; PADDING-RIGHT: 10px; -webkit-box-shadow: 2px 2px 2px #000; box-shadow: 2px 2px 2px #000; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-radius: 2px 2px 2px #000 } .whatsNew H2 { FONT-SIZE: 26px; FONT-FAMILY: "Helvetica Neue", Arial, sans-serif; MARGIN: 15px 0px 10px; LINE-HEIGHT: 120%; text-shadow: 0 1px 0 rgba(0, 0, 0, .7) } .whatsNew LI { } .whatsNew .arrow { HEIGHT: 90px; WIDTH: 40px; BACKGROUND: url(overview_global_nav_arrow.png) no-repeat; RIGHT: -10px; POSITION: absolute; TOP: -70px } .whatsNew OL > LI:first-child { MARGIN-BOTTOM: 60px } UL.newMenu { MARGIN: 10px 0px 20px } .newMenu LI { WIDTH: 100px; FLOAT: left; CLEAR: none } #spacesHelp { FONT-SIZE: 12px; MARGIN: 6px 0px 12px; LINE-HEIGHT: 1.3 } .social-buttons LI { WIDTH: auto; FLOAT: left; MARGIN: 3px 6px 6px 0px } .social-buttons LI { WIDTH: auto; VERTICAL-ALIGN: middle; MARGIN: 12px 14px 12px 0px; DISPLAY: inline-block } .social-buttons LI A { DISPLAY: block } .social-buttons LI A IMG { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } LI.socialConnections { WIDTH: 160px; COLOR: #000; PADDING-BOTTOM: 8px; PADDING-TOP: 9px; PADDING-LEFT: 24px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dedede, endColorstr=#cacaca ); PADDING-RIGHT: 18px; BACKGROUND-COLOR: #d5fdfd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: none } LI.anotherAccount { WIDTH: 160px; COLOR: #000; PADDING-BOTTOM: 8px; PADDING-TOP: 9px; PADDING-LEFT: 24px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dedede, endColorstr=#cacaca ); PADDING-RIGHT: 18px; BACKGROUND-COLOR: #d5fdfd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow: none } LI.anotherAccount { FONT-SIZE: 12px; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #d5fdfd; PADDING-TOP: 5px } LI.socialConnections IMG { POSITION: absolute; LEFT: 20px } LI.socialConnections H3 { FONT-SIZE: 13px; MARGIN: 0px; LINE-HEIGHT: 1 } LI.socialConnections P { FONT-SIZE: 12px } LI.socialConnections H3 A { COLOR: #000 } LI.socialConnections P A { COLOR: #000 } LI.anotherAccount P A { COLOR: #21acb6 } .confirmation { } #finishLater { FONT-SIZE: 16px; BORDER-TOP: medium none; FONT-FAMILY: "Helvetica Neue", Arial, sans-serif; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #21acb6 1px dotted; FONT-WEIGHT: bold; COLOR: #21acb6; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px; text-shadow: 0 1px 0 rgba(0, 0, 0, .7) } #finishLater:hover { CURSOR: pointer } .cmdiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 1150 !important; PADDING-RIGHT: 0px } .cmdiv { POSITION: absolute; Z-INDEX: 200; DISPLAY: none } .menumini { POSITION: absolute; Z-INDEX: 200; DISPLAY: none } DIV.quickAddPal { POSITION: absolute; Z-INDEX: 200; DISPLAY: none } DIV.keyboardAccess { POSITION: absolute; Z-INDEX: 200; DISPLAY: none } .cmdiv UL { WIDTH: 180px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .nav .sub UL LI A { WORD-WRAP: break-word; WIDTH: 190px; OVERFLOW-X: hidden; OVERFLOW-Y: visible; WORD-BREAK: normal; ZOOM: 1; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } .cmdiv A { WORD-WRAP: break-word; WIDTH: 190px; OVERFLOW-X: hidden; OVERFLOW-Y: visible; WORD-BREAK: normal; ZOOM: 1; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } .menumini A { WORD-WRAP: break-word; WIDTH: 190px; OVERFLOW-X: hidden; OVERFLOW-Y: visible; WORD-BREAK: normal; ZOOM: 1; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } .cmdiv A { WIDTH: auto !important } A.cmimg { ZOOM: 1 } A.cmimg:hover { FILTER: alpha(opacity = 100); opacity: 1 } A.cmimg:focus { FILTER: alpha(opacity = 100); opacity: 1 } A.cmimg IMG { HEIGHT: 14px; WIDTH: 16px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity = 0); MARGIN: 0px; PADDING-RIGHT: 0px; opacity: 0 } .cmdiv LI.contextmenubar_top { WIDTH: 190px; RIGHT: -1px; POSITION: absolute; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; TOP: -20px; PADDING-RIGHT: 0px } .menumini LI.contextmenubar { WIDTH: 190px; RIGHT: -1px; POSITION: absolute; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; TOP: -20px; PADDING-RIGHT: 0px } .providerList { LIST-STYLE-TYPE: disc; LIST-STYLE-POSITION: inside; MARGIN: 1.5em 2em } .providerList LI { MARGIN: 0px } .tooltipContainer { POSITION: relative; DISPLAY: inline-block } .tooltipContainer-bot { POSITION: relative; DISPLAY: inline-block } .tooltip { BOX-SIZING: border-box; WORD-WRAP: break-word; CURSOR: normal; FONT-SIZE: 13px; WIDTH: 170px; BACKGROUND: #fff; POSITION: absolute; FONT-WEIGHT: 400; COLOR: #000 !important; PADDING-BOTTOM: 1.1em; TEXT-ALIGN: center; PADDING-TOP: 0.9em; PADDING-LEFT: 1.2em; FILTER: alpha(opacity = 90); Z-INDEX: 99; DISPLAY: none; LINE-HEIGHT: 1.25; PADDING-RIGHT: 1.2em; opacity: .9; -moz-opacity: .9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: 0 2px 6px rgba(0, 0, 0, .8); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: none; -khtml-border-radius: 3px } .tooltipContainer:hover .tooltip { LEFT: 50%; MARGIN: 0px 0px 9px -85px; DISPLAY: block; BOTTOM: 100% } .tooltipContainer:focus .tooltip { LEFT: 50%; MARGIN: 0px 0px 9px -85px; DISPLAY: block; BOTTOM: 100% } .tooltipContainer .tooltip:after { FONT-SIZE: 3em; HEIGHT: 0px; WIDTH: 100%; POSITION: absolute; COLOR: #fff !important; TEXT-ALIGN: center; CONTENT: "\25B8"; LEFT: 3px; Z-INDEX: -1; DISPLAY: block; LINE-HEIGHT: 0; BOTTOM: -2px; -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -khtml-transform: rotate(90deg); -webkit-transform: rotate(90deg) } .tooltipContainer-bot .tooltip:after { FONT-SIZE: 3em; HEIGHT: 0px; WIDTH: 100%; POSITION: absolute; COLOR: #fff !important; TEXT-ALIGN: center; CONTENT: "\25B8"; LEFT: 3px; Z-INDEX: -1; DISPLAY: block; LINE-HEIGHT: 0; BOTTOM: -2px; -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -khtml-transform: rotate(90deg); -webkit-transform: rotate(90deg) } .tooltipContainer-bot .tooltip:after { LEFT: -3px; TOP: 0px; BOTTOM: auto; -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); -webkit-transform: rotate(-90deg) } .tooltipContainer-bot:hover .tooltip { LEFT: 50%; MARGIN: 7px 0px 0px -75px; DISPLAY: block; TOP: 100% } .tooltipContainer-bot:focus .tooltip { LEFT: 50%; MARGIN: 7px 0px 0px -75px; DISPLAY: block; TOP: 100% } .data-summary TR:hover .tooltipContainer-bot .tooltip { LEFT: 50%; MARGIN: 7px 0px 0px -75px; DISPLAY: block; TOP: 100% } .data-summary-vert TR:hover .tooltipContainer-bot .tooltip { LEFT: 50%; MARGIN: 7px 0px 0px -75px; DISPLAY: block; TOP: 100% } .data-summary .tooltipContainer-bot { POSITION: absolute; MARGIN-LEFT: -8px; LEFT: 50%; BOTTOM: 3px } .reportSummary .data-summary-container { FLOAT: left; CLEAR: none } .reportSummary .data-summary { POSITION: relative; FLOAT: left; MARGIN: 0px 12px 0px 0px } .reportSummary .data-summary-vert { POSITION: relative; FLOAT: left; MARGIN: 0px 12px 0px 0px } .reportSummary H3 { FONT-WEIGHT: normal; MARGIN: 9px 0px } .reportSummary .data-summary TR { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid; FLOAT: left; MARGIN: 1px 0px 0px -1px; BORDER-LEFT: 1px solid } .reportSummary .data-summary TH { FONT-SIZE: 120%; WIDTH: 100%; FLOAT: left; FONT-WEIGHT: normal; PADDING-BOTTOM: 16px; TEXT-ALIGN: center; PADDING-TOP: 16px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .reportSummary .data-summary TD { FONT-SIZE: 80%; BORDER-TOP: 1px dotted; HEIGHT: 30px; WIDTH: 100%; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 18px; TEXT-ALIGN: center; PADDING-TOP: 5px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .data-summary TABLE { BORDER-TOP: medium none; BORDER-RIGHT: medium none; MIN-WIDTH: 120px; BORDER-BOTTOM: medium none; MIN-HEIGHT: 98px; BORDER-LEFT: medium none } .data-summary-vert TABLE { BOX-SIZING: border-box; BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; MIN-WIDTH: 120px; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MIN-HEIGHT: 102px; BORDER-LEFT: 1px solid; DISPLAY: block; PADDING-RIGHT: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .data-summary-vert TH { FONT-SIZE: 120%; VERTICAL-ALIGN: baseline; MIN-WIDTH: 1.5em; PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .data-summary-vert TD { FONT-SIZE: 80%; VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 1px; TEXT-ALIGN: left; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .data-summary TABLE TR:hover { CURSOR: help } .data-summary-vert TABLE TR:hover { CURSOR: help } .runReportContainer { POSITION: relative; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 11px; MARGIN: 0px 0px 20px; TOP: -12px; PADDING-RIGHT: 11px } .previousReports UL { MARGIN: 5px 24px } .previousReports LI { MARGIN: 4px 0px } .previousReports .previousReports linear { BORDER-BOTTOM: 1px dotted; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px; MARGIN-RIGHT: 10px } .reportTitle { BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 10px } .questionDetails .searchResultList-sortOptions { DISPLAY: none } .questionDetails .reportTitle { MARGIN: 10px 0px } .reportTitle H2 { MARGIN: 10px 0px 5px } .reportTitle .actions { FLOAT: right; MARGIN-TOP: -30px } .reportSummary { MARGIN-BOTTOM: 10px; WIDTH: 100%; BORDER-BOTTOM: medium none; POSITION: relative } .questionDetails .reportSummary { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .answerOptions.reportSummary { MARGIN-TOP: 20px } .answerOptions H4 { MARGIN: 20px 0px } .answerOptions TABLE { MAX-WIDTH: 800px; BORDER-COLLAPSE: collapse; MIN-WIDTH: 400px; MARGIN: 20px 0px } .answerOptions TABLE TD { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 5px } .interrogativesTable TD:first-child { WIDTH: 150px } .phraseTable TD:first-child { WIDTH: 150px } .calculatedNumeric TD:first-child { WIDTH: 150px } .questionDetails .reportTable TABLE { BORDER-TOP: 1px solid; HEIGHT: auto; BORDER-RIGHT: 1px solid; MIN-WIDTH: 400px; BORDER-BOTTOM: 1px solid; MARGIN: 10px 0px; BORDER-LEFT: 1px solid } .reportTable TABLE { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid } .questionDetails .reportTable TH { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 10px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 10px } .questionDetails .reportTable TD { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 10px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 10px } .matching TH { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 10px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 10px } .matching TD { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 10px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 10px } .matchingNumber { VERTICAL-ALIGN: top; DISPLAY: inline-block } .orderCanvasWide { WIDTH: 100% } .questionDetails .reportTable TH { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 15px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 15px } .matching TH { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 15px; BORDER-LEFT: 1px solid; PADDING-RIGHT: 15px } .matching .lastOption TD { BORDER-BOTTOM: 4px solid } .reportKey { BORDER-TOP: 1px solid; BORDER-RIGHT: 1px solid; BORDER-BOTTOM: 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 8px; MARGIN: 20px 0px; BORDER-LEFT: 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px } .reportKey H3 { MARGIN: 0px } .reportKey DIV { FONT-WEIGHT: bold; MARGIN: 4px 0px 0px 16px } .ordering TABLE TD IMG { MARGIN: 0px 5px } .calculated { FLOAT: left; CLEAR: both; MARGIN-TOP: 20px } UL.key { WIDTH: 100%; MARGIN: 20px 0px } UL.key LI { WIDTH: auto; FLOAT: left; PADDING-LEFT: 17px; MARGIN-RIGHT: 10px } .smallCell UL { WIDTH: 50px } LI.recommended { HEIGHT: 16px; FLOAT: left; MARGIN: 0px; DISPLAY: block } LI.changed { HEIGHT: 16px; FLOAT: left; MARGIN: 0px; DISPLAY: block } LI.notallgraded { HEIGHT: 16px; FLOAT: left; MARGIN: 0px; DISPLAY: block } .smallCell LI.recommended { WIDTH: 16px } .smallCell LI.changed { WIDTH: 16px } .smallCell LI.notallgraded { WIDTH: 16px } .questionTextId LI.recommended { WIDTH: 16px } .questionTextId LI.changed { WIDTH: 16px } .questionTextId LI.notallgraded { WIDTH: 16px } .smallCell LI.recommended { FLOAT: right } .smallCell LI.changed { FLOAT: right } .smallCell LI.notallgraded { FLOAT: right } LI.recommended { BACKGROUND: url(/images/ci/icons/item_analysis_recommended.png) no-repeat } LI.changed { BACKGROUND: url(/images/ci/icons/item_analysis_changed.png) no-repeat } LI.notallgraded { BACKGROUND: url(/images/ci/icons/item_analysis_allgraded.png) no-repeat } .previousReports A:hover { TEXT-DECORATION: underline } .reportKey H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 10px; PADDING-LEFT: 25px; MARGIN: 0px; PADDING-RIGHT: 0px } .questionFilter DIV DIV { BORDER-RIGHT: 1px solid; FLOAT: left; PADDING-RIGHT: 20px; MARGIN-RIGHT: 20px } .answerBlock { MARGIN-BOTTOM: 20px; WIDTH: 100% } .answerBlock SPAN { WHITE-SPACE: nowrap } .answerValueStyle { OVERFLOW: auto; HEIGHT: 45px; WIDTH: 400px; VERTICAL-ALIGN: top; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } BODY.filePickerWidget { BACKGROUND: url(none) } .filePickerWidget .locationPane { PADDING-BOTTOM: 60px; MARGIN-TOP: 0px } .filePickerWidget .contentBox { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; box-shadow: none; border-radius: 0px } .filePickerWidget #content { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; box-shadow: none; border-radius: 0px } .pathFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-folder.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathSlash { PADDING-LEFT: 5px !important; DISPLAY: inline-block; PADDING-RIGHT: 5px !important } .pathFolder A { TEXT-DECORATION: underline; COLOR: #0c80ac } .pathfolder:before { CONTENT: "after"; MARGIN: 0px 4px } #tabsBar { } .tabsBar { BACKGROUND: #d1eaef; BORDER-BOTTOM: #bbbbbb 1px solid; MIN-HEIGHT: 47px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px } .tabsBar A { TEXT-DECORATION: none } .tabsBar #tabs { HEIGHT: 47px; FLOAT: left; DISPLAY: inline } .tabsBar .tabs { HEIGHT: 47px } .tabsBar .localViewToggle { FLOAT: right; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px } IMG.zoneIcon { MARGIN: 0px 5px } #contentSearch { BACKGROUND: none transparent scroll repeat 0% 0%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px } .contentInput { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f7f7f7; BORDER-BOTTOM: #ccc 1px solid; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 1px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; OUTLINE-COLOR: invert; PADDING-RIGHT: 1px; -webkit-box-shadow: inset 0px 0px 2px 0px #666; -moz-box-shadow: inset 0px 0px 2px 0px #666; box-shadow: inset 0px 0px 2px 0px #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .locationInput { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f7f7f7; BORDER-BOTTOM: #ccc 1px solid; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 1px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; OUTLINE-COLOR: invert; PADDING-RIGHT: 1px; -webkit-box-shadow: inset 0px 0px 2px 0px #666; -moz-box-shadow: inset 0px 0px 2px 0px #666; box-shadow: inset 0px 0px 2px 0px #666; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #contentSearch .contentInput INPUT[type='text'] { BORDER-TOP: 0px; HEIGHT: 22px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px } .locationInput INPUT[type='text'] { BORDER-TOP: 0px; HEIGHT: 22px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; LINE-HEIGHT: 22px; PADDING-RIGHT: 0px } #contentSearch .contentInput { MARGIN-LEFT: 10px; MARGIN-RIGHT: 4px } .locationInput { MARGIN-LEFT: 10px; MARGIN-RIGHT: 4px } #contentActions { MARGIN: 0px 0px 10px; DISPLAY: block } #levelUp { MARGIN: 2px 0px } #levelUp BUTTON { CURSOR: pointer; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 7px } #editablePath { OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #e7e7e7; BORDER-BOTTOM: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#ffffff ); BORDER-LEFT: 0px; DISPLAY: inline-block; -webkit-box-shadow: inset 0px 2px 0px 0px #ccc; -moz-box-shadow: inset 0px 2px 0px 0px #ccc; box-shadow: inset 0px 2px 0px 0px #ccc; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px } #quickPath { OVERFLOW: hidden; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #e7e7e7; BORDER-BOTTOM: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dddddd, endColorstr=#ffffff ); BORDER-LEFT: 0px; DISPLAY: inline-block; -webkit-box-shadow: inset 0px 2px 0px 0px #ccc; -moz-box-shadow: inset 0px 2px 0px 0px #ccc; box-shadow: inset 0px 2px 0px 0px #ccc; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px } #quickPath { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px } .linkables { WIDTH: 100%; BORDER-SPACING: 5px; DISPLAY: table } .linkables .link { VERTICAL-ALIGN: top; WHITE-SPACE: inherit; DISPLAY: table-cell } .linkables .folder-nav-up { WIDTH: 1% } #quickPath OL LI { MARGIN: 4px 0px; DISPLAY: inline-block } #quickPath OL LI.folderIncluder { MARGIN: 0px } #quickPath OL LI.folderCreator { MARGIN: 0px } .checkmark-btn { HEIGHT: 20px; WIDTH: 22px; VERTICAL-ALIGN: top; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN-LEFT: 10px; PADDING-RIGHT: 0px !important } .mark-inactive.checkmark-btn { BACKGROUND: url(../../../images/cs/icons/include-folder-sprite.png) #fff no-repeat 3px -29px; FILTER: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important } .mark-active.checkmark-btn { BACKGROUND: url(../../../images/cs/icons/include-folder-sprite.png) #fff no-repeat 3px 3px; FILTER: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important; -webkit-box-shadow: inset 0px 0px 2px 1px #999; -moz-box-shadow: inset 0px 0px 2px 1px #999; box-shadow: inset 0px 0px 2px 1px #999 } .linkables .button-5 { CURSOR: pointer; FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #333; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#e7e7e7 ); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; OUTLINE-COLOR: invert; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 #eee } .pressed { BACKGROUND: url(../../../images/ci/icons/diag-thick-bg.png) #fff left top; -webkit-box-shadow: inset 0px 0px 3px 1px #999; -moz-box-shadow: inset 0px 0px 2px 1px #ccc; box-shadow: inset 0px 0px 3px 1px #999 } #storageQuota { FONT-SIZE: 95%; POSITION: relative; COLOR: #666; PADDING-LEFT: 110px; MARGIN-TOP: 8px } #storageQuota STRONG { COLOR: #333 } .quotaGauge { FONT-SIZE: 7px; BORDER-TOP: #333 1px solid; HEIGHT: 7px; BORDER-RIGHT: #333 1px solid; WIDTH: 100px; BORDER-BOTTOM: #333 1px solid; POSITION: absolute; LEFT: 0px; BORDER-LEFT: #333 1px solid; LINE-HEIGHT: 7px; TOP: 3px; BACKGROUND-COLOR: #e7e7e7 } .quotaGauge DIV { HEIGHT: 7px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ADD0, endColorstr=#0189A4 ); LINE-HEIGHT: 7px } UL.dropdown { HEIGHT: 47px; POSITION: relative; -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px } UL.dropdown LI { HEIGHT: 47px; BACKGROUND: none transparent scroll repeat 0% 0%; ZOOM: 1; FLOAT: left; FONT-WEIGHT: bold } UL.dropdown > LI { BORDER-RIGHT: #bbbbbb 1px solid; box-shadow: -1px 0px 0px #EEEEEE inset } UL.dropdown > LI:first-child { BORDER-LEFT: medium none } UL.dropdown > LI:first-child { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px } UL.dropdown > LI:first-child > A { -webkit-border-top-left-radius: 2px; -moz-border-radius-topleft: 2px; border-top-left-radius: 2px } UL.dropdown A:hover { COLOR: #000 } UL.dropdown A:active { COLOR: #ffa500 } UL.dropdown LI A { HEIGHT: 47px; FONT-WEIGHT: normal; COLOR: #01869e; DISPLAY: block; LINE-HEIGHT: 46px } UL.dropdown > LI > A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 32px; PADDING-RIGHT: 32px } UL.dropdown LI:hover UL LI A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 12px } UL.dropdown LI.active { BACKGROUND: #ffffff; BORDER-BOTTOM: #ffffff 1px solid } UL.dropdown LI.active A { FONT-WEIGHT: bold; COLOR: #000000 } UL.dropdown LI#zoneChooser > A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 12px } UL.dropdown LI#uploadType > A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 12px } UL.dropdown LI#zoneChooser > A:after { HEIGHT: 9px; WIDTH: 20px; BACKGROUND-IMAGE: url(../../../images/ci/icons/tab-expand-chevron.png); BACKGROUND-REPEAT: no-repeat; CONTENT: ""; MARGIN-LEFT: 8px; DISPLAY: inline-block } UL.dropdown LI#uploadType > A:after { HEIGHT: 9px; WIDTH: 20px; BACKGROUND-IMAGE: url(../../../images/ci/icons/tab-expand-chevron.png); BACKGROUND-REPEAT: no-repeat; CONTENT: ""; MARGIN-LEFT: 8px; DISPLAY: inline-block } UL.dropdown LI.hover { BACKGROUND: #f6f6f6; POSITION: relative; COLOR: #000000 } UL.dropdown LI:hover { BACKGROUND: #f6f6f6; POSITION: relative; COLOR: #000000 } UL.dropdown > LI.hover { Z-INDEX: 99 } UL.dropdown > LI:hover { Z-INDEX: 99 } UL.dropdown LI.hover A { COLOR: black; Z-INDEX: 999 } UL.dropdown LI.active:hover { BACKGROUND: #ffffff } UL.dropdown UL { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; MIN-WIDTH: 200px; BORDER-BOTTOM: 0px; POSITION: absolute; LEFT: -1px; BORDER-LEFT: #ccc 1px solid; Z-INDEX: 100; TOP: 100%; VISIBILITY: hidden } UL.dropdown > LI:hover > UL { Z-INDEX: 100; TOP: 46px } UL.dropdown > LI:focus > UL { Z-INDEX: 100; TOP: 46px } UL.dropdown UL LI { BACKGROUND: #f6f6f6; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; FLOAT: none; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } UL.dropdown UL LI A { BACKGROUND: none transparent scroll repeat 0% 0% } UL.dropdown LI#uploadType UL LI A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 12px } UL.dropdown UL LI > A.hover { BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } UL.dropdown UL LI > A:hover { BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #uploadEngine { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } #uploadEngine #dataCollectionContainer { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px -10px; PADDING-RIGHT: 0px } #legalAgreement { OVERFLOW: auto; BORDER-TOP: #cccccc 1px solid; HEIGHT: 80%; BORDER-RIGHT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 8px; MARGIN: 15px; BORDER-LEFT: #cccccc 1px solid; PADDING-RIGHT: 8px } #legalButtons { MARGIN-LEFT: 15px; MARGIN-RIGHT: 15px } #cloudSettingsForm .stepcontent .label { MAX-WIDTH: none; WIDTH: 34%; MIN-WIDTH: 0px } #cloudSettingsForm .stepcontent .field { WIDTH: auto } #socialProfileSettings .splashTable TR > TD:first-child { WIDTH: 33% } #cloudSettingsForm .splashTable TR > TD:first-child { WIDTH: 33% } .u_nopad { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .u_nowrap { WHITE-SPACE: nowrap !important } .insideContainer { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } .profileCardAvatarThumb A { } .profileCardAvatarThumb IMG { BORDER-TOP: #ddd 1px solid; HEIGHT: 18px; BORDER-RIGHT: #ddd 1px solid; WIDTH: 18px; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; BORDER-LEFT: #ddd 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 1px; box-shadow: 0 1px 1px rgba(0, 0, 0, .2); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .skipLink.hideoff { opacity: 0 } #topNavSkipLink { FONT-SIZE: 10px; COLOR: #fff; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 9px; LEFT: 9px; TOP: -4px; PADDING-RIGHT: 9px; -moz-border-radius: 5px; border-radius: 5px } .skipLink { WIDTH: 140px !important; BACKGROUND: #333; POSITION: absolute; TEXT-TRANSFORM: uppercase; COLOR: #fff; PADDING-BOTTOM: 9px; TEXT-ALIGN: center; PADDING-TOP: 9px; FONT: 10px/1.4 Georgia, serif; PADDING-LEFT: 9px; LEFT: 9px; Z-INDEX: 1000; TOP: 9px; PADDING-RIGHT: 9px; opacity: 1; -moz-border-radius: 5px; border-radius: 5px; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .skipLink:focus { OUTLINE-WIDTH: 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert } DIV.skipLink { OVERFLOW: visible; HEIGHT: 0px; WIDTH: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 10000; PADDING-RIGHT: 0px } .abutton { TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .abutton:hover { CURSOR: pointer } .hideoff { OVERFLOW: hidden; HEIGHT: 1px; WIDTH: 1px; POSITION: absolute; LEFT: -10000px; TOP: -1000px } [tabindex='0'].hideoff { TOP: auto } .fileInputWrapper { OVERFLOW: hidden; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px; MARGIN-RIGHT: 9px } .fileInputWrapper INPUT.hiddenInput { FONT-SIZE: 210%; RIGHT: 0px; POSITION: absolute; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=0); Z-INDEX: 2; TOP: 0px; PADDING-RIGHT: 0px; opacity: 0 } .fileInputWrapper INPUT[type='file'] { FILTER: alpha(opacity=0) !important } .fileInputWrapper INPUT.visibleInput { RIGHT: 0px; POSITION: relative; Z-INDEX: 1; TOP: 0px } .hideme { DISPLAY: none !important } .hidden { DISPLAY: none } .clearfloats { CLEAR: both } .containerTabs LI A { CURSOR: pointer } .containerTabs LI.active A { CURSOR: default } .questionShell { WIDTH: 100% } .quesTable { WIDTH: 100% } .questionShell TD { VERTICAL-ALIGN: top; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .questionShell TH { VERTICAL-ALIGN: top; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .questionShell TH.labelCell { WIDTH: 17% } .questionShell .labelCell { WIDTH: 17% } .questionShell TD.valueCell { WIDTH: 83% } .questionShell .correctAnswer { WIDTH: 2% } .questionShell .field { WIDTH: 95%; POSITION: relative; FLOAT: none; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 24px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 12px } .questionShell .field IMG:first-child { POSITION: absolute; LEFT: 0px; TOP: 5px } .questionShell .field .vtbegenerated IMG { POSITION: relative; LEFT: auto; TOP: auto } .questionShell .vtbegenerated { DISPLAY: inline-block !important } .questionShell TD.valueCell TABLE .vtbegenerated { DISPLAY: inline-block !important } .answer-label { FLOAT: left; MARGIN: 5px 5px 5px 0px } .answer-table .answer-label { MARGIN-TOP: 0px } .answer-table TH { VERTICAL-ALIGN: top } .answer-table TD { VERTICAL-ALIGN: top } .relativeQuestionImageFormat { POSITION: relative !important } .inlineContextMenu A.browse { BORDER-TOP: #888 1px solid; BORDER-RIGHT: #888 1px solid; BORDER-BOTTOM: #888 1px solid; WORD-BREAK: normal; FONT-WEIGHT: normal; BORDER-LEFT: #888 1px solid; DISPLAY: inline-block; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset } .contentList .details .contextItemDetailsHeaders { FONT-SIZE: inherit; BACKGROUND: none transparent scroll repeat 0% 0%; WORD-BREAK: normal; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } .contextItemDetailsHeaders > .detailsValue { MARGIN: 0px 0px 0px 10px; DISPLAY: inline-block }

@font-face { font-family: Utilicons; src: url(fonts/utilicons/utilicons-web-webfont.eot); } @font-face { font-family: Avenir; src: url(fonts/avenir/AvenirLTStd-Book.otf); } @font-face { font-family: Avenir; src: url(fonts/avenir/AvenirLTStd-Medium.otf); } HTML { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } BODY { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SPAN { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } APPLET { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } OBJECT { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } IFRAME { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H1 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H2 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H3 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H4 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H5 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } H6 { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } P { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } BLOCKQUOTE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } PRE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } A { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } ABBR { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } ACRONYM { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } ADDRESS { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } BIG { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } CITE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } CODE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DEL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DFN { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } EM { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } IMG { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } INS { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } KBD { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } Q { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } S { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SAMP { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SMALL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } STRIKE { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } STRONG { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SUB { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } SUP { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } TT { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } VAR { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DT { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } DD { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } OL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } UL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } LI { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } FIELDSET { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } FORM { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } LABEL { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } LEGEND { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } CAPTION { FONT-SIZE: 100%; BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } TABLE { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TBODY { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TFOOT { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } THEAD { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TR { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TH { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } TD { FONT-SIZE: 100%; FONT-FAMILY: inherit; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; FONT-STYLE: inherit; OUTLINE-STYLE: none; MARGIN: 0px; OUTLINE-COLOR: invert } FONT { BORDER-TOP: 0px; FONT-FAMILY: inherit; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: inherit; OUTLINE-WIDTH: 0px; PADDING-BOTTOM: 0px; FONT-STYLE: inherit; PADDING-TOP: 0px; OUTLINE-STYLE: none; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; OUTLINE-COLOR: invert; PADDING-RIGHT: 0px } BODY { BACKGROUND: #fff } OL { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } UL { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } TABLE { BORDER-COLLAPSE: collapse } TH { FONT-WEIGHT: normal } CAPTION { TEXT-ALIGN: left } TH { TEXT-ALIGN: left } TD { TEXT-ALIGN: left } BLOCKQUOTE:before { CONTENT: "" } BLOCKQUOTE:after { CONTENT: "" } Q:before { CONTENT: "" } Q:after { CONTENT: "" } BLOCKQUOTE { QUOTES: "" "" } Q { QUOTES: "" "" } INPUT { FONT-SIZE: 100%; FONT-FAMILY: inherit; VERTICAL-ALIGN: middle; FONT-WEIGHT: inherit; FONT-STYLE: inherit } BUTTON { FONT-SIZE: 100%; FONT-FAMILY: inherit; VERTICAL-ALIGN: middle; FONT-WEIGHT: inherit; FONT-STYLE: inherit } SELECT { FONT-SIZE: 100%; FONT-FAMILY: inherit; VERTICAL-ALIGN: middle; FONT-WEIGHT: inherit; FONT-STYLE: inherit } .field SELECT { MAX-WIDTH: 100% } .noLabelField SELECT { MAX-WIDTH: 100% } .field SELECT#filterQueryCondition { MAX-WIDTH: 300px; MIN-HEIGHT: 75px } .vtbegenerated { BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: auto; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; PADDING-RIGHT: 0px !important } .vtbegenerated IMG { FILTER: alpha(opacity=auto) !important; opacity: auto } .vtbegenerated UL { LIST-STYLE-TYPE: disc; PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated MENU { LIST-STYLE-TYPE: disc; PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated DIR { LIST-STYLE-TYPE: disc; PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated UL LI { LIST-STYLE-TYPE: inherit } .vtbegenerated OL { LIST-STYLE-TYPE: decimal; PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated OL LI { LIST-STYLE-TYPE: inherit } .vtbegenerated LI { LIST-STYLE-POSITION: outside; DISPLAY: list-item } .vtbegenerated UL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated UL UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated MENU UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated DIR UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated OL MENU { LIST-STYLE-TYPE: circle } .vtbegenerated UL MENU { LIST-STYLE-TYPE: circle } .vtbegenerated MENU MENU { LIST-STYLE-TYPE: circle } .vtbegenerated DIR MENU { LIST-STYLE-TYPE: circle } .vtbegenerated OL DIR { LIST-STYLE-TYPE: circle } .vtbegenerated UL DIR { LIST-STYLE-TYPE: circle } .vtbegenerated MENU DIR { LIST-STYLE-TYPE: circle } .vtbegenerated DIR DIR { LIST-STYLE-TYPE: circle } .vtbegenerated OL OL UL { LIST-STYLE-TYPE: square } .vtbegenerated OL UL UL { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated OL OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL OL UL { LIST-STYLE-TYPE: square } .vtbegenerated UL UL UL { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated UL OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL[type=circle] LI { LIST-STYLE-TYPE: circle } .vtbegenerated UL[type=disc] LI { LIST-STYLE-TYPE: disc } .vtbegenerated UL[type=square] LI { LIST-STYLE-TYPE: square } .vtbegenerated TABLE { BORDER-COLLAPSE: separate } .vtbegenerated BLOCKQUOTE { MARGIN: 1em 24px } .vtbegenerated CAPTION { TEXT-ALIGN: center } .inventory .vtbegenerated CAPTION { TEXT-ALIGN: center } .inlineVtbegenerated { DISPLAY: inline } TD[align='center'] { TEXT-ALIGN: center !important } TR[align='center'] { TEXT-ALIGN: center !important } .altHideoff1 { OVERFLOW: hidden; HEIGHT: 1px; WIDTH: 1px; POSITION: absolute; LEFT: -10000px } .boldme { FONT-WEIGHT: bold } .u_inlineStack { VERTICAL-ALIGN: top; ZOOM: 1; DISPLAY: inline-block } .u_inlineStackWrapper > LI { VERTICAL-ALIGN: top; ZOOM: 1; DISPLAY: inline-block } .u_inlineStackWrapper > DIV { VERTICAL-ALIGN: top; ZOOM: 1; DISPLAY: inline-block } .u_inlineStack SELECT { MAX-WIDTH: 300px } .u_resetFont { FONT-SIZE: 100% } .u_centerAlign { TEXT-ALIGN: center } .u_normalAlign { TEXT-ALIGN: left } .u_floatWrapper-right > DIV { FLOAT: right; MARGIN-LEFT: 5px } .u_floatWrapper-right > LI { FLOAT: right; MARGIN-LEFT: 5px } .u_floatWrapper-left > DIV { FLOAT: left; MARGIN-RIGHT: 5px } .u_floatWrapper-left > LI { FLOAT: left; MARGIN-RIGHT: 5px } .u_floatWrapper-left > LABEL { FLOAT: left; MARGIN-RIGHT: 5px } .u_floatWrapper-left:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .u_floatWrapper-right:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .u_controlsWrapper:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .u_clearFloatsWrapper > DIV { FLOAT: none !important } .u_clearFloatsWrapper > LI { FLOAT: none !important } .u_indent { MARGIN-LEFT: 24px !important } .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 } HTML { HEIGHT: 100% } BODY { HEIGHT: 100%; MIN-WIDTH: 1000px } BODY.topFrame { HEIGHT: 89px; OVERFLOW-Y: hidden } BODY.filePicker { MIN-WIDTH: 400px } BODY.popup { MIN-WIDTH: 100% } .content-system-page { MIN-WIDTH: 780px } BODY.popup DIV.locationPane { WIDTH: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } BODY.csMenuFrame { WIDTH: 100%; MIN-WIDTH: 210px } BODY.popupMenu { WIDTH: 100%; MIN-WIDTH: 210px } IMG { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } H1 { FONT-WEIGHT: bold } H2 { FONT-WEIGHT: bold } H3 { FONT-WEIGHT: bold } H4 { FONT-WEIGHT: bold } H5 { FONT-WEIGHT: bold } H6 { FONT-WEIGHT: bold } STRONG { FONT-WEIGHT: bold } B { FONT-WEIGHT: bold } EM { FONT-STYLE: italic } TABLE.bouncer { WIDTH: 100% } TABLE.bouncer TD { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .brandingImgWrap { OVERFLOW: hidden } .topTabs-compact .bannerImage { DISPLAY: none } .topTabs-compact .brandingImgWrap { DISPLAY: none } .topTabs { OVERFLOW-Y: hidden; POSITION: relative } .topTabs-compact { POSITION: relative } .topTabs .tabWrapper-center .appTabs { MARGIN: 0px auto } .topTabs-compact .tabWrapper-center .appTabs { MARGIN: 0px auto } .topTabs .tabWrapper-right .appTabs { FLOAT: right } .topTabs-compact .tabWrapper-right .appTabs { FLOAT: right } .breadcrumbs { POSITION: relative } .locationPane { OVERFLOW: visible; MIN-WIDTH: 100%; POSITION: relative; ZOOM: 1; DISPLAY: inline-block } .navigationPane { OVERFLOW: visible; WIDTH: 200px; POSITION: absolute; ZOOM: 1; CLEAR: both; LEFT: 0px; TOP: 0px } .menuWrap { POSITION: relative; ZOOM: 1 } .contentPane { OVERFLOW: visible; MIN-WIDTH: auto; ZOOM: 1; MARGIN: 0px 14px 0px 212px; DISPLAY: block } #puller { POSITION: absolute; Z-INDEX: 3 } #puller A { HEIGHT: 30px; WIDTH: 15px; BACKGROUND: #ccc; DISPLAY: block } .contcollapsed { MARGIN-LEFT: 15px } .content { MIN-WIDTH: auto; ZOOM: 1; MIN-HEIGHT: 400px; DISPLAY: block } .container { MIN-WIDTH: auto; ZOOM: 1; MIN-HEIGHT: 400px; DISPLAY: block } .containerPortal { MIN-WIDTH: auto; ZOOM: 1; MIN-HEIGHT: 400px; DISPLAY: block } .popup .container { MIN-HEIGHT: 400px } .container { OVERFLOW: visible } .containerOptions { OVERFLOW: visible } .column-1 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } .column-2 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } .column-3 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } .column-4 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } column-5 { HEIGHT: auto; FLOAT: left; MARGIN: 6px 0px 0px; MIN-HEIGHT: 400px } .column-1 { WIDTH: 100% } .column-2 { WIDTH: 50% } .column-3 { WIDTH: 33.3% } .column-4 { WIDTH: 25% } .column-5 { WIDTH: 20% } #lightbox .column-3 { MARGIN: 0px; MIN-HEIGHT: 200px !important } #lightbox .column-2 { MARGIN: 0px; MIN-HEIGHT: 200px !important } INPUT[type='submit'].submit { FONT-WEIGHT: bold } .mainButton A { FONT-WEIGHT: bold } .actionBarMicro .mainButton A { FONT-WEIGHT: bold } .rumble .mainButton > A { FONT-WEIGHT: bold } .rumble_top .mainButton > A { FONT-WEIGHT: bold } .button-1 { FONT-WEIGHT: bold } .button-1-img { FONT-WEIGHT: bold } .modeSwitchWrap { RIGHT: 0px; LEFT: auto; TOP: 6px } .modeSwitchWrap DIV { VERTICAL-ALIGN: middle; DISPLAY: inline-block } .modeSwitch { OVERFLOW: hidden; POSITION: relative; DISPLAY: block } .read-on { MARGIN-RIGHT: 0px } A.read-off IMG { POSITION: absolute; LEFT: 0px; BOTTOM: 0px } A.read-on IMG { RIGHT: 0px; POSITION: absolute; BOTTOM: 0px } .switcherLabel { VERTICAL-ALIGN: middle; DISPLAY: inline-block } .helpLink { POSITION: relative; TOP: 1px } .helpLink A.browseIcon { DISPLAY: inline-block } .vtbeSwitch { POSITION: relative; FLOAT: right } .vtbeSwitch SPAN { DISPLAY: inline-block } A.colorChip { DISPLAY: inline-block } A.colorChip SPAN { DISPLAY: inline-block } INPUT[type='button'] { } INPUT[type='submit'] { } BUTTON { } FORM#content { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none } .reorder { CURSOR: move; POSITION: absolute } .contextMenuContainer { ZOOM: 1 } .gbtable .contextMenuContainer { DISPLAY: inline } .gbtable_header .contextMenuContainer { DISPLAY: inline } .gbtable_header TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 2px !important; BORDER-LEFT: 0px; PADDING-RIGHT: 1px !important } .gbtable THEAD TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 2px !important; BORDER-LEFT: 0px; PADDING-RIGHT: 1px !important } A.cmimg { ZOOM: 1 } HTML { FONT: 300 0.78em "Arial", Lucida Grande, sans-serif } H1 { FONT-SIZE: 148% } H2 { FONT-SIZE: 123.1% } H3 { FONT-SIZE: 110% } H1 { MARGIN: 1em 0px } H2 { MARGIN: 1em 0px } H3 { MARGIN: 1em 0px } A { TEXT-DECORATION: none; COLOR: #b00 } A:focus { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #000 } .vtbegenerated A { TEXT-DECORATION: underline } TABLE { FONT-SIZE: 100% } THEAD TH { FONT-WEIGHT: bold } #contentFrame { BACKGROUND: url(images/bblearn_2011_bg.png) #efede3 0px -5px } #schemePreview { BACKGROUND: url(images/bblearn_2011_bg.png) #efede3 0px -5px } BODY { BACKGROUND: url(images/bblearn_2011_bg.png) #efede3 0px -5px } BODY.topFrame { BACKGROUND: #f7f7f7 } BODY.login-page { POSITION: relative; MIN-HEIGHT: 800px } BODY.popup { BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } BODY.csMenuFrame { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #eee; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-box-shadow: -1px 0 1px #F9F9F9 inset; -moz-box-shadow: -1px 0 1px #F9F9F9 inset; -webkit-border-radius: 0; -moz-border-radius: 0 } BODY.popupMenu { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #eee; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-box-shadow: -1px 0 1px #F9F9F9 inset; -moz-box-shadow: -1px 0 1px #F9F9F9 inset; -webkit-border-radius: 0; -moz-border-radius: 0 } .csMenuFrame { FONT-SIZE: 95% } BODY.external-breadcrumbs { BACKGROUND-IMAGE: none } BODY.picker { BACKGROUND: #fff; MIN-WIDTH: 400px } .breadcrumbs { BORDER-TOP: 0px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; MARGIN: 0px 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px } .locationPane { MARGIN-TOP: 12px } BODY.picker .locationPane { MARGIN: 0px; DISPLAY: block } .csPicker .locationPane { DISPLAY: block } .navigationPane { WIDTH: 210px; LEFT: 0px; MARGIN: 0px; TOP: 0px; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .menuWrap { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #444 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px; BORDER-LEFT: #999 0px solid; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .contentPane { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px 0px 222px; PADDING-RIGHT: 0px; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .contentPaneWide { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px; PADDING-RIGHT: 0px } .portalPane { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px; PADDING-RIGHT: 0px } .popup .contentPaneWide { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .picker .contentPaneWide { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .container { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .course-tools-page #listContainer { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .picker .container { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } .popup .container { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } #puller { RIGHT: -8px; POSITION: absolute; Z-INDEX: 3; TOP: -1px; BOTTOM: 1px; -moz-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #puller A { OVERFLOW: visible; BORDER-TOP: #777 1px solid; HEIGHT: 100%; BORDER-RIGHT: #777 1px solid; WIDTH: 8px; BACKGROUND: url(images/reorder_bg.png) #bbb repeat-y; BORDER-BOTTOM: #777 1px solid; POSITION: relative; FILTER: alpha(opacity=0); BORDER-LEFT: 0px; opacity: 0; box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } .menuWrap:hover #puller A { FILTER: alpha(opacity=100); opacity: 1; -moz-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .menuWrap:focus #puller A { FILTER: alpha(opacity=100); opacity: 1; -moz-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: opacity 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #puller A:after { FONT-SIZE: 180%; BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; RIGHT: -30px; BORDER-BOTTOM: #666 1px solid; POSITION: absolute; COLOR: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; CONTENT: "\2190"; PADDING-LEFT: 1px; FILTER: alpha(opacity=0) !important; BORDER-LEFT: #666 0px solid; DISPLAY: none !important; LINE-HEIGHT: 1; TOP: 200px; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #777; opacity: 0; border-radius: 0 12px 12px 0; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out } .pullcollapsed#puller A { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #00add0; opacity: 1 } #puller A:hover { BACKGROUND-COLOR: #777 } #puller A:focus { BACKGROUND-COLOR: #777 } #puller A IMG { HEIGHT: 24px; WIDTH: 12px; BACKGROUND: url(images/menu_expand_rtl.gif) no-repeat 0px 0px; RIGHT: -9px; POSITION: relative; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 1px; FILTER: alpha(opacity=0)\9; TOP: 200px; PADDING-RIGHT: 6px } .pullcollapsed#puller A:hover { BACKGROUND-COLOR: #777; -moz-transition: background-color 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: background-color 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .pullcollapsed#puller A:focus { BACKGROUND-COLOR: #777; -moz-transition: background-color 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: background-color 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .pullcollapsed#puller A:after { CONTENT: "\2192"; opacity: 0 } .pullcollapsed#puller A:hover:after { opacity: 1 } #puller A:hover:after { opacity: 1 } .pullcollapsed#puller A:focus:after { opacity: 1 } #puller A:focus:after { opacity: 1 } .pullcollapsed#puller A:hover IMG { FILTER: alpha(opacity=100) } .pullcollapsed#puller A:focus IMG { FILTER: alpha(opacity=100) } #puller A:hover IMG { FILTER: alpha(opacity=100) } #puller A:focus IMG { FILTER: alpha(opacity=100) } .pullcollapsed#puller A:hover IMG { BACKGROUND: url(images/menu_collapse_rtl.gif) no-repeat 0px 0px } .pullcollapsed#puller A:focus IMG { BACKGROUND: url(images/menu_collapse_rtl.gif) no-repeat 0px 0px } .navcollapsed { MARGIN-LEFT: -210px; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .pullcollapsed#puller { RIGHT: -10px; opacity: 1; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .navcollapsed .menuWrap { DISPLAY: block !important } .contcollapsed { MARGIN-LEFT: 12px; -moz-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: margin-left 300ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #topFrame { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 0px; COLOR: #ccc; BACKGROUND-COLOR: #555 } .bgBanner { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 0px; COLOR: #ccc; BACKGROUND-COLOR: #555 } .brandingImgWrap { HEIGHT: 46px } .brandingImgWrap A { MARGIN: 8px 12px 0px; DISPLAY: inline-block } .bannerImage { MAX-HEIGHT: 35px } .topTabs-compact .bannerImage { DISPLAY: none } .topTabs-compact .brandingImgWrap { DISPLAY: none } .topTabs-compact .hotItems { DISPLAY: none } .topTabs { HEIGHT: 89px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #555; -webkit-box-shadow: 0 -6px 17px #333 inset; -moz-box-shadow: 0 -6px 17px #333 inset; box-shadow: 0 -6px 17px #333 inset } .topTabs-compact { HEIGHT: 52px } .tabWrapper-left { WIDTH: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 28px; PADDING-RIGHT: 28px } .tabWrapper-center { WIDTH: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 28px; PADDING-RIGHT: 28px } .tabWrapper-right { WIDTH: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 28px; PADDING-RIGHT: 28px } .appTabs { WIDTH: auto; POSITION: relative } .topTabs-compact .tabWrapper-left { PADDING-TOP: 24px } .topTabs-compact .tabWrapper-center { PADDING-TOP: 24px } .topTabs-compact .tabWrapper-right { PADDING-TOP: 24px } #topTab { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-TOP: transparent 1px solid; FONT-FAMILY: "Avenir", Arial, sans-serif; BORDER-RIGHT: transparent 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: transparent 0px solid; POSITION: relative; FONT-WEIGHT: normal; COLOR: #efefef; PADDING-BOTTOM: 19px; FONT-STYLE: normal; TEXT-ALIGN: center; PADDING-TOP: 10px; PADDING-LEFT: 1.2em; BORDER-LEFT: transparent 1px solid; Z-INDEX: 100; DISPLAY: block; PADDING-RIGHT: 1.2em; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .appTabs A { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-TOP: transparent 1px solid; FONT-FAMILY: "Avenir", Arial, sans-serif; BORDER-RIGHT: transparent 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: transparent 0px solid; POSITION: relative; FONT-WEIGHT: normal; COLOR: #efefef; PADDING-BOTTOM: 19px; FONT-STYLE: normal; TEXT-ALIGN: center; PADDING-TOP: 10px; PADDING-LEFT: 1.2em; BORDER-LEFT: transparent 1px solid; Z-INDEX: 100; DISPLAY: block; PADDING-RIGHT: 1.2em; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .appTabs A SPAN { BORDER-BOTTOM: transparent 1px dotted; PADDING-BOTTOM: 1px } .topTabs-compact .appTabs A SPAN { PADDING-BOTTOM: 0px } .appTabs A:hover { COLOR: #fff } .appTabs A:focus { COLOR: #fff } .appTabs A:hover SPAN { BORDER-BOTTOM: #fff 1px double } .appTabs A:focus SPAN { BORDER-BOTTOM: #fff 1px double } #topTabActive { Z-INDEX: 1000 } .appTabs .active A { Z-INDEX: 1000 } .appTabs .active A:hover { Z-INDEX: 1000 } .appTabs .active A:focus { Z-INDEX: 1000 } .appTabs .active A SPAN { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .appTabs .active A:hover SPAN { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .appTabs .active A:focus SPAN { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .appTabs .active .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .appTabs .active A:hover .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .appTabs .active A:focus .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .toppTabs-compact .appTabs .active .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .toppTabs-compact .appTabs .active A:hover .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .toppTabs-compact .appTabs .active A:focus .hideoff { FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: transparent 14px solid; BORDER-BOTTOM: transparent 14px solid; COLOR: transparent; MARGIN-LEFT: -14px; LEFT: 50%; BORDER-LEFT: transparent 14px solid; Z-INDEX: 100; LINE-HEIGHT: 0; TOP: auto; BOTTOM: 0px } .topTabs-compact .appTabs .active .hideoff { BORDER-LEFT-WIDTH: 7px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -7px; BORDER-TOP-WIDTH: 0px } .topTabs-compact .appTabs .active A:hover .hideoff { BORDER-LEFT-WIDTH: 7px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -7px; BORDER-TOP-WIDTH: 0px } .topTabs-compact .appTabs .active A:focus .hideoff { BORDER-LEFT-WIDTH: 7px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -7px; BORDER-TOP-WIDTH: 0px } .topTabs-compact .appTabs A { FONT-SIZE: 95%; PADDING-BOTTOM: 0.7em; PADDING-TOP: 0.4em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em } .topTabs-compact .appTabs .active A:hover { FONT-SIZE: 95%; PADDING-BOTTOM: 0.7em; PADDING-TOP: 0.4em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em } .topTabs-compact .appTabs .active A:focus { FONT-SIZE: 95%; PADDING-BOTTOM: 0.7em; PADDING-TOP: 0.4em; PADDING-LEFT: 1em; PADDING-RIGHT: 1em } .round1 A { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .round2 A { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0 } .topGlobalLinks { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000020,endColorstr=#33000020) } .topGlobalLinks UL { Z-INDEX: 1001 } .topGlobalLinks UL LI { COLOR: #ccc; MARGIN: 0px 0px 0px -4px; DISPLAY: inline-block } .topGlobalLinks UL LI:first-child { MARGIN: 0px } .topGlobalLinks A { OVERFLOW: hidden; BACKGROUND: none transparent scroll repeat 0% 0%; MIN-WIDTH: 18px; COLOR: #ccc; PADDING-BOTTOM: 3px; TEXT-ALIGN: left; PADDING-TOP: 3px; PADDING-LEFT: 5px; DISPLAY: inline-block; PADDING-RIGHT: 5px; TEXT-INDENT: -10000px } .topGlobalLinks A .link-icon { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; BACKGROUND-IMAGE: url(images/utilicons_sprite_rev.png); BACKGROUND-REPEAT: no-repeat; FLOAT: right; DISPLAY: block } .topGlobalLinks .home .link-icon { BACKGROUND-POSITION: -129px 0px } .topGlobalLinks .home:hover .link-icon { BACKGROUND-POSITION: -129px -16px } .topGlobalLinks .home:focus .link-icon { BACKGROUND-POSITION: -129px -16px } .topGlobalLinks .logout .link-icon { DISPLAY: none } .topGlobalLinks .logout { WIDTH: auto !important; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; TEXT-INDENT: 0px } .topGlobalLinks .help .link-icon { BACKGROUND-POSITION: -145px 1px } .topGlobalLinks .help:hover .link-icon { BACKGROUND-POSITION: -145px 1px } .topGlobalLinks .help:focus .link-icon { BACKGROUND-POSITION: -145px 1px } .topGlobalLinks A:hover { COLOR: #eee; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000025,endColorstr=#44000025) } .topGlobalLinks A:focus { COLOR: #eee; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#44000025,endColorstr=#44000025) } .hotItems { WIDTH: 240px; POSITION: relative; COLOR: #ddd; TEXT-ALIGN: center; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000020,endColorstr=#33000020); MIN-HEIGHT: 28px; MARGIN-RIGHT: 3px } .hotSpots { BOX-SIZING: border-box; OVERFLOW: auto; PADDING-BOTTOM: 5px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; MAX-HEIGHT: 46px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .hotSpots LI { PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .hotSpots A { TEXT-DECORATION: underline; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ddd; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 6px } .hotSpots LI:after { RIGHT: 1px; POSITION: relative; COLOR: #999; CONTENT: "\2022" } .hotSpots A:hover { COLOR: #eee } .hotSpots A:focus { COLOR: #eee } .path { POSITION: relative; FLOAT: left; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .simplePath { POSITION: relative; FLOAT: left; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .simplePath { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .breadcrumbs .noToggle { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .path LI { VERTICAL-ALIGN: middle; BACKGROUND: url(images/indicators.png) no-repeat 100% 50%; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 12px } .simplePath LI { VERTICAL-ALIGN: middle; BACKGROUND: url(images/indicators.png) no-repeat 100% 50%; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 12px } .path .placeholder { BACKGROUND-IMAGE: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .simplePath .placeholder { BACKGROUND-IMAGE: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .path .label { FONT-WEIGHT: normal; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .simplePath .label { FONT-WEIGHT: normal; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .path A { TEXT-DECORATION: none; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .simplePath A { TEXT-DECORATION: none; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .path A:hover { TEXT-DECORATION: underline; COLOR: #333 } .path A:focus { TEXT-DECORATION: underline; COLOR: #333 } .simplePath A:hover { TEXT-DECORATION: underline; COLOR: #333 } .simplePath A:focus { TEXT-DECORATION: underline; COLOR: #333 } .path .root { BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 13px; PADDING-TOP: 13px; PADDING-LEFT: 0px; MARGIN: -12px 6px -13px 0px; PADDING-RIGHT: 9px } .simplePath .root { BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 13px; PADDING-TOP: 13px; PADDING-LEFT: 0px; MARGIN: -12px 6px -13px 0px; PADDING-RIGHT: 9px } .path .root A { TEXT-DECORATION: none; VERTICAL-ALIGN: baseline; FONT-WEIGHT: bold } .simplePath .root A { TEXT-DECORATION: none; VERTICAL-ALIGN: baseline; FONT-WEIGHT: bold } .path .root A[href*='course_id'] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .simplePath .root A[href*='course_id'] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .path .root A[href*='admin'] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .simplePath .root A[href*='admin'] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .path .root A[href*='tabId='] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .simplePath .root A[href*='tabId='] { OVERFLOW: hidden; HEIGHT: 20px; WIDTH: 20px; VERTICAL-ALIGN: middle; COLOR: transparent; DISPLAY: inline-block } .path .root A[href*='course_id']:before { CONTENT: "H" } .simplePath .root A[href*='course_id']:before { CONTENT: "H" } .path .root A[href*='admin']:before { CONTENT: "S" } .simplePath .root A[href*='admin']:before { CONTENT: "S" } .path .root A[href*='tabId=']:before { CONTENT: "m" } .simplePath .root A[href*='tabId=']:before { CONTENT: "m" } .path .button { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 8px 0px 0px; PADDING-RIGHT: 0px } .simplePath .button { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 8px 0px 0px; PADDING-RIGHT: 0px } .path .root A:before { FONT-SIZE: 20px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #aaa; TOP: 1px } .simplePath .root A:before { FONT-SIZE: 20px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #aaa; TOP: 1px } .path .root A:hover:before { COLOR: #888 } .path .root A:focus:before { COLOR: #888 } .simplePath .root A:hover:before { COLOR: #888 } .simplePath .root A:focus:before { COLOR: #888 } .path .button A { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .simplePath .button A { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .path LI.contextPath { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 0; PADDING-RIGHT: 12px } .contextPath > DIV { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; opacity: .6 } .contextPath > DIV:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; opacity: .6 } .contextPath > DIV:focus { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; opacity: .6 } .contextPath:hover > DIV { opacity: 1 } .contextPath:hover > DIV:hover { opacity: 1 } .contextPath:hover > DIV:focus { opacity: 1 } .contextPath A.cmimg { HEIGHT: 16px; VERTICAL-ALIGN: middle; BACKGROUND-POSITION: -28px -124px; DISPLAY: inline-block } .courseArrow A.cmimg { HEIGHT: 16px; VERTICAL-ALIGN: middle; BACKGROUND-POSITION: -28px -124px; DISPLAY: inline-block } .contextPath A.cmimg:hover { BACKGROUND-POSITION: -28px -142px } .contextPath A.cmimg:focus { BACKGROUND-POSITION: -28px -142px } .courseArrow A.cmimg:hover { BACKGROUND-POSITION: -28px -142px } .courseArrow A.cmimg:focus { BACKGROUND-POSITION: -28px -142px } .courseArrow { DISPLAY: inline-block } .courseArrow A { DISPLAY: inline-block } .coursePath:hover .courseArrow { opacity: 1 } .coursePath:focus .courseArrow { opacity: 1 } .banner + .breadcrumbs { MARGIN: 0px; BACKGROUND-COLOR: inherit } .breadcrumb-controls { FLOAT: right } .content { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } #contentArea { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } #schemePreviewBody { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .contentBox { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .popup .contentBox { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .picker .contentBox { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .portal .contentBox { -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) } #contentArea { COLOR: #111; MARGIN: 0px } .container { COLOR: #111; MARGIN: 0px } .containerOptions { COLOR: #111; MARGIN: 0px } .containerPortal { COLOR: #111; MARGIN: 0px } .containerPortal { MIN-WIDTH: 600px; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 24px; PADDING-RIGHT: 24px } .portal .container { MIN-WIDTH: 600px; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 24px; PADDING-RIGHT: 24px } .containerOptions .searchbar { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BACKGROUND: #dfdfdf; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 21px; MARGIN: 0px; BORDER-LEFT: #ccc 0px solid; PADDING-RIGHT: 21px; -webkit-box-shadow: 1px 0 0 #FFF inset; -moz-box-shadow: 1px 0 0 #FFF inset; box-shadow: 1px 0 0 #FFF inset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .containerOptions .liveArea { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BACKGROUND: #dfdfdf; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 21px; MARGIN: 0px; BORDER-LEFT: #ccc 0px solid; PADDING-RIGHT: 21px; -webkit-box-shadow: 1px 0 0 #FFF inset; -moz-box-shadow: 1px 0 0 #FFF inset; box-shadow: 1px 0 0 #FFF inset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } #addFolderForm { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BACKGROUND: #dfdfdf; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 21px; MARGIN: 0px; BORDER-LEFT: #ccc 0px solid; PADDING-RIGHT: 21px; -webkit-box-shadow: 1px 0 0 #FFF inset; -moz-box-shadow: 1px 0 0 #FFF inset; box-shadow: 1px 0 0 #FFF inset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } DIV.okContainer { POSITION: relative; PADDING-BOTTOM: 60px } DIV.ok DIV.container { POSITION: relative; PADDING-BOTTOM: 60px } .collabContainer { POSITION: relative; PADDING-BOTTOM: 60px } .column-1 { MARGIN: 6px 0px 0px } .column-2 { MARGIN: 6px 0px 0px } .column-3 { MARGIN: 6px 0px 0px } .column-4 { MARGIN: 6px 0px 0px } .column-5 { MARGIN: 6px 0px 0px } .leftColumn-narrow { OVERFLOW: auto; BORDER-RIGHT: #ccc 3px double; WIDTH: 22%; FLOAT: left; MARGIN: -20px 0px 0px -30px } .picker .leftColumn-narrow { WIDTH: 25%; MARGIN: -12px 0px 0px -20px } .picker #bb-question-discover .leftColumn-narrow { WIDTH: 25%; MARGIN: -12px 0px 0px -20px } .rightColumn-narrow { WIDTH: 22%; FLOAT: right; MARGIN-LEFT: 1% } .rightColumn-wide { WIDTH: 74%; FLOAT: right } .leftColumn-wide { WIDTH: 76%; FLOAT: left; MARGIN-LEFT: -3px; BORDER-LEFT: #ccc 3px double } .picker .leftColumn-wide { WIDTH: 76%; MIN-HEIGHT: 430px; MARGIN-TOP: -12px } .picker #bb-question-discover .leftColumn-wide { WIDTH: 76%; MIN-HEIGHT: 430px; MARGIN-TOP: -12px } .picker .leftColumn-wide H1 { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } #bb-question-discover .leftColumn-wide { WIDTH: 80%; MARGIN: -20px -20px 0px -3px; BORDER-LEFT: #ccc 3px double } #bb-question-discover .leftColumn-wide + .leftColumn-wide { WIDTH: auto; MARGIN: 0px; BORDER-LEFT: medium none } #bb-question-discover .leftColumn-narrow { WIDTH: 24% } .leftColumn-narrow H3 { FONT-SIZE: 100%; POSITION: relative; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; PADDING-RIGHT: 0px } .rightColumn-narrow H3 { FONT-SIZE: 100%; POSITION: relative; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; PADDING-RIGHT: 0px } .leftColumn-narrow H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .rightColumn-narrow H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .columnPalette H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .leftColumn-narrow A.itemHead { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; DISPLAY: block; PADDING-RIGHT: 9px } .rightColumn-narrow A.itemHead { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; DISPLAY: block; PADDING-RIGHT: 9px } A.itemHead { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; DISPLAY: block; PADDING-RIGHT: 9px } .leftColumn-narrow A.itemHead:hover { TEXT-DECORATION: underline } .leftColumn-narrow A.itemHead:focus { TEXT-DECORATION: underline } .rightColumn-narrow A.itemHead:hover { TEXT-DECORATION: underline } .rightColumn-narrow A.itemHead:focus { TEXT-DECORATION: underline } A.itemHead:hover { TEXT-DECORATION: underline } A.itemHead:focus { TEXT-DECORATION: underline } .leftColumn-narrow A.itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 6px 6px } .rightColumn-narrow A.itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 6px 6px } A.itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 6px 6px } .leftColumn-narrow H3.hideoff { MARGIN: 0px } .leftColumn-narrow :first-child.columnPalette { BORDER-TOP: 0px } .paletteGroup { POSITION: relative; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } .columnPalette { POSITION: relative; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } .paletteGroup DIV.columnPalette { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px } .paletteItems { FONT-SIZE: 95%; MARGIN: 0px 0px 4px } .paletteItems LI { POSITION: relative; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px 16px; PADDING-RIGHT: 2px } .paletteItems DIV { MARGIN: 0px 0px 0px 16px } #searchForm .paletteItems LI { MARGIN: 0px 0px 0px 24px } .paletteItems LI A { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; DISPLAY: block; LINE-HEIGHT: 110%; PADDING-RIGHT: 9px } .paletteItems LI LABEL { PADDING-LEFT: 21px; DISPLAY: inline-block } .picker .paletteItems LI LABEL { FONT-SIZE: 94% } .paletteItems LI INPUT[type=checkbox] { POSITION: absolute; LEFT: 0px; TOP: 0px } UL.paletteItems LI INPUT[type=radio] { POSITION: absolute; LEFT: 0px; TOP: 0px } .paletteItems LI:hover { BACKGROUND: #fff } .paletteItems LI:focus { BACKGROUND: #fff } .paletteItems LI A:hover { TEXT-DECORATION: underline } .paletteItems LI A:focus { TEXT-DECORATION: underline } .paletteItems LI.selectedItem { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.selectedItem:hover { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.selectedItem:focus { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.active { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.active:hover { BACKGROUND: #fff4bf; COLOR: #000 } .paletteItems LI.active:focus { BACKGROUND: #fff4bf; COLOR: #000 } .columnActions UL LI A { DISPLAY: block } #copyright { FONT-SIZE: 82%; POSITION: relative; COLOR: #555; MARGIN: 16px 0px 0px 9px; DISPLAY: inline-block } .newCopyright { POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 20px; PADDING-LEFT: 60px; MARGIN: 0px 0px 0px 12px; PADDING-RIGHT: 12px } .logo { PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .productTitle { PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .legal { PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .additionalInfo { PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .productTitle { PADDING-BOTTOM: 0px; PADDING-TOP: 9px; PADDING-LEFT: 9px; MIN-HEIGHT: auto; PADDING-RIGHT: 12px } .logo { POSITION: absolute; LEFT: 0px; MARGIN-TOP: -20px } .logo IMG { WIDTH: 45px } .additionalInfo { FLOAT: none } .legal P { MARGIN: 0px; DISPLAY: inline-block } .additionalInfo P { MARGIN: 0px; DISPLAY: inline-block } .additionalInfo P:first-child { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 9px 0px 0px; PADDING-RIGHT: 2px } .additionalInfo P:first-child:after { RIGHT: -1px; POSITION: relative; COLOR: #ccc; CONTENT: "\2022" } .additionalInfo P:first-child A { PADDING-RIGHT: 12px } .additionalInfo P:first-child A:hover { BACKGROUND: url(images/micro_popup.png) no-repeat right 2px } .additionalInfo P:first-child A:focus { BACKGROUND: url(images/micro_popup.png) no-repeat right 2px } .productTitle A { FONT-SIZE: 125%; TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #333; TEXT-ALIGN: right; DISPLAY: block; LINE-HEIGHT: 1.1em } .productTitle A:hover { TEXT-DECORATION: underline } .productTitle A:focus { TEXT-DECORATION: underline } .additionalInfo A:hover { TEXT-DECORATION: underline } .additionalInfo A:focus { TEXT-DECORATION: underline } .copyrightDetailContents { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; WIDTH: 740px; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; COLOR: #fff; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 24px; CLEAR: left; LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 5em; BORDER-LEFT: #555 1px solid; DISPLAY: none; TOP: 0px; PADDING-RIGHT: 24px; BACKGROUND-COLOR: #777; -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4) inset, 2px 2px rgba(255, 255, 255, 0.6); -moz-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4) inset, 2px 2px rgba(255, 255, 255, 0.6); box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4) inset, 2px 2px rgba(255, 255, 255, 0.6); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .productImg { FLOAT: left; MARGIN-TOP: 5px } .copyrightDetailContents UL { FLOAT: left; TEXT-ALIGN: left; MARGIN: 4px 0px 0px 24px } .copyrightDetailContents UL LI SPAN { FONT-WEIGHT: bold } A.closeCopyright { RIGHT: -16px; POSITION: relative; FLOAT: right; TOP: -5px } .contentBlock { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 1em; PADDING-TOP: 0.6em; PADDING-LEFT: 1.4em; MARGIN: 0px 1em 0.6em; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 1.4em } .contentBlock H3 { FONT-SIZE: 110%; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0.4em; MARGIN: 0px 0px 1em; PADDING-RIGHT: 0.4em } .contentBlock UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1.2em; MARGIN: 0px; PADDING-RIGHT: 0px } .contentBlock UL.threeCol { WIDTH: 30%; FLOAT: left } .contentBlock UL.threeCol LI { FONT-SIZE: 90%; BACKGROUND: url(images/indicators.png) no-repeat 0px 3px; FLOAT: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 22px; MARGIN: 0px; PADDING-RIGHT: 0px } .contentBlock UL.threeCol LI A { BACKGROUND-IMAGE: none } .contentBlock UL.threeCol LI A:hover { TEXT-DECORATION: underline } .contentBlock UL.threeCol LI A:focus { TEXT-DECORATION: underline } .contentBlock H3 INPUT { FONT-SIZE: 90%; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #999 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 2px } .contentBlock H3 SELECT { FONT-SIZE: 90%; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #999 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 2px } .contentBlock INPUT { FONT-SIZE: 90%; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #999 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 2px } .contentBlock SELECT { FONT-SIZE: 90%; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #999 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 2px } .contentBlock OL LI INPUT[type='checkbox'] { VERTICAL-ALIGN: middle; MARGIN-RIGHT: 6px } .contentBlock H3 A.browse { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; BORDER-BOTTOM: #aaa 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 3px } .contentBlock A.browse { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; BORDER-BOTTOM: #aaa 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 3px } .contentBlock INPUT.browse { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; BORDER-BOTTOM: #aaa 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 3px } DIV.landingListWrapper { TEXT-ALIGN: center; MARGIN: 1.6em 0px 0px } DIV.landingListWrapper UL.landingList { LIST-STYLE-TYPE: none; WIDTH: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.landingListWrapper UL.landingList-2cols { LIST-STYLE-TYPE: none; WIDTH: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.landingListWrapper UL.landingList LI { WIDTH: 50%; TEXT-ALIGN: left; MARGIN: 0px 0px 1.6em } DIV.landingListWrapper UL.landingList-2cols LI { WIDTH: 45%; FLOAT: left; TEXT-ALIGN: left; MARGIN: 0px 3em 1.6em 0px } DIV.landingListWrapper UL.landingList LI.restart { MARGIN-TOP: -13.6em } DIV.landingListWrapper UL.landingList LI A { TEXT-DECORATION: none } DIV.landingListWrapper UL.landingList-2cols LI A { TEXT-DECORATION: none } DIV.landingListWrapper UL.landingList LI A:hover { TEXT-DECORATION: underline } DIV.landingListWrapper UL.landingList-2cols LI A:hover { TEXT-DECORATION: underline } DIV.landingListWrapper UL.landingList LI A:focus { TEXT-DECORATION: underline } DIV.landingListWrapper UL.landingList-2cols LI A:focus { TEXT-DECORATION: underline } DIV.landingListWrapper UL.landingList LI P { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0.4em; PADDING-LEFT: 1.4em; MARGIN: 0px; PADDING-RIGHT: 0.6em } DIV.landingListWrapper UL.landingList-2cols LI P { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0.4em; PADDING-LEFT: 1.4em; MARGIN: 0px; PADDING-RIGHT: 0.6em } DIV.landingListWrapper UL.landingList LI UL { LIST-STYLE-TYPE: square; MARGIN: 0px 0.4em 0.4em 0.8em } DIV.landingListWrapper UL.landingList LI UL LI { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: left; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.landingListWrapper UL.landingList-2cols LI UL LI { FLOAT: none; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.landingListWrapper UL.landingList LI H3 { FONT-SIZE: 110%; BACKGROUND: url(images/indicators.png) no-repeat 0px 0px; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 1.2em; MARGIN: 0px; PADDING-RIGHT: 1.2em } DIV.landingListWrapper UL.landingList-2cols H3 { FONT-SIZE: 110%; BACKGROUND: url(images/indicators.png) no-repeat 0px 0px; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 1.2em; MARGIN: 0px; PADDING-RIGHT: 1.2em } .containerLanding { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 400px; PADDING-RIGHT: 0px } DIV.landing DIV.container { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 400px; PADDING-RIGHT: 0px } BODY.landingBody DIV.container { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 400px; PADDING-RIGHT: 0px } .inst-email DIV.landing DIV.container { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } DIV.landingPageColumn { FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 1.2em 0px; PADDING-RIGHT: 0px } .twoCol { WIDTH: 49%; MARGIN: 1.2em 0px } .threeCol { WIDTH: 32.5%; MARGIN: 1.2em 0px } .landingPageColumn UL { MARGIN: 0px 0px 0px 30px } .landingPageColumn .outcomesLanding { PADDING-BOTTOM: 0.4em; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .landingPageColumn UL LI { TEXT-ALIGN: left; MARGIN: 0px 0px 2.2em } .inst-email .landingPageColumn UL LI { MARGIN: 0px } .landingPageColumn .outcomesLanding LI { MARGIN: 0px 0px 1.2em } .landingPageColumn UL LI A { TEXT-DECORATION: none } .landingPageColumn UL LI A:hover { TEXT-DECORATION: underline } .landingPageColumn UL LI A:focus { TEXT-DECORATION: underline } .landingPageColumn H3 { FONT-SIZE: 110%; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .landingPageColumn .outcomesLanding LI A { FONT-SIZE: 110%; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .landingPageColumn .outcomesLanding LI H3 { FONT-SIZE: 115%; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0.4em; PADDING-TOP: 0.4em; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .landingPageColumn .outcomesLanding LI A { FONT-SIZE: 100%; FONT-WEIGHT: bold } .landingPageColumn .outcomesLanding LI P { BORDER-TOP: 0px } .landingPageColumn H3 IMG { MARGIN: 0px 0px 0px -12px } .landingPageColumn H3.hiddenlink IMG { POSITION: absolute; LEFT: 1.1em; FILTER: alpha(opacity=40); TOP: 0px; opacity: .4 } .landingPageColumn UL LI UL { LIST-STYLE-TYPE: square; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1.6em; MARGIN: 0px 0.4em 0.4em 0.8em; PADDING-RIGHT: 0px } .landingPageColumn UL LI UL LI { FLOAT: none; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .landingPageColumn UL LI UL LI.more { PADDING-TOP: 3px } .landingPageColumn UL LI UL LI.more A { BACKGROUND: url(images/indicators.png) no-repeat 0px 50%; COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 9px } .landingPageColumn UL LI P { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .landingPageColumn H3.hiddenlink { POSITION: relative; PADDING-BOTTOM: 0.6em; PADDING-TOP: 1em; PADDING-LEFT: 4.2em; PADDING-RIGHT: 1.2em } .landingPageColumn H3.hiddenlink A { TEXT-DECORATION: none; COLOR: #777 } .landingPageColumn H3.hiddenlink A:hover { TEXT-DECORATION: none; COLOR: #777 } .landingPageColumn H3.hiddenlink A:focus { TEXT-DECORATION: none; COLOR: #777 } .subhead_text { FONT-SIZE: 90%; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .list_text { FONT-SIZE: 85%; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 1.3em; PADDING-RIGHT: 2px } .landingPageColumn .outcomesLanding .list_text A { BACKGROUND-IMAGE: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 3px; PADDING-RIGHT: 0px } DIV.datalistScroll { OVERFLOW: auto; BORDER-TOP: #ddd 1px solid; HEIGHT: 360px; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; MARGIN: 0.4em 0px 0.4em 1.4em; BORDER-LEFT: #ddd 1px solid; BACKGROUND-COLOR: white } DIV.datalist { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; MARGIN: 0.4em 0px 0.4em 1.4em; BORDER-LEFT: #ddd 1px solid; BACKGROUND-COLOR: white } DIV.landingPageColumn UL LI UL.datalistScroll { LIST-STYLE-TYPE: none; OVERFLOW: auto; BORDER-TOP: medium none; HEIGHT: 250px; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.4em 0px 0.4em 1.4em; LIST-STYLE-IMAGE: none; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 0px; BACKGROUND-COLOR: white } DIV.landingPageColumn UL LI UL.datalistScroll LI { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; BACKGROUND-COLOR: white } DIV.landingPageColumn UL LI UL.datalistScroll LI:hover { BACKGROUND-COLOR: #ffc } DIV.landingPageColumn UL LI UL.datalistScroll LI:focus { BACKGROUND-COLOR: #ffc } DIV.datalist TABLE THEAD TR TH { COLOR: #fff; BACKGROUND-COLOR: #aaa } DIV.datalistScroll TABLE THEAD TR TH { COLOR: #fff; BACKGROUND-COLOR: #aaa } .emptylist { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 6px 0px 0px 1.4em; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 12px; BACKGROUND-COLOR: white } DIV.landingPageColumn UL LI UL.subcaret { LIST-STYLE-TYPE: none; BORDER-TOP: medium none; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.4em 0px 0.4em 1.4em; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 0px } DIV.landingPageColumn UL LI UL.subcaret LI { LIST-STYLE-TYPE: none; BORDER-TOP: #ddd 1px solid; BACKGROUND: white; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px; PADDING-RIGHT: 1px } DIV.landingPageColumn UL LI UL.subcaret LI.complete { BACKGROUND: url(/images/ci/icons/workflow_detail_complete_ti.gif) white no-repeat 2px 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 20px; PADDING-RIGHT: 1px } DIV.landingPageColumn UL LI UL.subcaret LI.inprogress { BACKGROUND: url(/images/ci/icons/workflow_detail_active_ti.gif) white no-repeat 2px 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 20px; PADDING-RIGHT: 1px } .iconLegendLabel { FONT-SIZE: 95%; MARGIN: 1px 0px 1px 1.6em } DIV.landingPageColumn UL LI UL.subcaret LI A { TEXT-DECORATION: underline } DIV.landingPageColumn UL LI UL.datalist LI A { TEXT-DECORATION: underline } DIV.landingPageColumn UL LI DIV A { TEXT-DECORATION: underline } DIV.landingPageColumn UL LI TABLE A { TEXT-DECORATION: underline } DIV.landingPageColumn UL LI P A { TEXT-DECORATION: underline } .genericButton { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .genericButtonImg { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .browse { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .browseIcon { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } INPUT[type='submit'].submit { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .rumble A { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .rumble_top A { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .paging A { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .itemHeaderControl A { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .actionMenuButton { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-1 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-1-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-2 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-2-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-3 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-3-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-4 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .button-4-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .paletteSearch .button-4 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } H3#cs_search + UL DIV:first-child.none .button-4 { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .treeContainer .tree LI A.button-4-img { TEXT-DECORATION: none; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .mainButton H2 { FONT-SIZE: 100%; MARGIN: 0px } .secondaryButton H2 { FONT-SIZE: 100%; MARGIN: 0px } #primaryButton { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } INPUT[type='submit'].submit { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .rumble .mainButton > A { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .rumble_top .mainButton > A { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-1 { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-1-img { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } INPUT[type='submit'].submit:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } INPUT[type='submit'].submit:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .rumble .mainButton > A:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .rumble .mainButton > A:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .rumble_top .mainButton > A:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .rumble_top .mainButton > A:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .button-1:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .button-1:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .button-1-img:hover { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } .button-1-img:focus { BACKGROUND: #274561; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); -webkit-box-shadow: none; -moz-box-shadow: none } #secondaryButton { FONT-SIZE: 105%; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BACKGROUND: #ccc; BORDER-BOTTOM: #333 1px solid; COLOR: #333; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#333333); BORDER-LEFT: #333 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-2 { FONT-SIZE: 105%; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BACKGROUND: #ccc; BORDER-BOTTOM: #333 1px solid; COLOR: #333; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#333333); BORDER-LEFT: #333 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .button-2-img { FONT-SIZE: 105%; BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BACKGROUND: #ccc; BORDER-BOTTOM: #333 1px solid; COLOR: #333; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#333333); BORDER-LEFT: #333 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } #secondaryButton { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .button-2:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .button-2:focus { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .button-2-img:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .button-2-img:focus { BORDER-TOP-COLOR: #999; BACKGROUND: #ccc; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .sub A IMG { MARGIN: -2px -4px 0px 0px } .sub .button-1 IMG { MARGIN: -2px -4px 0px 0px } .sub .button-2 IMG { MARGIN: -2px -4px 0px 0px } .secondaryButton A IMG { MARGIN: -2px -4px 0px 0px } .secondaryButton .button-2 IMG { MARGIN: -2px -4px 0px 0px } .mainButton A { DISPLAY: block } .secondaryButton A { DISPLAY: block } .actionBar .button-1 { DISPLAY: block } .actionBar .button-2 { DISPLAY: block } .mainButton > A { FONT-SIZE: 105%; TEXT-DECORATION: none; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 13px; PADDING-TOP: 12px; PADDING-LEFT: 18px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; DISPLAY: block; PADDING-RIGHT: 18px } .secondaryButton > A { FONT-SIZE: 105%; TEXT-DECORATION: none; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 13px; PADDING-TOP: 12px; PADDING-LEFT: 18px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; DISPLAY: block; PADDING-RIGHT: 18px } .mainButton H2 > A { FONT-SIZE: 105%; TEXT-DECORATION: none; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 13px; PADDING-TOP: 12px; PADDING-LEFT: 18px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; DISPLAY: block; PADDING-RIGHT: 18px } .secondaryButton H2 > A { FONT-SIZE: 105%; TEXT-DECORATION: none; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 13px; PADDING-TOP: 12px; PADDING-LEFT: 18px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; DISPLAY: block; PADDING-RIGHT: 18px } .mainButton > A { BORDER-RIGHT: #595959 1px solid; BORDER-LEFT: transparent 1px solid } .mainButton H2 > A { BORDER-RIGHT: #595959 1px solid; BORDER-LEFT: transparent 1px solid } .secondaryButton > A { BORDER-RIGHT: transparent 1px solid; MARGIN: 0px; BORDER-LEFT: #595959 1px solid } .secondaryButton H2 > A { BORDER-RIGHT: transparent 1px solid; MARGIN: 0px; BORDER-LEFT: #595959 1px solid } .sub.mainButton A { PADDING-RIGHT: 12px } .sub.secondaryButton A { PADDING-RIGHT: 12px } .mainButton H2 > A:hover { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .secondaryButton H2 > A:hover { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } LI.mainButton:hover > A { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .mainButton > A:hover { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .secondaryButton > A:hover { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } LI.mainButton:hover H2 > A { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .mainButton H2 > A:focus { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .secondaryButton H2 > A:focus { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } LI.mainButton:focus > A { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .mainButton > A:focus { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .secondaryButton > A:focus { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } LI.mainButton:focus H2 > A { BORDER-TOP-COLOR: #333 !important; BACKGROUND: #555; BORDER-LEFT-COLOR: #333 !important; COLOR: #fff; BORDER-BOTTOM-COLOR: #333 !important; BORDER-RIGHT-COLOR: #333 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .mainButton > A { FONT-WEIGHT: 600 } .actionBar LI:first-child.mainButton H2 > A { PADDING-LEFT: 30px } .actionBar LI:first-child.mainButton > A { PADDING-LEFT: 30px } .popup .actionBar LI:first-child.mainButton H2 > A { PADDING-LEFT: 18px } .popup .actionBar LI:first-child.mainButton > A { PADDING-LEFT: 18px } .picker .actionBar LI:first-child.mainButton H2 > A { PADDING-LEFT: 18px } .picker .actionBar LI:first-child.mainButton > A { PADDING-LEFT: 18px } .genericButton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .genericButtonImg { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } INPUT[type='submit'].genericButton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .browse { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .browseIcon { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble H3 + UL > LI > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble H3 + UL > LI > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble_top H3 + UL > LI > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble_top H3 + UL > LI > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .paging A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .itemHeaderControl > A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .actionMenuButton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .button-3 { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .button-3-img { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .button-4 { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .button-4-img { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #toolsSearchBox + .button-4 { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .treeContainer .tree LI A.button-4-img { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble_top A { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble .abutton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .rumble_top .abutton { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND-IMAGE: none; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-POSITION: -10px -10px; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',endColorstr='#dedede'); BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 8px; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .containerOptions INPUT.genericButton { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT[type='submit'].genericButton { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT.button-1 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT.button-2 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT.button-3 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT.button-4 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions .browse { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .containerOptions INPUT[type='submit'].button-1 { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } INPUT[type='text'] + INPUT[type='submit'] { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } INPUT[type='text'] + INPUT[type='submit'].submit { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } INPUT[type='button'].genericButton { PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .genericButtonImg { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .button-3-img { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .button-4-img { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .itemHeaderControl A { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .browseIcon { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .treeContainer .tree LI A.button-4-img { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .genericButtonImg { DISPLAY: inline-block !important } INPUT[type='submit'].genericButton { FONT-WEIGHT: bold } .button-3 { FONT-WEIGHT: bold } .searchbar INPUT[type='submit'].genericButton { FONT-WEIGHT: normal } INPUT[type='button'][disabled] { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; COLOR: #999; BORDER-BOTTOM-COLOR: #ccc; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0,endColorstr=#f0f0f0); BORDER-RIGHT-COLOR: #ccc; box-shadow: 0 } INPUT[type='button'][disabled]:hover { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; COLOR: #999; BORDER-BOTTOM-COLOR: #ccc; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f0f0f0,endColorstr=#f0f0f0); BORDER-RIGHT-COLOR: #ccc; box-shadow: 0 } .u_reverseAlign#editGradeActionList A.genericButton { MARGIN-BOTTOM: 5px; DISPLAY: inline-block } .genericButton:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .genericButton:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .genericButtonImg:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .genericButtonImg:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .browse:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .browse:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .browseIcon:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .browseIcon:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } INPUT[type='submit'].genericButton:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } INPUT[type='submit'].genericButton:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble H3 + UL > LI > A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble H3 + UL > LI > A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble_top H3 + UL > LI > A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble_top H3 + UL > LI > A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .paging A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .paging A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .itemHeaderControl A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .itemHeaderControl A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .actionMenuButton:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .actionMenuButton:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-3:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-3:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-3-img:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-3-img:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4-img:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4-img:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .navPaletteContent UL LI:first-child .paletteSearch .button-4:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .navPaletteContent UL LI:first-child .paletteSearch .button-4:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } H3#cs_search + UL DIV:first-child.none .button-4:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } H3#cs_search + UL DIV:first-child.none .button-4:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } #toolsSearchBox + .button-4:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } #toolsSearchBox + .button-4:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .treeContainer .tree LI A.button-4-img:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .treeContainer .tree LI A.button-4-img:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble_top A:hover { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .rumble_top A:focus { TEXT-DECORATION: none !important; BORDER-TOP-COLOR: #888; BACKGROUND: #f0f0f0; BORDER-LEFT-COLOR: #888; COLOR: #000; BORDER-BOTTOM-COLOR: #888; FILTER: ""; BORDER-RIGHT-COLOR: #888; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15) } .button-4-img.contextArrow:hover { box-shadow: none } .button-4-img.contextArrow:focus { box-shadow: none } .paletteSearch .button-4:hover { BACKGROUND-IMAGE: none } .paletteSearch .button-4:focus { BACKGROUND-IMAGE: none } .button-5 { TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: white; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0.4em; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 0.4em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .button-5-img { TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: white; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0.4em; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 0.4em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .button-5:hover { BACKGROUND: #ededed; COLOR: black } .button-5-img:hover { BACKGROUND: #ededed; COLOR: black } .button-6 { TEXT-DECORATION: none } .mainButton A.disabled { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .mainButton A.disabled:hover { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .secondaryButton A.disabled:hover { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .mainButton A.disabled:focus { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .secondaryButton A.disabled:focus { CURSOR: not-allowed; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #ccc } .rumble A { DISPLAY: block } .rumble_top A { DISPLAY: block } .rumble .sub A IMG { MARGIN: -2px -1px 0px 3px } .rumble_top .sub A IMG { MARGIN: -2px -1px 0px 3px } .paging A { DISPLAY: inline-block } .rumble_top .inventory_paging .gotolink { DISPLAY: inline-block } .rumble .inventory_paging .gotolink { DISPLAY: inline-block } .listItemSelect { BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #555; MARGIN: 0px } #threadArea .listItemSelect { MARGIN: 0px } .rumble_top .listItemSelect { PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 32px; MARGIN: 0px 0px 4px; PADDING-RIGHT: 0px } .rumble .listItemSelect { PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 32px; MARGIN: 4px 0px 0px; PADDING-RIGHT: 0px } .rumble .listItemSelect A { TEXT-DECORATION: underline; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; COLOR: #b00; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 3px; MARGIN: 0px; BORDER-LEFT: medium none; DISPLAY: inline; PADDING-RIGHT: 3px } .rumble_top .listItemSelect A { TEXT-DECORATION: underline; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; COLOR: #b00; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 3px; MARGIN: 0px; BORDER-LEFT: medium none; DISPLAY: inline; PADDING-RIGHT: 3px } .rumble .listItemSelect A:hover { TEXT-DECORATION: none } .rumble_top .listItemSelect A:hover { TEXT-DECORATION: none } .listItemSelect LABEL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; BORDER-LEFT: #999 1px dotted; DISPLAY: inline; PADDING-RIGHT: 6px } .listItemSelect SELECT { FONT-SIZE: 95% } INPUT.calcButton { WIDTH: 2em; MARGIN: 2px 0px; DISPLAY: inline-block } INPUT#width { WIDTH: 5em } INPUT#height { WIDTH: 5em } SELECT#border { WIDTH: 5em } SELECT#controls { WIDTH: 5em } .smallControls INPUT[type='text'].width { WIDTH: 5em } .smallControls INPUT[type='text'].height { WIDTH: 5em } .smallControls SELECT.quality { WIDTH: auto } .smallControls SELECT.controls { WIDTH: auto } .smallControls SELECT.border { WIDTH: auto } .actionBarMicro .mainButton > A { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; LINE-HEIGHT: 1; PADDING-RIGHT: 6px } .actionBarMicro .secondaryButton > A { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; LINE-HEIGHT: 1; PADDING-RIGHT: 6px } .actionBarMicro .mainButton A IMG { MARGIN: 0px } .actionBarMicro .secondaryButton A IMG { MARGIN: 0px } .actionBarMicro A SPAN IMG { VISIBILITY: hidden } .actionBar A SPAN IMG { VISIBILITY: hidden } .actionBarMicro .access-reorder { -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0 } .actionBarMicro A SPAN { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; VERTICAL-ALIGN: bottom; BACKGROUND-IMAGE: url(images/utilicons_sprite_rev.png); BACKGROUND-REPEAT: no-repeat; DISPLAY: inline-block; LINE-HEIGHT: 0 } .actionBar A SPAN { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; VERTICAL-ALIGN: bottom; BACKGROUND-IMAGE: url(images/utilicons_sprite_rev.png); BACKGROUND-REPEAT: no-repeat; DISPLAY: inline-block; LINE-HEIGHT: 0 } .actionBarMicro #quickViewLink A SPAN { BACKGROUND-POSITION: 0px 0px } .actionBarMicro #shortcutView A SPAN { BACKGROUND-POSITION: 0px 0px } .actionBarMicro #quickViewLink A:hover SPAN { BACKGROUND-POSITION: 0px -16px } .actionBarMicro .active#quickViewLink A SPAN { BACKGROUND-POSITION: 0px -16px } .actionBarMicro #shortcutView A:hover SPAN { BACKGROUND-POSITION: 0px -16px } .actionBarMicro .active#shortcutView A SPAN { BACKGROUND-POSITION: 0px -16px } .actionBarMicro #addCmItem > A SPAN { BACKGROUND-POSITION: -16px 0px } .actionBarMicro #detailViewLink2 UL LI A { WIDTH: 90px } .actionBarMicro #addCmItem:hover > A SPAN { BACKGROUND-POSITION: -16px -16px } .actionBarMicro .active#addCmItem > A SPAN { BACKGROUND-POSITION: -16px -16px } .actionBarMicro #detailViewLink A SPAN { BACKGROUND-POSITION: -32px 0px } .actionBarMicro #detailViewLink2 A SPAN { BACKGROUND-POSITION: -32px 0px } .actionBarMicro #folderView A SPAN { BACKGROUND-POSITION: -32px 0px } .actionBarMicro #detailViewLink A:hover SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro #detailViewLink2 A:hover SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro .active#detailViewLink A SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro .active#detailViewLink2 A SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro #folderView A:hover SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro .active#folderView A SPAN { BACKGROUND-POSITION: -32px -16px } .actionBarMicro #courseMapButton A SPAN { BACKGROUND-POSITION: -48px 0px } .actionBarMicro #courseMapButton A:hover SPAN { BACKGROUND-POSITION: -48px -16px } .actionBarMicro .active#courseMapButton A SPAN { BACKGROUND-POSITION: -48px -16px } .actionBarMicro #refreshMenuLink A SPAN { BACKGROUND-POSITION: -64px 0px } .actionBarMicro #refreshView A SPAN { BACKGROUND-POSITION: -64px 0px } .actionBarMicro #refreshMenuLink A:hover SPAN { BACKGROUND-POSITION: -64px -16px } .actionBarMicro .active#refreshMenuLink A SPAN { BACKGROUND-POSITION: -64px -16px } .actionBarMicro #refreshView A:hover SPAN { BACKGROUND-POSITION: -64px -16px } .actionBarMicro .active#refreshView A SPAN { BACKGROUND-POSITION: -64px -16px } A.access-reorder SPAN { BACKGROUND-POSITION: -80px 0px } A.access-reorder:hover SPAN { BACKGROUND-POSITION: -80px -16px } A.active.access-reorder SPAN { BACKGROUND-POSITION: -80px -16px } .actionBar .sub A .chevron { BACKGROUND-POSITION: -95px 0px } .actionBar .sub:hover A .chevron { BACKGROUND-POSITION: -95px -16px } .actionBar .sub A:focus .chevron { BACKGROUND-POSITION: -95px -16px } .actionBarMicro .active > A { BORDER-TOP-COLOR: #444 !important; POSITION: relative; BORDER-LEFT-COLOR: #444 !important; BORDER-BOTTOM-COLOR: #444 !important; BORDER-RIGHT-COLOR: #444 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .actionBarMicro .active > A:hover { BORDER-TOP-COLOR: #444 !important; POSITION: relative; BORDER-LEFT-COLOR: #444 !important; BORDER-BOTTOM-COLOR: #444 !important; BORDER-RIGHT-COLOR: #444 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .actionBarMicro .active > A:focus { BORDER-TOP-COLOR: #444 !important; POSITION: relative; BORDER-LEFT-COLOR: #444 !important; BORDER-BOTTOM-COLOR: #444 !important; BORDER-RIGHT-COLOR: #444 !important; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 12px rgba(0, 0, 0, .5) inset } .sub.mainButton:hover H2 > A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.mainButton > A:hover:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.mainButton:hover > A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.secondaryButton:hover H2 > A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.secondaryButton > A:hover:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.secondaryButton:hover > A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #aaa 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 99999; DISPLAY: block; BOTTOM: 0px } .sub.mainButton:hover H2 > A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.mainButton > A:hover:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.mainButton:hover > A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.secondaryButton:hover H2 > A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.secondaryButton > A:hover:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .sub.secondaryButton:hover > A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 10px solid; BORDER-BOTTOM: #d1eaef 10px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -10px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; Z-INDEX: 1000000; DISPLAY: block; BOTTOM: -1px } .actionBarMicro UL:hover + UL .active A:after { DISPLAY: none } A.liveAreaTab:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .mainButton.sub H2 > A:hover:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .mainButton.sub:hover > H2 A:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .secondaryButton.sub H2 > A:hover:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .secondaryButton.sub:hover > H2 A:after { BORDER-BOTTOM-COLOR: #d1eaef } #loginLang H2:hover:after { BORDER-BOTTOM-COLOR: #d1eaef } #loginLang:hover H2:after { BORDER-BOTTOM-COLOR: #d1eaef } .nav .sub:hover > A:after { BORDER-BOTTOM-COLOR: #d1eaef } .columnActions.actionBarMicro { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; PADDING-RIGHT: 0px } .alignPanel LI.sub { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .alignPanel LI.sub A.button-4:after { CONTENT: none } .columnActions UL { MARGIN: 0px 0px 2px } .columnActions .mainButton A { TEXT-DECORATION: none; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .columnActions .mainButton A:hover { TEXT-DECORATION: none; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .onOffToggleWrap { FONT-SIZE: 90%; BORDER-RIGHT: transparent 1px dotted; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold; DISPLAY: inline-block } .modeSwitchWrap { FONT-SIZE: 90%; BORDER-RIGHT: transparent 1px dotted; VERTICAL-ALIGN: middle; FONT-WEIGHT: bold; DISPLAY: inline-block } .modeSwitch { TEXT-DECORATION: none; BACKGROUND: #ccc; TEXT-TRANSFORM: uppercase; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 9px; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px } .modeSwitch:before { FONT-SIZE: 22px; VERTICAL-ALIGN: middle; POSITION: relative; FONT-WEIGHT: normal; COLOR: #bbb; CONTENT: "\2022"; LEFT: 0px; LINE-HEIGHT: 0.9; TOP: -1px; MARGIN-RIGHT: 2px; font-effect: outline } .read-on { BACKGROUND-COLOR: #777; MARGIN-RIGHT: 0px } .read-on:hover { BACKGROUND: #555 } .read-on { COLOR: #fff } .read-on:before { COLOR: lime } .disabled.read-on:before { COLOR: #999 } .disabled.read-on { COLOR: #999 } .read-off:before { COLOR: #999 } .read-off { COLOR: #999 } .read-off.modeSwitch { TEXT-DECORATION: line-through } A.read-off IMG { DISPLAY: none } A.read-on IMG { DISPLAY: none } A.read-on .hideoff { HEIGHT: 0px; WIDTH: 0px; POSITION: relative } A.read-off .hideoff { HEIGHT: 0px; WIDTH: 0px; POSITION: relative } .modeSwitch SPAN { VERTICAL-ALIGN: middle; DISPLAY: inline-block } .switcherLabel { FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 2px !important; PADDING-TOP: 2px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 4px !important } .vtbeSwitch { TOP: 2px } .vtbeSwitch SPAN { FONT-SIZE: 100% !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .legacy .vtbeSwitch { HEIGHT: 2.2em } .vtbeSwitch DIV.modeSwitchWrap { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; BORDER-LEFT: #ccc 1px solid; TOP: 2px; PADDING-RIGHT: 12px; BACKGROUND-COLOR: #eee } .vtbeSwitch DIV.modeSwitchWrap A SPAN#statusText { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 9px !important; PADDING-RIGHT: 9px !important } .vtbeSwitch DIV.modeSwitchWrap A.read-off { BACKGROUND-COLOR: #ddd } .vtbeSwitch DIV.modeSwitchWrap A.read-off:hover { BACKGROUND-COLOR: #fff } .vtbeSwitch DIV.modeSwitchWrap A.read-off:hover SPAN#statusText { COLOR: #000 } TABLE.vtbeTable-legacy { WIDTH: 100% } .vtbeTable-legacy TEXTAREA { WIDTH: 100% } .helpLink { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: inline-block } .helpLink A.browseIcon { FONT-SIZE: 115%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #777; BORDER-BOTTOM: 0px; POSITION: relative; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 1px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#777777); BORDER-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 1px; box-shadow: none; border-radius: 12px } #helpTextToggleLink { DISPLAY: none } .helpLink A.browseIcon IMG { DISPLAY: none } .helpLink A.browseIcon:before { HEIGHT: 18px; WIDTH: 18px; RIGHT: -4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #fff; CONTENT: "?"; Z-INDEX: 1; DISPLAY: inline-block } .helpLink A.browseIcon:hover { box-shadow: none } .helpLink A.browseIcon:focus { box-shadow: none } .helpLink A[title*='Off'].browseIcon:hover { BACKGROUND: #bbb; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbbbbb,endColorstr=#bbbbbb) } .helpLink A[title*='Off'] { TEXT-DECORATION: line-through !important; BACKGROUND: #ccc 0px 0px; COLOR: #999; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#cccccc) } .helpLink A[title*='Off']:hover { TEXT-DECORATION: line-through !important; BACKGROUND: #ccc 0px 0px; COLOR: #999; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#cccccc) } .helpLink A[title*='Off']:focus { TEXT-DECORATION: line-through !important; BACKGROUND: #ccc 0px 0px; COLOR: #999; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc,endColorstr=#cccccc) } .helpLink A[title*='Off']:before { TEXT-DECORATION: line-through; COLOR: #999 } .helpLink A[title*='Off']:hover:before { TEXT-DECORATION: line-through; COLOR: #999 } .helpLink A[title*='Off']:focus:before { TEXT-DECORATION: line-through; COLOR: #999 } .reorder { BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: 18px; BACKGROUND: url(images/reorder_bg.png) #fff4bf 0px 0px; BORDER-BOTTOM: 0px; LEFT: 0px; FILTER: alpha(opacity=0); BORDER-LEFT: 0px; Z-INDEX: 2; TOP: 0px; BOTTOM: 0px; opacity: 0 } TABLE.reorder { opacity: 1 } .reorder SPAN { HEIGHT: 20px; DISPLAY: inline-block } TABLE.reorder SPAN { HEIGHT: auto } .item .reorder { BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: 18px; BACKGROUND: url(images/reorder_bg.png) #fff4bf 0px 0px; BORDER-BOTTOM: 0px; LEFT: 0px; FILTER: alpha(opacity=0); BORDER-LEFT: 0px; Z-INDEX: 2; TOP: 0px; BOTTOM: 0px; opacity: 0 } .item .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .liItem .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .listCm .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .subList-reorder .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .buttonCm .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .dndHandle .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .portlet .reorder SPAN { BACKGROUND: url(images/controls.png) no-repeat -174px -118px } .listCm .reorder { WIDTH: 16px } .subList-reorder .reorder { WIDTH: 16px } .buttonCm .reorder { WIDTH: 16px } .portlet .reorder SPAN { HEIGHT: 24px; BACKGROUND-POSITION: -237px -116px; DISPLAY: block } .portlet .reorder { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 0px solid; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; LEFT: -19px; BORDER-LEFT: #555 1px solid; TOP: -1px; BOTTOM: -1px; opacity: 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px } .module-dragstate.portlet .reorder { BORDER-LEFT-WIDTH: 2px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 2px; LEFT: -20px; TOP: -2px; BORDER-TOP-WIDTH: 2px; BOTTOM: -2px } .reorder IMG { FILTER: alpha(opacity=0); opacity: 0 } .item .reorder IMG { MARGIN: 6px 3px } .portlet .reorder IMG { HEIGHT: 20px; WIDTH: 18px } .liItem:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .liItem:focus .reorder { FILTER: alpha(opacity=100); opacity: 1 } .buildList LI:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .listCm LI:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .buttonCm LI:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .portlet H2:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .contentListPlain LI:hover .contextMenuContainer A { FILTER: alpha(opacity=100); opacity: 1 } .buildList LI:hover .contextMenuContainer A { FILTER: alpha(opacity=100); opacity: 1 } .liItem:hover .contextMenuContainer A { FILTER: alpha(opacity=100); opacity: 1 } .liItem:hover .reorder { FILTER: alpha(opacity=100); opacity: 1 } .contentList > LI:hover .contextMenuContainer A { FILTER: alpha(opacity=100); opacity: 1 } A.cmimg { HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(images/controls.png) no-repeat -320px -125px; MARGIN: 0px; DISPLAY: inline-block } TABLE.inventory A.cmimg { FILTER: alpha(opacity=0); opacity: 0 } TABLE.inventory TR:hover A.cmimg { FILTER: alpha(opacity=100); opacity: 1 } TABLE.inventory TR A.cmimg:focus { FILTER: alpha(opacity=100); opacity: 1 } A.cmimg:hover { BACKGROUND-POSITION: -320px -143px } A.cmimg:focus { BACKGROUND-POSITION: -320px -143px } A.cmimg IMG { HEIGHT: 15px; WIDTH: 15px } .listCm .courseMenu A.cmimg { OVERFLOW: hidden; HEIGHT: 15px; BACKGROUND-IMAGE: url(images/controls.png); RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: -28px -124px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=70); MARGIN: 0px; DISPLAY: inline-block; TOP: 7px; PADDING-RIGHT: 0px; opacity: .7; _right: 0 } .buttonCm .courseMenu A.cmimg { OVERFLOW: hidden; HEIGHT: 15px; BACKGROUND-IMAGE: url(images/controls.png); RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: -28px -124px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=70); MARGIN: 0px; DISPLAY: inline-block; TOP: 7px; PADDING-RIGHT: 0px; opacity: .7; _right: 0 } .portlet A.cmimg { OVERFLOW: hidden; HEIGHT: 15px; BACKGROUND-IMAGE: url(images/controls.png); RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: -28px -124px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=70); MARGIN: 0px; DISPLAY: inline-block; TOP: 7px; PADDING-RIGHT: 0px; opacity: .7; _right: 0 } A.cmimg-small { OVERFLOW: hidden; HEIGHT: 15px; BACKGROUND-IMAGE: url(images/controls.png); RIGHT: 6px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: -28px -124px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=70); MARGIN: 0px; DISPLAY: inline-block; TOP: 7px; PADDING-RIGHT: 0px; opacity: .7; _right: 0 } .listCm .courseMenu A.cmimg:hover { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .portlet A.cmimg:hover { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .listCm .courseMenu A.cmimg:focus { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .portlet A.cmimg:focus { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .buttonCm .courseMenu A.cmimg:hover { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .buttonCm .courseMenu A.cmimg:focus { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .cmimg-small:focus { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .cmimg-small:hover { BACKGROUND: url(images/controls.png) no-repeat -28px -142px; ZOOM: 1; FILTER: alpha(opacity=100); opacity: 1 } .courseMenu .subhead A.cmimg { TOP: 9px } .buttonCm .courseMenu .subhead .cmimg { TOP: 2px } .buttonCm .subhead H3 { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px 18px 0px 0px; PADDING-RIGHT: 0px } .portlet A.cmimg { RIGHT: 0px; POSITION: relative; TOP: 2px } .listCm .courseMenu A.cmimg IMG { HEIGHT: 15px; WIDTH: 15px; FILTER: alpha(opacity=0); opacity: 0 } .portlet A.cmimg IMG { HEIGHT: 15px; WIDTH: 15px; FILTER: alpha(opacity=0); opacity: 0 } .buildList LI .contextMenuContainer A { VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=0); PADDING-RIGHT: 0px; opacity: 0 } .item .contextMenuContainer A { VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=0); PADDING-RIGHT: 0px; opacity: 0 } .listCm .courseMenu A.cmimg { VERTICAL-ALIGN: baseline; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=0); PADDING-RIGHT: 0px; opacity: 0 } .buildList LI .contextMenuContainer A:focus { FILTER: alpha(opacity=100); opacity: 1 } .item .contextMenuContainer A:focus { FILTER: alpha(opacity=100); opacity: 1 } .listCm .courseMenu LI:hover A.cmimg { FILTER: alpha(opacity=100); opacity: 1 } A.close { RIGHT: 10px; POSITION: absolute; FILTER: alpha(opacity=70); Z-INDEX: 100; TOP: 11px; opacity: .7 } A.close-menu { RIGHT: 10px; POSITION: absolute; FILTER: alpha(opacity=70); Z-INDEX: 100; TOP: 11px; opacity: .7 } A.close { RIGHT: 20px; TOP: 0px } A.close IMG { DISPLAY: none } A.close-menu IMG { DISPLAY: none } .lbAction IMG { DISPLAY: none } A.close:before { COLOR: #aaa; FONT: 18px/1 "Utilicons"; CONTENT: "X" } A.close-menu:before { COLOR: #aaa; FONT: 18px/1 "Utilicons"; CONTENT: "X" } .lbAction:before { COLOR: #aaa; FONT: 18px/1 "Utilicons"; CONTENT: "X" } A.close-menu:before { FONT-SIZE: 14px } A.close:hover:before { COLOR: #888 } A.close-menu:hover:before { COLOR: #888 } .lbAction:hover:before { COLOR: #888 } .builderItem A.close { FILTER: alpha(opacity:0); opacity: 0 } .builderItem:hover A.close { FILTER: alpha(opacity:100); opacity: 1 } .liveArea A.close { RIGHT: 6px; TOP: 6px } .cmdiv A.close-menu { RIGHT: 0px; POSITION: relative; FILTER: alpha(opacity=100); Z-INDEX: 100; TOP: 0px; opacity: 1 } #bb-assessment-canvas [id*='receipt_nested'].receipt A.close { RIGHT: 6px; TOP: 6px } A.colorChip { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .pageTitle A.colorChip { VERTICAL-ALIGN: top; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 7px; PADDING-RIGHT: 0px } A.colorChip SPAN { VERTICAL-ALIGN: middle; BACKGROUND: url(images/controls.png) no-repeat -320px -123px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: inline-block; PADDING-RIGHT: 2px } A.colorChip:hover SPAN { BACKGROUND-POSITION: -320px -141px } A.colorChip SPAN IMG { HEIGHT: 16px; WIDTH: 16px; FILTER: alpha(opacity=0); opacity: 0 } A.colorChip IMG.chipSwatch { BORDER-TOP: #ccc 1px solid; HEIGHT: 16px; BORDER-RIGHT: #aaa 1px solid; WIDTH: 16px; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #ccc 1px solid } SPAN.colorChipName { VERTICAL-ALIGN: middle; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; DISPLAY: inline-block !important; PADDING-RIGHT: 0px !important } INPUT[type='text'] { FONT-SIZE: 90% } INPUT[type='password'] { FONT-SIZE: 90% } SELECT { FONT-SIZE: 90% } .smallControls INPUT[type='text'] { WIDTH: 100%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .smallControls SELECT { WIDTH: 100%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .courseMenu INPUT { WIDTH: 120px; MARGIN-LEFT: 18px } .courseMenu INPUT[type='text'] { WIDTH: 120px; MARGIN-LEFT: 18px } .renameCourseToc INPUT { WIDTH: 120px; MARGIN-LEFT: 18px } .renameCourseToc INPUT { MARGIN-LEFT: 0px } #calculatorValue { WIDTH: 10em; MARGIN: 3px 0px } A.microControl { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } A.microControl IMG { HEIGHT: 12px; WIDTH: 12px } A.save { BACKGROUND: url(images/controls.png) no-repeat -50px -123px } A.cancel { BACKGROUND: url(images/controls.png) no-repeat -70px -123px } .backLink { RIGHT: 0px; POSITION: absolute; MARGIN: 0px; BOTTOM: 0px } .tocBottom_min .backLink { BOTTOM: 48px } .tocBottom_max .backLink { BOTTOM: 348px } .tocBottom_open .backLink { BOTTOM: 178px } .shortDoc .backLink { RIGHT: 0px; POSITION: relative; TEXT-ALIGN: left; MARGIN-TOP: 15px; BOTTOM: 0px } .backLink A { TEXT-DECORATION: none; BORDER-TOP: #cdcdcd 1px solid; BORDER-RIGHT: #cdcdcd 0px solid; BACKGROUND: #eee; BORDER-BOTTOM: #cdcdcd 0px solid; FONT-WEIGHT: bold; COLOR: #888; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 12px; BORDER-LEFT: #cdcdcd 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 18px; -webkit-box-shadow: 1px 1px 4px #ddd inset; -moz-box-shadow: 1px 1px 4px #DDD inset; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0 } .shortDoc .backLink A { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .backLink A:before { FONT-SIZE: 120%; COLOR: #999; CONTENT: "\2190"; LINE-HEIGHT: 1.2 } .backLink A:hover { BACKGROUND: #ddd; COLOR: #777 } .backLink A:hover:before { COLOR: #00add0 } .sliderWrapper { FONT-SIZE: 85%; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 9px; PADDING-TOP: 14px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px -12px; PADDING-RIGHT: 13px; -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0 } #sliderHandle { CURSOR: ew-resize; BORDER-TOP: #555 1px solid; HEIGHT: 4px; BORDER-RIGHT: #555 1px solid; WIDTH: 4px; BACKGROUND: #999; BORDER-BOTTOM: #555 1px solid; MARGIN: -2px 0px 0px; BORDER-LEFT: #555 1px solid; DISPLAY: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #sliderTrack { BORDER-TOP: #ccc 1px solid; HEIGHT: 2px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 60px; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; MARGIN: 0px 0px 0px 6px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; TOP: -2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .itemCounter { FONT-SIZE: 115%; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BACKGROUND: #cdcdcd; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 4px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #pageHeader { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 20px } .pageTitle { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 20px } .pageTitleSmall { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 20px } #pageHeader { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-RIGHT: 0px } #schemePreviewHead { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-RIGHT: 0px } .pageTitle H1 { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-RIGHT: 0px } .pageTitleError H1 { COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LINE-HEIGHT: 1; PADDING-RIGHT: 0px } #pageHeader { FONT-SIZE: 185% } .pageTitle H1 { FONT-SIZE: 185% } .pageTitleError H1 { FONT-SIZE: 185% } .picker .pageTitle H1 { FONT-SIZE: 160% } .popup .pageTitle H1 { FONT-SIZE: 160% } .pageTitle #titleicon { DISPLAY: inline-block } .pageTitle H1 { DISPLAY: inline-block } .pageTitle A.cmimg { DISPLAY: inline-block } .pageTitle H1 + .contextMenuContainer { VERTICAL-ALIGN: top; POSITION: relative; MARGIN-LEFT: 2px; TOP: 4px } .pageTitle A.cmimg { MARGIN: 0px } .pageTitle #titleicon { MARGIN: 0px 6px 0px 0px; DISPLAY: none } .pageTitle [src*='slideshare']#titleicon { BORDER-TOP: #dedede 0px solid; HEIGHT: 39px; BORDER-RIGHT: #dedede 0px solid; WIDTH: auto; BACKGROUND: #fff; RIGHT: 7px; BORDER-BOTTOM: #dedede 1px solid; POSITION: absolute; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; BORDER-LEFT: #dedede 1px solid; DISPLAY: block; TOP: 1px; PADDING-RIGHT: 12px; border-radius: 0 4px 0 4px } .pageTitle [src*='youtube']#titleicon { HEIGHT: 44px; WIDTH: auto; RIGHT: 14px; POSITION: absolute; DISPLAY: block; TOP: 8px } .pageTitleSmall H1 { FONT-SIZE: 135%; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } #pageHeader { POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#dedede); MARGIN: 0px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 1px 0 #fafafa inset; -moz-box-shadow: 1px 1px 0 #fafafa inset; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 4px 4px 0 0 } #schemePreviewHead { POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#dedede); MARGIN: 0px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 1px 0 #fafafa inset; -moz-box-shadow: 1px 1px 0 #fafafa inset; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 4px 4px 0 0 } .pageTitle { POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#dedede); MARGIN: 0px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 1px 0 #fafafa inset; -moz-box-shadow: 1px 1px 0 #fafafa inset; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 4px 4px 0 0 } .hierarchy-page .pageTitle + .container { BACKGROUND: #fff; MARGIN-TOP: -20px } .picker .pageTitle { PADDING-BOTTOM: 16px; PADDING-TOP: 18px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .popup .pageTitle { PADDING-BOTTOM: 16px; PADDING-TOP: 18px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } #pageHeader { BACKGROUND-COLOR: #dedede } #schemePreviewHead { BACKGROUND-COLOR: #dedede } .pageTitleIcon { DISPLAY: table-row } .pageTitle .details { DISPLAY: none } .pageTitle .contextMenuContainer { DISPLAY: inline-block !important } .pageTitle .titleButtons { DISPLAY: inline-block !important } .pageTitleEdit { DISPLAY: inline-block !important } #pageTitleBar { DISPLAY: inline-block; MARGIN-RIGHT: 6px } .pageTitle H2 { FONT-SIZE: 100%; COLOR: #333; CLEAR: both; MARGIN: 0px } .pageTitle H2 SPAN { FONT-WEIGHT: normal } .contextString { FONT-WEIGHT: normal; COLOR: #777 } .pageTitle .label { FONT-WEIGHT: normal; COLOR: #777 } .error .pageTitle { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DB0F0F,endColorstr=#FC0202); box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6) inset } .error .pageTitle H1 { COLOR: #fff } .customBanner { OVERFLOW: hidden; TEXT-ALIGN: center; MARGIN: 0px; BACKGROUND-COLOR: transparent } DIV.localViewToggle + DIV.pageTitle { PADDING-TOP: 0px; -webkit-box-shadow: 1px 0 0 #fafafa inset; -moz-box-shadow: 1px 0 0 #fafafa inset; box-shadow: 1px 0 0 #fafafa inset; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } DIV#lightboxContent H2 { FONT-SIZE: 130%; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 18px; PADDING-LEFT: 24px; MARGIN: 0px; PADDING-RIGHT: 24px } .helphelp { COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 105%/1.4em Georgia, sans-serif; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 9px 0px 0px; PADDING-RIGHT: 0px } .pageTitle P { COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 105%/1.4em Georgia, sans-serif; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 9px 0px 0px; PADDING-RIGHT: 0px } .label.details { COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 105%/1.4em Georgia, sans-serif; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 9px 0px 0px; PADDING-RIGHT: 0px } .mapTabs + .helphelp { BORDER-TOP: #bbb 1px solid; BACKGROUND: #eaeaea; PADDING-BOTTOM: 16px; PADDING-TOP: 12px; PADDING-LEFT: 30px; MARGIN: 0px -30px -20px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 0 0 #eee inset; -moz-box-shadow: 1px 0 0 #eee inset; box-shadow: 1px 0 0 #eee inset } .mapTabs ~ .helphelp { BORDER-TOP: #bbb 1px solid; BACKGROUND: #eaeaea; PADDING-BOTTOM: 16px; PADDING-TOP: 12px; PADDING-LEFT: 30px; MARGIN: 0px -30px -20px; PADDING-RIGHT: 30px; -webkit-box-shadow: 1px 0 0 #eee inset; -moz-box-shadow: 1px 0 0 #eee inset; box-shadow: 1px 0 0 #eee inset } .helphelp A { TEXT-DECORATION: none; BORDER-BOTTOM: 1px dotted; COLOR: #444 } .helphelp A:hover { BORDER-TOP-STYLE: solid; BORDER-BOTTOM-STYLE: solid; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid } DIV.helphelp UL { MARGIN: 6px 0px } .version { FONT-SIZE: 60%; FONT-WEIGHT: normal; COLOR: #666; MARGIN-TOP: 6px; DISPLAY: inline-block } .version I { FONT-WEIGHT: bold; FONT-STYLE: normal } .version SPAN { OVERFLOW: hidden; WIDTH: 13px; POSITION: relative; LEFT: -5px; DISPLAY: inline-block; TOP: -2px } .version SPAN:before { FONT-SIZE: 105%; POSITION: relative; FONT-WEIGHT: bold; COLOR: #00add0; CONTENT: "+"; LEFT: 0px; TOP: 0px } .colophon { OVERFLOW: visible; FONT-SIZE: 85%; WIDTH: 30em; BACKGROUND: none transparent scroll repeat 0% 0%; RIGHT: 0px; POSITION: relative; FLOAT: right; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 55px; MARGIN: 0px 0px 0px 14px; PADDING-RIGHT: 0px } .colophon IMG { POSITION: absolute; LEFT: 0px } .installation { COLOR: #666 !important; LINE-HEIGHT: 1.3em } .installation SPAN { FONT-WEIGHT: bold } .actionBar { BORDER-TOP: #444 1px solid; Z-INDEX: 110; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .hierarchy-page .actionBar { MARGIN-TOP: -21px } .hierarchy-page #toolsTabForm .actionBar { MARGIN: -21px -30px 0px } .actionBar UL LI { POSITION: relative } .actionBar UL LI.mainButton { Z-INDEX: 210 } .actionBar UL LI.secondaryButton { Z-INDEX: 209 } .actionBar UL LI.mainButton:hover { Z-INDEX: 112 } .pageTitle + .actionBar { -moz-border-radius: 0; border-radius: 0 } .actionBar .mainButton { FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .actionBar .secondaryButton { FLOAT: right; MARGIN: 0px } .actionMenu { POSITION: relative; Z-INDEX: 111 } .actionMenuItem { POSITION: relative; Z-INDEX: 123 } .actionBarMicro { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset, 0 1px 0 #F9F9F9; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset, 0 1px 0 #F9F9F9; -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0 } .csMenuFrame .actionBarMicro { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .popupMenu .actionBarMicro { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .portlet .actionBarMicro { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; MARGIN: 0px; PADDING-RIGHT: 4px } .portlet .actionBarMicro UL { MARGIN: 2px } .actionBarMicro UL LI { POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .actionBarMicro .mainButton { Z-INDEX: 1000 } .actionBarMicro .secondaryButton { FLOAT: right; Z-INDEX: 10 } .actionBar { BACKGROUND-IMAGE: url(images/reorder_bg.png); BACKGROUND-COLOR: #666 } .actionBarMicro { BACKGROUND-IMAGE: url(images/reorder_bg.png); BACKGROUND-COLOR: #666 } .searchbar { POSITION: relative } .searchbarPicker { POSITION: relative } .subActionBar { POSITION: relative } .searchbarCanvas.searchbar { BACKGROUND: #dfdfdf 0px 0px; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: -24px -30px 20px; DISPLAY: block; PADDING-RIGHT: 20px; -webkit-box-shadow: 1px 0 0 #F0F0F0 inset; -moz-box-shadow: 1px 0 0 #F0F0F0 inset } .picker .searchbarCanvas.searchbar { MARGIN: -24px -20px 20px } .picker .leftColumn-narrow H2 { FONT-SIZE: 110%; MARGIN: 1em 0px 9px } .picker .leftColumn-wide H2 { FONT-SIZE: 110%; MARGIN: 1em 0px 9px } #bb-question-discover .searchbarCanvas.searchbar FIELDSET H2 { FONT-SIZE: 100%; FONT-WEIGHT: normal; DISPLAY: inline-block } .subActionBar { FONT-SIZE: 95% } .searchbar TABLE TD { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .searchbar TABLE TD TABLE TD { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .searchbar TABLE FIELDSET { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .searchbar TABLE DIV { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .searchbar FORM { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .searchbarPicker { FONT-SIZE: 90%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .searchbar:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .searchbarPicker:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .receipt A.close { RIGHT: 4px; FILTER: alpha(opacity=70); TOP: 1px; opacity: .7 } .slideshowControls { FONT-SIZE: 100%; TEXT-ALIGN: center; MARGIN: 8px auto 12px } .searchbar FIELDSET { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .searchbarPicker FIELDSET { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .subActionBar FIELDSET { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .searchbar H2 { FONT-SIZE: 110%; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; MARGIN: 0px; PADDING-RIGHT: 6px } .searchbarPicker H2 { FONT-SIZE: 110%; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; MARGIN: 0px; PADDING-RIGHT: 6px } .picker .searchbar H2 { FONT-SIZE: 100%; FONT-WEIGHT: normal; DISPLAY: inline } .searchbarPicker H2 { FONT-SIZE: 100%; FONT-WEIGHT: normal; DISPLAY: inline } .searchbar .groupLabel { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .searchbarPicker .groupLabel { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .liveArea FIELDSET .groupLabel { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .searchbar OL LI { FLOAT: left; MARGIN: 5px } .searchbarPicker OL LI { FLOAT: left; MARGIN: 5px } .liveArea FIELDSET OL LI { FLOAT: left; MARGIN: 5px } .searchbar OL LI > DIV { DISPLAY: inline-block } .searchbar OL LI.options { FLOAT: right } .searchbarPicker OL LI.options { FLOAT: right } .liveArea FIELDSET OL LI.options { FLOAT: right } .searchbarPicker SPAN { DISPLAY: inline } .searchbar .spacer { FONT-SIZE: 70%; MARGIN: 0px 4px } .searchbar .u_floatThis-left { MARGIN: 0px 4px 4px } .searchbar SELECT { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .filterGroup SELECT { MAX-WIDTH: 200px; WIDTH: 100% } .filterGroup P { MARGIN: 2px 0px -18px } .filterGroupLabel { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .cmImg { OVERFLOW: hidden; WIDTH: 180px; TEXT-ALIGN: center; MARGIN: 0px 0px 6px 12px } .cmImg IMG { WIDTH: 180px } .navDivider { FONT-SIZE: 80%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: bold; COLOR: #777; PADDING-BOTTOM: 4px; PADDING-TOP: 18px; PADDING-LEFT: 30px; MARGIN: 0px 0px 4px; LETTER-SPACING: 2px; PADDING-RIGHT: 6px } .cmPreviewWrapper { WIDTH: 212px } .navPalette { ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; PADDING-RIGHT: 0px } .csMenuFrame .navPalette { MARGIN: 0px 0px 18px } .navPalette H3 { FONT-SIZE: 105%; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .navPaletteTitle { POSITION: relative } .navPaletteTitle H3 + H3 { RIGHT: 0px; POSITION: absolute; TOP: 0px } .navPaletteCol H3 { BORDER-BOTTOM: 0px } .navPalette H4 { FONT-SIZE: 100%; MARGIN: 0px } .navPaletteContent UL LI { POSITION: relative; ZOOM: 1 } .navPaletteContent { MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .listCm .navPaletteContent { BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 6px } .singleControl .navPaletteContent { BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 6px } .tools .navPaletteContent { BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 6px } #courseMenuPalette DIV.navPaletteContent { PADDING-BOTTOM: 14px; PADDING-TOP: 14px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset } #courseMenuPalette { MARGIN-BOTTOM: 0px } .singleControl .navPaletteContent { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .singleControl { BACKGROUND: #777; ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 24px 0px 0px; Z-INDEX: 110; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 } .navPalette .discover { BACKGROUND: #777; ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 24px 0px 0px; Z-INDEX: 110; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4) inset; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 } .navPaletteContent A { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px; OVERFLOW-X: hidden; WORD-BREAK: normal; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 24px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 9px } .navPaletteContent A:hover { CURSOR: pointer; TEXT-DECORATION: underline } .navPaletteContent A:focus { CURSOR: pointer; TEXT-DECORATION: underline } .navPaletteContent A.comboLink { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 20px } .navPaletteContent A.comboLink_active { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 20px } .navPaletteContent A.comboLink_active { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px; BORDER-BOTTOM: 0px; COLOR: #333 } .navPaletteContent A.open { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px; BORDER-BOTTOM: 0px; COLOR: #333 } .navPaletteContent A.submenuLink { RIGHT: 0px; POSITION: absolute; ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; TOP: 0px; PADDING-RIGHT: 0px } .navPaletteContent A.submenuLink_active { RIGHT: 0px; POSITION: absolute; ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; TOP: 0px; PADDING-RIGHT: 0px } .navPaletteContent A.submenuLink:hover { BACKGROUND-POSITION: center 7px } .navPaletteContent A.submenuLink_active:hover { BACKGROUND-POSITION: center 7px } .navPaletteContent A.submenuLink:focus { BACKGROUND-POSITION: center 7px } .navPaletteContent A.submenuLink_active:focus { BACKGROUND-POSITION: center 7px } .navPaletteContent A.submenuLink IMG { HEIGHT: 14px; WIDTH: 14px; FILTER: alpha(opacity=0); opacity: 0 } .navPaletteContent A.submenuLink_active IMG { HEIGHT: 14px; WIDTH: 14px; FILTER: alpha(opacity=0); opacity: 0 } .navPaletteContent UL LI:first-child H4 A { BORDER-TOP: medium none } .navPaletteContent UL LI:first-child A { BORDER-TOP: medium none } .navPaletteContent UL LI H4 A { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 9px } .navPaletteContent H3 A { WORD-WRAP: break-word; BORDER-TOP: 0px; BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px; FONT-WEIGHT: bold; COLOR: #333; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 9px } .navPaletteContent H3 A:hover { TEXT-DECORATION: none } .navPaletteContent H3 A:focus { TEXT-DECORATION: none } #courseMenu { COLOR: #fff; BACKGROUND-COLOR: #0078cb } .controlpanel UL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .controlpanel A { BORDER-TOP: #ccc 1px dotted } .controlpanel A.submenuLink { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .controlpanel A.submenuLink_active { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .tools A.submenuLink { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .tools A.submenuLink_active { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .navPaletteContent H3 A.submenuLink { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .navPaletteContent H3 A.submenuLink_active { OVERFLOW: hidden; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND-IMAGE: none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; LINE-HEIGHT: 1.4 } .navPaletteContent H3 A.submenuLink { DISPLAY: inline-block } .navPaletteContent H3 A.submenuLink_active { DISPLAY: inline-block } .controlpanel A.submenuLink:after { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .controlpanel A.submenuLink_active:after { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .tools A.submenuLink:after { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .tools A.submenuLink_active:after { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .navPaletteContent H3 A.submenuLink:before { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .navPaletteContent H3 A.submenuLink_active:before { FONT-SIZE: 16px; RIGHT: 4px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #ccc; CONTENT: "\2192"; TOP: 3px } .navPaletteContent H3 A.submenuLink:before { FONT: 18px/1 "Utilicons"; CONTENT: "H"; MARGIN: 3px 0px 0px 6px; DISPLAY: block } .navPaletteContent H3 A.submenuLink_active:before { FONT: 18px/1 "Utilicons"; CONTENT: "H"; MARGIN: 3px 0px 0px 6px; DISPLAY: block } .controlpanel A.submenuLink:hover:after { COLOR: #aaa } .controlpanel A.submenuLink_active:hover:after { COLOR: #aaa } .tools A.submenuLink:hover:after { COLOR: #aaa } .tools A.submenuLink_active:hover:after { COLOR: #aaa } .navPaletteContent H3 A.submenuLink:hover:before { COLOR: #aaa } .navPaletteContent H3 A.submenuLink_active:hover:before { COLOR: #aaa } .controlpanel A.comboLink_active { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .tools A.comboLink_active { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .controlpanel H4 A.open { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .navPaletteContent UL LI:first-child H4 A.comboLink_active { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .explore H4 { BORDER-TOP: #bbb 1px solid; FONT-WEIGHT: bold; MARGIN-TOP: -1px; BACKGROUND-COLOR: #fff; -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .controlpanel A.comboLink_active { POSITION: relative; Z-INDEX: 1 } .tools A.comboLink_active { POSITION: relative; Z-INDEX: 1 } .controlpanel H4 A.open { POSITION: relative; Z-INDEX: 1 } .treeViewCs .navPaletteContent { } .courseFilesPalette { BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; BORDER-BOTTOM: red 1px solid; BORDER-LEFT: red 1px solid } .paletteSearch { FONT-SIZE: 95%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } .classFiles H4#cs_search + UL LI:first-child { FONT-SIZE: 95%; BORDER-BOTTOM: #aaa 1px dotted; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 3px; MARGIN: 2px 9px 2px 0px; PADDING-RIGHT: 3px } .classFiles H4#cs_search + UL LI { BACKGROUND-IMAGE: none } .classFiles A#filesPaletteContentCollectionLink { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 98% -143px; COLOR: #aaa; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 16px; DISPLAY: block; PADDING-RIGHT: 16px } .navPaletteContent .submenu .paletteSearchElement { BORDER-TOP: #bbb 1px dotted; PADDING-BOTTOM: 9px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MARGIN: 6px 0px 0px -16px; PADDING-RIGHT: 0px } .paletteSearchElement INPUT { WIDTH: 99px } .classFiles UL.tree > LI { BACKGROUND-IMAGE: none } .listCm .courseMenu { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .ineditmode DIV.listCm UL.courseMenu { MARGIN: 0px } .ineditmode DIV.listCm UL.courseMenu LI { BORDER-TOP: transparent 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; MARGIN: 0px -1px 0px 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: transparent } .ineditmode DIV.listCm UL.courseMenu LI:hover { BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); -moz-transition: border, margin, background, -moz-box-shadow 500ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition-property: background, border, -webkit-box-shadow; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); background-clip: padding-box } .ineditmode DIV.listCm UL.courseMenu LI:hover .reorder { -moz-transition: opacity 350ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: opacity 350ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .ineditmode DIV.listCm UL.courseMenu LI:hover .reorder:before { -moz-transition: visibility 350ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: visibility 350ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .listCm .courseMenu LI { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .buttonCm LI { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .listCm .courseMenu A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; BORDER-BOTTOM: 0px; WORD-BREAK: normal; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px 18px 0px 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .buttonCm .courseMenu A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; BORDER-BOTTOM: 0px; WORD-BREAK: normal; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; MARGIN: 0px 18px 0px 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .listCm .courseMenu A:hover { TEXT-DECORATION: underline } .listCm .courseMenu A:focus { TEXT-DECORATION: underline } .buttonCm LI A:hover { TEXT-DECORATION: underline } .buttonCm LI:focus { TEXT-DECORATION: underline } .listCm .courseMenu > LI:hover A SPAN { COLOR: #01758c !important } .listCm .courseMenu A:hover { COLOR: #01758c !important } .listCm .courseMenu A:focus { COLOR: #01758c !important } .listCm .courseMenu A:hover SPAN { COLOR: #01758c !important } .listCm .courseMenu A:focus SPAN { COLOR: #01758c !important } .listCm .courseMenu .here { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #888 1px solid; BACKGROUND: white; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #bbb 1px solid; box-shadow: 1px 1px 3px rgba(0, 0, 0, .15) } .listCm .courseMenu .here A.cmimg { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .listCm .courseMenu .here A.cmimg:hover { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .listCm H3 { FONT-SIZE: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .listCm .subhead H3 { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 30px; PADDING-RIGHT: 0px } #courseMenu_folderView H4 A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND-IMAGE: none; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px } #courseMenu_folderView .subhead { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .navPaletteContent .subhead H3 A { TEXT-DECORATION: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .navPaletteContent .subhead H3 A:hover { TEXT-DECORATION: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .listCm .courseMenu .divider { POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .buttonCm .courseMenu .divider { POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .buttonCm .courseMenu .divider { BACKGROUND-IMAGE: none } .noteditmode .listCm .courseMenu .divider { PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .noteditmode .listCm .buttonCm .divider { PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .listCm .courseMenu .divider HR { BORDER-LEFT-WIDTH: 0px; BORDER-TOP: #999 1px solid; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM-WIDTH: 0px; POSITION: relative; MARGIN: 0px; BACKGROUND-COLOR: #ccc } .buttonCm .courseMenu .divider HR { BORDER-LEFT-WIDTH: 0px; BORDER-TOP: #999 1px solid; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px; VERTICAL-ALIGN: middle; BORDER-BOTTOM-WIDTH: 0px; POSITION: relative; MARGIN: 0px; BACKGROUND-COLOR: #ccc } .listCm .courseMenu .collapsed { HEIGHT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 0px } .buttonCm .navPaletteContent { BACKGROUND: none transparent scroll repeat 0% 0% } .buttonCm LI { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 12px 0px; BACKGROUND-COLOR: transparent } .buttonCm .courseMenu .here A { TEXT-DECORATION: underline; BACKGROUND-COLOR: transparent } .buttonCm .courseMenu .here A:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: transparent } .cmLink-hidden { VERTICAL-ALIGN: middle; MARGIN: -2px 0px 0px 3px } .cmLink-empty { VERTICAL-ALIGN: middle; MARGIN: -2px 0px 0px 3px } .cmLink-hidden IMG { HEIGHT: 14px; WIDTH: 14px; FILTER: alpha(opacity=0); opacity: 0 } .cmLink-empty IMG { HEIGHT: 14px; WIDTH: 14px; FILTER: alpha(opacity=0); opacity: 0 } .cmLink-empty { BACKGROUND: url(images/controls.png) no-repeat -389px -123px; DISPLAY: inline-block } .cmLink-hidden { BACKGROUND: url(images/controls.png) no-repeat -389px -138px; DISPLAY: inline-block } .buttonCm .invisible .cmLink-hidden { RIGHT: 26px; POSITION: absolute; TOP: 5px } .buttonCm .invisible .cmLink-empty { RIGHT: 26px; POSITION: absolute; TOP: 5px } .buttonCm .invisible .cmLink-empty { RIGHT: 32px } .pickerMenu { WIDTH: 150px; POSITION: absolute; LEFT: 14px; MARGIN: 0px; TOP: 0px } .pickerMenu UL LI A { BACKGROUND-IMAGE: none } DIV.pickerMenu A.simpleLink { BACKGROUND-IMAGE: none } .pickerMenu A.open { BACKGROUND: url(images/indicators.png) #fff no-repeat 100% center } .pickerMenu A:hover { BACKGROUND: url(images/indicators.png) #fff no-repeat 100% center } .pickerMenu A:focus { BACKGROUND: url(images/indicators.png) #fff no-repeat 100% center } .discover .navPaletteContent { } .singleControl .navPaletteContent { } .discover A IMG { DISPLAY: none } .discover.navPalette { MARGIN-BOTTOM: 0px } .singleControl A { FONT-SIZE: 105%; TEXT-DECORATION: none; BACKGROUND-IMAGE: none; FONT-WEIGHT: 600; COLOR: #f0f0f0; PADDING-BOTTOM: 12px; TEXT-ALIGN: center; PADDING-TOP: 14px; PADDING-LEFT: 18px; DISPLAY: block; PADDING-RIGHT: 18px } .navPalette .discover A { FONT-SIZE: 105%; TEXT-DECORATION: none; BACKGROUND-IMAGE: none; FONT-WEIGHT: 600; COLOR: #f0f0f0; PADDING-BOTTOM: 12px; TEXT-ALIGN: center; PADDING-TOP: 14px; PADDING-LEFT: 18px; DISPLAY: block; PADDING-RIGHT: 18px } .singleControl A:hover { TEXT-DECORATION: none; BACKGROUND: #555; COLOR: #fff } .singleControl A:focus { TEXT-DECORATION: none; BACKGROUND: #555; COLOR: #fff } .discover A:hover { TEXT-DECORATION: none; BACKGROUND: #555; COLOR: #fff } .discover A:focus { TEXT-DECORATION: none; BACKGROUND: #555; COLOR: #fff } .singleControl A.enrolled:before { FONT-SIZE: 19px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #ef3b3b; CONTENT: "x"; LEFT: -4px; TOP: 1px } .singleControl A.not-enrolled:before { FONT-SIZE: 19px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #ef3b3b; CONTENT: "x"; LEFT: -4px; TOP: 1px } .discover A:before { FONT-SIZE: 19px; FONT-FAMILY: "Utilicons"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #ef3b3b; CONTENT: "x"; LEFT: -4px; TOP: 1px } .singleControl A.not-enrolled:before { COLOR: #3c0; CONTENT: "+" } .discover A:before { COLOR: #eee; CONTENT: "F" } .navPaletteContent .submenu { FONT-SIZE: 90%; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 30px; MARGIN: 0px; PADDING-RIGHT: 6px; -moz-box-shadow: 0 1px 4px #ccc; -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .explore .submenu { FONT-SIZE: 90%; BACKGROUND: #fff } .navPaletteContent .submenu LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND-IMAGE: none; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .navPaletteContent .submenu LI UL LI { PADDING-LEFT: 12px } .navPaletteContent .submenu LI A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } H4#cs_search + UL DIV A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } H4#cs_search + UL DIV { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 9px } H4#cs_search + UL DIV A { FONT-SIZE: 90%; DISPLAY: block } .controlpanel .submenu A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 9px } .explore .submenu A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #333; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 9px } .explore .submenu A { PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .explore .submenu .emptyMsg { COLOR: #777 } .controlpanel .submenu A:hover { TEXT-DECORATION: underline } .controlpanel .submenu A.here { TEXT-DECORATION: underline } .controlpanel .submenu A:focus { TEXT-DECORATION: underline } .explore .submenu A:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .explore .submenu A:focus { TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .tools .submenu { BACKGROUND: #fff } .controlpanel .submenu { BACKGROUND: #fff; -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } .controlpanel .submenu LI UL { BACKGROUND: #fff; -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #explore_contents { BACKGROUND: #fff; -moz-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000); -webkit-transition: all 150ms cubic-bezier(0.420, 0.000, 1.000, 1.000) } #explore_contents { BACKGROUND-COLOR: transparent } .navPalette A.simpleLink { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; PADDING-RIGHT: 9px } .controlpanel A.simpleLink { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; PADDING-RIGHT: 9px } .navPalette A.simpleLink:hover { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 97% center } .navPalette A.simpleLink:focus { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 97% center } .controlpanel A.simpleLink:hover { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 97% center } .controlpanel A.simpleLink:focus { BACKGROUND-IMAGE: url(images/indicators.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 97% center } .navPaletteCol H3 A { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px } .navPaletteCol H3 A.comboLink { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px } .navPaletteCol .navPaletteContent H3 { BACKGROUND-IMAGE: none } .navPaletteCol .actionBarMicro { DISPLAY: none } .shortcutViewCs UL LI A { BORDER-TOP: #ededed 1px dotted; TEXT-ALIGN: center } .shortcuts LI A { BORDER-TOP: #ccc 1px dotted; BACKGROUND: none transparent scroll repeat 0% 0% } .shortcuts LI A:hover { TEXT-DECORATION: none; BACKGROUND: url(images/indicators.png) no-repeat 100% center } .shortcuts LI A:focus { TEXT-DECORATION: none; BACKGROUND: url(images/indicators.png) no-repeat 100% center } .treeContainer#courseMenu_folderView { OVERFLOW-X: auto } DIV.expTreeContainer { BACKGROUND: #eee } DIV.treeContainer UL.tree { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.tree { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.treeContainer > UL.tree { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.treeContainer UL.tree > UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.treeContainer UL.tree UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.tree UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.listCm DIV.treeContainer UL.tree { OVERFLOW-X: auto; ZOOM: 1 } DIV.treeContainer UL.tree LI H4 + UL { FONT-SIZE: 90%; OVERFLOW-X: auto; ZOOM: 1; PADDING-BOTTOM: 18px; PADDING-TOP: 0px; PADDING-LEFT: 18px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff } DIV.treeContainer UL.tree LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: url(/images/ci/icons/nlstree/line.gif) repeat-y 0px 0px; WHITE-SPACE: nowrap; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.tree LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: url(/images/ci/icons/nlstree/line.gif) repeat-y 0px 0px; WHITE-SPACE: nowrap; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .sideTOC UL.tree > LI { OVERFLOW-X: visible } DIV.treeContainer UL.tree LI.last { BACKGROUND-IMAGE: none } UL.tree LI.last { BACKGROUND-IMAGE: none } DIV.treeContainer UL.tree LI.here A { BACKGROUND-COLOR: #ededed } UL.tree LI.here A { BACKGROUND-COLOR: #ededed } DIV.treeContainer UL.tree LI A { BORDER-TOP: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 1px } UL.tree LI A { BORDER-TOP: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 1px } DIV.treeContainer UL.tree LI A.open_folder { FONT-SIZE: 95%; BORDER-TOP: medium none; BACKGROUND: #ebeffa; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 3px } DIV.treeContainer UL.tree LI A.exp { BACKGROUND: url(/images/ci/icons/nlsTree/folder.gif) no-repeat 18px 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 21px } DIV.treeContainer UL.tree LI A.collapse { BACKGROUND: url(/images/ci/icons/nlsTree/folderopen.gif) no-repeat 18px 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 21px } DIV.treeContainer H4.treehead { FONT-SIZE: 95%; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; MARGIN: 8px 0px 2px; PADDING-RIGHT: 0px } DIV.treeContainer H4.first { MARGIN: 0px 0px 2px } DIV#userTreeDiv { BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.treeContainer UL.tree LI.subhead { BORDER-TOP: #ccc 1px dotted; BACKGROUND-IMAGE: none; MARGIN: 0px } DIV.treeContainer UL.tree LI.subhead H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.treeContainer UL.tree LI.subhead H4.first A { BORDER-TOP: medium none } DIV.treeContainer UL.tree LI.subhead H4 A { TEXT-DECORATION: none; BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 20px } UL.tree LI:first-child.subhead { MARGIN-TOP: 0px } UL.tree LI:first-child.subhead > A { BORDER-TOP: 0px } DIV.treeContainer UL.tree LI.subhead H4.treeSubhead-collapsed A { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px; FONT-WEIGHT: normal } .tableOverflowControl { OVERFLOW-X: auto } .inventory { WIDTH: 100%; BACKGROUND: #fff; BORDER-COLLAPSE: separate; OVERFLOW-X: auto; OVERFLOW-Y: visible; COLOR: #000; PADDING-BOTTOM: 1px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; BORDER-SPACING: 0; PADDING-RIGHT: 0px } .inventory CAPTION { FONT-SIZE: 85%; COLOR: #999; TEXT-ALIGN: left } .inventory > THEAD TR TH { FONT-SIZE: 95%; BACKGROUND: #ededed; FONT-WEIGHT: normal; COLOR: #999; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } .splashTable THEAD TR TH { FONT-SIZE: 95%; BACKGROUND: #ededed; FONT-WEIGHT: normal; COLOR: #999; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } .inventory > THEAD TR TH:first-child { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; BORDER-LEFT: medium none; PADDING-RIGHT: 3px } .inventory > TBODY { BORDER-BOTTOM: #ccc 2px solid } .inventory > TBODY TR { BORDER-BOTTOM: #ccc 1px solid } .inventory > TBODY TR TD { WORD-WRAP: break-word; FONT-SIZE: 95%; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: 0px; WHITE-SPACE: normal; BORDER-BOTTOM: #eee 1px solid; WORD-BREAK: normal; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventory > TBODY TR TH { WORD-WRAP: break-word; FONT-SIZE: 95%; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: 0px; WHITE-SPACE: normal; BORDER-BOTTOM: #eee 1px solid; WORD-BREAK: normal; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventory#drawerItems TR TD { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } .inventory#drawerItems TR TH { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } #bb-question-discover .inventory TR TD { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } #bb-question-discover .inventory TR TH { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } .inventory > TBODY TR TH { FONT-WEIGHT: normal; TEXT-ALIGN: left } .inventory > TBODY TR TD:first-child { BORDER-LEFT: medium none } .inventory > TBODY .gray TD { BACKGROUND: #fff4bf } .inventory > TBODY .gray TH { BACKGROUND: #fff4bf } .inventory > THEAD TR TH.sorted { BACKGROUND: #ccc } TH.sorted { BACKGROUND: #ccc } .splashTable THEAD TR TH.sorted { BACKGROUND: #ccc } .inventory > TBODY TR TD.sorted { BACKGROUND: #eee } .inventory > THEAD TR TH.sorted A { FONT-WEIGHT: bold; COLOR: #000 !important } .sortable > THEAD TH A { COLOR: #666; MARGIN-RIGHT: 9px } .sortable > THEAD TH A:hover { TEXT-DECORATION: underline; COLOR: #333 } .sortable A.sortheader { POSITION: relative; DISPLAY: block; PADDING-RIGHT: 17px; MARGIN-RIGHT: 0px } .sortable .sortarrow { TEXT-DECORATION: none; RIGHT: 0px; COLOR: #ff0; LEFT: auto; TOP: 0px } TR.high { BACKGROUND: #fff4bf } .high { BACKGROUND: #fff4bf } .disabledCell { BACKGROUND-COLOR: #f0f0f0 } .inventory .smallCell .reorder { CURSOR: move; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: static; FILTER: alpha(opacity=0); MIN-HEIGHT: 30px; Z-INDEX: 2; DISPLAY: inline-block; opacity: 0 } .inventory > TBODY .reorder { CURSOR: move; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: static; FILTER: alpha(opacity=0); MIN-HEIGHT: 30px; Z-INDEX: 2; DISPLAY: inline-block; opacity: 0 } .attachments .smallCell .reorder { CURSOR: move; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: static; FILTER: alpha(opacity=0); MIN-HEIGHT: 30px; Z-INDEX: 2; DISPLAY: inline-block; opacity: 0 } .attachments TBODY .reorder { CURSOR: move; WIDTH: 18px; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: static; FILTER: alpha(opacity=0); MIN-HEIGHT: 30px; Z-INDEX: 2; DISPLAY: inline-block; opacity: 0 } .attachments { WIDTH: 100% } .inventory .dndHandle { POSITION: static; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .inventory .dndHandle .reorder IMG { HEIGHT: 20px } .inventory .dndHandle .reorder:hover IMG { HEIGHT: 20px } .inventory .dndHandle .reorder { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-POSITION: -172px -125px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventory .dndHandle .reorder:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-POSITION: -172px -125px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventory TR:hover .dndHandle { BACKGROUND: url(images/reorder_bg.png) #fff4bf 0px 0px } .reorderable > TBODY TR:hover { -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset } .reorderable > TBODY TR:hover TD { BORDER-TOP: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #f4f4f4; -moz-transition: border, margin, background 250ms ease-in; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .reorderable > TBODY TR:hover TH { BORDER-TOP: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #f4f4f4; -moz-transition: border, margin, background 250ms ease-in; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .reorderable TBODY TR TD:first-child { BORDER-LEFT: transparent 1px solid } .inventory TR:hover .smallCell .reorder { FILTER: alpha(opacity=100); opacity: 1 } .inventory > TBODY TR:hover .smallCell .reorder:hover { FILTER: alpha(opacity=100); opacity: 1 } .attachments TR:hover .smallCell .reorder { FILTER: alpha(opacity=100); opacity: 1 } .attachments TBODY TR:hover .smallCell .reorder:hover { FILTER: alpha(opacity=100); opacity: 1 } .attachments THEAD TR { BORDER-BOTTOM: #ccc 2px solid; COLOR: #999 } .inventory-simple THEAD TR { BORDER-BOTTOM: #ccc 2px solid; COLOR: #999 } .attachments TBODY TR { BORDER-TOP: #eee 1px solid } .inventory-simple TBODY TR { BORDER-TOP: #eee 1px solid } .attachments TD { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .attachments TH { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .inventory-simple TD { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .inventory-simple TH { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } TABLE.inventory > TBODY UL.subtabs { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } TABLE.inventory > TBODY UL.subtabs LI { POSITION: relative; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 20px; PADDING-RIGHT: 2px } DIV.status { FONT-SIZE: 90%; BACKGROUND: #f9f9f9; COLOR: #000; PADDING-BOTTOM: 3px; TEXT-ALIGN: left; PADDING-TOP: 1px; PADDING-LEFT: 6px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } DIV.status A IMG { VERTICAL-ALIGN: middle } DIV.status P { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #444; PADDING-BOTTOM: 1px; TEXT-ALIGN: left !important; PADDING-TOP: 1px; PADDING-LEFT: 1px; MARGIN: 2px auto 4px; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 10%; PADDING-RIGHT: 1px } DIV.status P IMG { HEIGHT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #8dafaf } DIV.stopped P IMG { BACKGROUND: url(images/controls.png) #fff no-repeat -20px -180px } DIV.status A.buttonMicro { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; MARGIN: 1px auto; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 5px } DIV.status DIV { POSITION: relative; TEXT-ALIGN: center } DIV.status A.buttonMicro:hover { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } TABLE.inventory-simple { WIDTH: 100%; BORDER-COLLAPSE: collapse; MARGIN: 0px 0px 12px } TABLE.inventory-simple THEAD TR { BORDER-BOTTOM: #ccc 2px solid; COLOR: #999 } TABLE.attachments THEAD TR.warningRow { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } TABLE.inventory-simple THEAD TR TH { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } TABLE.inventory-simple TBODY TR { BORDER-TOP: #eee 1px solid } TABLE.inventory-simple TBODY TR TH { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } TABLE.inventory-simple TBODY TR TD { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } TABLE.inventory-simple TBODY TR TH { COLOR: #000 } TABLE.inventory-simple .removeCell { BACKGROUND: #ededed; COLOR: #777 } TABLE.inventory-simple .removeCell TD { COLOR: #999 } TABLE.inventory-simple .removeCell TH { COLOR: #999 } TABLE.inventory-simple .removeCell TD A IMG { FILTER: alpha(opacity=40); opacity: .4 } TABLE.inventory-simple .smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.inventory-simple TBODY TR.inEditMode { BORDER-TOP: #444 2px solid; BORDER-RIGHT: #444 2px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #444 2px solid; BORDER-LEFT: #444 2px solid; -moz-border-radius: 0 } TABLE.inventory-simple TBODY TR.inEditMode TD { BORDER-TOP: #444 2px solid; -moz-border-radius: 0 } TABLE.inventory-simple TBODY TR.inEditMode TH { BORDER-TOP: #444 2px solid; -moz-border-radius: 0 } TABLE.stepItems-reorder { MARGIN-BOTTOM: 12px; FONT-SIZE: 85%; BORDER-SPACING: 0 } TABLE.gbColumns { FONT-SIZE: 90%; ZOOM: 1 } TABLE.stepItems-reorder TD { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 6px } TABLE.stepItems-reorder TH { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 6px } TABLE.stepItems-reorder THEAD TR TH { BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #999; TEXT-ALIGN: left } TABLE.gbColumns THEAD TR TH { BACKGROUND: #bbb; BORDER-BOTTOM: #999 2px solid; COLOR: #fff } TABLE.gbColumns THEAD TR TD { BACKGROUND: #bbb; BORDER-BOTTOM: #999 2px solid; COLOR: #fff } TABLE.gbColumns THEAD TR TH.sorted { BORDER-RIGHT: #777 1px solid; BACKGROUND: #999; BORDER-LEFT: #777 1px solid } TABLE.gbColumns THEAD TR TH A { COLOR: #fff } TABLE.gbColumns THEAD TR TD A { COLOR: #fff } TABLE.stepItems-reorder THEAD TR.lowerHeader TH { BORDER-BOTTOM: #ccc 2px solid; COLOR: #333 } TABLE.stepItems-reorder TBODY TR TD.shaded { BACKGROUND: url(images/readback.png) #f6f6f6 } TABLE.stepItems-reorder THEAD TR TH.shaded { BACKGROUND: url(images/readback.png) #f6f6f6 } TABLE.stepItems-reorder TR TH.clearCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.stepItems-reorder TBODY TR:first-child TD { BORDER-TOP: 0px } TABLE.stepItems-reorder TBODY TR:first-child TH { BORDER-TOP: 0px } TABLE.stepItems-reorder THEAD TR:first-child { BORDER-TOP: 0px } TABLE.stepItems-reorder TBODY TR TD.dragCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; VERTICAL-ALIGN: top; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.stepItems-reorder TBODY TR TD SPAN.reorder { CURSOR: move; HEIGHT: 20px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 18px !important; BACKGROUND: url(images/controls.png) #ededed no-repeat -177px -122px; RIGHT: 0px; POSITION: relative; LEFT: auto; FILTER: alpha(opacity=100); DISPLAY: block; TOP: 2px; opacity: 1; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px } TABLE.gbColumns TBODY TR TD SPAN.reorder { BACKGROUND: url(images/controls.png) #ededed no-repeat -237px -122px } TABLE.stepItems-reorder TBODY TR.frozenbar TD SPAN.reorder { TOP: 1px } TABLE.stepItems-reorder TBODY TR TD INPUT { WIDTH: 95%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } 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: 0px 4px 0px 0px } TABLE.gbColumns TBODY TR TD INPUT[type=checkbox] { WIDTH: auto; MARGIN: 0px } TABLE.gbColumns TBODY TR TD { VERTICAL-ALIGN: top; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 6px } TABLE.gbColumns TBODY TR.frozenbar TD { FONT-SIZE: 95%; BORDER-TOP: 0px; BACKGROUND: #ccc; COLOR: #444 } TABLE.gbColumns TFOOT TR.lastRow TD { BORDER-TOP: 0px; HEIGHT: 2px; BORDER-RIGHT: 0px; BACKGROUND: #999; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 0; PADDING-RIGHT: 0px } TABLE.gbColumns TBODY TR.frozen TD { BACKGROUND: #ededed } TABLE.gbColumns THEAD TR TD.checkBox { PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } TABLE.gbColumns TBODY TR TD.checkBox { PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 0px } DIV.areaHighlight TABLE.gbColumns THEAD TR TD.clear { BACKGROUND: inherit } TD.clear { BACKGROUND: inherit } DIV.areaHighlight TABLE.gbColumns TBODY TR.frozenbar TD.dragCell { BACKGROUND: inherit } DIV.areaHighlight TABLE.gbColumns TBODY TR TD.dragCell { BACKGROUND: inherit } DIV.areaHighlight TABLE.gbColumns TBODY TR.frozen TD.dragCell { BACKGROUND: inherit } DIV.areaHighlight TABLE.gbColumns TFOOT TR.lastRow TD.clear { BACKGROUND: inherit } TABLE.gbColumns TBODY TR.frozenbar TD.dragCell { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } TABLE.gbColumns TBODY TR.placeholder TD { BORDER-TOP: 0px; HEIGHT: 1px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 0; PADDING-RIGHT: 0px } TABLE.gbColumns TBODY TR.placeholder TD.clear { BACKGROUND: inherit } UL.dragableHighlight LI TABLE.gbColumns THEAD TR TD.clear { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TD.clear { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TABLE.gbColumns TBODY TR.frozenbar TD.dragCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TABLE.gbColumns TBODY TR TD.dragCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TABLE.gbColumns TBODY TR.frozen TD.dragCell { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.dragableHighlight LI TABLE.gbColumns TFOOT TR.lastRow TD.clear { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.gbColumns THEAD TR TD.clear { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #fff; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } TR.rowdrag { BACKGROUND: #ccc; Z-INDEX: 1 } .insertImg { POSITION: relative; Z-INDEX: 20; TOP: 12px } .insertImgUp { RIGHT: -10px; POSITION: absolute; Z-INDEX: 20 } TABLE.inventory > TBODY TR TD.smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 3px; PADDING-RIGHT: 0px } TABLE.inventory > THEAD TR TH.smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 3px; PADDING-RIGHT: 0px } TABLE.inventory > TBODY TR TD.hideCell { DISPLAY: none } TABLE.inventory > THEAD TR TH.hideCell { DISPLAY: none } .clickOrder { DISPLAY: none } TABLE.inventory > TBODY TR TD.clickOrder { BORDER-LEFT: medium none; BACKGROUND-COLOR: #ddd } TABLE.inventory TR TD.endCell { WIDTH: 1px !important; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important; BACKGROUND-COLOR: #ddd } TABLE.inventory TR.orderRow TD.clickOrder { TEXT-ALIGN: center; BACKGROUND-COLOR: #ddd } 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 } .cloudToolsSwitch { BORDER-TOP: #ccc 1px solid; BACKGROUND: #fafafa; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px } .cloudToolsSwitch DIV:first-child.clearfix { MARGIN-BOTTOM: 5px; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 5px } TABLE.splashTable { WIDTH: 100%; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #ccc 2px solid; MARGIN: 3px 0px 12px } TABLE.splashTable THEAD TR { COLOR: #999 } TABLE.splashTable THEAD TR TH { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } TABLE.splashTable THEAD TR TH A { TEXT-DECORATION: none; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #666 } TABLE.splashTable THEAD TR TH A:hover { TEXT-DECORATION: underline; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #333 } TABLE.splashTable TBODY TR { BORDER-TOP: #ddd 1px solid } TABLE.splashTable TBODY TR TH { FONT-SIZE: 90%; COLOR: #777; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } TABLE.splashTable TBODY TR TD { FONT-SIZE: 90%; COLOR: #777; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } TABLE.splashTable TBODY TR TH { COLOR: #000; TEXT-ALIGN: left } TABLE.splashTable TH.smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } TABLE.splashTable TD.smallCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .contentBlock A { TEXT-DECORATION: none; BACKGROUND: url(images/indicators.png) no-repeat 0px -450px; DISPLAY: block } .contentBlock A.collapse { TEXT-DECORATION: none; BACKGROUND: url(images/indicators.png) no-repeat 0px -1045px; DISPLAY: block } .contentBlock A.collapse:hover { TEXT-DECORATION: underline } .contentBlock A.hover { TEXT-DECORATION: underline } TABLE.reorderCols { FONT-SIZE: 95%; WIDTH: 100%; BORDER-COLLAPSE: collapse; CLEAR: both; MARGIN: 18px 0px 9px } TABLE.reorderCols THEAD TR TH { CURSOR: move; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 4px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 4px } TABLE.reorderCols THEAD TR TH.noReorderCol { CURSOR: default; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: medium none } TABLE.reorderCols TBODY TR TD { BORDER-RIGHT: #ddd 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: left; PADDING-TOP: 2px; PADDING-LEFT: 4px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 4px } TABLE.reorderCols TBODY TR TH { BORDER-RIGHT: #ddd 1px solid; VERTICAL-ALIGN: top; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: left; PADDING-TOP: 2px; PADDING-LEFT: 4px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 4px } TABLE.reorderCols TBODY TR TH { BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; COLOR: #555 } TABLE.reorderCols THEAD TH SPAN.reorderToolTip { BACKGROUND: url(images/controls.png) #ddd no-repeat -347px -122px } TABLE.reorderCols THEAD TR TH.axis { BACKGROUND: #ededed 0px 50%; BORDER-BOTTOM: #ccc 1px solid; COLOR: #555 } .ghostTd { BORDER-TOP: #000 1px solid; HEIGHT: auto; BORDER-RIGHT: #000 1px solid; WIDTH: auto; BACKGROUND: #eee; BORDER-BOTTOM: #000 1px solid; POSITION: absolute; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT: 10px arial; PADDING-LEFT: 8px; BORDER-LEFT: #000 1px solid; PADDING-RIGHT: 8px } TABLE.reorderCols THEAD TH.dragging { BACKGROUND: #ccc } TABLE.reorderCols THEAD TH.hovering { BACKGROUND: #666 } TABLE.reorderCols THEAD TH.hovering IMG { DISPLAY: none } .rumble { BACKGROUND: url(images/selected_items.png) no-repeat -1974px center; MARGIN: 0px 0px 9px } .rumble_top { BACKGROUND: url(images/selected_items.png) no-repeat 12px center; MARGIN: 12px 0px 0px } #mapCanvasForm .rumble_top { MARGIN-LEFT: 30px; MARGIN-RIGHT: 30px } #mapCanvasForm .rumble { MARGIN-LEFT: 30px; MARGIN-RIGHT: 30px } #mapCanvasForm .rumble_top { BORDER-BOTTOM: #eee 2px solid } .noBatchActions { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 5px !important; PADDING-TOP: 5px !important; PADDING-LEFT: 5px !important; PADDING-RIGHT: 5px !important } .rumbleBuildList { BORDER-TOP: #eee 2px solid; MARGIN: 0px 0px 0px 18px } .rumbleBuildList UL LI { Z-INDEX: 1000 } .rumbleBuildListTop UL LI { Z-INDEX: 1000 } .rumble_top UL { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 34px; PADDING-RIGHT: 2px } .rumble UL { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 34px; PADDING-RIGHT: 2px } .rumble_top UL LI { VERTICAL-ALIGN: top; MARGIN: 0px 3px 0px 0px; DISPLAY: inline-block } .rumble UL LI { VERTICAL-ALIGN: top; MARGIN: 0px 3px 0px 0px; DISPLAY: inline-block } .rumble_top UL LI.primary { VERTICAL-ALIGN: top; MARGIN: 0px 3px 0px 0px; DISPLAY: inline-block } .rumble UL LI.primary { VERTICAL-ALIGN: top; MARGIN: 0px 3px 0px 0px; DISPLAY: inline-block } .rumble_top UL LI.secondary { POSITION: relative; FLOAT: right; MARGIN: 0px 0px 0px 3px } .rumble UL LI.secondary { POSITION: relative; FLOAT: right; MARGIN: 0px 0px 0px 3px } .contentListPlain .rumble LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .contentListPlain .rumble_top LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble LI.listActionDivider { BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 9px; MARGIN-RIGHT: 9px } .rumble_top LI.listActionDivider { BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 9px; MARGIN-RIGHT: 9px } .selectList .listActionDivider { BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 9px; MARGIN-RIGHT: 9px } .listActionDivider { BORDER-RIGHT: #999 1px dotted; PADDING-RIGHT: 9px; MARGIN-RIGHT: 9px } .rumble LI.listActionGroup INPUT { FONT-SIZE: 95% } .rumble_top LI.listActionGroup INPUT { FONT-SIZE: 95% } .rumble LI.listActionGroup A { DISPLAY: inline } .rumble_top LI.listActionGroup A { DISPLAY: inline } .paging { FLOAT: right; TEXT-ALIGN: right; CLEAR: left } .pagingprefs { COLOR: #666; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN-TOP: 3px; PADDING-RIGHT: 0px } .paging SPAN { BORDER-RIGHT: #ccc 1px dotted; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px 9px 0px 0px; PADDING-RIGHT: 6px } .rumble_top .inventory_paging { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN-LEFT: 9px; PADDING-RIGHT: 0px } .rumble .inventory_paging { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN-LEFT: 9px; PADDING-RIGHT: 0px } .jumptopage INPUT { WIDTH: auto; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; _display: inline-block } .inventory_paging INPUT { WIDTH: auto; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; _display: inline-block } .inventory_paging INPUT { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid } .jumptopage INPUT { WIDTH: 2em; FONT-WEIGHT: normal; -webkit-border-radius: 0; -moz-border-radius: 0 } .rumble_top .inventory_paging A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble .inventory_paging A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble_top .inventory_paging .abutton { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble .inventory_paging .abutton { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rumble_top .inventory_paging .gotolink { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .rumble_top .inventory_paging .gotolink { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .inventory_paging A { DISPLAY: inline-block } .inventory_paging IMG { DISPLAY: inline-block } .inventory_paging SPAN { DISPLAY: inline-block } .inventory_paging DIV { DISPLAY: inline-block } .jumptopage DIV { DISPLAY: inline-block } .inventory_paging .abutton { DISPLAY: inline-block } .inventory_paging A IMG { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .inventory_paging .abutton IMG { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .inventory_paging IMG { MARGIN: 2px 2px 3px } .inventory_paging A.inactive { FILTER: alpha(opacity=40); opacity: .4 } A.jumpToPageOpen { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 1px !important; BORDER-LEFT: medium none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } A.jumpToPageOpen:hover { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 1px !important; BORDER-LEFT: medium none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } A.jumpToPageOpen:focus { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 1px !important; BORDER-LEFT: medium none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } A.jumpToPageOpen:hover { BORDER-BOTTOM-COLOR: #333 } A.jumpToPageOpen:focus { BORDER-BOTTOM-COLOR: #333 } DIV.jumptopage INPUT#currentpage_bot { WIDTH: auto } DIV.jumptopage INPUT#currentpage_top { WIDTH: auto } INPUT#currentpage_bot { WIDTH: auto } INPUT#currentpage_top { WIDTH: auto } .jumptopage { FLOAT: right } .jumptopage DIV { MARGIN: 0px 0px 0px 3px } .jumptopage BUTTON { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; RIGHT: 0px; BORDER-BOTTOM: medium none; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: medium none; TOP: 0px; PADDING-RIGHT: 0px } .jumptopage BUTTON IMG { MARGIN: 0px } .rumble_top .secondaryControl { FLOAT: right } .rumble .secondaryControl { FLOAT: right } .key-valueTable TR { BORDER-BOTTOM: medium none } .key-valueTable TH { BORDER-BOTTOM: medium none } .key-valueTable TD { BORDER-BOTTOM: medium none } .key-valueTable TBODY { BORDER-BOTTOM: medium none } .key-valueTable TBODY TD { FONT-SIZE: inherit !important; BORDER-TOP: #ccc 1px dotted; VERTICAL-ALIGN: top; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .key-valueTable TBODY TH { FONT-SIZE: inherit !important; BORDER-TOP: #ccc 1px dotted; VERTICAL-ALIGN: top; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .key-valueTable TBODY TR:first-child TH { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .key-valueTable TBODY TR:first-child TD { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .key-valueTable TBODY TH { COLOR: #555 } .infoListWrapper .key-valueTable { MARGIN: 3px 9px 6px } TD.removeCell { TEXT-DECORATION: line-through; COLOR: #999 } TD.removeCell SPAN A { TEXT-DECORATION: line-through; COLOR: #999 } TD.removeCell SPAN A IMG { FILTER: alpha(opacity=30); opacity: .3 } .contentList { MARGIN: -20px -30px } .buildList { MARGIN: -20px -30px } .contentListPlain { MARGIN: -20px -30px } .announcementList { MARGIN: -20px -30px } FORM#announcementForm TABLE { MARGIN: -20px -30px 24px } FORM#announcementForm TABLE TD { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #bb-assessment-canvas .contentListPlain { MARGIN: 0px -30px } .gradingList { MARGIN: 0px -30px } .buildList#survey { MARGIN: 0px -30px } #manageFormCanvasForm .buildList { MARGIN: 0px -30px } #mapCanvasForm .buildList { MARGIN: 0px 30px } .hierarchy-page #toolSettingsForm #dataCollectionContainer { MARGIN: -10px -30px } .leftColumn-wide .contentListPlain { MARGIN: 0px } .contentList > LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .buildList > LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .contentListPlain > LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .announcementList > LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .contentPageItem { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; POSITION: relative; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; MARGIN: 0px -1px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 30px; -moz-transition: border, margin, background 250ms ease-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000) } .contentList > LI:first-child { BORDER-TOP: transparent 1px solid } .contentList > LI:first-child.read:hover { BORDER-TOP: transparent 1px solid } .buildList > LI:first-child { BORDER-TOP: transparent 1px solid } .contentListPlain > LI:first-child { BORDER-TOP: transparent 1px solid } .announcementList > LI:first-child { BORDER-TOP: transparent 1px solid } #bb-assessment-canvas .contentListPlain > LI:first-child { BORDER-TOP-COLOR: #ccc } #bb-assessment-canvas .contentListPlain > LI { PADDING-LEFT: 42px; MIN-HEIGHT: 16px } #bb-assessment-canvas .contentListPlain > LI .item { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #bb-assessment-canvas .contentListPlain > LI .details { PADDING-BOTTOM: 5px; PADDING-TOP: 12px } .takeQuestionDiv { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } #assessmentGradeForm #dataCollectionContainer > DIV[id*='_'] { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } #assessmentGradeForm #dataCollectionContainer > DIV[id*='step'] { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } #assessmentGradeForm #dataCollectionContainer H3.submittitle.steptitle { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .takeQuestionDiv H3 { MARGIN: 0px } .takeQuestionDiv + H3 { PADDING-LEFT: 28px } #assessmentGradeForm #dataCollectionContainer { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .contentList > LI { MIN-HEIGHT: 50px } .buildList > LI { MIN-HEIGHT: 50px } .contentListPlain > LI { MIN-HEIGHT: 50px } .announcementList > LI { MIN-HEIGHT: 50px } .contentPageItem { MIN-HEIGHT: 50px } .liItem:hover { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid; BACKGROUND-COLOR: #f4f4f4; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-transition: border, margin, -moz-box-shadow, background 100ms ease-in-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 100ms; -webkit-transition-timing-function: ease-in-out } .buildList > LI:hover { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid; BACKGROUND-COLOR: #f4f4f4; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25), 1px 1px 0 #fff inset; -moz-transition: border, margin, -moz-box-shadow, background 100ms ease-in-out; -webkit-transition-property: -webkit-box-shadow, border, background; -webkit-transition-duration: 100ms; -webkit-transition-timing-function: ease-in-out } .buildList LI:first-child:hover { BORDER-TOP-COLOR: #666 } .contentList > LI:first-child:hover { BORDER-TOP-COLOR: #666 } .gradingList > LI:first-child:hover { BORDER-TOP-COLOR: #666 } .liItem A[onclick*='toggleDetails'] { RIGHT: -19px; POSITION: relative; TOP: -6px; VISIBILITY: hidden } .liItem:hover A[onclick*='toggleDetails'] { VISIBILITY: visible } .liItem A[onclick*='toggleDetails'] IMG { VISIBILITY: hidden } .liItem A[title*='Hide'][href='#'] { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 0px 0px } .liItem A[title*='Show'][href='#'] { BACKGROUND: url(images/portlet_expand_alt_rev.png) no-repeat 0px 0px } .contentListPlain .item_icon { DISPLAY: none } .item { CURSOR: move; FONT-SIZE: 110%; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .contentList .item { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 60px; PADDING-RIGHT: 0px } .gradingList .item { PADDING-RIGHT: 120px } .announcementList .item { WORD-WRAP: break-word; WORD-BREAK: normal; PADDING-RIGHT: 13em } .announcementList-read .item { WORD-WRAP: break-word; WORD-BREAK: normal; PADDING-RIGHT: 13em } #announcementList .item { WORD-WRAP: break-word; WORD-BREAK: normal; PADDING-RIGHT: 13em } .item:hover { CURSOR: move } .item:focus { CURSOR: move } .read .item { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px } .announcementList-read .item { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px } .contentList-slim .read .item { PADDING-LEFT: 48px } .read .item:hover { CURSOR: default; BACKGROUND: none transparent scroll repeat 0% 0% } .read .item:focus { CURSOR: default; BACKGROUND: none transparent scroll repeat 0% 0% } .tab-groups H3.item { BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 8px; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 0px 11em 8px -12px; PADDING-RIGHT: 0px } .tab-groups H3.item .reorder + SPAN { FONT-SIZE: 90%; FONT-FAMILY: Georgia; FONT-WEIGHT: normal; COLOR: #999; FONT-STYLE: italic; MARGIN: 0px 4px 0px 0px } .item_icon { POSITION: absolute; LEFT: 24px; MARGIN: 0px; TOP: 12px } .read .item_icon { LEFT: 18px; MARGIN: 0px } .item H3 { WORD-WRAP: break-word; FLOAT: left; MARGIN: 0px 3px 0px 0px } .item .contextMenuContainer { WORD-WRAP: break-word; FLOAT: left; MARGIN: 0px 3px 0px 0px } .item H3 + .contextMenuContainer { POSITION: relative; TOP: 2px } .tab-groups .item .contextMenuContainer { FLOAT: none } #announcementList .item .contextMenuContainer { FLOAT: none } .item INPUT[type=checkbox] { FLOAT: left; MARGIN: 2px 6px 0px -6px } .iconsOnly { WIDTH: 80%; BORDER-BOTTOM: #ccc 1px solid; MARGIN: 24px auto } .iconsOnly LI { WIDTH: 49%; FLOAT: left !important; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .iconsOnly > LI:first-child { BORDER-TOP-COLOR: #ccc } .iconsOnly .read { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .iconsOnly .item_icon { PADDING-BOTTOM: 0px; PADDING-TOP: 12px; PADDING-LEFT: 0px; LEFT: auto; MIN-HEIGHT: 50px; TOP: 0px; PADDING-RIGHT: 0px } .iconsOnly .item { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MIN-HEIGHT: 3em; BORDER-LEFT: 0px; PADDING-RIGHT: 6px } .iconsOnly .read .item { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px; PADDING-RIGHT: 6px } .iconsOnly .item H3 { FLOAT: none; DISPLAY: inline-block; TOP: 0px } .iconsOnly .item .contextMenuContainer { FLOAT: none; DISPLAY: inline-block; TOP: 0px } .iconsOnly .item H3 A { WORD-WRAP: break-word; WIDTH: 270px; DISPLAY: block } .iconsOnly LI:hover .item_icon { BACKGROUND: #ededed } .iconsOnly LI:hover .item { BACKGROUND: #ededed } .iconsOnly LI:focus .item_icon { BACKGROUND: #ededed } .iconsOnly LI:focus .item { BACKGROUND: #ededed } .iconsOnly .read .item_icon { POSITION: relative !important; TEXT-ALIGN: center !important; DISPLAY: block !important } .iconsOnly .item_icon { POSITION: relative !important; TEXT-ALIGN: center !important; DISPLAY: block !important } .iconsOnly .read .item_icon { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; LEFT: 0px; BORDER-LEFT: 0px } .iconsOnly .read .item { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; LEFT: 0px; BORDER-LEFT: 0px } .iconsOnly .read:hover .item_icon { BACKGROUND: none transparent scroll repeat 0% 0% } .iconsOnly .read:hover .item { BACKGROUND: none transparent scroll repeat 0% 0% } .iconsOnly .read:focus .item_icon { BACKGROUND: none transparent scroll repeat 0% 0% } .iconsOnly .read:focus .item { BACKGROUND: none transparent scroll repeat 0% 0% } .buildList LI INPUT { FLOAT: left; MARGIN: 2px 8px } .buildList INPUT.browse { MARGIN: 0px 0px 6px } .buildList INPUT.genericButton { MARGIN: 0px 0px 6px } .buildList INPUT[type=button] { MARGIN: 0px 0px 6px } .contentListRight { RIGHT: 6px; POSITION: absolute; FONT-WEIGHT: normal; LEFT: auto } .pagedContentListRight { TOP: 4px } .contentListRightOffset { MARGIN-RIGHT: 12em } .contentList .details { PADDING-LEFT: 60px } .contentListPlain .contentListRight + .details { OVERFLOW-X: auto; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 28px; PADDING-RIGHT: 0px } .announcementList .details { OVERFLOW-X: auto; OVERFLOW-Y: visible; MARGIN-RIGHT: 12.8em } #announcementList .details { OVERFLOW-X: auto; OVERFLOW-Y: visible; MARGIN-RIGHT: 12.8em } .contentList-slim .read .details { MARGIN-LEFT: 48px } .staffInfoList .details { MARGIN-RIGHT: 160px } .staffInfoList .hasPhoto .details { MIN-HEIGHT: 135px } .details > P { FONT-SIZE: 95%; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .details .note { FONT-WEIGHT: bold } .details > P.important { FONT-SIZE: 90%; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 0px 9px; PADDING-RIGHT: 0px } .details > P.important SPAN { FONT-WEIGHT: normal; COLOR: #888 } .itemDetails { WORD-WRAP: break-word; FONT-SIZE: 85%; WIDTH: 14em; RIGHT: 0px; POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-TOP: 9px; PADDING-LEFT: 14px; BORDER-LEFT: #ccc 1px dotted; TOP: 2px; PADDING-RIGHT: 9px; BOTTOM: 8px } .announcementInfo { WORD-WRAP: break-word; FONT-SIZE: 85%; WIDTH: 14em; RIGHT: 0px; POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-TOP: 9px; PADDING-LEFT: 14px; BORDER-LEFT: #ccc 1px dotted; TOP: 2px; PADDING-RIGHT: 9px; BOTTOM: 8px } .announcementInfo P { PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .itemDetails P { PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .announcementInfo P SPAN { COLOR: #676767 } .announcementInfo SPAN { COLOR: #676767 } .itemDetails SPAN { COLOR: #676767 } .announcementInfo P SPAN SPAN { FONT-SIZE: 95% !important } .noItems { FONT-FAMILY: Georgia; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 6px; FONT-STYLE: italic; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .additional + P .warnFont { FONT-FAMILY: Georgia; FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 6px; FONT-STYLE: italic; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #listContainer .noItems { TEXT-ALIGN: center; PADDING-TOP: 100px } .additional + P .warnFont { TEXT-ALIGN: center; PADDING-TOP: 100px } .table-scroll-wrapper .helphelp { TEXT-ALIGN: center; PADDING-TOP: 100px } .hierarchy-page .noItems { TEXT-ALIGN: center; PADDING-TOP: 100px } .table-scroll-wrapper .helphelp { MARGIN: 0px auto; DISPLAY: block } .additional + P .warnFont { PADDING-TOP: 100px; DISPLAY: block } .details .attachments { WORD-WRAP: break-word; MARGIN-BOTTOM: 9px; WORD-BREAK: normal } .buildList > LI.separator { BACKGROUND: #ededed; POSITION: relative; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 30px; LEFT: 0px; MARGIN: 0px; MIN-HEIGHT: 1px; Z-INDEX: 0; TOP: 0px; PADDING-RIGHT: 30px } .separator H3.item { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 108% Georgia, serif normal; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .external-breadcrumbs .receipt { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 108% Georgia, serif normal; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .separator .line { BORDER-TOP: #777 1px dashed; RIGHT: 0px; POSITION: absolute; LEFT: 30px; TOP: 50% } .external-breadcrumbs .contentPaneWide { BORDER-TOP: #777 1px dashed; RIGHT: 0px; POSITION: absolute; LEFT: 30px; TOP: 50% } .external-breadcrumbs .contentPaneWide { POSITION: relative; LEFT: 0px; MARGIN: 0px 24px 0px 30px; TOP: 6px } .separator .text { BACKGROUND: #ededed; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; PADDING-RIGHT: 12px } .external-breadcrumbs .receipt { BACKGROUND: #ededed; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 2; PADDING-RIGHT: 12px } .buildList .detailList .hidden { DISPLAY: none } .buildList .detailList .tagContainer { POSITION: relative } .buildList .detailList .tagContainer .hidden { DISPLAY: none } .buildList .detailList .tagContainer { WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } .buildList .detailList .tagContainer SPAN { WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } .buildList .detailList .tagContainer INPUT { FONT-SIZE: 95%; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #555 1px solid; FLOAT: none; MARGIN: 0px; BORDER-LEFT: #555 1px solid; DISPLAY: inline } .tagContainer INPUT { FONT-SIZE: 95%; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; VERTICAL-ALIGN: middle; BORDER-BOTTOM: #555 1px solid; FLOAT: none; MARGIN: 0px; BORDER-LEFT: #555 1px solid; DISPLAY: inline } .tagContainer .newTagForm { MARGIN-LEFT: 6px; BORDER-LEFT: #999 1px dotted } .tagContainer .newTagForm LABEL { PADDING-LEFT: 6px } .currentTags { OVERFLOW: hidden; WIDTH: 16em; RIGHT: 0px; POSITION: absolute; ZOOM: 1; Z-INDEX: 100; DISPLAY: none; LINE-HEIGHT: 1.8; TOP: 1.2em } .currentTags SPAN { PADDING-BOTTOM: 6px; PADDING-TOP: 18px; PADDING-LEFT: 6px; DISPLAY: block; PADDING-RIGHT: 6px } .currentTags A { FONT-WEIGHT: bold } .currentTags A.closeCloud { WIDTH: 98%; POSITION: absolute; PADDING-BOTTOM: 1px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 2px; LEFT: 0px; DISPLAY: block; LINE-HEIGHT: 1; TOP: 0px; PADDING-RIGHT: 2px } .auto_complete { BORDER-TOP: #acc2df 1px solid; BORDER-RIGHT: #57b 1px solid; WIDTH: 12em; BACKGROUND: #e2eefe; BORDER-BOTTOM: #57b 1px solid; BORDER-LEFT: #acc2df 1px solid; Z-INDEX: 1000 } .auto_complete UL { LIST-STYLE-TYPE: none; WIDTH: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .auto_complete UL LI { OVERFLOW: hidden; CURSOR: pointer; WIDTH: 96%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 3%; MARGIN: 0px; PADDING-RIGHT: 1% } .auto_complete UL LI.selected { BACKGROUND-COLOR: #fff } .auto_complete UL STRONG.highlight { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .freq1 { FONT-SIZE: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq2 { FONT-SIZE: 105%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq3 { FONT-SIZE: 120%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq4 { FONT-SIZE: 135%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq5 { FONT-SIZE: 150%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq6 { FONT-SIZE: 165%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .freq1:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq2:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq3:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq4:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq5:hover { TEXT-DECORATION: none; BACKGROUND: white } .freq6:hover { TEXT-DECORATION: none; BACKGROUND: white } .currentTags A.tagDisabled { TEXT-DECORATION: none; FONT-WEIGHT: normal; FILTER: alpha(opacity=70); opacity: .7 } .currentTags A.tagDisabled:hover { BACKGROUND: none transparent scroll repeat 0% 0% } .tab-groups .tab-group-label { COLOR: #999; FONT: italic 102%/1.4em Georgia, sans-serif } .subList { MARGIN: 3px 0px 6px } .subList-reorder { MARGIN: 3px 0px 6px } .subList LI { FONT-SIZE: 95%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; BORDER-LEFT: medium none; PADDING-RIGHT: 6px } .buildList .detailList { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 23px; MARGIN: 0px; PADDING-RIGHT: 3px } .subList-reorder LI { FONT-SIZE: 95%; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 6px } .subList-reorder LI:hover { BORDER-TOP-COLOR: #bbb !important; BACKGROUND: #fff; BORDER-LEFT-COLOR: #bbb !important; BORDER-BOTTOM-COLOR: #bbb !important; BORDER-RIGHT-COLOR: #bbb !important } .subList LI A IMG { VERTICAL-ALIGN: middle } .subList-reorder LI A IMG { VERTICAL-ALIGN: middle } .subList LI P { FONT-SIZE: 90%; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 6px 3px 24px; DISPLAY: none; PADDING-RIGHT: 0px } .subList-reorder LI P { FONT-SIZE: 90%; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 6px 3px 24px; DISPLAY: none; PADDING-RIGHT: 0px } .subList LI P { VISIBILITY: hidden } .subList LI P SPAN { FLOAT: none; FONT-WEIGHT: bold; DISPLAY: inline } .buildList .detailList LI .subList LI P SPAN { FLOAT: none; FONT-WEIGHT: bold; DISPLAY: inline } .subList-reorder LI P SPAN { FLOAT: none; FONT-WEIGHT: bold; DISPLAY: inline } .subList-reorder .itemDetails { DISPLAY: none } .subList-reorder .details { DISPLAY: none } .subList .details { DISPLAY: none } .itemDetails + .details { OVERFLOW: visible; MARGIN-RIGHT: 13em } .subList LI P SPAN { FONT-WEIGHT: bold } .subListArtifact { CLEAR: both } .detailList .subListArtifact { CLEAR: both } .subListArtifact LI { POSITION: static } .detailList .subListArtifact LI { POSITION: static } .detailList .subListArtifact { ZOOM: 1 } .detailList .subListArtifact LI { ZOOM: 1 } .detailList .subListArtifact LI A { ZOOM: 1 } .buildList .detailList { MARGIN: 0px 0px 0.6em 0.7em } .buildList .detailList .subList { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } UL.buildList UL.detailList OL.subList { LIST-STYLE-TYPE: decimal; LIST-STYLE-POSITION: inside } UL.buildList UL.detailList LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0.2em; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0.2em; BORDER-LEFT: medium none; DISPLAY: table-row; PADDING-RIGHT: 0px } UL.buildList UL.detailList .detail-item-title { WIDTH: 135px; FLOAT: left; FONT-WEIGHT: bold; DISPLAY: block } UL.buildList UL LI > DIV { WIDTH: 79%; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0.3em; MARGIN-LEFT: 135px; DISPLAY: block; PADDING-RIGHT: 0px } UL.buildList UL LI DIV.contextMenuContainer { WIDTH: auto; FLOAT: none; DISPLAY: inline } UL.noimg LI DIV.contextMenuContainer { WIDTH: auto; FLOAT: none; DISPLAY: inline } .buildList .pageBreak .item { BORDER-TOP: #ccc 2px dotted; BACKGROUND-IMAGE: url(images/readback.png); COLOR: #777 } .buildList .sectionBreak .item { BORDER-TOP: #ccc 2px dotted; BACKGROUND-IMAGE: url(images/readback.png); COLOR: #777 } DIV.itemHeaderControl { RIGHT: 14.5em; POSITION: absolute; TOP: 9px } DIV.itemHeaderControl A IMG { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } BODY.cartMode { PADDING-BOTTOM: 49px } .addedRow { COLOR: #999 } TABLE.sortable TBODY TR.addedRow TH LABEL A { COLOR: #999 } .addedRow TD A { COLOR: #999 } .addedRow { } .addedRow IMG { FILTER: alpha(opacity=50); opacity: .5 } TABLE#datatable2 TR TD { FONT-SIZE: 85%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } TABLE#datatable2 TR TH { FONT-SIZE: 85%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } TABLE#datatable2 THEAD TH { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .itemSelector { HEIGHT: 20px; WIDTH: 20px; MARGIN: 0px auto } .itemSelector INPUT { FILTER: alpha(opacity=0); opacity: 0 } .remove { BACKGROUND: url(../../../images/ci/ng/remove_ti.png) no-repeat 0px 0px } .itemTray { BORDER-TOP: #aaa 1px solid; HEIGHT: 40px; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #ddd; RIGHT: 18px; BORDER-BOTTOM: 0px; POSITION: fixed; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; LEFT: 18px; MARGIN: 0px; BORDER-LEFT: #aaa 1px solid; Z-INDEX: 10000; PADDING-RIGHT: 9px; BOTTOM: 0px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0 } .picker .itemTray { RIGHT: 12px; LEFT: 12px } DIV.itemTrayContentPane { LEFT: 200px } DIV.itemTrayContentPaneWide { LEFT: 0px } .itemTray H2 { FONT-SIZE: 110%; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .itemTray H3 { FONT-SIZE: 110%; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .itemTray H2 SPAN.listToggle { FONT-WEIGHT: normal; COLOR: #eee } .itemTray H3 SPAN.listToggle { FONT-WEIGHT: normal; COLOR: #eee } .itemTray H2 SPAN.listToggle A { TEXT-DECORATION: none; BORDER-BOTTOM: #ccc 1px dotted; COLOR: #eee } .itemTray H3 SPAN.listToggle A { TEXT-DECORATION: none; BORDER-BOTTOM: #ccc 1px dotted; COLOR: #eee } .itemTray H2 SPAN.listToggle A:hover { BORDER-BOTTOM: #ccc 1px solid } .itemTray H3 SPAN.listToggle A:hover { BORDER-BOTTOM: #ccc 1px solid } .itemTray DIV.noItems { COLOR: #777; TEXT-ALIGN: center } .itemTray #cartList { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .itemTray #selectedItemsWrapper { BACKGROUND: #777; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .itemTray .cartTableWrapper { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; BACKGROUND: #fff; OVERFLOW-Y: auto; BORDER-BOTTOM: #555 1px solid; BORDER-LEFT: #555 1px solid; MAX-HEIGHT: 130px } .sideTOC .cartTableWrapper { OVERFLOW: auto } #count { BACKGROUND: #444; COLOR: #fff; PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .itemTray #numberOfElements { BACKGROUND: #444; COLOR: #fff; PADDING-BOTTOM: 1px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } #progress { WIDTH: 100px; POSITION: absolute; MARGIN: 300px 50%; Z-INDEX: 300; DISPLAY: none } #progress DIV { MARGIN-LEFT: -100% } #cartSubmit { Z-INDEX: 200 } #cartList FIELDSET { COLOR: #f6f6f6; PADDING-BOTTOM: 12px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 0px 12px; PADDING-RIGHT: 3px } #cartList FIELDSET UL LI INPUT[type=text] { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; WIDTH: 2.3em; BORDER-BOTTOM: #666 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #666 1px solid; PADDING-RIGHT: 0px } .itemGallery { ZOOM: 1; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .itemGallery > LI { WIDTH: 1.2em; VERTICAL-ALIGN: top; ZOOM: 1; TEXT-ALIGN: center; PADDING-TOP: 0.06em; MARGIN: 5px 5px 20px; _height: 130px } .itemGallery .stackFix { HEIGHT: auto; WIDTH: 100% } .itemIconHolder { HEIGHT: 1em; WIDTH: 100%; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto 0.05em; PADDING-RIGHT: 0px } .itemIconHolder A { OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; ZOOM: 1; BORDER-LEFT: #ccc 1px solid; DISPLAY: block } .itemIconHolder A:hover { BORDER-TOP-COLOR: #777; BORDER-LEFT-COLOR: #777; BORDER-BOTTOM-COLOR: #777; BORDER-RIGHT-COLOR: #777 } .itemIconWrapper { BORDER-TOP: #f1f1f1 0.02em solid; BORDER-RIGHT: #f1f1f1 0.02em solid; WIDTH: auto; BORDER-BOTTOM: #f1f1f1 0.02em solid; POSITION: absolute; MARGIN: 0px 50%; BORDER-LEFT: #f1f1f1 0.02em solid; BOTTOM: 0px } .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 { HEIGHT: 0.9em; WIDTH: 0.78em } .itemIconLink-square A { HEIGHT: 0.78em; WIDTH: 0.78em } .itemIconLink-horizontal A { HEIGHT: 0.78em; WIDTH: 1em } .itemIconLink-vertical IMG { HEIGHT: 0.9em; WIDTH: 0.8em; VERTICAL-ALIGN: top } .itemIconLink-square IMG { HEIGHT: 0.8em; WIDTH: 0.8em; VERTICAL-ALIGN: top } .itemIconLink-horizontal IMG { HEIGHT: 0.8em; WIDTH: 1em; VERTICAL-ALIGN: top } .itemIconLink-vertical .itemIconWrapper { LEFT: -0.39em } .itemIconLink-square .itemIconWrapper { LEFT: -0.39em } .itemIconLink-horizontal .itemIconWrapper { LEFT: -0.5em } .itemInfo { FONT-SIZE: 12px; BORDER-TOP: #ccc 1px dotted; WIDTH: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0.2em; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .itemInfo LI { FONT-SIZE: 95%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 100%; BORDER-BOTTOM: 0px; TEXT-ALIGN: center; MARGIN: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 1.25em } .itemInfo LI SPAN { VERTICAL-ALIGN: top } .itemInfo LI .label { TEXT-ALIGN: right } .itemInfo .cmimg { WIDTH: 18px } .itemInfo .cmimg IMG { WIDTH: 18px } .itemInfo .title { WORD-WRAP: break-word; FONT-SIZE: 100%; WORD-BREAK: normal; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; LINE-HEIGHT: 1.15em; PADDING-RIGHT: 0px } .itemInfo INPUT[type='text'] { WIDTH: 100% } .itemInfo .high { WORD-WRAP: break-word; FONT-SIZE: 100%; BACKGROUND: #fff1c5; OVERFLOW-X: hidden; WORD-BREAK: normal; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; LINE-HEIGHT: 1.15em; PADDING-RIGHT: 0px } .lb-content .itemInfo { FONT-SIZE: 95%; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #f0f0f0 } .lb-content .itemInfo LI { LINE-HEIGHT: 1.45em } .lb-content .itemInfo .title { BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .iconGallery > LI { WIDTH: 75px; MARGIN: 5px 5px 12px } .iconGallery .itemIconHolder { BORDER-TOP: 0px; HEIGHT: 60px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .iconGallery .itemIconHolder A { OVERFLOW: visible; BORDER-TOP: 0px; HEIGHT: auto; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .iconGallery .itemTitle { FONT-SIZE: 85%; COLOR: #666 } .iconGallery .itemIconWrapper { BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: auto; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; LEFT: -30px; BORDER-LEFT: #fff 1px solid; PADDING-RIGHT: 4px } .sideTOC_panelMin .container { POSITION: static !important } .sideTOC_panel .container { POSITION: static !important } .sideTOC_panelMax .container { POSITION: static !important } .tocWrapper { BORDER-TOP: #aaa 1px solid; HEIGHT: 40px; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #ddd; RIGHT: 18px; BORDER-BOTTOM: 0px; POSITION: fixed; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; LEFT: 0px; MARGIN: 0px; BORDER-LEFT: #aaa 1px solid; Z-INDEX: 200; PADDING-RIGHT: 9px; BOTTOM: 0px; -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0 } .tocHidden { TOP: -10000px !important } .tocHead { COLOR: #333; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } .tocHead H2 { MARGIN-BOTTOM: 12px !important; MARGIN-TOP: 0px } .tocActions { MARGIN-BOTTOM: 12px !important; MARGIN-TOP: 0px } .sideTOC H2 { FONT-SIZE: 110%; FLOAT: none !important } .tocActions { WHITE-SPACE: nowrap } .tocActions A { MARGIN: 0px 0px 0px -1px; DISPLAY: inline-block } .tocActions SPAN { MARGIN: 0px 0px 0px -1px; DISPLAY: inline-block } .tocActions > IMG { MARGIN: 0px 0px 0px -1px; DISPLAY: inline-block } .tocActions SPAN { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .tocTreeWrapper { OVERFLOW-Y: auto; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .sideTOC .tocTreeWrapper { OVERFLOW: auto } UL#tocTree LI { PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } UL#tocTree A.itemActive { TEXT-DECORATION: none; FONT-WEIGHT: bold } UL#tocTree SPAN { COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px } .treeNodeIcon { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px } .sideTOC { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: 0px; WIDTH: 200px; BACKGROUND: #ddd; RIGHT: auto; BORDER-BOTTOM: #aaa 1px solid; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: #aaa 1px solid; TOP: 0px; PADDING-RIGHT: 0px; BOTTOM: auto; -webkit-box-shadow: none; -moz-box-shadow: -2px 0 2px rgba(0, 0, 0, .2) inset, 0px 3px 2px #ddd inset, 0px -3px 2px #ddd inset; box-shadow: none; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px } .sideTOCMinimize { BORDER-TOP: medium none; BORDER-RIGHT: medium none; WIDTH: 9px !important; RIGHT: auto; BORDER-BOTTOM: medium none; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: -4px 0px 0px 12px; BORDER-LEFT: medium none; TOP: 0px; PADDING-RIGHT: 0px; BOTTOM: auto; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px } .sideTOCMinimize .tocActions { BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; LEFT: -24px; PADDING-RIGHT: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px } .sideTOCMinimize .tocActions A { MARGIN: -1px 0px 0px; DISPLAY: block } .tocBottom_pullExpanded { LEFT: 228px } .tocBottom_pullCollapsed { LEFT: 18px } .tocSide_pullExpanded { LEFT: 222px; TOP: 4px } .tocSide_pullCollapsed { LEFT: 13px } .sideTOC_panel { PADDING-LEFT: 201px } .sideTOC_panelMin { PADDING-LEFT: 21px } .sideTOC_panelMax { PADDING-LEFT: 351px } .tocBottom_min { PADDING-BOTTOM: 30px } .tocBottom_max { PADDING-BOTTOM: 330px } .tocBottom_open { PADDING-BOTTOM: 160px } .tocBottom_open .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .tocBottom_max .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .tocBottom_min .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .sideTOC_panel .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .sideTOC_panelMax .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .sideTOC_panelMin .container { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .localViewToggle { BACKGROUND: #eee; ZOOM: 1; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .filePickerWidget .localViewToggle { BACKGROUND: none transparent scroll repeat 0% 0% } .localViewToggle UL { PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px; -webkit-box-shadow: 1px 0 0 #fafafa inset; -moz-box-shadow: 1px 0 0 #fafafa inset; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .localViewToggle UL LI { FLOAT: right } .localViewToggle UL LI.active { POSITION: relative } .localViewToggle A { FONT-SIZE: 90%; TEXT-DECORATION: none; TEXT-TRANSFORM: inherit; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 15px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 15px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px } .localViewToggle A:hover { TEXT-DECORATION: underline } .localViewToggle .active A:hover { TEXT-DECORATION: none } .localViewToggle A.active { BORDER-TOP: 0px; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: bold; COLOR: #333; MARGIN: 0px; BORDER-LEFT: #ddd 1px solid } DIV.localViewToggle H2 { BORDER-TOP: 0px; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: bold; COLOR: #333; MARGIN: 0px; BORDER-LEFT: #ddd 1px solid } .localViewToggle A.active:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #ccc 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; Z-INDEX: 3; DISPLAY: block; BOTTOM: 0px } DIV.localViewToggle H2:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #ccc 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; Z-INDEX: 3; DISPLAY: block; BOTTOM: 0px } .localViewToggle A.active:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #ccc 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; Z-INDEX: 3; DISPLAY: block; BOTTOM: 0px } DIV.localViewToggle H2:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #ccc 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; Z-INDEX: 3; DISPLAY: block; BOTTOM: 0px } .localViewToggle A.active:after { BORDER-BOTTOM-COLOR: #eee; Z-INDEX: 4; BOTTOM: -1px } DIV.localViewToggle H2:after { BORDER-BOTTOM-COLOR: #eee; Z-INDEX: 4; BOTTOM: -1px } .filePickerWidget .localViewToggle A.active:after { BORDER-BOTTOM-COLOR: #d1eaef } .localViewToggle .separator { PADDING-LEFT: 6px; MARGIN-LEFT: 6px; BORDER-LEFT: #d7bb66 1px dotted } .localViewToggle A.miniComboButton { TEXT-DECORATION: none !important; BORDER-TOP: #d7bb66 1px solid; BORDER-RIGHT: #d7bb66 1px solid; BACKGROUND: url(images/controls.png) #f5e7bd no-repeat -1px -500px; BORDER-BOTTOM: #d7bb66 1px solid; COLOR: #444; BORDER-LEFT: #d7bb66 1px solid; PADDING-RIGHT: 16px } .containerTabs { FONT-SIZE: 100%; MARGIN: 6px 24px 0px } .containerTabs LI { POSITION: relative; FLOAT: left } .containerTabs LI A { FONT-SIZE: 100%; TEXT-DECORATION: none; WHITE-SPACE: nowrap; PADDING-BOTTOM: 12px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px; BORDER-LEFT: #ccc 1px dotted; DISPLAY: block; PADDING-RIGHT: 18px } .containerTabs LI H3 { FONT-SIZE: 100%; TEXT-DECORATION: none; WHITE-SPACE: nowrap; PADDING-BOTTOM: 12px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px; BORDER-LEFT: #ccc 1px dotted; DISPLAY: block; PADDING-RIGHT: 18px } .containerTabs LI:first-child A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .containerTabs LI H3 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .containerTabs .active A { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #000 } .containerTabs .active A:hover { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #000 } .containerTabs .active A:focus { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #000 } .containerTabs .active H3 { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #000 } .containerTabs .active A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 9px solid; BORDER-BOTTOM: #ccc 9px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 9px solid; DISPLAY: block; BOTTOM: 0px } .containerTabs .active A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 9px solid; BORDER-BOTTOM: #ccc 9px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 9px solid; DISPLAY: block; BOTTOM: 0px } .containerTabs .active H3:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 9px solid; BORDER-BOTTOM: #ccc 9px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 9px solid; DISPLAY: block; BOTTOM: 0px } .containerTabs .active H3:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 9px solid; BORDER-BOTTOM: #ccc 9px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 9px solid; DISPLAY: block; BOTTOM: 0px } .containerTabs .active A:after { MARGIN-BOTTOM: -1px; BORDER-BOTTOM-COLOR: #fff; Z-INDEX: 2 } .containerTabs .active H3:after { MARGIN-BOTTOM: -1px; BORDER-BOTTOM-COLOR: #fff; Z-INDEX: 2 } .containerTabs .tabhead H3 { COLOR: #555; PADDING-BOTTOM: 12px; PADDING-TOP: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 18px } .collapseTabs .containerTabs .active A:after { BORDER-BOTTOM-COLOR: #d1eaef } .collapseTabs .containerTabs .active A:before { CONTENT: none } .portlet .containerTabs { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 8px; PADDING-LEFT: 0px; MARGIN: 6px 0px 0px; PADDING-RIGHT: 0px } .portlet .containerTabs LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .portlet .containerTabs LI A { PADDING-BOTTOM: 9px; PADDING-TOP: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .portlet .containerTabs .active A { MARGIN: 0px } .collapseTabs .containerTabs { MARGIN: 0px } .portlet .containerTabs .active A:before { BORDER-LEFT-WIDTH: 7px; BORDER-TOP: 0px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -4px; LEFT: 50% } .portlet .containerTabs .active A:after { BORDER-LEFT-WIDTH: 7px; BORDER-TOP: 0px; BORDER-RIGHT-WIDTH: 7px; BORDER-BOTTOM-WIDTH: 7px; MARGIN-LEFT: -4px; LEFT: 50% } .portlet .containerTabs .active A:before { BORDER-BOTTOM-COLOR: #ddd } .portlet .containerTabs .active A:after { BORDER-BOTTOM-COLOR: #fff4bf; BOTTOM: -1px } .mapTabs { BORDER-TOP: #aaa 1px solid; BACKGROUND: #d1eaef; POSITION: relative; CLEAR: both; MARGIN: 20px -30px 0px; -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) inset; -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) inset; box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) inset } .lesson-plan-page .mapTabs { MARGIN-TOP: 0px; TOP: 20px } .evidence-page .mapTabs { MARGIN-TOP: 0px; TOP: 20px } .evidence-page .mapTabs { BORDER-BOTTOM: #bbb 1px solid } .evidence-page .mapTabs LI:before { BORDER-TOP: transparent 23px solid; BORDER-RIGHT: medium none; BORDER-BOTTOM: transparent 23px solid; POSITION: absolute; CONTENT: ""; LEFT: 0px; BORDER-LEFT: #d1eaef 12px solid; Z-INDEX: 101; DISPLAY: block; TOP: 0px } .evidence-page .mapTabs LI:after { BORDER-TOP: transparent 23px solid; BORDER-RIGHT: medium none; BORDER-BOTTOM: transparent 23px solid; POSITION: absolute; CONTENT: ""; LEFT: 0px; BORDER-LEFT: #d1eaef 12px solid; Z-INDEX: 101; DISPLAY: block; TOP: 0px } .evidence-page .mapTabs LI:before { BORDER-TOP: transparent 23px solid; BORDER-RIGHT: medium none; BORDER-BOTTOM: transparent 23px solid; POSITION: absolute; CONTENT: ""; LEFT: 1px; BORDER-LEFT: #bbb 12px solid; Z-INDEX: 100; DISPLAY: block; TOP: 0px } .evidence-page .mapTabs LI.active + LI:after { BORDER-LEFT-COLOR: #eaeaea } .evidence-page .mapTabs LI:first-child:before { DISPLAY: none } .evidence-page .mapTabs LI:first-child:after { DISPLAY: none } .evidence-page .mapTabs LI A { PADDING-LEFT: 30px } .evidence-page .mapTabs LI.active H3 { PADDING-LEFT: 30px } .mapTabs UL { MARGIN-LEFT: 0px; MARGIN-TOP: 0px } DIV.mapTabs UL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .mapTabs UL LI.active H3 { FONT-SIZE: 100%; BACKGROUND: #eaeaea; POSITION: relative; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 14px; MARGIN: 0px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 14px } .mapTabs UL LI.active H3:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #aaa 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; DISPLAY: block; BOTTOM: 0px } .mapTabs UL LI.active H3:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: #aaa 8px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; DISPLAY: block; BOTTOM: 0px } .mapTabs UL LI.active H3:after { BORDER-BOTTOM-COLOR: #eaeaea; BOTTOM: -1px } .mapTabs UL LI:first-child.active H3:after { MARGIN-LEFT: 0px } .mapTabs UL LI:first-child.active H3:before { MARGIN-LEFT: 0px } .lesson-plan-page .mapTabs UL LI.active H3:after { BORDER-BOTTOM-COLOR: #555; BOTTOM: 0px } .hierarchy-page .mapTabs UL LI.active H3:after { BORDER-BOTTOM-COLOR: #555; BOTTOM: 0px } .lesson-plan-page .mapTabs UL LI.active H3:before { DISPLAY: none } .hierarchy-page .mapTabs UL LI.active H3:before { DISPLAY: none } .evidence-page .mapTabs UL LI.active H3:after { BORDER-BOTTOM-COLOR: #fff } .mapTabs UL LI A { FONT-SIZE: 100%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #01869e; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 14px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 14px } .mapTabs UL LI A:hover { TEXT-DECORATION: underline } .mapTabs UL LI SPAN:hover { BORDER-BOTTOM-STYLE: solid } .mapTabs A.inprogress { BACKGROUND: url(images/workflow_detail_active.gif) no-repeat 9px 33%; PADDING-LEFT: 32px } .mapTabs LI:first-child A.inprogress { BACKGROUND: url(images/workflow_detail_active.gif) no-repeat 9px 33%; PADDING-LEFT: 32px } .mapTabs A.complete { BACKGROUND: url(images/workflow_detail_complete2.gif) no-repeat 9px 50%; PADDING-LEFT: 32px } .mapTabs LI:first-child A.complete { BACKGROUND: url(images/workflow_detail_complete2.gif) no-repeat 9px 50%; PADDING-LEFT: 32px } .mapTabs LI:first-child A.complete { BACKGROUND-POSITION: 30px 50%; PADDING-LEFT: 54px } .mapTabs UL LI:first-child A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-LEFT: 30px; BORDER-LEFT: 0px } .mapTabs UL LI:first-child H3 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-LEFT: 30px; BORDER-LEFT: 0px } .mapTabs UL LI DIV { PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 12px; DISPLAY: none; PADDING-RIGHT: 12px } .mapTabs UL LI.saveTab A { DISPLAY: none } UL.containerTabs LI.saveTab IMG { DISPLAY: none } .mapTabs UL LI.saveFadeIn { FILTER: alpha(opacity=0); opacity: 0 } .mapTabs UL LI.saveTab DIV { BACKGROUND: url(images/tab_receipt_back.gif) #44b10e repeat-x center bottom; FONT-WEIGHT: bold; COLOR: white; PADDING-BOTTOM: 6px; PADDING-TOP: 5px; PADDING-LEFT: 12px; DISPLAY: block; PADDING-RIGHT: 12px } DIV.mapHelp { BACKGROUND: #fff1c5; PADDING-BOTTOM: 0px; PADDING-TOP: 4px; PADDING-LEFT: 12px; MARGIN: -1px 0px 0px; PADDING-RIGHT: 12px } UL.setStatus { LIST-STYLE-TYPE: none; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 15px 0px 9px 30px; LIST-STYLE-IMAGE: none; BORDER-LEFT: #eee 1px solid; PADDING-RIGHT: 3px } UL.setStatus LI { FONT-SIZE: 95%; MARGIN: 0px 6px 0px 0px } UL.setStatus LI INPUT { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } UL.setStatus LI LABEL { BACKGROUND: url(images/workflow_detail_active.gif) no-repeat 1px 0px; PADDING-LEFT: 22px } UL.setStatus LI LABEL.complete { BACKGROUND: url(images/workflow_detail_complete.gif) no-repeat 1px 0px; PADDING-LEFT: 22px } FORM.mapCanvasForm DIV.steptitle { PADDING-LEFT: 0.8em; MARGIN: 15px 0px 0px 18px } FORM.mapCanvasForm H3.steptitle { PADDING-LEFT: 0.8em; MARGIN: 15px 0px 0px 18px } .mapTabs .containerTabs { BORDER-BOTTOM: 0px } #mapCanvasForm { MARGIN: 0px -30px } #mapCanvasForm #containerDiv { MARGIN: 20px 0px } .evidence-page .infoListWrapper H3 A.itemHead { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 22px; PADDING-RIGHT: 0px } .evidence-page .infoListWrapper H3 A.itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 6px 6px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 22px; PADDING-RIGHT: 0px } .evidence-page .leftColumn-narrow { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; WIDTH: 26%; BORDER-BOTTOM: #eee 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: #eee 1px solid; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #f9f9f9; border-radius: 3px 3px 3px 3px } .evidence-page .leftColumn-wide { WIDTH: 69% } .sessionBox { WIDTH: 95% } .sessionBox .key-valueTable { } .sessionBox .key-valueTable TBODY TD { PADDING-RIGHT: 40px } .sessionBox .key-valueTable TBODY TH { PADDING-RIGHT: 40px } .evidence-page .criteriaSummary { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid; PADDING-TOP: 12px; MARGIN: 0px; BORDER-LEFT: #eee 1px solid } .evidence-page .paletteItems LI { MARGIN-LEFT: 0px } .paneTabs { BORDER-TOP: 0px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; ZOOM: 1; MARGIN: -12px 0px 12px; BORDER-LEFT: #ccc 1px solid } .subtabs-framed .paneTabs { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .paneTabs UL { CLEAR: both } .paneTabs UL LI { POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; Z-INDEX: 200; PADDING-RIGHT: 0px } .paneTabs .active { POSITION: relative; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .paneTabs A { TEXT-DECORATION: none; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 24px; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; PADDING-RIGHT: 24px } .paneTabs UL LI:first-child A { BORDER-LEFT: 0px } .paneTabs A:hover { TEXT-DECORATION: underline } .paneTabs .active A:hover { TEXT-DECORATION: none } .paneTabs .active A { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .active A:hover { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .active A:focus { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .activepersonal A { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .activepersonal A:hover { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .active H3 { TEXT-DECORATION: none; POSITION: relative; FONT-WEIGHT: bold; COLOR: #333 } .paneTabs .active A:after { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: transparent 8px solid; POSITION: absolute; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; DISPLAY: block } .paneTabs .active A:before { BORDER-TOP: 0px; BORDER-RIGHT: transparent 8px solid; BORDER-BOTTOM: transparent 8px solid; POSITION: absolute; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 8px solid; DISPLAY: block } .paneTabs .active A:before { BORDER-BOTTOM: #ccc 8px solid; BOTTOM: 0px } .paneTabs .active A:after { BOTTOM: -1px } .paneTabs .activepersonal A { FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 16px; PADDING-RIGHT: 22px } .paneTabs .activepersonal A:hover { FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 16px; PADDING-RIGHT: 22px } .paneTabs .personal A { TEXT-DECORATION: none; BACKGROUND: #dedede; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 20px } .paneTabs .external A { BACKGROUND: url(images/small_external_content.gif) #dedede no-repeat 2px center; PADDING-LEFT: 20px } .paneTabs .external A:hover { BACKGROUND: url(images/small_external_content.gif) #fff1c5 no-repeat 2px center; PADDING-LEFT: 20px } .paneTabs .activepersonal A.paneTabOptions { RIGHT: 5px; POSITION: absolute !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=30); DISPLAY: inline; TOP: 4px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent; opacity: .3 } .paneTabs .personal A.paneTabOptions { RIGHT: 5px; POSITION: absolute !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; FILTER: alpha(opacity=30); DISPLAY: inline; TOP: 4px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent; opacity: .3 } .paneTabs A.paneTabOptions { DISPLAY: none } .paneTabs .activepersonal:hover A.paneTabOptions { FILTER: alpha(opacity=100); opacity: 1 } .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; FILTER: alpha(opacity=0); opacity: 0 } .panelTabs { LIST-STYLE-TYPE: none; FONT-SIZE: 90%; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .panelTabs LI { BORDER-BOTTOM: medium none; POSITION: relative; FLOAT: right; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; TOP: 2px !important; PADDING-RIGHT: 0px !important } .panelTabs LI.active { Z-INDEX: 2 } .panelTabs LI A { TEXT-DECORATION: none; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; DISPLAY: inline-block; TOP: 0px !important; PADDING-RIGHT: 9px } .panelTabs LI.active A { TEXT-DECORATION: none; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; DISPLAY: inline-block; TOP: 0px !important; PADDING-RIGHT: 9px } .panelTabs LI A:hover { BACKGROUND-COLOR: #f6f6f6 } .panelTabs LI.active A { BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; COLOR: #333 } .panelTabs LI.active A.preview { BORDER-TOP: #ddd 2px solid; BORDER-RIGHT: #ddd 2px solid; BACKGROUND: #fff; BORDER-BOTTOM: 0px; BORDER-LEFT: #ddd 2px solid } .panelTabs LI.active A.edit { BORDER-BOTTOM: 0px; MARGIN: 0px } .collapseTabs { MARGIN-BOTTOM: 12px } .collapseTabsData { WORD-WRAP: break-word; BACKGROUND: #d1eaef; POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px; -moz-border-radius: 3px } .containerTabsCollapsed { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .collapseTabs LI A { TEXT-DECORATION: underline } .collapseTabs LI.active { Z-INDEX: 1000 } .sequenceMapHead { MARGIN: 6px 0px } .sequenceMapHead H3 { MARGIN: 12px 0px 6px } .sequenceMapHead P { FONT-SIZE: 95%; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; PADDING-RIGHT: 0px } DIV.sequenceMapHead DIV.actionBar { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: #fff7de; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } DIV.searchResultList-sortOptions { MARGIN-BOTTOM: 15px; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 10px; TEXT-ALIGN: right; PADDING-TOP: 10px; PADDING-LEFT: 10px; MIN-HEIGHT: 20px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #eee } DIV.searchResultList-sortOptionsCount { WIDTH: auto; FLOAT: left } DIV.dropzone { BORDER-TOP: #aaa 2px dashed; BORDER-RIGHT: #aaa 2px dashed; BORDER-BOTTOM: #aaa 2px dashed; BORDER-LEFT: #aaa 2px dashed; -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, .2) inset, -2px -2px 12px rgba(255, 255, 255, 0.6) inset; -moz-box-shadow: 2px 2px 12px rgba(0, 0, 0, .2) inset, -2px -2px 12px rgba(255, 255, 255, 0.6) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px } .container DIV.dropzone { TOP: 3px !important } .modalOverlay { HEIGHT: 100%; WIDTH: 100%; RIGHT: 0px; POSITION: fixed; LEFT: 0px; FILTER: alpha(opacity=1); Z-INDEX: 90; DISPLAY: none; TOP: 0px; BOTTOM: 0px; BACKGROUND-COLOR: #000; opacity: .01 } .nav .sub UL { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .gb_currView.nav .sub > UL { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .menumini UL { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .quickAddPal { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .keyboardAccess { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } SPAN.currentTags { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .liveArea { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .liveArea-slim { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .previewArea { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .jumptopage { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .panelTabs LI.active A.edit { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .panelTabs LI.active A.edit:hover { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .panelTabs LI.active A.edit:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .flyout { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .bcContent .flyout { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } UL.tree LI A + IMG + A:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } UL.tree LI IMG + IMG + A:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } DIV.treeContainer UL.tree LI A.itemActive { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } #learningUnitToc UL.tree LI A.itemActive { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } UL.tree LI A.itemActive { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } #loginLang UL { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #aaa 1px solid; ZOOM: 1; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 4px; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 4px 9px rgba(0, 0, 0, 0.4); -webkit-border-radius: 4px; -moz-border-radius: 4px } .actionBar .mainButton .flyout { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .actionBar .secondaryButton .flyout { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .actionBar .mainButton UL { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .actionBarMicro .mainButton UL { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .actionBar :first-child.mainButton .flyout { MARGIN: 0px 0px 0px -2px } DIV.calPicker.quickAddPal { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BORDER-BOTTOM: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px } UL.tree LI A + IMG + A:focus { -webkit-box-shadow: none; -moz-box-shadow: none } UL.tree LI IMG + IMG + A:focus { -webkit-box-shadow: none; -moz-box-shadow: none } DIV.treeContainer UL.tree LI A.itemActive { -webkit-box-shadow: none; -moz-box-shadow: none } #learningUnitToc UL.tree LI A.itemActive { -webkit-box-shadow: none; -moz-box-shadow: none } UL.tree LI A.itemActive { -webkit-box-shadow: none; -moz-box-shadow: none } UL.nestedList { -webkit-box-shadow: none; -moz-box-shadow: none } .liveArea { WIDTH: auto; POSITION: relative; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 14px; MARGIN: 0px 0px 5px; PADDING-RIGHT: 14px } .previewArea { WIDTH: auto; POSITION: relative; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 14px; MARGIN: 0px 0px 5px; PADDING-RIGHT: 14px } #addFolderForm { MARGIN: 0px -30px } UL.tree LI A + IMG + A:focus { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } UL.tree LI IMG + IMG + A:focus { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } DIV.treeContainer UL.tree LI A.itemActive { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } #learningUnitToc UL.tree LI A.itemActive { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } UL.tree LI A.itemActive { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; MARGIN: 0px 0px 0px -2px; PADDING-RIGHT: 2px; BORDER-TOP-WIDTH: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px } .builderItem .liveArea { POSITION: absolute; LEFT: 22px; Z-INDEX: 100; TOP: 12px } .previewArea { BORDER-TOP: #ddd 2px solid; BORDER-RIGHT: #ddd 2px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 2px solid; BORDER-LEFT: #ddd 2px solid; MARGIN-TOP: 0px } .jumptopage { POSITION: relative; PADDING-BOTTOM: 8px; TEXT-ALIGN: left; PADDING-TOP: 8px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } .jumptopage.inventory_paging { POSITION: relative; PADDING-BOTTOM: 8px; TEXT-ALIGN: left; PADDING-TOP: 8px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } .jumptopage LABEL { FONT-SIZE: 90% } .liveAreaTab { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } A.liveAreaTab { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } A.liveAreaTab:hover { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } A.liveAreaTab:focus { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .actionBar UL LI A.liveAreaTab:focus { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .actionBar UL LI.mainButton A.liveAreaTab { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .actionBar UL LI.secondaryButton A.liveAreaTab { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .panelTabs LI.active A.edit { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .panelTabs LI.active A.edit:hover { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .panelTabs LI.active A.edit:focus { BACKGROUND: #555; POSITION: relative; COLOR: #fff; FILTER: none; Z-INDEX: 2; -webkit-box-shadow: none; -moz-box-shadow: none } .actionBar UL LI.mainButton A.liveAreaTab { OVERFLOW: hidden } .actionBar UL LI.secondaryButton A.liveAreaTab { OVERFLOW: hidden } .liveArea-slim { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px } .smallControls { FONT-SIZE: 90%; MIN-WIDTH: 19em; MARGIN-TOP: 3px !important } .smallControls .stepHelp { FONT-SIZE: 100% !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .smallControls INPUT[type='text'] { WIDTH: 100%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .smallControls SELECT { WIDTH: 100%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .smallControls .label { WIDTH: 29% } .smallControls .field { WIDTH: 70% } .columnActions .nav .sub UL { MARGIN-TOP: 0px } .nav .sub UL { POSITION: absolute; DISPLAY: none } .nav .sub .flyout { POSITION: absolute; DISPLAY: none } .nav .sub UL LI { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .nav .sub UL UL { DISPLAY: block } .nav .sub .flyout UL { DISPLAY: block } .nav .sub:hover UL { LEFT: 0px; Z-INDEX: 101; TOP: 22px } .actionBarMicro .nav .sub:hover UL { LEFT: 0px; Z-INDEX: 101; TOP: 22px } .nav .sub:hover .flyout { LEFT: 0px; Z-INDEX: 101; TOP: 22px } .actionBarMicro .nav .sub:hover UL { TOP: 18px } .rumble_top .nav .sub:hover UL { TOP: 18px } .rumble .nav .sub:hover UL { TOP: 18px } .quickAddPal { WIDTH: auto } .quickAddColor { WIDTH: 311px } .quickAddColor A.genericButton { FLOAT: left; MARGIN: 2px 0px } .cmdiv { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px -2px 9px rgba(0, 0, 0, 0.1), 3px 3px 9px rgba(0, 0, 0, 0.3); -webkit-border-radius: 3px; -moz-border-radius: 3px } .cmdiv UL { BORDER-TOP: #acc2df 1px dotted; BORDER-BOTTOM: 0px } .cmdiv UL:first-child { BORDER-TOP: medium none } .menumini UL:first-child { BORDER-TOP: medium none } .cmdiv UL[role='presentation']:first-child + UL { BORDER-TOP: medium none } .menumini UL[role='presentation']:first-child + UL { BORDER-TOP: medium none } .nav .sub UL LI A { WORD-WRAP: break-word; FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 190px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; OVERFLOW-Y: visible; BORDER-BOTTOM: 0px; WORD-BREAK: normal; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } .cmdiv A { WORD-WRAP: break-word; FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 190px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; OVERFLOW-Y: visible; BORDER-BOTTOM: 0px; WORD-BREAK: normal; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } .menumini A { WORD-WRAP: break-word; FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 190px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; OVERFLOW-Y: visible; BORDER-BOTTOM: 0px; WORD-BREAK: normal; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } #loginLang UL LI A { WORD-WRAP: break-word; FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 190px; BACKGROUND: none transparent scroll repeat 0% 0%; OVERFLOW-X: hidden; OVERFLOW-Y: visible; BORDER-BOTTOM: 0px; WORD-BREAK: normal; ZOOM: 1; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 6px; -webkit-border-radius: 0; -moz-border-radius: 0; text-shadow: none } .cmdiv A { FONT-SIZE: 95%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .nav .sub UL LI A:hover { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .nav LI.sub UL LI A:focus { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .cmdiv A:hover { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .cmdiv A:focus { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .menumini A:hover { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .menumini A:focus { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } #loginLang UL LI A:hover { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } #loginLang UL LI A:focus { CURSOR: pointer; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; COLOR: #000; BORDER-LEFT: 0px; BACKGROUND-COLOR: #fff } .actionBarMicro .nav .sub UL LI A:hover { BACKGROUND-IMAGE: none } .paneTabs .nav .sub UL LI A:hover { BACKGROUND-IMAGE: none } .actionBarMicro .nav LI.sub UL LI A:focus { BACKGROUND-IMAGE: none } .paneTabs .nav .sub UL LI A:focus { BACKGROUND-IMAGE: none } .nav LI.sub UL LI A:focus { BACKGROUND-COLOR: #fff } .cmdiv A:focus { BACKGROUND-COLOR: #fff } .menumini A:focus { BACKGROUND-COLOR: #fff } .nav .sub UL LI:first-child A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .nav .sub UL LI:first-child A:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .nav .sub UL LI:first-child A:focus { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .rumble_top .nav .sub UL LI A { FILTER: none; BACKGROUND-COLOR: #d1eaef; box-shadow: none } .rumble .nav .sub UL LI A { FILTER: none; BACKGROUND-COLOR: #d1eaef; box-shadow: none } .nav .sub UL LI A:hover { BACKGROUND-COLOR: #fff } .paneTabs .nav .sub UL LI A { TEXT-ALIGN: left } .timediv UL LI A:hover { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .timediv UL LI A:focus { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .timediv UL LI A:focus { COLOR: #444; BACKGROUND-COLOR: #369 } .topGlobalLinks .nav .sub:hover UL { LEFT: 0px; Z-INDEX: 101; TOP: 0px } .topGlobalLinks .nav .sub:hover UL { RIGHT: 0px; LEFT: auto; Z-INDEX: 101; TOP: 0px } .cmdiv LI.contextmenubar_top { BACKGROUND-IMAGE: none; -webkit-box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .menumini LI.contextmenubar { BACKGROUND-IMAGE: none; -webkit-box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px -3px 9px rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .cmdiv LI.contextmenubar_top A { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .cmdiv LI.contextmenubar_top A:focus { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .cmdiv LI.contextmenubar_top A:hover { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .currentTags A.closeCloud { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .currentTags A.closeCloud:hover { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .currentTags A.closeCloud:focus { OVERFLOW: hidden; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0 } .cmdiv LI.contextmenubar_top A:focus { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 } .cmdiv LI.contextmenubar_top A:hover { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 } .currentTags A.closeCloud:hover { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 } .currentTags A.closeCloud:focus { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND: #d1eaef; BORDER-BOTTOM: 0px; BORDER-LEFT: #999 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0 } .currentTags A.closeCloud { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-border-radius: 0; -moz-border-radius: 0 } .quickAddPal H3 { FONT-SIZE: 105%; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 8px; PADDING-LEFT: 8px; MARGIN: 0px 0px 8px; PADDING-RIGHT: 8px } .keyboardAccess H3 { FONT-SIZE: 105%; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 8px; PADDING-LEFT: 8px; MARGIN: 0px 0px 8px; PADDING-RIGHT: 8px } .quickAddPal .quickAddPalHeader { FONT-SIZE: 105%; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 8px; PADDING-LEFT: 8px; MARGIN: 0px 0px 8px; PADDING-RIGHT: 8px } .quickAddPal .controls { PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 8px; PADDING-LEFT: 9px; CLEAR: both; MARGIN: 9px -4px 2px; PADDING-RIGHT: 9px } .keyboardAccess .controls { PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 8px; PADDING-LEFT: 9px; CLEAR: both; MARGIN: 9px -4px 2px; PADDING-RIGHT: 9px } .comText .controls { PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 8px; PADDING-LEFT: 9px; CLEAR: both; MARGIN: 9px -4px 2px; PADDING-RIGHT: 9px } .e_expandArea .controls { PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 8px; PADDING-LEFT: 9px; CLEAR: both; MARGIN: 9px -4px 2px; PADDING-RIGHT: 9px } .keyboardAccess P.paletteHelp { FONT-SIZE: 90%; BORDER-TOP: #fc0 1px solid; BORDER-RIGHT: #fc0 1px solid; BACKGROUND: #fff1c5; WHITE-SPACE: normal; BORDER-BOTTOM: #fc0 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 6px 9px; BORDER-LEFT: #fc0 1px solid; PADDING-RIGHT: 6px } .bcMenuDiv-1 { WIDTH: 190px } .bcMenuDiv-2 { WIDTH: 380px } .bcMenuDiv-3 { WIDTH: 570px } .bcMenuDiv-4 { WIDTH: 760px } .bcMenuDiv-5 { WIDTH: 950px } .flyout { PADDING-BOTTOM: 9px !important; PADDING-TOP: 9px !important; PADDING-LEFT: 12px !important; PADDING-RIGHT: 12px !important } .nav .sub .flyout DIV { POSITION: static; FLOAT: left; PADDING-BOTTOM: 6px; MARGIN: 0px; MIN-HEIGHT: 1px } .flyout H3 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: italic 95% Georgia, serif; PADDING-LEFT: 0px; MARGIN: 9px 0px 0px 9px; LETTER-SPACING: 2px; PADDING-RIGHT: 0px } .flyout H3 .line { BORDER-TOP: #ccc 1px solid; HEIGHT: 1px } .flyout H3 .text { BACKGROUND: #d1eaef } .nav .sub .flyout UL { BORDER-TOP: #ccc 1px dotted; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; POSITION: static; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; Z-INDEX: 1000; PADDING-RIGHT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0 } .nav .sub .flyout DIV H3 + UL { BORDER-TOP: 0px } .nav .sub .flyout DIV UL:first-child { BORDER-TOP: 0px } .nav .sub .flyout A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; text-shadow: none } .nav .sub .flyout A:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; text-shadow: none } .nav .sub .flyout A:focus { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: auto; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; text-shadow: none } .quickAddPal .colorlist { WIDTH: 288px; MARGIN: 6px 0px 9px 6px } .quickAddPal .stepcontent .colorlist LI { OVERFLOW: hidden; CURSOR: pointer; BORDER-TOP: #333 1px solid; HEIGHT: 14px; BORDER-RIGHT: #333 1px solid; WIDTH: 14px; BORDER-BOTTOM: #333 1px solid; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: #333 1px solid; PADDING-RIGHT: 0px } .quickAddPal .colorlist LI A { OVERFLOW: hidden; HEIGHT: 14px; WIDTH: 14px; DISPLAY: block } .quickAddPal .colorlist LI A:link { OVERFLOW: hidden; HEIGHT: 14px; WIDTH: 14px; DISPLAY: block } .quickAddPal .colorlist LI A:hover { BORDER-TOP: #333 1px solid; HEIGHT: 12px; BORDER-RIGHT: #333 1px solid; WIDTH: 12px; BORDER-BOTTOM: #333 1px solid; BORDER-LEFT: #333 1px solid } .quickAddPal .colorlist LI A:active { BORDER-TOP: #fff 2px solid; HEIGHT: 10px; BORDER-RIGHT: #fff 2px solid; WIDTH: 10px; BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid } .quickAddPal .colorlist LI A:focus { BORDER-TOP: #fff 2px solid; HEIGHT: 10px; BORDER-RIGHT: #fff 2px solid; WIDTH: 10px; BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid } .quickAddPal .colorlist LI A.whiteSwatch:active { BORDER-TOP: #ddd 2px solid; HEIGHT: 10px; BORDER-RIGHT: #ddd 2px solid; WIDTH: 10px; BORDER-BOTTOM: #ddd 2px solid; BORDER-LEFT: #ddd 2px solid } .quickAddPal .colorlist LI A.whiteSwatch:focus { BORDER-TOP: #ddd 2px solid; HEIGHT: 10px; BORDER-RIGHT: #ddd 2px solid; WIDTH: 10px; BORDER-BOTTOM: #ddd 2px solid; BORDER-LEFT: #ddd 2px solid } .quickAddPal .colorPreview { BACKGROUND: white; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .quickAddPal .colorPreview IMG { BORDER-TOP: #444 1px solid; HEIGHT: 42px; BORDER-RIGHT: #444 1px solid; WIDTH: 42px; BACKGROUND: black; BORDER-BOTTOM: #444 1px solid; FLOAT: left; MARGIN: 3px; BORDER-LEFT: #444 1px solid; DISPLAY: block } .quickAddPal .colorPreview DIV { WIDTH: 66%; FLOAT: left; MARGIN-LEFT: 3px } .quickAddPal .colorPreview SPAN { FONT-SIZE: 100%; COLOR: black; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } SPAN.title_color_name { COLOR: #666 } .receipt { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px 0px 6px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .warning { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px 0px 6px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .inlineDialog { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px 0px 6px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .contentPaneWide.tabbedPane .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 24px; MARGIN: -12px 0px 10px; BORDER-LEFT: 0px; Z-INDEX: 201; PADDING-RIGHT: 24px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px } .contentPane .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 16px; PADDING-TOP: 12px; PADDING-LEFT: 24px; MARGIN: 0px 0px -5px; BORDER-LEFT: 0px; Z-INDEX: 0; PADDING-RIGHT: 24px; -webkit-box-shadow: 0 -6px 9px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 -6px 9px rgba(0, 0, 0, 0.2) inset } .contentPaneWide .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 16px; PADDING-TOP: 12px; PADDING-LEFT: 24px; MARGIN: 0px 0px -5px; BORDER-LEFT: 0px; Z-INDEX: 0; PADDING-RIGHT: 24px; -webkit-box-shadow: 0 -6px 9px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 -6px 9px rgba(0, 0, 0, 0.2) inset } .container .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px 0px 6px; BORDER-LEFT: 0px; Z-INDEX: 0; DISPLAY: inline-block; PADDING-RIGHT: 12px; box-shadow: none } .receipt ~ #editmodeWrapper { Z-INDEX: 1 } .receipt ~ .contentBox { Z-INDEX: 1 } .sideTOC_panel .receipt ~ #editmodeWrapper { POSITION: static } .sideTOC_panel .receipt { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .tabbedPane .receipt A.close IMG { DISPLAY: none } .contentPane .receipt A.close IMG { DISPLAY: none } .contentPaneWide .receipt A.close IMG { DISPLAY: none } A.closeCopyright IMG { DISPLAY: none } .tabbedPane .receipt A.close { HEIGHT: 16px; WIDTH: 16px; RIGHT: 12px; TOP: 10px } .contentPane .receipt A.close { HEIGHT: 16px; WIDTH: 16px; RIGHT: 12px; TOP: 10px } .contentPaneWide .receipt A.close { HEIGHT: 16px; WIDTH: 16px; RIGHT: 12px; TOP: 10px } .receipt A.close:before { FONT: 18px/1 "Utilicons"; CONTENT: "X" } A.closeCopyright:before { FONT: 18px/1 "Utilicons"; CONTENT: "X" } A.closeCopyright:before { } .receipt A.close:hover:before { COLOR: #fff } A.closeCopyright:hover:before { COLOR: #fff } .inlineDialog { PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px } .inlineReceipt { POSITION: absolute; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 6px 0px; DISPLAY: none; PADDING-RIGHT: 9px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .miniReceipt { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; POSITION: absolute; COLOR: #fff; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 12px; BORDER-LEFT: #bbb 1px solid; Z-INDEX: 300; PADDING-RIGHT: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .bad { FONT-WEIGHT: bold; COLOR: #fff } .good { FONT-WEIGHT: bold; COLOR: #fff } .removing { FONT-WEIGHT: bold; COLOR: #fff } .adding { FONT-WEIGHT: bold; COLOR: #fff } .infoReceipt { FONT-WEIGHT: bold; COLOR: #fff } .brokenFileLink { FONT-WEIGHT: bold; COLOR: #fff } .portlet SPAN.warning.due { FONT-WEIGHT: bold; COLOR: #fff } .good A.areceipt { FONT-WEIGHT: bold; COLOR: #fff } .bad A.areceipt { FONT-WEIGHT: bold; COLOR: #fff } .bad { BORDER-TOP-COLOR: #bf1b17; BACKGROUND: #ef312c; BORDER-LEFT-COLOR: #bf1b17; BORDER-BOTTOM-COLOR: #bf1b17; BORDER-RIGHT-COLOR: #bf1b17 } .removing { BORDER-TOP-COLOR: #bf1b17; BACKGROUND: #ef312c; BORDER-LEFT-COLOR: #bf1b17; BORDER-BOTTOM-COLOR: #bf1b17; BORDER-RIGHT-COLOR: #bf1b17 } .brokenFileLink { BORDER-TOP-COLOR: #bf1b17; BACKGROUND: #ef312c; BORDER-LEFT-COLOR: #bf1b17; BORDER-BOTTOM-COLOR: #bf1b17; BORDER-RIGHT-COLOR: #bf1b17 } .portlet SPAN.warning.due { BORDER-TOP-COLOR: #bf1b17; BACKGROUND: #ef312c; BORDER-LEFT-COLOR: #bf1b17; BORDER-BOTTOM-COLOR: #bf1b17; BORDER-RIGHT-COLOR: #bf1b17 } .container .warningReceipt { PADDING-RIGHT: 24px } .warningReceipt { BORDER-TOP-COLOR: #fc3; BACKGROUND: #ffa500; BORDER-LEFT-COLOR: #fc3; FONT-WEIGHT: normal; COLOR: #000; BORDER-BOTTOM-COLOR: #fc3; BORDER-RIGHT-COLOR: #fc3 } .warningReceipt A.areceipt { BORDER-TOP-COLOR: #fc3; BACKGROUND: #ffa500; BORDER-LEFT-COLOR: #fc3; FONT-WEIGHT: normal; COLOR: #000; BORDER-BOTTOM-COLOR: #fc3; BORDER-RIGHT-COLOR: #fc3 } .warningReceipt A.close:before { } .contentPane .warningReceipt A.close { RIGHT: 5px; TOP: 5px } .warningReceipt A.close:hover:before { } .good { BORDER-TOP-COLOR: #4f7f0f; BACKGROUND: #6b9f27; BORDER-LEFT-COLOR: #4f7f0f; BORDER-BOTTOM-COLOR: #4f7f0f; BORDER-RIGHT-COLOR: #4f7f0f } .adding { BORDER-TOP-COLOR: #4f7f0f; BACKGROUND: #6b9f27; BORDER-LEFT-COLOR: #4f7f0f; BORDER-BOTTOM-COLOR: #4f7f0f; BORDER-RIGHT-COLOR: #4f7f0f } .infoReceipt { BORDER-TOP-COLOR: #62758f; BACKGROUND: #6d8aaf; BORDER-LEFT-COLOR: #62758f; BORDER-BOTTOM-COLOR: #62758f; BORDER-RIGHT-COLOR: #62758f } .infoAlert { MARGIN-BOTTOM: -1px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 24px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 24px; BACKGROUND-COLOR: #f0f0f0; border-radius: 4px 4px 0 0 } .infoAlert SPAN { BORDER-TOP: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 0px; MIN-HEIGHT: 35px; DISPLAY: block; PADDING-RIGHT: 140px } .infoAlert SPAN:first-child { BORDER-TOP: 0px } .infoAlert A { FONT-WEIGHT: bold; COLOR: #01758c } .infoAlert .button-1 { RIGHT: 0px; POSITION: absolute; COLOR: #fff; MARGIN-TOP: -15px; TOP: 50% } .attention { BORDER-LEFT-WIDTH: 2px; BORDER-RIGHT-WIDTH: 2px; BORDER-TOP-COLOR: #fc3; BACKGROUND: #fff4bf; BORDER-BOTTOM-WIDTH: 2px; BORDER-LEFT-COLOR: #fc3; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 4px; BORDER-BOTTOM-COLOR: #fc3; PADDING-TOP: 4px; PADDING-LEFT: 12px; MARGIN: 0px 0px 0px 10px; BORDER-RIGHT-COLOR: #fc3; PADDING-RIGHT: 12px; BORDER-TOP-WIDTH: 2px } .removing { FONT-WEIGHT: normal } .adding { FONT-WEIGHT: normal } .brokenFileLink { FONT-WEIGHT: normal } .portlet SPAN.warning.due { FONT-WEIGHT: normal } .brokenFileLink { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; BORDER-BOTTOM: #bf1b17 1px solid; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px } .portlet SPAN.warning.due { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; BORDER-BOTTOM: #bf1b17 1px solid; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px } .infoBox { BORDER-TOP: #afdf61 1px solid; BORDER-RIGHT: #afdf61 1px solid; BORDER-BOTTOM: #afdf61 1px solid; PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 6px 0px; BORDER-LEFT: #afdf61 1px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .infoBox > .message { MARGIN-BOTTOM: 4px; DISPLAY: block } .info-ok { BORDER-TOP-COLOR: #afdf61; BACKGROUND: #d9efa4; BORDER-LEFT-COLOR: #afdf61; COLOR: #360; BORDER-BOTTOM-COLOR: #afdf61; BORDER-RIGHT-COLOR: #afdf61 } .nestedReceipt { PADDING-BOTTOM: 12px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 12px !important; MARGIN: 0px 20% 6px 0px; Z-INDEX: 1001; PADDING-RIGHT: 30px !important } [id*='receipt_nested'].receipt { PADDING-RIGHT: 28px } .columnMsgWrapper { MARGIN-LEFT: 60% } .columnMsgWrapper .column-2 { MIN-HEIGHT: 1px } .smsIssue { POSITION: relative; MARGIN: 3px 3px 9px } .t2vIssue { POSITION: relative; MARGIN: 3px 3px 9px } .bubbleStem-bottom-center { BORDER-TOP: #fc3 12px solid; HEIGHT: 0px; BORDER-RIGHT: transparent 10px solid; WIDTH: 0px; BORDER-BOTTOM: 0px; POSITION: absolute; MARGIN-LEFT: -8px; LEFT: 50%; BORDER-LEFT: transparent 10px solid; BOTTOM: -12px } .nextStepsReceipt { BORDER-TOP: #ccc 1px solid; BACKGROUND-IMAGE: url(images/reorder_bg.png); POSITION: relative; COLOR: #545454; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 10px -30px -20px; LINE-HEIGHT: 1.4; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #eee; -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, .03) inset, 1px 1px 1px rgba(255, 255, 255, 0.3); -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, .03) inset, 1px 1px 1px rgba(255, 255, 255, 0.3); box-shadow: 1px 1px 7px rgba(0, 0, 0, .03) inset, 1px 1px 1px rgba(255, 255, 255, 0.3) } .nextStepsText { BACKGROUND: #fefefe; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; MARGIN: 0px 0px 0px 20px; PADDING-RIGHT: 12px } .nextStepsText H5 { MIN-WIDTH: 6em; COLOR: #545454; DISPLAY: inline-block; LINE-HEIGHT: 2em } .receiptCollapsed { FONT-SIZE: 90%; POSITION: relative } .external-breadcrumbs .receipt { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 0px; DISPLAY: inline-block; TOP: -9px; box-shadow: none } .stepcontent LI.fieldError { BACKGROUND: #fff1c5; BORDER-BOTTOM: #fff 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px } .stepcontent LI.fieldError .fieldErrorText { FONT-WEIGHT: bold; COLOR: red } SPAN.warningMsg { FONT-WEIGHT: bold; COLOR: red } SPAN.warningMsg { MARGIN-LEFT: 0px; DISPLAY: inline } .criteriaSummary { BACKGROUND: #f9f9f9; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-LEFT: 12px; MARGIN: 0px -28px 0px 0px } #bb-question-discover H2 { FONT-SIZE: 110% } #filterContainer H2 { MARGIN-LEFT: 14px } #filterContainer .columnActions { MARGIN-LEFT: 14px } .criteriaSummary H3 { FONT-SIZE: 100%; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 6px 0px 3px; PADDING-RIGHT: 0px } .criteriaSummary .hidden { DISPLAY: none; VISIBILITY: hidden } .criteriaSummary UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .criteriaSummary UL LI { FONT-SIZE: 90%; WHITE-SPACE: nowrap; FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 3px; PADDING-LEFT: 9px; MARGIN: 0px 1px; PADDING-RIGHT: 0px; border-radius: 12px } .criteriaSummary UL LI:first-child { MARGIN-LEFT: 0px } .criteriaSummary UL LI STRONG { FLOAT: left; FONT-WEIGHT: normal; COLOR: #aaa; MARGIN: 0px; DISPLAY: block } .receipt-highlight { BACKGROUND: #fff4bf; box-shadow: 0 0 4px #fff } .receipt-default { BACKGROUND: none transparent scroll repeat 0% 0%; box-shadow: none } .criteriaSummary UL LI STRONG:before { FONT-SIZE: 120%; POSITION: relative; FONT-WEIGHT: bold; COLOR: #aaa; CONTENT: "+"; LEFT: -2px; LINE-HEIGHT: 1 } .criteriaSummary UL LI SPAN { BACKGROUND: #ddd; WHITE-SPACE: nowrap; FLOAT: left; COLOR: #333; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 5px; MARGIN: 0px 3px; DISPLAY: block; PADDING-RIGHT: 5px; border-radius: 12px } .criteriaSummary UL LI A { BACKGROUND: #ddd; WHITE-SPACE: nowrap; FLOAT: left; COLOR: #333; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 5px; MARGIN: 0px 3px; DISPLAY: block; PADDING-RIGHT: 5px; border-radius: 12px } .criteriaSummary UL LI SPAN { MARGIN-LEFT: 0px } .criteriaSummary UL LI STRONG + SPAN { MARGIN-LEFT: 3px } .criteriaSummary UL LI A { TEXT-DECORATION: none; BACKGROUND: url(../../../images/ci/icons/delete_li.gif) #eee no-repeat 96% 2px; PADDING-RIGHT: 18px } .search-element { BACKGROUND: #f9f9f9; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 9px; PADDING-RIGHT: 3px } .search-element H2 { OVERFLOW: hidden; FONT-SIZE: 100%; HEIGHT: 22px; WIDTH: 0px; VERTICAL-ALIGN: middle; FONT-WEIGHT: normal; MARGIN: 0px; DISPLAY: inline-block; LINE-HEIGHT: 1 } .search-element H2:before { VERTICAL-ALIGN: middle; POSITION: relative; COLOR: #aaa; FONT: 17px/1 "Utilicons"; CONTENT: "F"; MARGIN: 0px 3px 6px 0px; TOP: 2px } .search-element INPUT[type='text'] { WIDTH: 60%; -moz-appearance: searchfield; -webkit-appearance: searchfield } .calPicker { Z-INDEX: 1500 !important } .calPicker .calHead { POSITION: relative; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .calPicker H3 { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 40px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px } .calPicker .previous { POSITION: absolute; LEFT: 2px; TOP: 2px } .calPicker .next { RIGHT: 2px; POSITION: absolute; TOP: 2px } .calPicker DIV.calFoot { PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 6px; PADDING-LEFT: 3px; CLEAR: both; PADDING-RIGHT: 3px } .calPicker A.contextmenubar { PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px } .calPicker A.contextmenubar:hover { PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 0px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px } .timediv { PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 4px; PADDING-RIGHT: 0px } .timediv UL { OVERFLOW: auto; HEIGHT: 200px; WIDTH: 8em } .timediv UL LI.contextmenubar_top { WIDTH: 114px; TOP: -18px } .timediv UL LI A { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .csPicker { FONT-SIZE: 95%; MIN-WIDTH: 300px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 12px } .csPicker .actionBar { FONT-SIZE: 110% } .csPicker .localViewToggle { FONT-SIZE: 110% } .csPicker .contentPaneWide { MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px } .csPicker .breadcrumbs { MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px } .csPicker .itemTray { Z-INDEX: 1000 } .csPicker .itemTray .taskbuttondiv { FONT-SIZE: 105%; MARGIN: 0px } .csPicker .itemTray H3 { FONT-SIZE: 115% } .csPicker #titleicon + H1 { MARGIN-TOP: 2px } .csPicker .itemTray #numberOfElements { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DIV.lb-overlay { BACKGROUND-COLOR: #000 } DIV.lb-wrapper DIV.lb-header { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #dedede; BORDER-BOTTOM: #ccc 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#dedede); BORDER-LEFT: 0px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0 } DIV.lb-wrapper DIV.lb-header A IMG { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } DIV.lb-wrapper DIV.lb-content { BACKGROUND-COLOR: #fff } DIV.lb-wrapper DIV.lb-content DIV.lb-loading { BACKGROUND: url(/images/ci/misc/progress/progress_learningSystem.gif) no-repeat center center } .lb-wrapper .contentBox { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; box-shadow: none } .lb-wrapper #dataCollectionContainer { MARGIN: 0px } .lb-wrapper .contentPaneWide { MARGIN: 0px } .portalPane { MARGIN: 0px } #lightboxWrapper { RIGHT: 0px; POSITION: absolute; LEFT: 0px; Z-INDEX: 1001; TOP: 0px } #lightboxWrapper-inner { WIDTH: 100%; POSITION: relative; TEXT-ALIGN: center; LEFT: 0px; Z-INDEX: 1002; TOP: 0px } #lightbox { POSITION: relative; TEXT-ALIGN: left; LEFT: auto; MARGIN: 40px 0px 0px; Z-INDEX: 1003; DISPLAY: block; TOP: auto } #lightbox #lightboxContent { BORDER-TOP: #333 2px solid; BORDER-RIGHT: #333 2px solid; WIDTH: 600px; BORDER-BOTTOM: #333 2px solid; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px auto; BORDER-LEFT: #333 2px solid; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff; -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.7); -webkit-border-radius: 5px; -moz-border-radius: 5px } .lb-container { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MIN-HEIGHT: 0px !important; PADDING-RIGHT: 12px } .lb-content .container { PADDING-BOTTOM: 12px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MIN-HEIGHT: 0px !important; PADDING-RIGHT: 12px } #overlay { HEIGHT: 100%; WIDTH: 100%; RIGHT: 0px; POSITION: fixed; LEFT: 0px; FILTER: alpha(opacity=30); Z-INDEX: 1000; DISPLAY: none; TOP: 0px; BOTTOM: 0px; BACKGROUND-COLOR: #000; opacity: .30 } .done#lightbox #lbLoadMessage { DISPLAY: none } .done#lightbox #lbContent { DISPLAY: block } .loading#lightbox #lbContent { DISPLAY: none } .loading#lightbox #lbLoadMessage { DISPLAY: block } .avatar { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; MARGIN: auto; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 4px } .myavatar { OVERFLOW: hidden; MARGIN-BOTTOM: 12px; MAX-HEIGHT: 150px } #lightbox .tallPara { PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 10px; MARGIN: 0px; PADDING-RIGHT: 10px } #lightbox UL { MARGIN: 4px 0px 12px } #lightbox UL LI { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #lightbox UL LI A:hover { TEXT-DECORATION: underline } DIV.lbContainer P.taskButtonsContent { MARGIN: 12px 0px 6px } .toBeRemoved { TEXT-DECORATION: line-through; BACKGROUND: #f0f0f0; COLOR: #666 } .toBeRemoved > TD { TEXT-DECORATION: line-through; BACKGROUND: #f0f0f0; COLOR: #666 } .unsavedItem { BACKGROUND-IMAGE: url(../../../images/ci/ng/unsaved_changes.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 50%; PADDING-LEFT: 18px; BACKGROUND-COLOR: #fff1c5 } .unsavedItem TD:first-child { BACKGROUND-IMAGE: url(../../../images/ci/ng/unsaved_changes.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 50%; PADDING-LEFT: 18px; BACKGROUND-COLOR: #fff1c5 } .unsavedItem TD { BACKGROUND-IMAGE: none } A.selectedItem { BORDER-TOP: #9bb4cf 2px solid; BORDER-RIGHT: #9bb4cf 2px solid; BACKGROUND: #eff6ff; BORDER-BOTTOM: medium none; POSITION: relative; COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 4px; BORDER-LEFT: #9bb4cf 2px solid; Z-INDEX: 10001; TOP: 3px; PADDING-RIGHT: 4px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0 } A.selectedItem:focus { BORDER-TOP: #9bb4cf 2px solid; BORDER-RIGHT: #9bb4cf 2px solid; BACKGROUND: #eff6ff; BORDER-BOTTOM: medium none; POSITION: relative; COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 4px; BORDER-LEFT: #9bb4cf 2px solid; Z-INDEX: 10001; TOP: 3px; PADDING-RIGHT: 4px; -webkit-border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0 } TR.inEditMode-row { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } TR.inEditMode-row TD { BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 0px solid; BORDER-BOTTOM: #ccc 2px solid; PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 0px !important; BORDER-LEFT: #ccc 0px solid; PADDING-RIGHT: 0px !important } #dataCollectionContainer { MARGIN: -20px -30px 0px } .popup #dataCollectionContainer { MARGIN: -12px -20px } DIV#dataCollectionContainer DIV.contentBlock { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .inventoryListContainerDiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #bb-question-discover .inventoryListContainerDiv { PADDING-LEFT: 12px } .picker .inventoryListContainerDiv { PADDING-LEFT: 12px } .blogContainer .inventoryListContainerDiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV[id*='step'] { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } .submittitle { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } #infoStep { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } #taskStatusStep { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } #linkedContentStep { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 24px } DIV[id*='stepcontent'] { BORDER-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 48px; PADDING-RIGHT: 0px } .steptitle { FONT-SIZE: 125%; POSITION: relative; COLOR: #5ca1e3; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 18px; PADDING-RIGHT: 0px } .submittitle { FONT-SIZE: 125%; POSITION: relative; COLOR: #5ca1e3; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 18px; PADDING-RIGHT: 0px } H3.steptitle { CLEAR: both; DISPLAY: block } .submittitle { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 24px } .steptitle SPAN { FONT-SIZE: 140%; WIDTH: 1.5em; COLOR: #939393; TEXT-ALIGN: right; DISPLAY: inline-block; LINE-HEIGHT: 1 } .submittitle SPAN { FONT-SIZE: 140%; WIDTH: 1.5em; COLOR: #939393; TEXT-ALIGN: right; DISPLAY: inline-block; LINE-HEIGHT: 1 } .submittitle SPAN { MARGIN-RIGHT: 3px } #toolSettingsForm .steptitle SPAN { DISPLAY: none } #toolSettingsForm .stepcontent { PADDING-LEFT: 20px } #toolSettingsForm .steptitle { PADDING-LEFT: 9px } #toolSettingsForm .submittitle.steptitle { PADDING-LEFT: 27px } H3.noNumber { PADDING-BOTTOM: 5px; PADDING-TOP: 4px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .stepcontent { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px } .stepcontent LI { MARGIN-BOTTOM: 6px; PADDING-BOTTOM: 6px } .stepcontent LI.required { COLOR: #000 } .stepcontent OL LI DIV.label { FONT-WEIGHT: normal } .stepcontent LI LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .stepcontent LI:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .stepcontent .stepHelp { FONT-SIZE: 105%; FONT-FAMILY: Georgia, serif; BORDER-BOTTOM: medium none; COLOR: #666; PADDING-BOTTOM: 4px; FONT-STYLE: italic; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .stepHelp { FONT-SIZE: 105%; FONT-FAMILY: Georgia, serif; BORDER-BOTTOM: medium none; COLOR: #666; PADDING-BOTTOM: 4px; FONT-STYLE: italic; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .stepcontent .stepHelp:focus { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #000 } .stepcontent .fieldHelp { FONT-SIZE: 100%; COLOR: #666; PADDING-BOTTOM: 8px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } A.browse + .fieldHelp { PADDING-TOP: 9px } .stepcontent .nonHelp { FONT-SIZE: 95%; COLOR: #000 } .stepcontent .nestedList LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .nestedListSmall LI { FONT-SIZE: 90% } .nestedSubList { MARGIN: 6px 6px 6px 30px } .stepLite { PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px } .columnStep .column-3 { MIN-HEIGHT: 200px } .columnStep .column-3 TABLE.attachments { FONT-SIZE: 90% } .columnStep DIV H3 { MARGIN: 6px } .columnStep DIV DIV { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } OL.nestedList LI DIV.imgLabel { WIDTH: auto } OL.nestedList LI DIV.imgLabel SPAN.fileName { FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 6px } OL.nestedList LI DIV.imgLabel SPAN.control { DISPLAY: inline } #title_color_value { PADDING-TOP: 6px } DIV.label { WORD-WRAP: break-word; MAX-WIDTH: 15em; WIDTH: 20%; MIN-WIDTH: 6em; POSITION: relative; FLOAT: left; MARGIN: 0px 0px 3px } DIV.gb_gridCell_inner H3.label { WORD-WRAP: break-word; MAX-WIDTH: 15em; WIDTH: 20%; MIN-WIDTH: 6em; POSITION: relative; FLOAT: left; MARGIN: 0px 0px 3px } DIV.label-stack { MAX-WIDTH: none; WIDTH: auto; FLOAT: none; DISPLAY: block } DIV.field { OVERFLOW: visible; WORD-WRAP: break-word; WIDTH: 79%; WORD-BREAK: normal; FLOAT: left; MARGIN: 0px 0px 3px } DIV.noLabelField { OVERFLOW: visible; WORD-WRAP: break-word; WIDTH: 79%; WORD-BREAK: normal; FLOAT: left; MARGIN: 0px 0px 3px } DIV.noLabelField { WIDTH: 100% } DIV.label SPAN.contextMenuContainer { DISPLAY: inline } SPAN.stepHelp BR { DISPLAY: block } SPAN.fieldHelp BR { DISPLAY: block } DIV.field OL P { PADDING-BOTTOM: 3px } DIV.noLabelField UL P { PADDING-BOTTOM: 3px } DIV.field EM { COLOR: #888; FONT: italic 100% Georgia, serif; MARGIN-TOP: 5px; DISPLAY: inline-block } FIELDSET.info { BACKGROUND: #f6f6f6; MARGIN: 0px } DIV.info { BACKGROUND: #f6f6f6; MARGIN: 0px } FIELDSET.info DIV.label { COLOR: #666 } .reqfield { POSITION: relative; FLOAT: left; COLOR: #777; PADDING-BOTTOM: 0px; PADDING-TOP: 24px; FONT: italic 105%/2 Georgia, serif; PADDING-LEFT: 40px; DISPLAY: block; PADDING-RIGHT: 0px } .reqfield:before { VERTICAL-ALIGN: top; POSITION: relative; COLOR: #ff8000; FONT: 260%/0.2 Georgia, serif; CONTENT: "*"; DISPLAY: inline-block; TOP: 11px; MARGIN-RIGHT: 1px } .required > .label > LABEL:before { VERTICAL-ALIGN: top; POSITION: relative; COLOR: #ff8000; FONT: 260%/0.2 Georgia, serif; CONTENT: "*"; DISPLAY: inline-block; TOP: 11px; MARGIN-RIGHT: 1px } .reqfield IMG { DISPLAY: none } .required > .label > LABEL IMG { DISPLAY: none } .requiredField { BACKGROUND: url(../../../images/ci/icons/required.gif) no-repeat 0px center; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 16px; DISPLAY: inline-block; PADDING-RIGHT: 0px } DIV.label IMG.indicator { POSITION: absolute; LEFT: -18px; TOP: 0px } .largeText DIV.label { FONT-SIZE: 130%; FONT-WEIGHT: bold } .largeText DIV.field { FONT-SIZE: 130%; FONT-WEIGHT: bold } .largeText A.browse { FONT-SIZE: 75% !important; FONT-WEIGHT: normal; MARGIN: 0px 0px 0px 3px } .field A.browse { FONT-SIZE: 95%; MARGIN: 0px 0px 0px 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% } LI.inEditMode { BORDER-TOP: #444 2px solid; BORDER-RIGHT: #444 2px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #444 2px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; BORDER-LEFT: #444 2px solid; PADDING-RIGHT: 9px; -webkit-border-radius: 6px; -moz-border-radius: 6px } .e_expandArea { MARGIN-TOP: 21px } #e_groups_menu { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: #ceeaee; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .parent-child-listing { WIDTH: 50% } .parent-child-listing .stepHelp { MARGIN-LEFT: 24px } .parent-child-listing UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 9px; MARGIN: -4px 0px 12px 10px; BORDER-LEFT: #ccc 1px dashed; PADDING-RIGHT: 0px } .parent-child-listing LI { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .stepcontent .hierarchy { LIST-STYLE-TYPE: none; COLOR: #999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .stepcontent .hierarchy LI { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff } OL.hierarchy LI OL LI { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 9px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff } OL.hierarchy LI OL { COLOR: #999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 8px 0px 0px 30px; PADDING-RIGHT: 0px } OL.hierarchy LI H5 { FONT-SIZE: 100%; POSITION: relative; COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 8px; PADDING-LEFT: 3px; MARGIN: 0px; PADDING-RIGHT: 11em; BACKGROUND-COLOR: #fff } OL.hierarchy LI H5 SPAN { FONT-SIZE: 100%; BORDER-BOTTOM: medium none; COLOR: #888; DISPLAY: inline } OL.hierarchy LI H5 A { FONT-SIZE: 90%; RIGHT: 0px; POSITION: absolute; FONT-WEIGHT: normal; TOP: 9px } OL.hierarchy LI DIV { FONT-SIZE: 95%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 9px; PADDING-LEFT: 12px; PADDING-RIGHT: 2px } OL.hierarchy LI DIV.gbData SPAN { FONT-SIZE: 100%; COLOR: #000; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN: 0px 0px 0px 9px; BORDER-LEFT: #ccc 1px dotted; DISPLAY: inline; PADDING-RIGHT: 0px } OL.hierarchy LI DIV.gbData SPAN:first-child { PADDING-LEFT: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: medium none } OL.hierarchy LI DIV INPUT.points { VERTICAL-ALIGN: middle } 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: 0px !important } OL.hierarchy LI.parent OL LI H5 { BACKGROUND-IMAGE: none } .stepPanels { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: medium none; PADDING-RIGHT: 0px } .stepPanels LI { BORDER-BOTTOM: medium none } .panelTitle { CURSOR: pointer; BACKGROUND: #dedede; POSITION: relative; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; MARGIN: 4px 0px 0px; PADDING-RIGHT: 5px } .mdHead A { TEXT-DECORATION: none; COLOR: #000 } .panelTitle A { TEXT-DECORATION: none; COLOR: #000 } .panelTitle A { WIDTH: 100%; DISPLAY: block } .panelTitle .date { FONT-SIZE: 95%; TEXT-DECORATION: none; RIGHT: 6px; POSITION: absolute; FONT-WEIGHT: normal; COLOR: #666; TOP: 2px } .panelTitle A SPAN { FONT-SIZE: 100%; COLOR: black; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .mdHead A SPAN.date { FONT-WEIGHT: normal } .mdList { BACKGROUND: #f6f6f6; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px 0px 9px; PADDING-RIGHT: 18px; -moz-box-shadow: 1px 1px 9px rgba(0, 0, 0, .2) } .stepPanel { BACKGROUND: #f6f6f6; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px 0px 9px; PADDING-RIGHT: 18px; -moz-box-shadow: 1px 1px 9px rgba(0, 0, 0, .2) } .stepPanel P SPAN { COLOR: #666 } .mdList H4 { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .stepPanel H5 { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .mdList P { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px 5px 5px 12px; PADDING-RIGHT: 0px } .stepPanel P { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px 5px 5px 12px; PADDING-RIGHT: 0px } .stepPanelControls { FONT-SIZE: 90% } .contentAreaBlock { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ddd 1px solid; MARGIN: 0px 24px 24px; BORDER-LEFT: #ddd 1px solid } .contentAreaBlock #step1 { BORDER-TOP: 0px } .taskbuttondiv { PADDING-BOTTOM: 24px; TEXT-ALIGN: right; PADDING-TOP: 12px; PADDING-LEFT: 58px; MARGIN: 0px; PADDING-RIGHT: 24px } .taskButtonsContent { PADDING-BOTTOM: 24px; TEXT-ALIGN: right; PADDING-TOP: 12px; PADDING-LEFT: 58px; MARGIN: 0px; PADDING-RIGHT: 24px } .okbutton { PADDING-BOTTOM: 24px; TEXT-ALIGN: right; PADDING-TOP: 12px; PADDING-LEFT: 58px; MARGIN: 0px; PADDING-RIGHT: 24px } .picker .taskbuttondiv { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 58px; PADDING-RIGHT: 0px } .container :first-child.taskbuttondiv { MARGIN-TOP: 0px } DIV#dataCollectionContainer :first-child.taskbuttondiv { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 58px; MARGIN: 9px 0px 0px; PADDING-RIGHT: 24px } DIV#dataCollectionContainer .reqfield + .taskbuttondiv { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 58px; MARGIN: 9px 0px 0px; PADDING-RIGHT: 24px } DIV#containerdiv .mapCanvasForm :first-child.taskbuttondiv { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 58px; MARGIN: 9px 0px 0px; PADDING-RIGHT: 24px } #customizeDataCollection .taskbuttonhelp { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } DIV#dataCollectionContainer .taskbuttonhelp + .taskbuttondiv { PADDING-BOTTOM: 18px; PADDING-TOP: 0px; PADDING-LEFT: 58px; PADDING-RIGHT: 24px } SPAN.stepTitleRight P.taskbuttondiv { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; PADDING-RIGHT: 0px !important } SPAN.contentListRight P.taskbuttondiv { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; PADDING-RIGHT: 0px !important } .taskButtonsContent { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 9px; PADDING-LEFT: 12px; MARGIN: 24px -12px 0px; PADDING-RIGHT: 12px } P.okbutton INPUT { FONT-SIZE: 100%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .taskbuttonhelp { FONT-SIZE: 105%; FONT-FAMILY: Georgia, serif; COLOR: #666; PADDING-BOTTOM: 0px; FONT-STYLE: italic; PADDING-TOP: 0px; PADDING-LEFT: 58px; PADDING-RIGHT: 0px } #taskbuttondiv P { FONT-SIZE: 90%; BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; BORDER-BOTTOM: red 1px solid; FONT-STYLE: italic; TEXT-ALIGN: left; MARGIN: 6px 0px; BORDER-LEFT: red 1px solid; DISPLAY: block } .stepTitleRight { RIGHT: -2px; POSITION: absolute; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; LEFT: auto; TOP: -2px; PADDING-RIGHT: 6px } LEGEND { HEIGHT: 0px; POSITION: absolute; LINE-HEIGHT: 0; TOP: -10000px } FIELDSET OL LI SPAN.tagContainer INPUT { FONT-SIZE: 95% } FIELDSET OL LI SPAN.tagContainer A.browse { FONT-SIZE: 95% } FIELDSET OL LI SPAN.tagContainer { FONT-SIZE: 100%; WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } FIELDSET OL LI SPAN.tagContainer SPAN { FONT-SIZE: 100%; WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } FIELDSET OL LI OL LI SPAN.tagContainer { FONT-SIZE: 100%; WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } FIELDSET OL LI OL LI SPAN.tagContainer SPAN { FONT-SIZE: 100%; WIDTH: auto; FLOAT: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } FIELDSET OL LI SPAN.tagContainer SPAN.hidden { DISPLAY: none } FIELDSET OL LI OL LI SPAN.tagContainer SPAN.hidden { DISPLAY: none } FIELDSET OL LI SPAN.hidden { DISPLAY: none } FIELDSET OL LI OL LI SPAN.hidden { DISPLAY: none } .contentBlock OL LI SPAN.hidden { DISPLAY: none } .selectItems { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 639px; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; DISPLAY: none; PADDING-RIGHT: 6px } .selectItems SELECT { FONT-SIZE: 100%; MAX-WIDTH: 300px; HEIGHT: 115px; WIDTH: 300px; MARGIN: 6px 0px 0px; DISPLAY: block } #dataCollectionContainer .noLabelField > .selectItems { POSITION: relative; PADDING-BOTTOM: 15px; PADDING-TOP: 15px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } #dataCollectionContainer .noLabelField > .userRoleSelect:before { POSITION: absolute; CONTENT: ""; LEFT: 347px; BORDER-LEFT: #ccc 1px dashed; TOP: 0px; BOTTOM: 0px } #dataCollectionContainer .noLabelField > .selectItems:before { POSITION: absolute; CONTENT: ""; LEFT: 347px; BORDER-LEFT: #ccc 1px dashed; TOP: 0px; BOTTOM: 0px } #dataCollectionContainer .noLabelField > .selectItems.userRoleSelect:before { LEFT: 358px } #dataCollectionContainer .noLabelField > .selectItems.cumulativeSelectItems:before { LEFT: 47% } .selectItems INPUT[type=button] { FONT-SIZE: 90%; MAX-WIDTH: 140px; WHITE-SPACE: normal; MARGIN: 6px 0px 0px } .selectItems INPUT[type=text] { FONT-SIZE: 100%; WIDTH: 300px; MARGIN: 6px 0px; DISPLAY: block } .selectArrows { POSITION: relative; MARGIN-TOP: 60px } .selectArrows A { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; BORDER-LEFT: medium none; DISPLAY: block; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .selectArrows BUTTON { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 3px; BORDER-LEFT: medium none; DISPLAY: block; PADDING-RIGHT: 0px; BACKGROUND-COLOR: transparent } .selectItems H4 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px 56px; PADDING-RIGHT: 0px } .userRoleSelect { WIDTH: auto } .userSelectedRoles { POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 56px; PADDING-RIGHT: 0px } .userSelectedRoles .selectArrows { POSITION: absolute; LEFT: 20px; MARGIN: 0px; TOP: 28px } .selectItems .available-roles H4 { MARGIN-LEFT: 0px } .selectItems .available-roles SELECT { HEIGHT: 200px } .multiSelect { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .multiSelect > DIV { WIDTH: 46%; FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 0px; PADDING-RIGHT: 3px } .multiSelect SELECT { WIDTH: 100% } .multiSelect .selectArrows { WIDTH: 5%; TEXT-ALIGN: center; MARGIN: 40px 0px } .widget { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; MARGIN: 6px 0px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px } .widgetControls { FONT-SIZE: 90% } TABLE .widgetControls { FONT-SIZE: 90% } .widget .spellCheck { FLOAT: right } .widget .textBoxItem { FLOAT: right } DIV.liveArea FIELDSET.stepcontent OL LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .quickAddPal .stepcontent { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 0px; PADDING-RIGHT: 9px } .quickAddPal .stepcontent LI { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 1px; MARGIN: 0px 2px; BORDER-LEFT: 0px; PADDING-RIGHT: 1px } .quickAddPal .stepcontent .label { OVERFLOW: visible; WIDTH: 30%; PADDING-RIGHT: 2px } .quickAddPal .stepcontent .field { WIDTH: 65% } .quickAddPal LI.fieldError .fieldErrorText { FONT-SIZE: 85%; FONT-WEIGHT: normal; COLOR: red; MARGIN-LEFT: 74px; DISPLAY: block } DIV.quickAddPal DIV.field INPUT[type=text] { WIDTH: 100% } DIV.quickAddPal DIV.field SELECT { WIDTH: 100% } DIV.quickAddPal DIV.field TEXTAREA { WIDTH: 100% } DIV.quickAddPal LI.stepHelp { WIDTH: auto } DIV.quickAddPal LI DIV SPAN { WIDTH: auto } DIV.field SPAN.fileName { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 6px } DIV.field SPAN.control { DISPLAY: inline } DIV.quickAddPal DIV.field INPUT.datePickerInput { WIDTH: 8em } DIV.quickAddPal DIV.field INPUT.timePickerInput { WIDTH: 8em } .dtpickerEndDiv { PADDING-TOP: 10px } DIV#texteditor { FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 0px; PADDING-RIGHT: 3px } DIV#texteditor TEXTAREA { WIDTH: 450px; MARGIN-LEFT: 0px; DISPLAY: block } DIV#texteditor A.textBoxItem { WIDTH: 80%; PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px } SELECT.survey_question { MAX-WIDTH: 100% } .htmlarea .toolbar DIV > DIV { HEIGHT: 22px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } .htmlarea IFRAME { MIN-WIDTH: 300px !important } .htmlarea .toolbar A.wikiButton { WIDTH: auto !important } .htmlarea .toolbar A.wikiButton IMG { WIDTH: auto !important } .vtbe_footer { FONT-SIZE: 90%; BORDER-TOP: 0px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #eee } .vtbe_footer SPAN { FONT-SIZE: 100% } .vtbe_footer INPUT[type=button] { FONT-SIZE: 95% } .vtbe_footer A { MARGIN: 0px 0px 0px 3px } .resize_handle { CURSOR: n-resize; BORDER-TOP: #ddd 1px solid; HEIGHT: 12px; BACKGROUND: url(images/controls.png) #ccc no-repeat 50% -1px; BORDER-BOTTOM: #bbb 1px solid; TEXT-ALIGN: center } .resize_handle:hover { BORDER-TOP-COLOR: #ccc; BORDER-BOTTOM-COLOR: #999; BACKGROUND-COLOR: #bbb } .resize_handle IMG { HEIGHT: 8px; WIDTH: 100% } .tabGroupsPreview { FONT-SIZE: 100%; MARGIN: -11px -12px 24px } .previewContent { WIDTH: auto; BACKGROUND: url(images/backgrounds_h.png) #aaa repeat-x 0px -320px; POSITION: relative; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 14px; MARGIN: 0px; Z-INDEX: 1; PADDING-RIGHT: 14px } .previewContent IFRAME { HEIGHT: 300px; WIDTH: 100% } .tabGroupsPreview TABLE DIV { DISPLAY: block } .previewOverlay { FONT-SIZE: 300%; HEIGHT: 89px; WIDTH: 100%; POSITION: absolute; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: bold; COLOR: #555; TEXT-ALIGN: center; FILTER: alpha(opacity=30); Z-INDEX: 0; LETTER-SPACING: 10px; opacity: .3; -moz-opacity: .3; -khtml-opacity: .3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box } .tabGroupsPreview .previewOverlay { TOP: 9px } .previewOverlay SPAN { CURSOR: default; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; FILTER: alpha(opacity = 30); TOP: 27px; PADDING-RIGHT: 12px; BACKGROUND-COLOR: white; opacity: .30; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; -o-user-select: none } P.warning { FONT-SIZE: 100%; COLOR: #fff; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 12px 0px 24px; PADDING-RIGHT: 18px; BACKGROUND-COLOR: #cf1d19 } .warning { BACKGROUND: #a7d0df } DIV.tabPreview { BORDER-TOP: #cdcdcd 12px solid; BORDER-RIGHT: #cdcdcd 12px solid; WIDTH: auto; BACKGROUND: #cdcdcd; BORDER-BOTTOM: #cdcdcd 12px solid; POSITION: relative; MARGIN: 0px 6px 6px; BORDER-LEFT: #cdcdcd 12px solid; Z-INDEX: 1 } DIV.tabPreview DIV.paneTabs { MARGIN-TOP: 12px } .buttonLibrary { POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 207px; PADDING-RIGHT: 0px } .buttonLibrary LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; FLOAT: left; BORDER-LEFT: medium none } .buttonLibrary LI A { TEXT-DECORATION: none; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 7px; DISPLAY: block; PADDING-RIGHT: 7px } .buttonLibrary LI A.selected { TEXT-DECORATION: none; FONT-WEIGHT: bold } .buttonLibrary LI A:hover { TEXT-DECORATION: underline } DIV.menuStyleStep { WIDTH: 212px; FLOAT: left; MARGIN: 9px 40px 0px 0px } DIV.menuDefaultStyleStep { WIDTH: 212px; MARGIN: 9px auto } .schemeWrapper { FLOAT: left; MARGIN: 0px 12px 0px 0px } .buttonLibrary .schemeWrapper { BACKGROUND: #fff; FLOAT: none; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; MARGIN: 0px 9px 0px 0px; PADDING-RIGHT: 10px; -webkit-box-shadow: 01px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 01px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 01px 1px 3px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .buttonLibrary .selected .schemeWrapper { BACKGROUND: #bbb; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } #selectedPalette .schemePreview { BORDER-TOP: #bbb 10px solid; BORDER-RIGHT: #bbb 10px solid; BORDER-BOTTOM: #bbb 10px solid; BORDER-LEFT: #bbb 10px solid; -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .schemeWrapper SPAN { PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 6px; FONT: italic 100% Georgia; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } UL.buttonLibrary LI.selected { POSITION: absolute; LEFT: 0px; TOP: 6px } UL.buttonLibrary LI.selected A.selected { FONT-WEIGHT: bold; COLOR: #333 !important } UL.buttonLibrary LI.selected A.selected SPAN { FONT-WEIGHT: bold; COLOR: #333 !important } UL.buttonLibrary LI.selected A { FONT-WEIGHT: bold; COLOR: #333 !important } UL.buttonLibrary LI.selected A SPAN { FONT-WEIGHT: bold; COLOR: #333 !important } UL.buttonLibrary LI { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .schemePreview { WIDTH: 160px; PADDING-BOTTOM: 0px; PADDING-TOP: 12px; PADDING-LEFT: 16px; PADDING-RIGHT: 0px } .modulePreview { FONT-SIZE: 85%; BORDER-TOP: 1px solid; HEIGHT: 57px; BORDER-RIGHT: 0px solid; WIDTH: 140px; RIGHT: 0px; BORDER-BOTTOM: 0px solid; POSITION: relative; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; LEFT: auto; MARGIN: 6px 0px 0px auto; BORDER-LEFT: 1px solid; PADDING-RIGHT: 0px !important; BOTTOM: 0px } .schemePreviewHead { FONT-SIZE: 110%; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 9px !important; PADDING-RIGHT: 9px !important } .modulePreviewHead { FONT-WEIGHT: bold; PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 9px !important; MARGIN: 0px; PADDING-RIGHT: 9px !important } .schemePreviewBody { OVERFLOW: hidden; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } .modulePreviewBody { PADDING-BOTTOM: 3px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 9px !important; PADDING-RIGHT: 9px !important } .moduleList { BORDER-TOP: #ccc 1px solid } .moduleItem { BORDER-BOTTOM: #ccc 1px solid } .module { OVERFLOW: hidden; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } .moduleHeading { OVERFLOW: hidden; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .module H3 { FONT-SIZE: 110%; MARGIN: 0px; DISPLAY: inline } .moduleDescription { WIDTH: 90% } .more { DISPLAY: none } .moduleAction { MARGIN: 10px 0px } .moduleCategory { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .moduleCategory A { FONT-WEIGHT: bold } .moduleSample { PADDING-LEFT: 10px; DISPLAY: none } .expandedModule { BACKGROUND-COLOR: #efefef } .expandedModule .moduleDetails { WIDTH: 47% } .expandedModule .moduleSample { WIDTH: 47% } .expandedModule .more { DISPLAY: inline } .expandedModule .moduleSample { DISPLAY: block } .leftColumn-wide#moduleList .contentListPlain { PADDING-LEFT: 18px } .moduleListActionBar { PADDING-LEFT: 18px } #moduleList .contentListPlain > LI.expandedModule .moduleSample > DIV { WORD-WRAP: normal; MIN-HEIGHT: 50px !important } #moduleBody { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; COLOR: #444; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } #moduleBorder { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; COLOR: #444; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .portlet { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 10px 20px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .05); box-shadow: 0 2px 4px rgba(0, 0, 0, .05); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .containerPortal > DIV:first-child .portlet { MARGIN: 0px 10px 20px 0px } .reorderableModule:hover { BORDER-TOP-COLOR: #555; BACKGROUND: #fff; BORDER-LEFT-COLOR: #555; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555; -webkit-transition-property: border, background; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: border, background; -moz-transition-duration: 200ms; -moz-transition-timing-function: ease-in-out } .reorderableModule:hover H2 { COLOR: #000 } .module-dragstate { BORDER-LEFT-WIDTH: 2px; BORDER-RIGHT-WIDTH: 2px; BORDER-TOP-COLOR: #555; BACKGROUND: #fff; BORDER-BOTTOM-WIDTH: 2px; BORDER-LEFT-COLOR: #555; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555; BORDER-TOP-WIDTH: 2px; opacity: .9; -webkit-box-shadow: 2px 5px 24px rgba(0, 0, 0, .5); -moz-box-shadow: 2px 5px 24px rgba(0, 0, 0, .5); -webkit-transition-property: border-width, border-color, background, -webkit-box-shadow; -webkit-transition-duration: 50ms; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: border-width, border-color, background, -moz-box-shadow; -moz-transition-duration: 50ms; -moz-transition-timing-function: ease-in-out } #moduleTitle { OVERFLOW: visible; FONT-SIZE: 105%; VERTICAL-ALIGN: middle; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 8px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0 } .portlet H2 { OVERFLOW: visible; FONT-SIZE: 105%; VERTICAL-ALIGN: middle; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; COLOR: #444; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 8px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0 } .portlet H2 .moduleTitle { WORD-WRAP: break-word } .portlet H2.dragHandle { PADDING-LEFT: 20px } .portlet H2.dragHandle:hover { CURSOR: move } .portlet H2 A { VERTICAL-ALIGN: middle; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px } .portlet H2 A:hover { TEXT-DECORATION: underline } .portlet H2 A IMG { VERTICAL-ALIGN: middle } .portlet H2.noTitle { HEIGHT: 1.4em; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .portlet H2.noTitle:hover { BACKGROUND: #ededed } .portlet A { WORD-WRAP: break-word; TEXT-DECORATION: none } .portlet A:hover { TEXT-DECORATION: underline } .portlet A:focus { TEXT-DECORATION: underline } .edit_controls { FLOAT: right; PADDING-BOTTOM: 0px; TEXT-ALIGN: right; PADDING-TOP: 7px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .edit_controls A { TEXT-DECORATION: none; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 1px; FILTER: alpha(opacity=0); Z-INDEX: 201; PADDING-RIGHT: 0px; opacity: 0; verical-align: top } .portlet .edit_controls A:hover { TEXT-DECORATION: none; FILTER: alpha(opacity=100); opacity: 1 } .portlet .edit_controls A:focus { TEXT-DECORATION: none; FILTER: alpha(opacity=100); opacity: 1 } .portlet:hover .edit_controls A { TEXT-DECORATION: none; FILTER: alpha(opacity=100); opacity: 1 } .edit_controls .moduleToggleLink { HEIGHT: 14px; WIDTH: 14px; POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; LEFT: -4px; FILTER: alpha(opacity=50); Z-INDEX: 201; TOP: 3px; PADDING-RIGHT: 3px; opacity: .5 } .edit_controls A IMG { HEIGHT: 0px; WIDTH: 0px; FILTER: alpha(opacity=0); opacity: 0 } .edit_controls A:before { COLOR: #bcbcbc; FONT: 16px/1 "Utilicons" } .edit_controls A:hover:before { COLOR: #888 } .edit_controls A.moduleToggleLink { BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 8px 6px } .edit_controls A[title*='Expand'].moduleToggleLink { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 8px 6px } .edit_controls A.moduleCloseLink:before { CONTENT: "X" } .edit_controls A.moduleDetachLink:before { FONT: 16px/1 "Utilicons"; CONTENT: "w" } .edit_controls A[href*='edit_module']:before { CONTENT: "S" } .collapsible { OVERFLOW: auto; BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 12px; CLEAR: both; PADDING-RIGHT: 12px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px } .collapsible TABLE { FONT-SIZE: 90%; FONT-FAMILY: Arial, sans-serif; BORDER-COLLAPSE: separate; COLOR: #333; BORDER-SPACING: 3px 2px } .collapsible .help { FONT-SIZE: 100%; FONT-FAMILY: Georgia, sans-serif; COLOR: #666; FONT-STYLE: italic; MARGIN: 0px 9px 6px; LINE-HEIGHT: 1.45 } .portlet H1 + P { FONT-SIZE: 100%; FONT-FAMILY: Georgia, sans-serif; COLOR: #666; FONT-STYLE: italic; MARGIN: 0px 9px 6px; LINE-HEIGHT: 1.45 } .portlet H1 + P + P { FONT-SIZE: 100%; FONT-FAMILY: Georgia, sans-serif; COLOR: #666; FONT-STYLE: italic; MARGIN: 0px 9px 6px; LINE-HEIGHT: 1.45 } .imgWrapper { OVERFLOW: auto; TEXT-ALIGN: center; MARGIN: 6px auto } .portlet H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } #lightbox H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .portlet DIV.portletBlock H4 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .portlet DIV.blockContents H4 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .flyout H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .labelMenuItem { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; MARGIN: 9px 0px 3px; PADDING-RIGHT: 0px } .labelMenuItem { PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 6px } .flyout-menu .labelMenuItem { TEXT-TRANSFORM: uppercase; COLOR: #6a6a6a; PADDING-BOTTOM: 0px; PADDING-TOP: 18px; PADDING-LEFT: 12px; PADDING-RIGHT: 6px } .portlet H4 { COLOR: #000; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 4px 0px 0px; PADDING-RIGHT: 0px; TEXT-INDENT: 0px } .portletList { MARGIN-BOTTOM: 24px } .portlet .portletList LI { BORDER-TOP: #ccc 1px dotted; PADDING-BOTTOM: 0px; PADDING-TOP: 7px; PADDING-LEFT: 0px; MARGIN: 0px 0px 7px; PADDING-RIGHT: 0px } .portlet .portletList LI:first-child { BORDER-TOP: medium none } .portlet .portletList LI IMG { DISPLAY: none } .portlet .courseListing LI > A { FONT-WEIGHT: bold } .portlet .courseRole { COLOR: #777 } .portlet .dataBlockLabel { COLOR: #777 } .portlet .eventDate { COLOR: #777 } .portlet .eventList LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 2px; PADDING-RIGHT: 0px } .portlet .eventList LI .date { BACKGROUND: #f0f0f0; FONT-WEIGHT: bold; COLOR: #597298; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px } .portlet .eventList LI .event { PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 18px; PADDING-RIGHT: 4px } .portlet .eventList LI .description { FONT-SIZE: 90% } .portlet .eventDate { FONT-SIZE: 90% } .portlet .eventList LI .event A { FONT-WEIGHT: bold } .portlet SPAN.origin { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; FONT-WEIGHT: bold; COLOR: #999; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px } .portlet .portletList-img > LI { BORDER-TOP: #ccc 1px dotted; PADDING-BOTTOM: 0px; PADDING-TOP: 7px; PADDING-LEFT: 0px; MARGIN: 0px 0px 7px; PADDING-RIGHT: 0px } .portlet .portletList-img > LI:first-child { BORDER-TOP: medium none } .portlet .portletList-img > LI IMG { DISPLAY: none } .portlet .courseInformation { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 16px; MARGIN: 4px 0px; PADDING-RIGHT: 0px; TEXT-INDENT: -16px } .portlet .courseDataBlock { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 4px 0px; PADDING-RIGHT: 0px; TEXT-INDENT: -4px } .portlet .courseDataBlock UL { MARGIN-TOP: 5px } .portlet .courseDataBlock UL LI { TEXT-INDENT: 0px } .portlet .calculatorModule { TEXT-ALIGN: center } .portlet .calculator { WIDTH: 10em; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px auto; PADDING-RIGHT: 6px } .portlet .portletPath { FONT-SIZE: 90%; BACKGROUND: #f0f0f0; MARGIN: 4px; -webkit-border-radius: 1px; -moz-border-radius: 1px } .portlet .portletPath SPAN { BACKGROUND: #ddd; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 6px; DISPLAY: inline-block; PADDING-RIGHT: 3px; -webkit-border-radius: 1px 0 0 1px; -moz-border-radius: 1px 0 0 1px } .portlet .courseDataBlock UL LI { BACKGROUND: url(images/indicators.png) no-repeat 0px -895px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 14px; MARGIN: 0px 0px 1px; PADDING-RIGHT: 0px } .portlet .courseDataBlock A { TEXT-DECORATION: none; FONT-WEIGHT: normal } .portlet .courseDataBlock LI A { TEXT-DECORATION: none; FONT-WEIGHT: normal } .portlet .courseDataBlock A:hover { TEXT-DECORATION: underline } .portlet .courseDataBlock A:focus { TEXT-DECORATION: underline } .portlet .courseDataBlock LI A:hover { TEXT-DECORATION: underline } .portlet .courseDataBlock LI A:focus { TEXT-DECORATION: underline } .portletHelp { FONT-SIZE: 95%; COLOR: #688ba8; PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 4px 7px; PADDING-RIGHT: 0px } DIV.module_actions { PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 4px 0px; LINE-HEIGHT: 1.8em; PADDING-RIGHT: 2px } DIV.module_actions A:link { MARGIN-BOTTOM: 5px; FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px outset; BORDER-RIGHT: #ccc 1px outset; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px outset; FONT-WEIGHT: normal; COLOR: #036; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; BORDER-LEFT: #ccc 1px outset; PADDING-RIGHT: 5px; BACKGROUND-COLOR: #eee } DIV.module_actions A:hover { BORDER-TOP: #eee 1px inset; BORDER-RIGHT: #eee 1px inset; BORDER-BOTTOM: #eee 1px inset; BORDER-LEFT: #eee 1px inset } DIV.module_actions A:active { BORDER-TOP: #eee 1px inset; BORDER-RIGHT: #eee 1px inset; BORDER-BOTTOM: #eee 1px inset; BORDER-LEFT: #eee 1px inset } DIV.module_actions IMG { VERTICAL-ALIGN: middle; MARGIN: 0px 3px } DIV.module_actions SELECT { FONT-SIZE: 90%; VERTICAL-ALIGN: middle } DIV.module_actions LABEL { FONT-WEIGHT: bold } DIV.scroll_div { OVERFLOW: auto; MAX-HEIGHT: 300px } .portlet DIV.scroll_div { MARGIN-BOTTOM: 3px; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #fff4bf; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .submission_list { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } .submission_list LI { BORDER-TOP: #ccc 1px dotted; FONT-WEIGHT: bold; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .submission_list LI:first-child { BORDER-TOP: medium none } .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 { FLOAT: right; MARGIN: 4px 0px 0px } .submission_list LI SPAN { FONT-SIZE: 90%; FONT-WEIGHT: normal; MARGIN-LEFT: 6px } .eudModule { PADDING-BOTTOM: 24px; MARGIN: 0px } .styledModule-dark { PADDING-BOTTOM: 24px; MARGIN: 0px } .portlet .noItems { FONT-STYLE: italic; TEXT-ALIGN: center } .eudModule .eudModule-inner { OVERFLOW-Y: auto; BORDER-BOTTOM: #ccc 1px dotted; MAX-HEIGHT: 500px } .styledModule-dark .module-inner { OVERFLOW-Y: auto; BORDER-BOTTOM: #ccc 1px dotted; MAX-HEIGHT: 500px } .eud-button-wrap { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } IMG.eud-avatar { HEIGHT: 28px; WIDTH: 28px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg) } .actionMenuButton { VERTICAL-ALIGN: middle; BACKGROUND: #eee; FLOAT: right; PADDING-BOTTOM: 4px; PADDING-TOP: 3px; PADDING-LEFT: 8px; FILTER: none; MARGIN: 0px 4px 0px 0px; DISPLAY: block; PADDING-RIGHT: 8px } DIV[id*='actionMenu_'] { MARGIN-LEFT: -3px; Z-INDEX: 1000; MARGIN-TOP: -4px } .portlet .portletBlock { FONT-SIZE: 100%; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .portlet :first-child.portletBlock { BORDER-TOP: 0px } .moduleActions + .portletBlock { BORDER-TOP: 0px } .blockGroups LI:first-child { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .portlet .memberList { MARGIN: 0px 0px 5px } .itemGroups { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 4px 9px 12px; PADDING-RIGHT: 0px } .itemGroups .itemGroups { MARGIN-BOTTOM: 4px; MARGIN-LEFT: 0px } .portlet .blockGroups LI { FONT-SIZE: 100% } .portlet .itemGroups LI { OVERFLOW-X: hidden; PADDING-BOTTOM: 7px; PADDING-TOP: 0px; PADDING-LEFT: 0px; LINE-HEIGHT: 120%; PADDING-RIGHT: 0px } .portlet .memberList LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 14px !important; PADDING-RIGHT: 0px } .portlet .course { FONT-SIZE: 90%; DISPLAY: block } .portlet UL.memberList { FONT-SIZE: 90%; DISPLAY: block } .portlet SPAN.refresh { FONT-SIZE: 90%; DISPLAY: block } .portlet .course { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px } .portlet SPAN.noIndent { MARGIN-LEFT: 0px !important } .portlet .whatsNew SPAN.course { MARGIN-LEFT: 0px !important } .portlet SPAN.course { MARGIN-LEFT: 0px !important } .portlet UL.hierarchyList { MARGIN-LEFT: 22px } .portlet UL.hierarchyList LI { OVERFLOW-X: visible; TEXT-INDENT: -18px } .portlet UL.hierarchyList LI * { TEXT-INDENT: 0px } .portlet UL.hierarchyList LI.childless { TEXT-INDENT: 0px } .portlet UL LI UL LI SPAN.warning { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: #bf1b17 1px solid; COLOR: #ef312c; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .portlet UL LI UL LI SPAN.due { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: #bf1b17 1px solid; COLOR: #ef312c; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .portlet UL LI UL LI SPAN.newItemCount { BORDER-TOP: #bf1b17 1px solid; BORDER-RIGHT: #bf1b17 1px solid; WHITE-SPACE: nowrap; BORDER-BOTTOM: #bf1b17 1px solid; COLOR: #ef312c; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #bf1b17 1px solid; DISPLAY: inline; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .flag { FONT-SIZE: 90%; BORDER-TOP: #efa495 1px solid; BORDER-RIGHT: #efa495 1px solid; BACKGROUND: #ffe4df; BORDER-BOTTOM: #efa495 1px solid; FONT-WEIGHT: bold; COLOR: #c30; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 0px 0px 0px 3px; BORDER-LEFT: #efa495 1px solid; DISPLAY: inline; PADDING-RIGHT: 4px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .portlet UL.memberList SPAN { FONT-SIZE: 100% } .portlet UL.memberList SPAN.newItemCount { FONT-SIZE: 100% } .portletInfoFooter { FONT-SIZE: 90%; RIGHT: 0px; POSITION: absolute; COLOR: #999; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; BOTTOM: 5px } .dateSelector { BORDER-BOTTOM: #ccc 1px dotted; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .blockGroups LI SPAN.newItemCount { FONT-WEIGHT: normal; COLOR: #777 } .blockGroups LI SPAN.itemHeadOpen + P { BACKGROUND: #fff } .blockGroups LI SPAN.itemHeadOpen + P { BACKGROUND: #fff } .blockGroups LI SPAN.itemHead A:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: transparent } .blockGroups LI SPAN.itemHead A:focus { TEXT-DECORATION: underline; BACKGROUND-COLOR: transparent } .portlet .portletBlock H4 A:hover { BACKGROUND: #eee } .portlet .portletBlock H4 A:focus { BACKGROUND: #eee } .portlet .portletBlock H4.blockTitle A:hover { BACKGROUND: #eee } .portlet .portletBlock H4.blockTitle A:focus { BACKGROUND: #eee } .portlet .portletBlock H4 { TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f1f1f1; BORDER-BOTTOM: 0px; COLOR: #444; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 0px; PADDING-RIGHT: 9px } .portlet .subCategories LI A { TEXT-DECORATION: none; BORDER-TOP: #ccc 1px dotted; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 2px 9px; FONT-WEIGHT: bold; COLOR: #01758c; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 18px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 5px } .blockGroups .itemHead { TEXT-DECORATION: none; BORDER-TOP: #ccc 1px dotted; BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 2px 9px; FONT-WEIGHT: bold; COLOR: #01758c; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 18px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 5px } .blockGroups .itemHead:hover { CURSOR: pointer; TEXT-DECORATION: underline } .blockGroups .itemHead:focus { CURSOR: pointer; TEXT-DECORATION: underline } .blockGroups .itemHeadOpen { BACKGROUND: url(images/portlet_contract_alt.gif) #fff no-repeat 1px 9px; COLOR: #01758c } .blockGroups .itemHeadOpen:hover { CURSOR: pointer; TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .blockGroups .itemHeadOpen:focus { CURSOR: pointer; TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .blockGroups LI IMG.spacer { HEIGHT: 0px; WIDTH: 50px } .blockGroups LI SPAN.headerText:hover { CURSOR: pointer; TEXT-DECORATION: underline } .blockGroups LI SPAN.headerText:focus { CURSOR: pointer; TEXT-DECORATION: underline } .viewHeader { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; DISPLAY: block } .viewHeader H3 { FONT-WEIGHT: bold; COLOR: #666 } DIV.waitingFrame { BACKGROUND: #fff } .moduleControlWrapper { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px dotted; PADDING-TOP: 6px; MARGIN: 6px 0px 0px } .moduleControlWrapper A { POSITION: relative; MARGIN: 0px 2px } .moduleControlWrapper A:after { FONT-SIZE: 14px; RIGHT: 0px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #bbb; CONTENT: "\2192" } .moduleBlock { MARGIN: 6px } .portlet H1 { FONT-SIZE: 120%; MARGIN: 6px } .assessmentPortlet DIV.assessmentPortletBlock { BORDER-TOP-COLOR: #777; BACKGROUND: #f9f9f9; BORDER-LEFT-COLOR: #777; PADDING-BOTTOM: 0px; BORDER-BOTTOM-COLOR: #777; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; BORDER-RIGHT-COLOR: #777; PADDING-RIGHT: 0px } .assessmentPortlet DIV.assessmentPortletBlock H4 { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .assessmentPortlet DIV.assessmentPortletBlock H4 A { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f1f1f1; BORDER-BOTTOM: 0px; COLOR: #444; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 0px; PADDING-RIGHT: 9px } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle A { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f1f1f1; BORDER-BOTTOM: 0px; COLOR: #444; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 0px; PADDING-RIGHT: 9px } .assessmentPortlet DIV.assessmentPortletBlock H4 A:hover { BACKGROUND: #eee } .assessmentPortlet DIV.assessmentPortletBlock H4 A:focus { BACKGROUND: #eee } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle A:hover { BACKGROUND: #eee } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle A:focus { BACKGROUND: #eee } .assessmentPortlet DIV.assessmentPortletBlock H4 A SPAN { FONT-WEIGHT: normal; COLOR: #ddd } .assessmentPortlet DIV.assessmentPortletBlock H4.blockTitle A SPAN { FONT-WEIGHT: normal; COLOR: #ddd } .assessmentPortlet UL.subCategories { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.assessmentBlockGroups { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .assessmentPortlet DIV.assessmentPortletBlock UL.subCategories LI { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.assessmentBlockGroups LI { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .assessmentPortlet UL.subCategories LI A { TEXT-DECORATION: none; BORDER-TOP: #777 1px solid; BACKGROUND: url(images/more_options.gif) #e3efff no-repeat 3px center; FONT-WEIGHT: bold; COLOR: #597298; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 16px; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: 1px; PADDING-RIGHT: 16px } UL.assessmentBlockGroups LI A.itemHead { TEXT-DECORATION: none; BORDER-TOP: #777 1px solid; BACKGROUND: url(images/more_options.gif) #e3efff no-repeat 3px center; FONT-WEIGHT: bold; COLOR: #597298; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 16px; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: 1px; PADDING-RIGHT: 16px } UL.assessmentBlockGroups LI A.itemHead:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: #e3efff } UL.assessmentBlockGroups LI A.itemHead:focus { TEXT-DECORATION: underline; BACKGROUND-COLOR: #e3efff } UL.assessmentBlockGroups LI A.itemHeadOpen { BACKGROUND: #fff no-repeat 3px center } UL.assessmentBlockGroups LI A.itemHeadOpen:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } UL.assessmentBlockGroups LI A.itemHeadOpen:focus { TEXT-DECORATION: underline; BACKGROUND-COLOR: #fff } .assessmentPortlet UL.subCategories LI:first-child A { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } UL.assessmentBlockGroups LI:first-child A { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .assessmentPortlet UL.subCategories LI A:hover { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #fff; opacity: 1 } .assessmentPortlet UL.subCategories LI A:focus { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #fff; opacity: 1 } UL.assessmentBlockGroups LI A:hover { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #fff; opacity: 1 } UL.assessmentBlockGroups LI A:focus { FILTER: alpha(opacity=100); BACKGROUND-COLOR: #fff; opacity: 1 } .assessmentPortlet UL.itemGroup LI A { FONT-SIZE: 105%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } UL.assessmentBlockGroups LI UL.itemGroups LI A { FONT-SIZE: 105%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } .assessmentPortlet UL.itemGroup LI A:hover { TEXT-DECORATION: underline } .assessmentPortlet UL.itemGroup LI A:focus { TEXT-DECORATION: underline } UL.itemGroups LI A:hover { TEXT-DECORATION: underline } UL.itemGroups LI A:focus { TEXT-DECORATION: underline } UL.itemGroups LI UL.items { FONT-SIZE: 110%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 9px } UL.assessmentBlockGroups LI UL.itemGroups LI A { FONT-WEIGHT: normal } UL.itemGroups LI UL.items LI A { FONT-WEIGHT: normal } .assessmentPortlet DIV.assessmentPortletBlock H3 { MARGIN: 0px } .assessmentPortlet DIV.assessmentPortletBlock H3 A { TEXT-DECORATION: none; BACKGROUND: #f0f0f0; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 12px } .assessmentPortlet DIV.assessmentPortletBlock H3 A:hover { TEXT-DECORATION: none } .assessmentPortlet DIV.assessmentPortletBlock H3 A:focus { TEXT-DECORATION: none } .assessmentPortlet DIV:first-child.assessmentPortletBlock H3 A { BORDER-TOP: medium none } .assessmentPortlet DIV.assessmentPortletBlock H3 A.open { TEXT-DECORATION: none; BACKGROUND: url(images/less_options.gif) #e3efff no-repeat 99% center; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 12px } .assessmentPortlet UL.objectList LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .assessmentPortletBlock UL LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .blockContents UL LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } UL.memberList LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .assessmentPortlet .blockContents UL LI UL LI SPAN { MARGIN: 0px 0px 0px 4px } .assessmentPortlet .blockContents UL LI SPAN { MARGIN: 0px 0px 0px 4px } .assessmentPortlet UL LI UL LI SPAN { MARGIN: 0px 0px 0px 4px } .portlet #loginBoxFull { WIDTH: 300px; PADDING-BOTTOM: 16px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px auto; PADDING-RIGHT: 0px } .portlet #loginBoxFull P { FONT-SIZE: 0.95em; COLOR: #444; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px } .portlet #loginBoxFull P.welcome { FONT-SIZE: 1em; BACKGROUND: none transparent scroll repeat 0% 0%; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 10px; PADDING-RIGHT: 0px } .portlet #loginBoxFull UL { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .portlet #loginBoxFull LI { BACKGROUND-IMAGE: none; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px } .portlet #loginBoxFull LI LABEL { FONT-SIZE: 100%; FONT-WEIGHT: normal } .portlet #loginBoxFull INPUT[type='text'] { FONT-SIZE: 100%; BORDER-TOP: #bbb 2px solid; BORDER-RIGHT: #bbb 2px solid; WIDTH: 300px; BORDER-BOTTOM: #bbb 2px solid; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; MARGIN: 0px 0px 3px -4px; BORDER-LEFT: #bbb 2px solid; PADDING-RIGHT: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .portlet #loginBoxFull INPUT[type='password'] { FONT-SIZE: 100%; BORDER-TOP: #bbb 2px solid; BORDER-RIGHT: #bbb 2px solid; WIDTH: 300px; BORDER-BOTTOM: #bbb 2px solid; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; MARGIN: 0px 0px 3px -4px; BORDER-LEFT: #bbb 2px solid; PADDING-RIGHT: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .portlet #loginBoxFull INPUT[type='text']:focus { BORDER-TOP-COLOR: #00add0; BORDER-LEFT-COLOR: #00add0; COLOR: #000; BORDER-BOTTOM-COLOR: #00add0; BORDER-RIGHT-COLOR: #00add0 } .portlet #loginBoxFull INPUT[type='password']:focus { BORDER-TOP-COLOR: #00add0; BORDER-LEFT-COLOR: #00add0; COLOR: #000; BORDER-BOTTOM-COLOR: #00add0; BORDER-RIGHT-COLOR: #00add0 } .portlet #loginBoxFull A { FONT-SIZE: 0.9em } .portlet #loginBoxFull P A { FONT-SIZE: 1em } .portlet #loginBoxFull P.welcome A { FONT-SIZE: 1em } .portlet #loginBoxFull LI + LI + LI { VERTICAL-ALIGN: top; DISPLAY: inline-block } .portlet #loginBoxFull LI + LI + LI + LI { VERTICAL-ALIGN: top; FLOAT: right; TEXT-ALIGN: right; DISPLAY: inline-block } .portlet #loginBoxFull LI INPUT.submit { MARGIN: 0px -3px 0px 0px } #body { PADDING-BOTTOM: 60px } #loadstatus { HEIGHT: 180px; POSITION: relative } FIELDSET.highlight { BACKGROUND: #eee } FIELDSET.highlight DIV.input { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .builderItem .item { FONT-SIZE: 100%; BORDER-TOP: transparent 1px solid; BORDER-RIGHT: transparent 1px solid; BORDER-BOTTOM: transparent 1px solid; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 9px; BORDER-LEFT: transparent 1px solid; PADDING-RIGHT: 9px } .builderItem:hover { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666 } .builderItem:focus { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666 } #lessonPlanForm #dataCollectionContainer .contentListPlain LI:hover { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666 } #lessonPlanForm #dataCollectionContainer .contentListPlain LI:focus { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666 } LI.builderItem { MIN-HEIGHT: auto } .builderItem .close { CURSOR: pointer; RIGHT: 5px; POSITION: absolute; TOP: 5px } .builderItem IFRAME { WIDTH: 100% !important } DIV.subheading { FONT-WEIGHT: bold } DIV.required DIV.inputField { BACKGROUND: url(../../images/ci/icons/required.gif) no-repeat left 2px; PADDING-LEFT: 1.5em; MARGIN-LEFT: -1.5em } .inputOptions { BORDER-TOP: #ccc 1px dotted; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; PADDING-LEFT: 0.5em; PADDING-RIGHT: 0.5em } .offscreen { HEIGHT: 0px; POSITION: absolute; LEFT: -999em } .label A:hover { CURSOR: pointer } .label A:focus { CURSOR: pointer } #lessonPlanForm #customFormBuilderDiv { MARGIN: 0px } #lessonPlanForm #dataCollectionContainer { MARGIN: 0px } #lessonPlanForm #dataCollectionContainer .contentListPlain { MARGIN: 0px } .alignPanelLightbox { MIN-WIDTH: 650px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 12px; MIN-HEIGHT: 250px; PADDING-RIGHT: 12px } .alignHeader { FONT-SIZE: 95%; FONT-WEIGHT: bold; COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .alignPanel TABLE TD { FONT-SIZE: 90% } .alignPanel TABLE TH { FONT-SIZE: 90% } .alignPanel TABLE TD.descriptionCell { WORD-WRAP: break-word; MIN-WIDTH: 120px } .alignPanel TABLE TD.descriptionCell DIV { OVERFLOW: hidden; WIDTH: 250px } .alignPanel TABLE TD.infoCell DIV { WIDTH: 123px } .collapseTabs .alignPanel TABLE TD.descriptionCell DIV { WIDTH: 123px } .collapseTabs .alignPanel TABLE TD.infoCell DIV { WIDTH: 80px } .alignPanel THEAD TH.smallCell { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .alignPanel THEAD TH { WHITE-SPACE: nowrap } .alignPanel TD.actionCell { WIDTH: 1%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .pageBreadcrumb { HEIGHT: 1em; BACKGROUND: #fff; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .pageBreadcrumb UL { LIST-STYLE-TYPE: none; FONT-SIZE: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .pageBreadcrumb LI { FLOAT: left; FONT-WEIGHT: bold; COLOR: #999; MARGIN-LEFT: 3px } .pageBreadcrumb LI A { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #036; MARGIN-RIGHT: 3px } .pageBreadcrumb LI A.active { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #036 } .sStatus { FONT-SIZE: 90%; HEIGHT: 14px; COLOR: #063; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 8px; PADDING-RIGHT: 0px } .sStatusI { FONT-SIZE: 90%; HEIGHT: 14px; COLOR: #c00; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 8px; PADDING-RIGHT: 0px } .panelList { WORD-WRAP: break-word; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 2px 0px 3px; PADDING-RIGHT: 0px } .panelList > LI { MARGIN: 0px 0px 1px } .panelNested { OVERFLOW: hidden; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; MARGIN: 4px 0px 0px; PADDING-RIGHT: 4px; BACKGROUND-COLOR: #fff } .panelHead { WORD-WRAP: break-word; BACKGROUND: #efefef; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 8px; MARGIN: 0px; PADDING-RIGHT: 8px } .panelHead A { TEXT-DECORATION: none; COLOR: #000 } .panelItem { BORDER-BOTTOM: #eee 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .panelList_leftCol { POSITION: absolute; LEFT: 6px; TOP: 6px } .panelList_rightCol { RIGHT: 6px; POSITION: absolute; TOP: 6px } .panelList_centerCol { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } UL.logMessages { LIST-STYLE-TYPE: none; PADDING-LEFT: 1em; MARGIN-LEFT: 0px; LIST-STYLE-IMAGE: none; TEXT-INDENT: -1em } LI.logError { COLOR: red } LI.logWarning { COLOR: blue } LI.logMessage { MARGIN-TOP: 0.1em } .connectionWrapper { POSITION: relative; MARGIN-TOP: 1px; PADDING-RIGHT: 30px } .connectionWrapper A { RIGHT: 0px; POSITION: absolute; MARGIN-TOP: -14px; TOP: 50% } .invertItems { POSITION: relative; DISPLAY: block !important; MARGIN-RIGHT: 26px } .invertItems A { RIGHT: -33px; POSITION: absolute; TOP: -14px } .subcategories { PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 11px !important; PADDING-RIGHT: 11px !important } .subcategories H3 { FONT-SIZE: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.calendarTitle { TEXT-ALIGN: center; MARGIN: 9px 0px 0px } DIV.announcementTitle { TEXT-ALIGN: center; MARGIN: 9px 0px 0px } DIV.calendarTitle H3 { FONT-SIZE: 130%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 4px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 4px } DIV.announcementTitle H3 { FONT-SIZE: 130%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 4px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 4px } DIV.calMonth { OVERFLOW: auto; PADDING-BOTTOM: 6px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 10px 4px 4px; DISPLAY: block; PADDING-RIGHT: 2px } DIV.calMonth TABLE { BORDER-TOP: #a8beda 2px solid; BORDER-RIGHT: #a8beda 2px solid; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #a8beda 2px solid; MARGIN: 0px auto; BORDER-LEFT: #a8beda 1px solid } DIV.calMonth TABLE THEAD TD { WIDTH: 1px; BACKGROUND: #a8beda; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.calMonth TABLE TBODY TH { WIDTH: 1px; BACKGROUND: #a8beda; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.calMonth TABLE THEAD TD DIV { POSITION: absolute; LEFT: -1000px; TOP: 0px } DIV.calMonth TABLE TBODY TH DIV { POSITION: absolute; LEFT: -1000px; TOP: 0px } DIV.calMonth TABLE THEAD TH { OVERFLOW: hidden; BORDER-RIGHT: #aaa 1px solid; WIDTH: 8em; BACKGROUND: url(images/backgrounds_h.png) #ddd repeat-x 0px -50px; BORDER-BOTTOM: #a0a0a0 1px solid; FONT-WEIGHT: bold; COLOR: #333; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DIV.calMonth TABLE TBODY TD { OVERFLOW: hidden; HEIGHT: 8em; BORDER-RIGHT: #a8beda 1px solid; WIDTH: 8em; BACKGROUND: url(images/backgrounds_h.png) white repeat-x 0px -400px; BORDER-BOTTOM: #a8beda 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.calMonth TABLE TH:hover { BACKGROUND-COLOR: #e3efff } DIV.calMonth TABLE TH:focus { BACKGROUND-COLOR: #e3efff } DIV.calMonth TABLE TH:active { BACKGROUND-COLOR: #e3efff } DIV.calMonth TABLE TD:hover { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -600px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) } DIV.calMonth TABLE TD:focus { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -600px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) } DIV.calMonth TABLE TD:active { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -600px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2) } DIV.calMonth TABLE TD A.daylink { FONT-SIZE: 110%; TEXT-DECORATION: none; BORDER-RIGHT: #a8beda 1px solid; WIDTH: 1.2em; BACKGROUND: #e3efff; BORDER-BOTTOM: #a8beda 1px solid; FLOAT: left; FONT-WEIGHT: bold; PADDING-BOTTOM: 0.2em; TEXT-ALIGN: center; PADDING-TOP: 0.2em; PADDING-LEFT: 0.2em; DISPLAY: block; PADDING-RIGHT: 0.2em } DIV.calMonth TABLE TD A.daylink:hover { BACKGROUND-COLOR: #e3efff } DIV.calMonth TABLE TD A.daylink SPAN { POSITION: absolute; LEFT: -1000px; TOP: 0px } DIV.calMonth TABLE TD.today { BACKGROUND-COLOR: #fff4bf } DIV.calMonth TABLE TD.today A.daylink { BACKGROUND: #fff4bf; FONT-WEIGHT: bold } DIV.calMonth TABLE TD.today A.daylink:hover { BACKGROUND: url(images/backgrounds_h.png) #fff4bf repeat-x 0px -50px } DIV.calMonth TABLE TD.today A.daylink:focus { BACKGROUND: url(images/backgrounds_h.png) #fff4bf repeat-x 0px -50px } DIV.calMonth TABLE TD.offday { BACKGROUND: #eee; -webkit-box-shadow: none; -moz-box-shadow: none } DIV.calMonth TABLE TD.offday:hover { BACKGROUND: #eee; -webkit-box-shadow: none; -moz-box-shadow: none } DIV.calMonth TABLE TD.offday:focus { BACKGROUND: #eee; -webkit-box-shadow: none; -moz-box-shadow: none } DIV.calMonth TABLE TD DIV { OVERFLOW: hidden; WIDTH: 8em; CLEAR: both } DIV.calMonth TABLE TD DIV UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0.4em; MARGIN: 0px; PADDING-RIGHT: 0.4em } DIV.calMonth TABLE TD DIV UL LI { FONT-SIZE: 90%; WHITE-SPACE: nowrap; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } TABLE.calYear { FONT-SIZE: 95%; BORDER-COLLAPSE: collapse; MIN-WIDTH: 200px; POSITION: relative; MARGIN: 6px } TABLE.calYearFloat { WIDTH: 32%; FLOAT: left; MARGIN: 6px 0.66% } TABLE.calYear THEAD TD { POSITION: absolute; LEFT: -10000px; TOP: 0px } TABLE.calYear TBODY TH { POSITION: absolute; LEFT: -10000px; TOP: 0px } TABLE.calYear CAPTION { FONT-SIZE: 108%; PADDING-BOTTOM: 4px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px; PADDING-RIGHT: 2px } TABLE.calYear CAPTION A { TEXT-DECORATION: none; FONT-WEIGHT: bold } TABLE.calYear CAPTION A:hover { TEXT-DECORATION: underline } TABLE.calYear CAPTION A:focus { TEXT-DECORATION: underline } TABLE.calYear THEAD TH { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #aaa 1px solid; WIDTH: 23px; VERTICAL-ALIGN: top; BACKGROUND: url(images/backgrounds_h.png) #ddd repeat-x 0px -50px; BORDER-BOTTOM: #aaa 1px solid; FONT-WEIGHT: bold; COLOR: #333; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 2px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 2px } TABLE.calYear TBODY TD { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 23px; BACKGROUND: white; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: right; PADDING-TOP: 2px; PADDING-LEFT: 2px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 2px } TABLE.calYear TD A { TEXT-DECORATION: none; WIDTH: 100%; POSITION: relative; DISPLAY: block } TABLE.calYear TD A IMG { FLOAT: left } TABLE.calYear TD:hover { BACKGROUND: #fff4bf; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calYear TD:focus { BACKGROUND: #fff4bf; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calYear TD:active { BACKGROUND: #fff4bf; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calYear TH:hover { BACKGROUND-COLOR: #ccc } TABLE.calYear TH:focus { BACKGROUND-COLOR: #ccc } TABLE.calYear TH:active { BACKGROUND-COLOR: #ccc } TABLE.calYear TD.today { BACKGROUND: #999 } TABLE.calYear TD.today:hover { BACKGROUND: #999 } TABLE.calYear TD.today:focus { BACKGROUND: #999 } TABLE.calYear TD.today A { FONT-WEIGHT: bold; COLOR: #fff } TABLE.calYear TD.today A:hover { BACKGROUND-IMAGE: none } TABLE.calYear TD.today A:active { BACKGROUND-IMAGE: none } TABLE.calYear TD.today A:focus { BACKGROUND-IMAGE: none } TABLE.calYear TD.offday { TEXT-DECORATION: none; BORDER-TOP: #a8beda 1px solid; BORDER-RIGHT: #a8beda 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #a8beda 1px solid; COLOR: #444; BORDER-LEFT: #a8beda 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none } TABLE.calYear TD.offday:hover { TEXT-DECORATION: none; BORDER-TOP: #a8beda 1px solid; BORDER-RIGHT: #a8beda 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #a8beda 1px solid; COLOR: #444; BORDER-LEFT: #a8beda 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none } TABLE.calYear TD.offday:focus { TEXT-DECORATION: none; BORDER-TOP: #a8beda 1px solid; BORDER-RIGHT: #a8beda 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #a8beda 1px solid; COLOR: #444; BORDER-LEFT: #a8beda 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none } TABLE.calYear TD.hasEvent { BACKGROUND: url(images/backgrounds_h.png) repeat-x 0px -50px; FONT-WEIGHT: bold } TABLE.calendarDay { BORDER-TOP: #cdcdcd 1px solid; BORDER-RIGHT: #cdcdcd 1px solid; WIDTH: 100%; BORDER-COLLAPSE: collapse; BORDER-BOTTOM: #cdcdcd 1px solid; MARGIN: 10px 0px 0px; BORDER-LEFT: #cdcdcd 1px solid } TABLE.calendarDay THEAD { POSITION: absolute; LEFT: -1000px; TOP: 0px } TABLE.calendarDay THEAD TH { POSITION: absolute; LEFT: -1000px; TOP: 0px } UL.calendarWeek LI TABLE.calendarDay { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; MARGIN: 0px; BORDER-LEFT: medium none } TABLE.calendarDay TBODY TH { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 6%; VERTICAL-ALIGN: top; BACKGROUND: #f3f3f3; BORDER-BOTTOM: #ccc 1px solid; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 14px; TEXT-ALIGN: right; PADDING-TOP: 1px; PADDING-LEFT: 3px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 12px } TABLE.calendarDay TBODY TH:hover { BACKGROUND: url(images/backgrounds_h.png) #e6e5e5 repeat-x 0px -200px } TABLE.calendarDay TBODY TH:focus { BACKGROUND: url(images/backgrounds_h.png) #e6e5e5 repeat-x 0px -200px } TABLE.calendarDay TBODY TH:active { BACKGROUND: url(images/backgrounds_h.png) #e6e5e5 repeat-x 0px -200px } TABLE.calendarDay TBODY TD { BORDER-TOP: #cdcdcd 1px solid; VERTICAL-ALIGN: top; BACKGROUND: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px } TABLE.calendarDay TBODY TD.hasEvent { PADDING-LEFT: 6px } TABLE.calendarDay TBODY TD.hasEvent A.jumpToEvent { POSITION: absolute; LEFT: -1000px; TOP: 0px } TABLE.calendarDay TBODY TR.halfHour TH { BORDER-TOP: #ededed 1px solid } TABLE.calendarDay TBODY TR.halfHour TD { BORDER-TOP: #ededed 1px solid } TABLE.calendarDay TBODY TR.midday TH { BORDER-TOP: #cdcdcd 2px solid } TABLE.calendarDay TBODY TR.midday TD { BORDER-TOP: #cdcdcd 2px solid } TABLE.calendarDay TR.notBusinessHours TH { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f3f3f3; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } TABLE.calendarDay TR.notBusinessHours TD { BACKGROUND: #fafafa } TABLE.calendarDay TBODY TR.notBusinessHours TD.hasEvent { BACKGROUND: #fafafa } TABLE.calendarDay TR TH SPAN.ampm { FONT-SIZE: 75%; BACKGROUND: #bbb; POSITION: relative; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 2px; LEFT: -4px; LETTER-SPACING: 0.1em; TOP: -1.2em; PADDING-RIGHT: 2px } TABLE.calendarDay TBODY TR:hover { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calendarDay TBODY TR:focus { -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) } TABLE.calendarDay TBODY TR:hover TH { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:hover TD { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:focus TH { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:focus TD { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:active TH { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:active TD { BACKGROUND-COLOR: #f0f0f0 } TABLE.calendarDay TBODY TR:hover TD.hasEvent { BACKGROUND: #f0f0f0 } TABLE.calendarDay TBODY TR:focus TD.hasEvent { BACKGROUND: #f0f0f0 } TABLE.calendarDay TBODY TR:active TD.hasEvent { BACKGROUND: #f0f0f0 } TABLE.calendarDay TD DIV DIV { FONT-SIZE: 90%; BACKGROUND: #b5ccea; FLOAT: left; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; MARGIN: 0px 4px 0px -6px; DISPLAY: block; PADDING-RIGHT: 3px } TABLE.calendarDay TD DIV DIV.contextMenuContainer { BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px -3px; DISPLAY: inline; PADDING-RIGHT: 0px } TABLE.calendarDay TD DIV SPAN { FONT-SIZE: 90%; COLOR: #555 } UL.calendarWeek { LIST-STYLE-TYPE: none; BORDER-TOP: #cdcdcd 1px solid; BORDER-RIGHT: #cdcdcd 1px solid; BORDER-BOTTOM: #cdcdcd 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 10px 0px 0px; LIST-STYLE-IMAGE: none; BORDER-LEFT: #cdcdcd 1px solid; PADDING-RIGHT: 0px } UL.calendarWeek LI { BORDER-BOTTOM: #cdcdcd 1px solid; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px } UL.calendarWeek LI UL:first-child { BORDER-TOP: medium none } UL.calendarWeek UL LI:first-child { BORDER-TOP: medium none } UL.calendarWeek LI H3.weekDay { FONT-SIZE: 110%; BACKGROUND: #e3efff; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; PADDING-LEFT: 0.6em; MARGIN: 0px; PADDING-RIGHT: 0.6em } UL.calendarWeek LI H3.weekDay:hover { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -200px } UL.calendarWeek LI H3.weekDay:focus { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -200px } UL.calendarWeek LI H3.weekDay:active { BACKGROUND: url(images/backgrounds_h.png) #e3efff repeat-x 0px -200px } UL.calendarWeek LI UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px 6px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.calendarWeek LI UL LI { BORDER-TOP: #ededed 1px solid; BORDER-BOTTOM: medium none; PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } UL.calendarWeek LI UL LI:hover { BACKGROUND: url(images/backgrounds_h.png) repeat-x 0px -205px } UL.calendarWeek LI UL LI:focus { BACKGROUND: url(images/backgrounds_h.png) repeat-x 0px -205px } UL.calendarWeek LI UL LI:active { BACKGROUND: url(images/backgrounds_h.png) repeat-x 0px -205px } UL.calendarWeek LI UL LI H4 { FONT-SIZE: 95%; WIDTH: 10em; FLOAT: left; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 3px; MARGIN: 0px 12px 0px 0px; PADDING-RIGHT: 3px } UL.calendarWeek LI DIV { MARGIN-LEFT: 11em } UL.calendarWeek LI DIV.contextMenuContainer { MARGIN: 0px 0px 0px -3px } UL.calendarWeek LI UL LI SPAN { FONT-SIZE: 90%; COLOR: #555 } .diffbox-wrapper { WIDTH: 80%; MARGIN: 9px auto } .legendbox-wrapper { WIDTH: 90%; MARGIN: 9px auto } .legendbox-wrapper > DIV { BORDER-LEFT: #ddd 1px solid } .legendbox-wrapper > DIV:first-child { BORDER-LEFT: medium none } .diffbox-left { FLOAT: left } .diffbox-right { FLOAT: left } .diffbox-arrow { FLOAT: left } .legendbox { FLOAT: left } .diffbox-left { WIDTH: 44% } .diffbox-right { WIDTH: 44% } .legendbox-3 { WIDTH: 33% } .legendbox-2 { WIDTH: 48% } .diffbox-left > DIV { BACKGROUND: #f9f9f9; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .diffbox-right > DIV { BACKGROUND: #f9f9f9; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .legendbox > DIV { BACKGROUND: #f9f9f9; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .legendbox > DIV { BACKGROUND: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .diffbox-right > DIV { BORDER-TOP: #ddd 2px solid; BORDER-RIGHT: #ddd 2px solid; BORDER-BOTTOM: #ddd 2px solid; BORDER-LEFT: #ddd 2px solid } .diffbox-left UL LI { BORDER-TOP: #ddd 1px dotted; PADDING-BOTTOM: 2px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .diffbox-right UL LI { BORDER-TOP: #ddd 1px dotted; PADDING-BOTTOM: 2px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .legendbox UL LI { BORDER-TOP: #ddd 1px dotted; PADDING-BOTTOM: 2px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .diffbox-left UL LI:first-child { BORDER-TOP: 0px } .diffbox-right UL LI:first-child { BORDER-TOP: 0px } .legendbox UL LI:first-child { BORDER-TOP: 0px } .diffbox-left .label { WIDTH: 30%; COLOR: #666 } .diffbox-right .label { WIDTH: 30%; COLOR: #666 } .legendbox .label { WIDTH: 30%; COLOR: #666 } .diffbox-left .field { WIDTH: 59% } .diffbox-right .field { WIDTH: 59% } .legendbox .label { FONT-SIZE: 90%; WIDTH: 45% } .legendbox .field { WIDTH: 55% } .diffbox-arrow { WIDTH: 6%; TEXT-ALIGN: center; PADDING-TOP: 50px } .diffLegend-sample { HEIGHT: 17px !important; WIDTH: 90px !important; POSITION: static !important } .addedImg-sample { HEIGHT: 13px !important } .removedImg-sample { HEIGHT: 13px !important } .changedImg-sample { HEIGHT: 13px !important } .diff-html-added { CURSOR: pointer; FONT-SIZE: 100%; POSITION: relative; DISPLAY: inline-block } .diff-html-removed { CURSOR: pointer; FONT-SIZE: 100%; POSITION: relative; DISPLAY: inline-block } .added-sample { CURSOR: pointer; FONT-SIZE: 100%; POSITION: relative; DISPLAY: inline-block } .removed-sample { CURSOR: pointer; FONT-SIZE: 100%; POSITION: relative; DISPLAY: inline-block } .diff-html-added { BACKGROUND-COLOR: #cfc } .added-sample { BACKGROUND-COLOR: #cfc } .diff-html-removed { TEXT-DECORATION: line-through; BACKGROUND-COLOR: #fdc6c6 } .removed-sample { TEXT-DECORATION: line-through; BACKGROUND-COLOR: #fdc6c6 } .diff-html-changed { CURSOR: pointer; BACKGROUND: url(images/diffunderline.gif) repeat-x 50% bottom } .changed-sample { CURSOR: pointer; BACKGROUND: url(images/diffunderline.gif) repeat-x 50% bottom } .diff-html-added IMG { BORDER-TOP: #cfc 2px solid; BORDER-RIGHT: #cfc 2px solid; BORDER-BOTTOM: #cfc 2px solid; BORDER-LEFT: #cfc 2px solid } .addedImg-sample { BORDER-TOP: #cfc 2px solid; BORDER-RIGHT: #cfc 2px solid; BORDER-BOTTOM: #cfc 2px solid; BORDER-LEFT: #cfc 2px solid } .diff-html-removed IMG { BORDER-TOP: #fdc6c6 2px solid; BORDER-RIGHT: #fdc6c6 2px solid; BORDER-BOTTOM: #fdc6c6 2px solid; BORDER-LEFT: #fdc6c6 2px solid } .removedImg-sample { BORDER-TOP: #fdc6c6 2px solid; BORDER-RIGHT: #fdc6c6 2px solid; BORDER-BOTTOM: #fdc6c6 2px solid; BORDER-LEFT: #fdc6c6 2px solid } .diff-html-changed IMG { BORDER-TOP: #009 2px dotted; BORDER-RIGHT: #009 2px dotted; BORDER-BOTTOM: #009 2px dotted; BORDER-LEFT: #009 2px dotted } .changedImg-sample { BORDER-TOP: #009 2px dotted; BORDER-RIGHT: #009 2px dotted; BORDER-BOTTOM: #009 2px dotted; BORDER-LEFT: #009 2px dotted } DIV.diff-removed-image { RIGHT: 0px; POSITION: absolute; LEFT: 0px; FILTER: alpha(opacity=55); MARGIN: 2px; TOP: 0px; BOTTOM: 0px; opacity: .55; -moz-opacity: .55 } DIV.diff-added-image { RIGHT: 0px; POSITION: absolute; LEFT: 0px; FILTER: alpha(opacity=55); MARGIN: 2px; TOP: 0px; BOTTOM: 0px; opacity: .55; -moz-opacity: .55 } .diff-addedImg-sample { RIGHT: 0px; POSITION: absolute; LEFT: 0px; FILTER: alpha(opacity=55); MARGIN: 2px; TOP: 0px; BOTTOM: 0px; opacity: .55; -moz-opacity: .55 } DIV.diff-removed-image { BACKGROUND-IMAGE: url(images/diffmin.gif); BACKGROUND-COLOR: #fdc6c6 } .diff-removedImg-sample { BACKGROUND-IMAGE: url(images/diffmin.gif); BACKGROUND-COLOR: #fdc6c6 } DIV.diff-added-image { BACKGROUND-IMAGE: url(images/diffplus.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #cfc } .diff-addedImg-sample { BACKGROUND-IMAGE: url(images/diffplus.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #cfc } DIV.blogContainer DIV.wikiPage { BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 2px solid; BORDER-BOTTOM: #ccc 2px solid; BORDER-LEFT: #ccc 2px solid } DIV.blogContainer DIV.wikiPage H4 { FONT-SIZE: 120%; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 9px; PADDING-LEFT: 30px; PADDING-RIGHT: 12px } DIV.blogContainer DIV.entryFooter H4 { FONT-SIZE: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.blogContainer DIV.entryDate { FONT-SIZE: 95%; FONT-FAMILY: Georgia, serif; COLOR: #666; PADDING-BOTTOM: 6px; FONT-STYLE: italic; PADDING-TOP: 6px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px } .editWiki { MARGIN: 9px } .playerControls { MARGIN-BOTTOM: 2px; POSITION: relative; PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 6px !important; MARGIN-TOP: 0px; PADDING-RIGHT: 6px !important } IMG.managedPluginStatusIcon { MARGIN: 1px 7px 3px 0px } UL.metaDataList { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.metaDataList LI { PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px } UL.metaDataList LI H3 { MARGIN: 0px; DISPLAY: inline } .bb-cpgbtd { FONT-SIZE: 90% } .bb-cpgbth { FONT-SIZE: 90% } .bb-cpmgtd { FONT-SIZE: 85%; COLOR: #000 } .bb-cpmgth { FONT-SIZE: 85%; FONT-WEIGHT: bold } #resizeHandle { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; WIDTH: 3px; BACKGROUND: #ddd; BORDER-BOTTOM: #999 1px solid; POSITION: absolute; LEFT: 200px; BORDER-LEFT: #999 1px solid; MARGIN-TOP: 0px; TOP: 0px; BOTTOM: 0px; -webkit-border-radius: 1px; -moz-border-radius: 1px } #resizeHandle:hover { CURSOR: e-resize; BACKGROUND: #aaa } #resizeHandle:focus { CURSOR: e-resize; BACKGROUND: #aaa } #resizeHandle .collapseControl { FONT-SIZE: 8px; BORDER-TOP: #999 1px solid; HEIGHT: 22px; BORDER-RIGHT: #999 1px solid; WIDTH: 11px; BACKGROUND: url(images/menu_collapse3.gif) no-repeat -2px -3px; BORDER-BOTTOM: #999 1px solid; POSITION: relative; LEFT: -5px; BORDER-LEFT: #999 1px solid; MARGIN-TOP: 200px; DISPLAY: block; -webkit-border-radius: 2px; -moz-border-radius: 2px } #resizeHandle .pullcollapsed { FONT-SIZE: 8px; BORDER-TOP: #999 1px solid; HEIGHT: 22px; BORDER-RIGHT: #999 1px solid; WIDTH: 11px; BACKGROUND: url(images/menu_collapse3.gif) no-repeat -2px -3px; BORDER-BOTTOM: #999 1px solid; POSITION: relative; LEFT: -5px; BORDER-LEFT: #999 1px solid; MARGIN-TOP: 200px; DISPLAY: block; -webkit-border-radius: 2px; -moz-border-radius: 2px } .collapseControl:hover { CURSOR: pointer } .collapseControl:focus { CURSOR: pointer } .caretTitleModifier { FONT-SIZE: 90%; FONT-WEIGHT: normal; COLOR: #444; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 3px; PADDING-RIGHT: 0px } .landingPageColumn H3.hiddenlink .linkStatus { FONT-SIZE: 85%; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px; PADDING-TOP: 0.4em; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } TABLE.inventory .vtbegenerated TBODY TR TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.inventory .vtbegenerated TBODY TR TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.inventory .vtbegenerated TBODY TR:hover TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.inventory .vtbegenerated TBODY TR:hover TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR:hover TD { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR:hover TH { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } TABLE.reorderable .vtbegenerated TBODY TR:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .additional { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; MARGIN: 0px 0px 6px; PADDING-RIGHT: 3px } .additional .left { FLOAT: left } .additional .right { FLOAT: right; COLOR: #777; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .additional .right SPAN.size { FONT-WEIGHT: bold; COLOR: #000 } .additional .left SPAN.suboption { DISPLAY: block } A.add { BORDER-TOP-COLOR: #42af41; BORDER-LEFT-COLOR: #42af41; BORDER-BOTTOM-COLOR: #42af41; BORDER-RIGHT-COLOR: #42af41; BACKGROUND-COLOR: #b3efb3 } A.add:hover { BORDER-TOP-COLOR: #42af41; BORDER-LEFT-COLOR: #42af41; BORDER-BOTTOM-COLOR: #42af41; BORDER-RIGHT-COLOR: #42af41; BACKGROUND-COLOR: #e4ffdf } A.add:focus { BORDER-TOP-COLOR: #42af41; BORDER-LEFT-COLOR: #42af41; BORDER-BOTTOM-COLOR: #42af41; BORDER-RIGHT-COLOR: #42af41; BACKGROUND-COLOR: #e4ffdf } A.remove { BORDER-TOP-COLOR: #ef3b3b; BORDER-LEFT-COLOR: #ef3b3b; BORDER-BOTTOM-COLOR: #ef3b3b; BORDER-RIGHT-COLOR: #ef3b3b; BACKGROUND-COLOR: #ffc4bf } A.remove:hover { BORDER-TOP-COLOR: #ef3b3b; BORDER-LEFT-COLOR: #ef3b3b; BORDER-BOTTOM-COLOR: #ef3b3b; BORDER-RIGHT-COLOR: #ef3b3b; BACKGROUND-COLOR: #ffd2cf } A.remove:focus { BORDER-TOP-COLOR: #ef3b3b; BORDER-LEFT-COLOR: #ef3b3b; BORDER-BOTTOM-COLOR: #ef3b3b; BORDER-RIGHT-COLOR: #ef3b3b; BACKGROUND-COLOR: #ffd2cf } .smallControls { FONT-SIZE: 90%; MIN-WIDTH: 19em; MARGIN-TOP: 3px !important } .smallControls .label { WIDTH: 29% } .smallControls .field { WIDTH: 70% } .smallControls .stepHelp { FONT-SIZE: 100% !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px }

@font-face { font-family: Utilicons-discussions; src: url(fonts/utilicons/utilicons-web-webfont.eot); } .listColumnHead { MARGIN-BOTTOM: 3px; FONT-SIZE: 90%; BORDER-BOTTOM: #ccc 1px dotted; FONT-WEIGHT: bold; COLOR: #555 } .customFormBuilderLabel { WORD-WRAP: break-word; WIDTH: 88%; DISPLAY: block } .textareaWrapper TEXTAREA { WIDTH: 100% } .textareaWrapper TABLE { WIDTH: 100% } .portlet #loginFooter { FONT-SIZE: 0.9em; BACKGROUND-IMAGE: none; COLOR: #444; PADDING-BOTTOM: 9px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .portlet #loginFooter UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .portlet #loginFooter UL LI { BACKGROUND-IMAGE: none; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; BORDER-LEFT: #999 1px dotted; PADDING-RIGHT: 10px } .portlet #loginFooter UL LI:first-child { BORDER-LEFT: medium none } .portlet #loginFooter UL LI .active:link { TEXT-DECORATION: none; COLOR: #666 } .tools.navPalette { } A { COLOR: #b00 } .portlet .subCategories LI A { COLOR: #b00 } .blockGroups .itemHead { COLOR: #b00 } .blockGroups .itemHeadOpen { COLOR: #b00 } .listCm .courseMenu A:hover SPAN { COLOR: #b00 !important } .listCm .courseMenu A:focus SPAN { COLOR: #b00 !important } .vtbegenerated A { TEXT-DECORATION: underline } .item H3 A SPAN { BORDER-BOTTOM: 1px dotted } .individualContent-link > SPAN { BORDER-BOTTOM: 1px dotted } .read > A > SPAN { BORDER-BOTTOM: 1px dotted } .item H3 A:hover SPAN { BORDER-BOTTOM-STYLE: solid } .item H3 A:focus SPAN { BORDER-BOTTOM-STYLE: solid } .individualContent-link:hover > SPAN { BORDER-BOTTOM-STYLE: solid } .individualContent-link:focus > SPAN { BORDER-BOTTOM-STYLE: solid } .rating { LIST-STYLE-TYPE: none; HEIGHT: 16px; WIDTH: 80px; BACKGROUND: url(images/controls.png) no-repeat 0px -20px; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .star0 { BACKGROUND-POSITION: 0px -20px } .star1 { BACKGROUND-POSITION: 0px -36px } .star2 { BACKGROUND-POSITION: 0px -52px } .star3 { BACKGROUND-POSITION: 0px -68px } .star4 { BACKGROUND-POSITION: 0px -84px } .star5 { BACKGROUND-POSITION: 0px -100px } UL.rating LI { CURSOR: pointer; TEXT-INDENT: -999em } UL.rating LI A { TEXT-DECORATION: none; HEIGHT: 16px; WIDTH: 16px; POSITION: absolute; LEFT: 0px; Z-INDEX: 200; TOP: 0px } UL.rating LI.one A { LEFT: 0px } 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 { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 80px; BACKGROUND: url(images/controls.png) no-repeat -90px -36px; LEFT: 0px; Z-INDEX: 2 } UL.rating LI A:focus { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 80px; BACKGROUND: url(images/controls.png) no-repeat -90px -36px; LEFT: 0px; Z-INDEX: 2 } UL.rating LI.one A:hover { BACKGROUND-POSITION: -90px -36px } UL.rating LI.one A:focus { BACKGROUND-POSITION: -90px -36px } UL.rating LI.two A:hover { BACKGROUND-POSITION: -90px -52px } UL.rating LI.two A:focus { BACKGROUND-POSITION: -90px -52px } UL.rating LI.three A:hover { BACKGROUND-POSITION: -90px -68px } UL.rating LI.three A:focus { BACKGROUND-POSITION: -90px -68px } UL.rating LI.four A:hover { BACKGROUND-POSITION: -90px -84px } UL.rating LI.four A:focus { BACKGROUND-POSITION: -90px -84px } UL.rating LI.five A:hover { BACKGROUND-POSITION: -90px -100px } UL.rating LI.five A:focus { BACKGROUND-POSITION: -90px -100px } DIV.collectionViewReadMessageBorder { MARGIN-LEFT: 30px; BORDER-LEFT: #ccc 1px solid } DIV.collectionViewUnreadMessageBorder { BORDER-TOP: #999 3px solid; BORDER-RIGHT: #999 3px solid; BORDER-BOTTOM: #999 3px solid; MARGIN-LEFT: 30px; BORDER-LEFT: #999 3px solid } .gradefield { OVERFLOW: visible; FONT-SIZE: 120%; VERTICAL-ALIGN: middle; COLOR: #000; PADDING-BOTTOM: 4px; TEXT-ALIGN: center; PADDING-TOP: 4px; PADDING-LEFT: 12px; MARGIN: 9px 0px; PADDING-RIGHT: 12px } .gradefield INPUT { FONT-SIZE: 110%; BORDER-TOP: #666 2px solid; FONT-FAMILY: arial, sans-serif; BORDER-RIGHT: #666 2px solid; VERTICAL-ALIGN: middle; BACKGROUND: #fff; BORDER-BOTTOM: #666 2px solid; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; PADDING-LEFT: 3px; MARGIN: 0px; BORDER-LEFT: #666 2px solid; LINE-HEIGHT: 100%; PADDING-RIGHT: 3px } .gradefield INPUT.inputtypebutton { OVERFLOW: visible; FONT-SIZE: 80%; BORDER-TOP: #ccc 1px solid; HEIGHT: auto; BORDER-RIGHT: #ccc 1px solid; WIDTH: auto; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 2px; PADDING-LEFT: 8px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 8px } .gradefield A { FONT-SIZE: 120%; FONT-WEIGHT: bold } .gradefield SPAN { FONT-SIZE: 80%; COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .overridegrade { FONT-SIZE: 80%; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 3px 0px 3px 9px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 12px } .overridegrade INPUT.inputtypebutton { FONT-SIZE: 70%; VERTICAL-ALIGN: middle; FONT-WEIGHT: normal; MARGIN-TOP: -3px } DIV.parentmessage { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 9px; PADDING-TOP: 3px; PADDING-LEFT: 6px; CLEAR: both; MARGIN: 6px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px } .availability { FONT-SIZE: 85%; WIDTH: auto; PADDING-BOTTOM: 1px; FONT-STYLE: italic; PADDING-TOP: 1px; PADDING-LEFT: 3px; MARGIN: 6px 0px; PADDING-RIGHT: 3px } TD.tag_controls { BACKGROUND: #cad7e7; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 3px } TD.msg_controls { BACKGROUND: #cad7e7; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; PADDING-RIGHT: 3px } TD.checkbox_cell { BORDER-RIGHT: #ccc 1px solid; VERTICAL-ALIGN: top; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } TD.prevnextpostarea { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 5px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 5px } H3.dbheading { MARGIN-BOTTOM: 0px; FONT-WEIGHT: normal; MARGIN-TOP: 0px; DISPLAY: inline } .dbThread { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #aaa 1px solid; POSITION: relative; MARGIN: 0px 0px 12px; BORDER-LEFT: #aaa 1px solid; -webkit-box-shadow: 0 3px 6px #ccc; -moz-box-shadow: 0 3px 6px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px } .dbThreadMessage .dbThread { MARGIN: 24px 30px } .dbThreadCheckbox { POSITION: absolute } .dbThreadCheckbox INPUT { MARGIN: 10px } .dbThread .dbThreadInfo { COLOR: #555 } .dbThreadInfo DL { FLOAT: left; MARGIN: 0px } .dbThreadInfo DT { WIDTH: 8em; FLOAT: left; FONT-WEIGHT: bold; COLOR: #999; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em; PADDING-LEFT: 0.1em; CLEAR: left; MARGIN: 0px; PADDING-RIGHT: 0.1em } .dbThreadInfo DD { FLOAT: left; PADDING-BOTTOM: 0.1em; PADDING-TOP: 0.1em; PADDING-LEFT: 0.1em; MARGIN: 0px 0px 0px 0.5em; PADDING-RIGHT: 0.1em } DIV.dbThreadFooter DIV.navButtons { WIDTH: 100% } DIV.dbThreadHeader DIV.navButtons { WIDTH: 100% } DIV.dbThreadFooter DIV.threadButtons { WIDTH: 100% } DIV.dbThreadHeader DIV.threadButtons { WIDTH: 100% } .dbThreadBody { OUTLINE-WIDTH: 0px; OUTLINE-STYLE: none; CLEAR: both; OUTLINE-COLOR: invert } .dbThreadBody P { FONT: 120%/1.3 Georgia, serif } P.dbAttachment { FONT: 100% "Lucida Grande", sans-serif; MARGIN: 0px 0px 12px } .dbParentPost P.dbAttachment { FONT: 100% "Lucida Grande", sans-serif; MARGIN: 0px 0px 12px } DIV.spacerDiv { CLEAR: both } .pageTitle { BACKGROUND: #eee; BORDER-BOTTOM: #ddd 1px solid } .reply-lvl-0 { MARGIN: 14px 0px 24px } .db-head-message { MARGIN: 14px 0px 24px } DIV.dbParentPost { BORDER-TOP: #bbb 1px dashed; BORDER-RIGHT: #bbb 1px dashed; BORDER-BOTTOM: #bbb 1px dashed; BORDER-LEFT: #bbb 1px dashed; -webkit-border-radius: 3px; -moz-border-radius: 3px } UL.nestedInlineReceipt { MARGIN: 4px 8px } .db-reply-block { MARGIN: 0px 0px 12px } #inlineMessageForm #dataCollectionContainer { MARGIN: -9px 0px 0px } #collectionContainer .dbThreadBody { PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } #collectionContainer .dbThreadFooter { MARGIN: 0px 10px } #collectionListContainerDiv .rumble_top UL { FLOAT: left } .thread-detail-page .actionBar { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; RIGHT: -4px; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#777777,endColorstr=#555555) !important; BORDER-LEFT: #555 1px solid; TOP: -4px; opacity: 0; box-shadow: 0 0 3px rgba(0, 0, 0, .3), 1px 1px 1px rgba(255, 255, 255, .2) inset; border-radius: 3px; -webkit-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out } .thread-detail-page .contentPane:hover .actionBar { FILTER: alpha(opacity=100) !important; opacity: 1 } .thread-detail-page .contentBox:hover .actionBar { FILTER: alpha(opacity=100) !important; opacity: 1 } .thread-detail-page .actionBar .secondaryButton > A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; FILTER: none !important; BORDER-LEFT: 0px; PADDING-RIGHT: 9px; text-shadow: 0 1px 1px rgba(0, 0, 0, .9) } .thread-detail-page .actionBar .mainButton > A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; COLOR: #e9e9e9 !important; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; FILTER: none !important; BORDER-LEFT: 0px; PADDING-RIGHT: 9px; text-shadow: 0 1px 1px rgba(0, 0, 0, .9) } .thread-detail-page .actionBar .secondaryButton > A:hover { BACKGROUND: #555; COLOR: #fff !important; -webkit-box-shadow: none; box-shadow: none } .thread-detail-page .actionBar .secondaryButton > A:focus { BACKGROUND: #555; COLOR: #fff !important; -webkit-box-shadow: none; box-shadow: none } .thread-detail-page .actionBar .mainButton > A:hover { BACKGROUND: #555; COLOR: #fff !important; -webkit-box-shadow: none; box-shadow: none } .thread-detail-page .actionBar .mainButton > A:focus { BACKGROUND: #555; COLOR: #fff !important; -webkit-box-shadow: none; box-shadow: none } .thread-detail-page #navsecondary .secondaryButton { POSITION: relative !important } .thread-detail-page #navsecondary .secondaryButton A { OVERFLOW: hidden; FONT-SIZE: 100%; BORDER-TOP: 0px; HEIGHT: 32px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; POSITION: relative; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 34px !important; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: 32px; PADDING-RIGHT: 9px !important } .thread-detail-page .actionBar .mainButton A { OVERFLOW: hidden; FONT-SIZE: 100%; BORDER-TOP: 0px; HEIGHT: 32px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; POSITION: relative; FONT-WEIGHT: normal; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 34px !important; BORDER-LEFT: 0px; DISPLAY: block; LINE-HEIGHT: 32px; PADDING-RIGHT: 9px !important } .thread-detail-page #navsecondary .secondaryButton A:before { POSITION: absolute; COLOR: #ccc; FONT: 20px "Utilicons-discussions"; LEFT: 10px; TOP: 7px } .thread-detail-page .actionBar .mainButton A:before { POSITION: absolute; COLOR: #ccc; FONT: 20px "Utilicons-discussions"; LEFT: 10px; TOP: 7px } .thread-detail-page #navsecondary .secondaryButton A:hover:before { COLOR: #fff } .thread-detail-page #navsecondary .secondaryButton A:focus:before { COLOR: #fff } .thread-detail-page .actionBar .mainButton A:hover:before { COLOR: #fff } .thread-detail-page .actionBar .mainButton A:focus:before { COLOR: #fff } .thread-detail-page #navsecondary A#refreshTreeActionButtonId:before { CONTENT: "r" } .thread-detail-page #navsecondary #searchActionButtonId A:before { CONTENT: "F" } .thread-detail-page A#moderateActionButtonId:before { CONTENT: "q" } .thread-detail-page A#subUnSubActionButtonId:before { CONTENT: "M" } .thread-detail-page #navsecondary #alignmentsActionButtonId A:before { CONTENT: "a" } .thread-detail-page A#gradeActionButtonId:before { CONTENT: "g" } .thread-detail-page A#studentGradeActionButtonId:before { CONTENT: "g" } .reply-lvl-0 .message-wrapper-inner { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #e6e6e6; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; box-shadow: 1px 1px 0 rgba(255, 255, 255, .9), 0 0 18px rgba(0, 0, 0, .1) inset; border-radius: 2px } .db-head-message .message-wrapper-inner { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #e6e6e6; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; box-shadow: 1px 1px 0 rgba(255, 255, 255, .9), 0 0 18px rgba(0, 0, 0, .1) inset; border-radius: 2px } .reply-lvl-0 .threadButtons .reply { FONT-SIZE: 105%; BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; VERTICAL-ALIGN: baseline; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; FONT-WEIGHT: bold; COLOR: #fff; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5CA1E3,endColorstr=#274561); BORDER-LEFT: #274561 1px solid; PADDING-RIGHT: 16px; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8) } .reply-lvl-0 .threadButtons .reply:hover { BORDER-TOP: #274561 1px solid; BORDER-RIGHT: #274561 1px solid; BACKGROUND: #5ca1e3; BORDER-BOTTOM: #274561 1px solid; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#274561,endColorstr= #274561); BORDER-LEFT: #274561 1px solid; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .reply-lvl-0 .threadButtons .browse { FONT-SIZE: 105%; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: baseline; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #333; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .threadButtons .browse { FONT-SIZE: 105%; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: baseline; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #333; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .threadButtons .reply { FONT-SIZE: 105%; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: baseline; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #333; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .reply-lvl-0 .threadButtons .browse:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: black; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .threadButtons .browse:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: black; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .threadButtons .reply:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: black; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .threadButtons .browse { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .threadButtons .reply { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .threadButtons .reply { FONT-WEIGHT: bold } .messageCollectionContainer { WIDTH: 75%; FLOAT: left } DIV.instructionData { MARGIN: 0px 0px 12px } DIV.instructionData UL { LIST-STYLE-TYPE: none; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.instructionData UL LI { LIST-STYLE-TYPE: none; FLOAT: left; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 12px 0px 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.instructionData UL LI SPAN { FONT-SIZE: 90%; COLOR: #555 } DIV.instructionData UL LI H3 { FONT-SIZE: 100%; MARGIN: 0px; DISPLAY: inline } DIV.instructionData UL LI.instructions { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 6px 0px 0px; PADDING-RIGHT: 0px } DIV.instructionData UL LI.saving { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 6px 0px 0px; PADDING-RIGHT: 0px } DIV.instructionData UL LI.instructions A.browse { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: medium none; BORDER-LEFT: #ccc 1px solid } .assessmentInstructions { BACKGROUND: #f1f1f1; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 12px } .assessmentInstructions H3 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 0px; PADDING-RIGHT: 0px } .assessmentPortlet { RIGHT: 43px; POSITION: fixed; Z-INDEX: 1 } .assessmentPortlet H3 { FONT-SIZE: 100%; FONT-WEIGHT: bold; COLOR: #597298; LETTER-SPACING: 1px } .assessmentPortlet DIV.assessmentPortletBlock H4 { FONT-SIZE: 100%; FONT-WEIGHT: bold; COLOR: #597298; LETTER-SPACING: 1px } .assessmentPortlet DIV.blockContents H4 { FONT-SIZE: 100%; FONT-WEIGHT: bold; COLOR: #597298; LETTER-SPACING: 1px } .savingQuestion { FONT-SIZE: 150%; BACKGROUND: none transparent scroll repeat 0% 0%; POSITION: relative; COLOR: #c03; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: none; PADDING-RIGHT: 2px } TR.dummyVTBEFooter TD { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid } .qIncomplete { TEXT-DECORATION: none; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; WIDTH: 30px; BACKGROUND: #fff; BORDER-BOTTOM: #999 1px solid; FLOAT: left; FONT-WEIGHT: bold; COLOR: #333; TEXT-ALIGN: center; MARGIN: 1px; BORDER-LEFT: #999 1px solid; DISPLAY: block } .qComplete { TEXT-DECORATION: none; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; WIDTH: 30px; BORDER-BOTTOM: #999 1px solid; FLOAT: left; FONT-WEIGHT: normal; COLOR: #888; TEXT-ALIGN: center; MARGIN: 1px; BORDER-LEFT: #999 1px solid; DISPLAY: block; BACKGROUND-COLOR: #ccc } DIV.canvasHead { BACKGROUND: #f6f6f6; PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 16px; MARGIN: 0.6em 0px; PADDING-RIGHT: 16px } DIV.canvasHead UL LI { BORDER-TOP: #eee 1px solid } DIV.canvasHead UL LI:first-child { BORDER-TOP: medium none } DIV.canvasHead UL LI DIV.label { COLOR: #555 } .peer_instructions { MARGIN: 12px 6px } .peerHelp { COLOR: #555 } H2.evaluator { MARGIN: 1em 0px 0.3em } H2.evaluator SPAN { FONT-SIZE: 90%; FONT-WEIGHT: normal } DIV.peerCriteriaStatus { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 0.3em; PADDING-TOP: 0.3em; PADDING-LEFT: 0.3em; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 0.3em } DIV.peerCriteriaStatus A.itemHeadOpen { FONT-SIZE: 90%; TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #597298; MARGIN: 0px; DISPLAY: block; LETTER-SPACING: 1px } DIV.peerCriteriaStatus A.itemHeadOpen:hover { TEXT-DECORATION: underline } DIV.peerCriteriaStatus TD.qStatus { WIDTH: 5%; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px } DIV.peerCriteriaStatus TD.qStatus A SPAN { BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid; BACKGROUND: white; BORDER-BOTTOM: #fff 1px solid; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 2px; BORDER-LEFT: #fff 1px solid; PADDING-RIGHT: 1px } DIV.peerCriteriaStatus TD.qStatus A SPAN.qComplete { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } DIV.peerCriteriaStatus TD.qStatus A.qActive SPAN.qComplete { TEXT-DECORATION: none; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid } DIV.peerCriteriaStatus TD.qStatus A.qActive SPAN.qIncomplete { TEXT-DECORATION: none; BORDER-TOP: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid } DIV.peerCriteriaStatus A SPAN IMG { HEIGHT: 12px; WIDTH: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } .questionNumber { FONT-WEIGHT: bold } .questionType { FONT-WEIGHT: bold } .questionNumber { COLOR: #aaa } .questionDiv { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0.6em; PADDING-TOP: 0.6em; PADDING-LEFT: 0.6em; MARGIN: -1px 0px 6px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 0.6em } .questionDiv H3 { BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 0.6em; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0.6em; PADDING-RIGHT: 0px } .questionDiv P { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.6em 1.2em; PADDING-RIGHT: 0px } .questionDiv DIV.criteriaText { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.6em 1.2em; PADDING-RIGHT: 0px } .questionDiv DIV.submission_text { OVERFLOW: auto; BORDER-TOP: #ccc 1px solid; HEIGHT: 150px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 100%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 4px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 4px } .questionDiv TABLE { WIDTH: 98% } .questionDiv TABLE TABLE { WIDTH: auto } .questionDiv TD.label { WIDTH: 150px; WHITE-SPACE: nowrap } #creceipt { FONT-WEIGHT: bold; COLOR: red; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } UL.fileData { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 3px 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.fileData LI { FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 6px } UL.listNav { LIST-STYLE-TYPE: none; WIDTH: 100%; BACKGROUND: #ddd; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.listNav LI { BACKGROUND: #ededed; WHITE-SPACE: nowrap; FLOAT: left; COLOR: #2d2680; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 1px; PADDING-RIGHT: 0px } UL.listNav LI A { TEXT-DECORATION: none; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; DISPLAY: block; PADDING-RIGHT: 10px } UL.listNav LI A:hover { TEXT-DECORATION: underline; BACKGROUND-COLOR: #dedede } UL.listNav LI A.active { BORDER-TOP: #000 2px solid; BORDER-RIGHT: #000 2px solid; BACKGROUND: #fff; BORDER-BOTTOM: #000 2px solid; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 8px; BORDER-LEFT: #000 2px solid; PADDING-RIGHT: 8px } UL.evaluation { LIST-STYLE-TYPE: none; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0.6em 1.2em; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } UL.evaluation LI { BORDER-TOP: #ddd 1px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px; PADDING-RIGHT: 0px } UL.evaluation LI P { WIDTH: 79%; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 1px 0px; PADDING-RIGHT: 0px } UL.evaluation H4 { FONT-SIZE: 100%; WIDTH: 20%; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 4px; MARGIN: 1px 0px; PADDING-RIGHT: 0px } UL.evaluation LI P SPAN { COLOR: #555 } DIV.stepPanel DIV.user_html { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 5px 5px 12px 12px; PADDING-RIGHT: 0px } UL.stepPanels H4.defaultCursor { CURSOR: default } H4.defaultCursor { CURSOR: default } .qShow { DISPLAY: block } .qHide { DISPLAY: none } .completionContainer { OVERFLOW: auto; PADDING-BOTTOM: 6px; PADDING-TOP: 6px } .completionContainerLarge { OVERFLOW: auto; HEIGHT: 75px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px } .completionContainer A IMG { VERTICAL-ALIGN: baseline } .pagedRumble { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 2px; MARGIN: 0px 0px 14px; BORDER-LEFT: 0px; PADDING-RIGHT: 2px } .pagedPointsOutsideBar { FONT-SIZE: 110%; BACKGROUND: #fae7ae 0px 50%; RIGHT: 6px; POSITION: relative; FONT-WEIGHT: bold; COLOR: #000 !important; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; LEFT: auto; MARGIN: 0px; LETTER-SPACING: 1px; LINE-HEIGHT: 100%; TOP: 0px; PADDING-RIGHT: 0px } .pagedPoints { FONT-SIZE: 110%; BACKGROUND: #fae7ae 0px 50%; FONT-WEIGHT: bold; COLOR: #000 !important; PADDING-BOTTOM: 6px; PADDING-TOP: 5px; PADDING-LEFT: 10px; MARGIN: -5px 24px -5px -10px; LETTER-SPACING: 1px; LINE-HEIGHT: 100%; PADDING-RIGHT: 0px } .designAreaHeader { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 9px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 9px } .designAreaFooter { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 9px; PADDING-TOP: 6px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 9px } .designAreaHeader H3 { COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .designAreaFooter H3 { COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .designAreaHeader .headertext { PADDING-BOTTOM: 0.4em; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 0px } .designAreaFooter .footertext { PADDING-BOTTOM: 0.4em; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV#emptyText { MARGIN: 0.6em 16px } .infoListWrapper { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BACKGROUND: #f6f6f6; BORDER-BOTTOM: #eee 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px 0px 6px; BORDER-LEFT: #eee 1px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } #assessmentGradeForm .infoListWrapper { MARGIN: 0px -12px 18px } .infoListWrapper H3 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .infoListWrapper H3 A { BACKGROUND: url(images/indicators.png) no-repeat 0px -443px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 16px; DISPLAY: block; PADDING-RIGHT: 16px } .infoListWrapper H3 A.open { BACKGROUND: url(images/indicators.png) no-repeat 0px -1040px } .infoList { MARGIN: 6px 12px } .infoList > LI { BORDER-TOP: #ddd 1px dotted; PADDING-BOTTOM: 0px !important; PADDING-TOP: 3px !important; PADDING-LEFT: 0px !important; MARGIN: 0px 0px 3px; PADDING-RIGHT: 0px !important } .infoListWrapper .infoList > LI { BORDER-TOP: #cdcdcd 1px dotted } .infoList LI:first-child { BORDER-TOP: medium none } .infoList LI DIV H3 { FONT-SIZE: 100%; FONT-WEIGHT: normal; COLOR: #555; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .details .infoList { MARGIN-TOP: 0px !important } .infoListFloat { MARGIN: 0px } .infoListFloat LI { FONT-SIZE: 95%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: url(images/indicators.png) no-repeat 0px 50%; BORDER-BOTTOM: medium none; FLOAT: left; COLOR: #555; PADDING-BOTTOM: 3px !important; PADDING-TOP: 3px !important; PADDING-LEFT: 10px !important; BORDER-LEFT: medium none; PADDING-RIGHT: 10px !important } .copyQuestion { PADDING-BOTTOM: 2px !important; PADDING-LEFT: 22px !important } .linkQuestion { PADDING-BOTTOM: 2px !important; PADDING-LEFT: 22px !important } .copyQuestion { BACKGROUND: url(/images/ci/icons/file_copy_ti.png) no-repeat 1px center } .linkQuestion { BACKGROUND: url(/images/ci/icons/file_link_ti.png) no-repeat 1px center } DIV.contentListRight { RIGHT: 9px; POSITION: absolute; FONT-WEIGHT: normal; PADDING-BOTTOM: 4px; TEXT-ALIGN: right; PADDING-TOP: 4px; PADDING-LEFT: 4px; Z-INDEX: 1000; TOP: 9px; PADDING-RIGHT: 4px } DIV.contentListRight A { FONT-WEIGHT: bold; MARGIN-LEFT: 4px } DIV.contentListRight SPAN:first-child + SPAN { FONT-SIZE: 85% } DIV.contentListRight SPAN:first-child + SPAN + SPAN { FONT-SIZE: 85% } DIV.contentListRight SPAN:first-child + SPAN:before { CONTENT: "(" } DIV.contentListRight SPAN:first-child + SPAN + SPAN:before { CONTENT: "(" } DIV.contentListRight SPAN:first-child + SPAN:after { CONTENT: ")" } DIV.contentListRight SPAN:first-child + SPAN + SPAN:after { CONTENT: ")" } DIV.contentListRight SPAN:first-child[style*='none'] + SPAN { DISPLAY: none } DIV.contentListRight SPAN:first-child[style*='none'] + SPAN + SPAN { DISPLAY: none } DIV.contentListRight SPAN SPAN { FONT-SIZE: 90%; COLOR: #666; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } DIV.contentListRight STRONG { PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0.4em; PADDING-RIGHT: 0.4em } DIV.assessmentHeader { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 6px } DIV.assessmentHeader H3 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 3px 3px 6px; PADDING-RIGHT: 0px } DIV.assessmentHeader DIV { COLOR: #555; MARGIN: 3px } .assess-stats .contentListPlain { MARGIN-TOP: 0px } .assess-stats .contentListRightOffset { FLOAT: left } .assess-stats .contentListRight { POSITION: static; FLOAT: right } .assess-stats .contentListRight .taskbuttondiv { FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .assess-stats .details { CLEAR: both } .questionShell { BORDER-BOTTOM: #ccc 1px solid } .quesTable TH[scope=col] { COLOR: #666 } .assess-stats .bMedium TH[scope=col] { COLOR: #666 } .questionShell > TR { BORDER-TOP: #f1f1f1 1px solid } .questionShell > TBODY > TR { BORDER-TOP: #f1f1f1 1px solid } .questionShell > TR:first-child { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .questionShell > TBODY > TR:first-child { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .questionShell TH.labelCell { FONT-WEIGHT: bold; COLOR: #888 } .questionShell .labelCell { FONT-WEIGHT: bold; COLOR: #888 } .questionShell .field { BORDER-BOTTOM: #ccc 1px dotted } .takeQuestionDiv .liveArea.stepTitleRight { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-COLOR: #ccc; BORDER-BOTTOM-WIDTH: 1px; RIGHT: 0px; BORDER-LEFT-COLOR: #ccc; PADDING-BOTTOM: 8px; BORDER-BOTTOM-COLOR: #ccc; PADDING-TOP: 8px; PADDING-LEFT: 12px; BORDER-RIGHT-COLOR: #ccc; TOP: 0px; PADDING-RIGHT: 30px; BORDER-TOP-WIDTH: 0px; -webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px } #assessmentGradeForm .liveArea.stepTitleRight { BORDER-LEFT-WIDTH: 1px; BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-COLOR: #ccc; BORDER-BOTTOM-WIDTH: 1px; RIGHT: 0px; BORDER-LEFT-COLOR: #ccc; PADDING-BOTTOM: 8px; BORDER-BOTTOM-COLOR: #ccc; PADDING-TOP: 8px; PADDING-LEFT: 12px; BORDER-RIGHT-COLOR: #ccc; TOP: 0px; PADDING-RIGHT: 30px; BORDER-TOP-WIDTH: 0px; -webkit-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; -moz-box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; box-shadow: 1px -1px 3px rgba(0, 0, 0, 0.05) inset; -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px } DIV.multiAssign { MARGIN: 3px 0px 9px } DIV.multiAssign UL { LIST-STYLE-TYPE: none; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } DIV.multiAssign UL LI { FONT-SIZE: 90%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 13em; BACKGROUND: #f6f6f6; BORDER-BOTTOM: 0px; FLOAT: left; PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 6px; CLEAR: none; MARGIN: 0px 9px 0px 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 1.3em; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } DIV.multiAssign UL LI.read { FONT-SIZE: 90%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 13em; BACKGROUND: #f6f6f6; BORDER-BOTTOM: 0px; FLOAT: left; PADDING-BOTTOM: 6px; TEXT-ALIGN: center; PADDING-TOP: 1px; PADDING-LEFT: 6px; CLEAR: none; MARGIN: 0px 9px 0px 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 1.3em; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } DIV.multiAssign UL LI A { FONT-SIZE: 100%; FONT-WEIGHT: bold } DIV.multiAssign UL LI A { FONT-SIZE: 100%; FONT-WEIGHT: bold } DIV.multiAssign UL LI P { PADDING-BOTTOM: 2px; PADDING-TOP: 1px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.multiAssign UL LI.label { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 12em; BACKGROUND: none transparent scroll repeat 0% 0%; WHITE-SPACE: normal; BORDER-BOTTOM: 0px; FONT-WEIGHT: normal; COLOR: #888; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 1.1em; PADDING-RIGHT: 0px } DIV.multiAssign UL LI P SPAN { COLOR: #888 } DIV.multiAssign A.buttonMicro { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; MARGIN: 1px auto 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 5px } H3 A.buttonMicro { FONT-SIZE: 90%; TEXT-DECORATION: none; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(images/backgrounds_h.png) #ededed repeat-x 0px -50px; WHITE-SPACE: nowrap; BORDER-BOTTOM: #ccc 1px solid; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; MARGIN: 1px auto 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 5px } DIV.multiAssign A.buttonMicro:hover { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } H3 A.buttonMicro:hover { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } DIV.multiAssign A.buttonMicro:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } H3 A.buttonMicro:focus { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #aaa 1px solid; COLOR: #333; BORDER-LEFT: #aaa 1px solid } 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 { FONT-SIZE: 80%; BACKGROUND: #f3f3f3; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN-LEFT: 6px; PADDING-RIGHT: 6px } H3 DIV.status { FONT-SIZE: 80%; BACKGROUND: #f3f3f3; FONT-WEIGHT: normal; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN-LEFT: 6px; PADDING-RIGHT: 6px } H3 SPAN.status SPAN { COLOR: #888 } H3 DIV.status SPAN { COLOR: #888 } H3 DIV.status { DISPLAY: inline } DIV.pushAlignmentsLightboxContainer { WIDTH: 400px; PADDING-BOTTOM: 50px; PADDING-TOP: 50px; PADDING-LEFT: 50px; LINE-HEIGHT: 1.8em; PADDING-RIGHT: 50px } .orderingAnswersEdit { PADDING-LEFT: 60px } .gbtable_header DIV.gbText { text-shadow: 0 -1px 0 #777 } .gbtable THEAD DIV.gbText { text-shadow: 0 -1px 0 #777 } .subActionBar:hover { Z-INDEX: 1000 } .subActionBar DIV.block { FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: #999 1px dotted; PADDING-RIGHT: 9px } .subActionBar DIV.button { FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 2px; PADDING-LEFT: 9px; MARGIN: 0px; BORDER-LEFT: #999 1px dotted; PADDING-RIGHT: 9px } .subActionBar SPAN.block { FLOAT: none } .subActionBar SPAN.button { FLOAT: none } .subActionBar LI.sub { POSITION: relative } .subActionBar FIELDSET LEGEND + DIV.block { BORDER-LEFT: 0px } .subActionBar SELECT { MAX-WIDTH: 180px; VERTICAL-ALIGN: middle } .subActionBar DIV.button { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .subActionBar DIV.last { BORDER-RIGHT: medium none } .subActionBar FIELDSET { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .subActionBar OPTGROUP { BORDER-TOP: #ddd 1px solid; FONT-WEIGHT: normal; COLOR: #777; FONT-STYLE: normal; MARGIN-TOP: 6px } .subActionBar OPTGROUP OPTION { COLOR: #000 } .subActionBar UL LI.sortableSelector A { PADDING-LEFT: 18px } .navPageHeader { TEXT-ALIGN: center; MARGIN: 1em 0px } .navPageHeader H3 { MARGIN-LEFT: 12px; DISPLAY: inline } .navPageHeader SPAN { FONT-WEIGHT: normal; COLOR: #888; MARGIN: 0px 6px 0px 0px } FIELDSET.secondaryActions { FLOAT: right } DIV.secondaryBlock { FLOAT: right } .cellInfoPanel { BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; BORDER-BOTTOM: #999 2px solid; BORDER-LEFT: #eee 1px solid } .cellStatus { FONT-SIZE: 85%; BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f6f6f6; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .cellStatus DIV { FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px } .statusTitle { BACKGROUND: #eee; COLOR: #666 } .statdata { OVERFLOW: hidden; COLOR: #000 } .cellStatus DIV.gbTableTimeStamp { WHITE-SPACE: nowrap; FLOAT: right; COLOR: #666; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .sortImage { POSITION: absolute; LEFT: 6px; TOP: 9px } .bubble { WIDTH: 190px; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; Z-INDEX: 1000; DISPLAY: none; PADDING-RIGHT: 0px } .bubble UL { LIST-STYLE-TYPE: none; OVERFLOW: hidden; BORDER-TOP: #acc2df 1px solid; BORDER-RIGHT: #57b 1px solid; BORDER-BOTTOM: #57b 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px; BORDER-LEFT: #acc2df 1px solid; Z-INDEX: 1000; PADDING-RIGHT: 6px; BACKGROUND-COLOR: #e2eefe } .bubble UL LI { FONT-SIZE: 90%; WIDTH: 174px; FLOAT: left; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; CLEAR: left; MARGIN: 0px 0px 4px; PADDING-RIGHT: 0px } .bubble UL LI SPAN { WIDTH: 80px; FLOAT: left; FONT-WEIGHT: normal; COLOR: #666; DISPLAY: block; MARGIN-RIGHT: 3px } .bubble UL LI SPAN.icon { OVERFLOW: hidden; WIDTH: 20px; FLOAT: left } .bubble UL LI SPAN.label { FONT-SIZE: 100%; WIDTH: 147px; FONT-WEIGHT: normal } .bubbleStem { HEIGHT: 14px; WIDTH: 190px; POSITION: relative } .bottom .bubbleStem { BOTTOM: 4px } .top .bubbleStem { TOP: -2px } .left .bubbleStem { PADDING-LEFT: 24px } .right .bubbleStem { RIGHT: 24px; TEXT-ALIGN: right } .selectList { LIST-STYLE-TYPE: none; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 6px 0px 0px; LIST-STYLE-IMAGE: none; Z-INDEX: 100; PADDING-RIGHT: 0px } #viewList { Z-INDEX: 1000 !important } .selectList LI { FLOAT: left; MARGIN: 0px 4px 0px 0px; Z-INDEX: 101 } .selectList .sub A { TEXT-DECORATION: none; DISPLAY: block } .selectList .sub:hover UL { LEFT: 0px; TOP: 20px !important } .selectList .sub UL LI { POSITION: static !important; FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .selectList .sub UL LI H4 { FONT-SIZE: 90%; BORDER-BOTTOM: #ccc 1px solid; FONT-WEIGHT: bold; COLOR: #888; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 3px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 0px } .selectList .sub UL LI H4 { WIDTH: 152px } .selectList .sub UL LI A { BACKGROUND-IMAGE: none; PADDING-LEFT: 18px !important } .selectList .sub UL LI A:hover { BACKGROUND-IMAGE: none; PADDING-LEFT: 18px !important } .selectList .sub UL LI A:focus { BACKGROUND-IMAGE: none; PADDING-LEFT: 18px !important } .selectList .sub A #currentView { BACKGROUND-IMAGE: none } .selectList .sub A #currentSortBy { BACKGROUND-IMAGE: none } .selectList .sub A #currentColSortDir { BACKGROUND-IMAGE: none } UL.selectList LI.sub UL LI.current A { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } UL.selectList LI.sub UL LI.current A:hover { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } .nav .sub .current A { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } .nav .sub .current A:hover { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } .nav .sub .favorite.current A { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } .nav .sub .favorite.current A:hover { BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 2px center; BACKGROUND-COLOR: #f9f9f9 } DIV.gradeDetails { FONT-SIZE: 90%; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } DIV.gradeDetails DIV.label { WIDTH: 15% } SPAN.unstyled { FONT-SIZE: 100%; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } @media Print { DIV.hideOnPrint { DISPLAY: none } } DIV.gradeDetailsStep { OVERFLOW-X: auto; OVERFLOW-Y: visible; BORDER-BOTTOM: #ccc 2px solid; MARGIN: 0px 0px 6px } .gradeInfoHeader { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN: 0px -12px 12px; PADDING-RIGHT: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .gradeInfoHeader H3 { FONT-WEIGHT: normal; COLOR: #666; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px 4px 0px 12px; PADDING-RIGHT: 0px } .gradeInfoHeader H3 SPAN { FONT-WEIGHT: bold; COLOR: #000 } .gradeInfoHeader H3.root { BACKGROUND: #888; COLOR: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .gradeInfoHeader H3.root SPAN { COLOR: #fff } UL.gb_currView LI.sub UL LI.favorite A { BACKGROUND-IMAGE: url(/images/ci/icons/favorite_on_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 4px } UL.gb_currView LI.sub UL LI.favorite A:hover { BACKGROUND-IMAGE: url(/images/ci/icons/favorite_on_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0px 4px } .navStatusButtons .taskbuttondiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.staticFooter DIV.details { MARGIN-LEFT: 18px } DIV.staticHeader DIV.details { MARGIN-LEFT: 18px } DIV.staticHeader { MARGIN: 10px 0px 0px } DIV.staticFooter DIV.details { BORDER-BOTTOM: #ddd 1px solid } .gbColumns_rumble { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: 0px; MARGIN-LEFT: 38px !important; BORDER-LEFT: #ddd 1px solid } .gbColumns_rumble_bottom { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: 0px; MARGIN-LEFT: 38px !important; BORDER-LEFT: #ddd 1px solid } .gbColumns_rumble_bottom { BORDER-TOP: 0px; BORDER-RIGHT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid } .staticHeader { POSITION: relative; ZOOM: 1; CLEAR: both } .staticFooter { POSITION: relative; ZOOM: 1; CLEAR: both } .staticHeader DIV.itemHeaderControl { RIGHT: 0px } .staticFooter DIV.itemHeaderControl { RIGHT: 0px } UL.gbCategories LI DIV.itemHeaderControl { RIGHT: 0px } .staticHeader DIV.itemHeaderControl { RIGHT: 0px; TOP: 0px } .staticFooter DIV.itemHeaderControl { RIGHT: 0px; TOP: 0px } UL.gbCategories LI DIV.itemHeaderControl { RIGHT: 0px; TOP: 0px } .staticHeader DIV.itemHeaderControl A { DISPLAY: inline-block } .staticFooter DIV.itemHeaderControl A { DISPLAY: inline-block } UL.gbCategories LI DIV.itemHeaderControl A { DISPLAY: inline-block } UL.dragableHighlight { BORDER-TOP: #999 1px dashed; BACKGROUND: #fff; BORDER-BOTTOM: #999 1px dashed; PADDING-BOTTOM: 3px; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 12px -30px; PADDING-RIGHT: 12px } UL.gbCategories LI H3.item { PADDING-BOTTOM: 18px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } DIV.staticHeader H3.item { PADDING-BOTTOM: 18px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } DIV.staticFooter H3.item { PADDING-BOTTOM: 18px; PADDING-TOP: 6px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } UL.gbCategories LI H3.item A.toggleLink { MARGIN-TOP: -2px; MARGIN-RIGHT: 6px } DIV.staticHeader H3.item A.toggleLink { MARGIN-TOP: -2px; MARGIN-RIGHT: 6px } DIV.staticFooter H3.item A.toggleLink { MARGIN-TOP: -2px; MARGIN-RIGHT: 6px } DIV.areaHighlight DIV.container { BACKGROUND: #f9f9f9 } UL.dragableHighlight LI H3.item { BORDER-TOP-COLOR: #999; BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999 } .dragableHighlight DIV.details { BORDER-TOP-COLOR: #999; BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999 } #theGrid { POSITION: relative } .gridOverflowControl { OVERFLOW-X: auto; ZOOM: 1; PADDING-BOTTOM: 24px } .rubricTable TBODY TD TEXTAREA { BORDER-TOP: #ccc 1px solid; HEIGHT: 6em; BORDER-RIGHT: #ccc 1px solid; WIDTH: 99%; MIN-WIDTH: 9em; BORDER-BOTTOM: #ccc 1px solid; COLOR: #555; BORDER-LEFT: #ccc 1px solid } .rubricTable TBODY TD TEXTAREA + SCRIPT + DIV { TEXT-ALIGN: right } .rubricTable TBODY TD DIV INPUT[type='text'] { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 4em; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } #rubricRowReorder { POSITION: absolute; Z-INDEX: 100; TOP: 5em } #rubricColReorder { POSITION: absolute; LEFT: 15%; Z-INDEX: 100; TOP: 3em } #rubricColReorder FIELDSET { WHITE-SPACE: nowrap; POSITION: relative } #rubricColSort { WHITE-SPACE: nowrap; MARGIN-RIGHT: 60px } #rubricColSort LI { BORDER-RIGHT: #999 1px dotted; WHITE-SPACE: nowrap; POSITION: relative; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 24px; MARGIN: 0px 1px; DISPLAY: inline-block; PADDING-RIGHT: 6px } #rubricColSort LI INPUT { POSITION: absolute; LEFT: 0px; TOP: 0px } #reorderPanelControls { RIGHT: 0px; POSITION: absolute; TOP: 0px } #reorderPanelControls A { TEXT-DECORATION: none } TR.show { DISPLAY: table-row } TR.hide { DISPLAY: none } DIV.blogContainer { WIDTH: 74%; FLOAT: left } DIV.blogContainer H3.blogHead { FONT-SIZE: 100%; BACKGROUND: #777; COLOR: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 15px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 15px } DIV.blogContainer DIV.blogEntry { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px 0px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px } DIV.blogContainer DIV.blogEntry H4 { OVERFLOW: hidden; WORD-WRAP: break-word; FONT-SIZE: 110%; BACKGROUND: url(images/small_discussions.gif) no-repeat 8px 9px; PADDING-BOTTOM: 0px; PADDING-TOP: 9px; PADDING-LEFT: 30px; PADDING-RIGHT: 12px } DIV.blogContainer DIV.blogEntry DIV.entryText { OVERFLOW-X: auto; PADDING-BOTTOM: 18px; PADDING-TOP: 9px; PADDING-LEFT: 0px; MARGIN: 3px 12px 12px; PADDING-RIGHT: 0px } DIV.blogContainer DIV.entryDate { FONT-SIZE: 95%; COLOR: #444 } DIV.blogContainer DIV.entryDate A { FONT-WEIGHT: bold } DIV.blogContainer DIV.entryFooter { BACKGROUND: #eaeaea; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px } DIV.blogContainer .comment-header { FONT-SIZE: 100%; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.blogContainer DIV.entryFooter DIV.addBlogComment TABLE { WIDTH: 98% } DIV.blogContainer DIV.entryFooter DIV.addBlogComment TEXTAREA { WIDTH: 99.5% } DIV.blogContainer DIV.entryFooter DIV.addBlogComment { BORDER-TOP: #999 1px solid; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; MARGIN: 0px -12px; BORDER-LEFT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none } DIV.blogContainer DIV.entryFooter DIV.addBlogComment H3 { FONT-SIZE: 100%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .addBlogComment .stepcontent OL { WIDTH: 100% } .addBlogComment .stepcontent OL LI { WIDTH: 100% } DIV.blogContainer DIV.entryFooter DIV.addBlogComment DIV.controls { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } DIV.blogContainer UL.entryComments { BACKGROUND: #eaeaea } DIV.blogContainer UL.entryComments LI P { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } DIV.blogContainer UL.entryComments LI P.commentDate { FONT-SIZE: 90%; BORDER-TOP: medium none; BORDER-RIGHT: medium none; BACKGROUND: url(images/bubble_top_thin.gif) no-repeat 15px 100%; BORDER-BOTTOM: medium none; COLOR: #444; BORDER-LEFT: medium none } DIV.blogContainer UL.entryComments LI H5 { FONT-SIZE: 100%; COLOR: #444 } DIV.blogContainer UL.entryComments LI.newComment H5 { FONT-WEIGHT: bold } DIV.blogNav { WIDTH: 25%; FLOAT: right; PADDING-BOTTOM: 40px; MARGIN: -20px -20px -30px 0px; BORDER-LEFT: #ccc 4px double } DIV.journalNav { WIDTH: 25%; FLOAT: right; PADDING-BOTTOM: 40px; MARGIN: -20px -20px -30px 0px; BORDER-LEFT: #ccc 4px double } DIV.contentAreaNav { WIDTH: 25%; FLOAT: right; PADDING-BOTTOM: 40px; MARGIN: -20px -20px -30px 0px; BORDER-LEFT: #ccc 4px double } #gradeDetailsFormList { WIDTH: 100% !important } #editGradeActionList { WIDTH: 100% !important } DIV.blogNav UL { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.blogNav UL LI { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.blogNav UL LI { OVERFLOW: hidden; WORD-WRAP: break-word } DIV.blogNav UL.blogArchiveList LI A { WORD-WRAP: break-word; WIDTH: 100% } .indentedWikiList { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 22px !important; PADDING-RIGHT: 0px !important } .indentedWikiList IMG { MARGIN: 0px 3px 0px -22px } .blogNav #gradeDetailsForm { MARGIN: 0px 6px 0px -18px } .journalNav #gradeDetailsForm { MARGIN: 0px 6px 0px -18px } .blogNav #gradeDetailsForm .liveArea { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 6px; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px } .journalNav #gradeDetailsForm .liveArea { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #999 1px solid; PADDING-RIGHT: 6px; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px } DIV.blogNav LI.currentBlog { FONT-WEIGHT: bold } DIV.blogNav LI.currentBlog SPAN { FONT-WEIGHT: normal } DIV.blogContainer .newItems { BACKGROUND: #fff1c5; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } DIV.blogNav .newItems { PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 2px; MARGIN: 0px 4px 0px 0px; PADDING-RIGHT: 0px } DIV.blogNav .gradeStatus { PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 2px; MARGIN: 0px 4px 0px 0px; PADDING-RIGHT: 0px } DIV.blogContainer DIV.u_controlsWrapper SPAN.newItems { FLOAT: left; MARGIN-LEFT: 4px; DISPLAY: block } DIV.blogNav UL.iconLegend { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px 0px 0px 24px; PADDING-RIGHT: 0px } DIV.journalNav UL.iconLegend { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px 0px 0px 24px; PADDING-RIGHT: 0px } DIV.blogNav UL.iconLegend LI { FONT-SIZE: 82%; COLOR: #666; PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.journalNav UL.iconLegend LI { FONT-SIZE: 82%; COLOR: #666; PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.blogNav UL UL { MARGIN-LEFT: 9px } DIV.blogNav UL#blogArchive UL { MARGIN: 0px 9px 9px 18px } DIV.journalContainer { WIDTH: 74%; FLOAT: left; MARGIN-RIGHT: 1% } DIV.journalContainer H3.blogHead { FONT-SIZE: 100%; BACKGROUND: #aaa; COLOR: #fff; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 15px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 15px } DIV.journalContainer DIV.blogEntry { BORDER-TOP: #eee 3px solid; BORDER-RIGHT: #eee 3px solid; BACKGROUND: url(images/blog_notebook_paper.gif) #fff repeat-y 0px 0px; BORDER-BOTTOM: #eee 3px solid; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 36px; MARGIN: 12px 0px; BORDER-LEFT: #eee 0px solid; PADDING-RIGHT: 0px } DIV.journalContainer DIV.blogEntry H4 { OVERFLOW: hidden; FONT-SIZE: 110%; BACKGROUND: #fff; PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 24px } DIV.journalContainer DIV.entryDate { FONT-SIZE: 95%; BACKGROUND: #fff; BORDER-BOTTOM: #c0dace 1px solid; COLOR: #444; PADDING-BOTTOM: 12px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px; Z-INDEX: 100; PADDING-RIGHT: 24px } DIV.journalContainer DIV.entryDate A { FONT-WEIGHT: bold } DIV.journalContainer DIV.blogEntry DIV.entryText { BACKGROUND: #fff; OVERFLOW-X: auto; PADDING-BOTTOM: 18px; PADDING-TOP: 12px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } DIV.journalContainer DIV.entryFooter { BACKGROUND: url(images/blog_notebook_paper_bot.gif) repeat-x center bottom; ZOOM: 1; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 43px; MARGIN: 0px 0px 0px -31px; PADDING-RIGHT: 12px } DIV.journalContainer .comment-header { FONT-SIZE: 100%; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.journalContainer DIV.entryFooter A.genericButton { FLOAT: right; DISPLAY: block } DIV.journalContainer DIV.entryFooter DIV.addBlogComment TABLE { WIDTH: 98% } DIV.journalContainer DIV.entryFooter DIV.addBlogComment TEXTAREA { WIDTH: 99.35% } DIV.journalContainer DIV.entryFooter DIV.addBlogComment { MARGIN-BOTTOM: 6px; DISPLAY: none } DIV.journalContainer UL.entryComments { LIST-STYLE-TYPE: none; BACKGROUND: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.journalContainer UL.entryComments LI { LIST-STYLE-TYPE: none; BORDER-TOP: #c0dace 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } DIV.journalContainer UL.entryComments LI P { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 4px 18px; PADDING-RIGHT: 0px } DIV.journalContainer UL.entryComments LI P.commentDate { FONT-SIZE: 90%; COLOR: #444; MARGIN-LEFT: 19px } DIV.journalContainer UL.entryComments LI H5 { FONT-SIZE: 100%; BACKGROUND: url(images/small_blog_comment.gif) no-repeat 0px 3px; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 18px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } DIV.journalContainer UL.entryComments LI.newComment H5 { FONT-WEIGHT: bold } DIV.journalNav UL { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.journalNav UL LI { BACKGROUND: none transparent scroll repeat 0% 0% } DIV.journalNav UL LI { OVERFLOW: hidden } DIV.journalNav LI.currentBlog { FONT-WEIGHT: bold } DIV.journalNav LI.currentBlog SPAN { FONT-WEIGHT: normal } .newItems { BACKGROUND: #fff1c5; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } DIV.journalNav .newItems { PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } DIV.journalContainer DIV.u_controlsWrapper SPAN.newItems { FLOAT: left; MARGIN-LEFT: 4px; DISPLAY: block } DIV.journalNav UL UL { MARGIN-LEFT: 9px } DIV.journalNav UL#blogArchive UL { MARGIN: 0px 9px 9px 18px } #blogNavLinks { RIGHT: 6px; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; TOP: 6px; PADDING-RIGHT: 0px } .contentAreaPalette UL#aboutBlog LI.currentBlogView { MARGIN-BOTTOM: 3px; BORDER-TOP: #0078cb 2px solid; BORDER-RIGHT: #0078cb 2px solid; BACKGROUND: #eff6ff; BORDER-BOTTOM: #0078cb 2px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 4px; BORDER-LEFT: #0078cb 2px solid; PADDING-RIGHT: 4px } .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; LEFT: 0px; TOP: 0px } .contentAreaNav A.itemHead { TEXT-DECORATION: none; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 24px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 60px } .contentAreaNav A#aboutBlogLink { PADDING-RIGHT: 6px } .contentAreaPalette { POSITION: relative; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } DIV.blogNav :first-child.contentAreaPalette { BORDER-TOP: 0px } DIV.journalNav :first-child.contentAreaPalette { BORDER-TOP: 0px } .rightColumn-narrow :first-child.contentAreaPalette { BORDER-TOP: 0px } .contentAreaPalette UL { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 24px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .contentAreaPalette LI { FONT-SIZE: 90%; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .contentAreaPalette LI LI { FONT-SIZE: 100% } DIV.iconLegendBlog { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .collapsibleInstructions { MARGIN: 0px 0px 12px } .collapsibleInstructions > A { FONT-WEIGHT: bold; MARGIN: 3px 0px; DISPLAY: block } #loginPageContainer { HEIGHT: auto !important; MARGIN: 0px auto; MIN-HEIGHT: 100% } #loginHeader { RIGHT: 0px; POSITION: absolute; TOP: 0px } #loginHeader UL LI { BORDER-TOP: 0px; VERTICAL-ALIGN: top; BACKGROUND: #777; POSITION: relative; MARGIN: 0px 0px 0px -4px; DISPLAY: inline-block } #loginHeader UL LI A { HEIGHT: 18px; WIDTH: 28px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; DISPLAY: inline-block; PADDING-RIGHT: 12px; TEXT-INDENT: -10000px } #loginHeader UL LI:hover { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginHeader UL LI:focus { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginLang H2:hover { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginLang H2:focus { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginLang:hover H2 { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginLang:focus H2 { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset; box-shadow: 0 0 24px rgba(0, 0, 0, .5) inset } #loginHeader UL LI:first-child { border-radius: 0 0 0 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px } #loginHeader UL LI:first-child A { border-radius: 0 0 0 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px } #loginHeader UL LI IMG { DISPLAY: none } #loginHeader UL LI.font-size:before { RIGHT: 0px; POSITION: absolute; COLOR: #f0f0f0; TEXT-ALIGN: center; FONT: 130%/1 "Utilicons"; CONTENT: "T"; LEFT: 0px; Z-INDEX: 2; TOP: 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) } #loginHeader UL LI.contrast:before { RIGHT: 0px; POSITION: absolute; COLOR: #f0f0f0; TEXT-ALIGN: center; FONT: 130%/1 "Utilicons"; CONTENT: "T"; LEFT: 0px; Z-INDEX: 2; TOP: 5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) } #loginHeader UL LI.font-size A { POSITION: relative; Z-INDEX: 3 } #loginHeader UL LI.contrast A { POSITION: relative; Z-INDEX: 3 } #loginHeader UL LI.contrast:before { CONTENT: "c" } #loginHeader UL LI:hover:before { CURSOR: pointer; COLOR: #fff } #loginHeader UL LI:focus:before { CURSOR: pointer; COLOR: #fff } #loginHeader UL LI:hover { CURSOR: pointer; COLOR: #fff } #loginHeader UL LI:focus { CURSOR: pointer; COLOR: #fff } #loginHeader UL LI.contrast { MARGIN-LEFT: -4px; BORDER-LEFT: #555 1px solid } #loginLang { POSITION: absolute; LEFT: 0px; TOP: 0px } #loginLang H2 { FONT-SIZE: 100%; HEIGHT: 17px; WIDTH: 16px; BACKGROUND: #888; FONT-WEIGHT: normal; PADDING-BOTTOM: 8px; PADDING-TOP: 4px; PADDING-LEFT: 14px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 16px; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 } #loginLang H2 SPAN { OVERFLOW: hidden; WIDTH: 0px; DISPLAY: inline-block; TEXT-INDENT: -999px } #loginLang H2:before { COLOR: #f0f0f0; FONT: 140%/1 "Utilicons"; CONTENT: "W"; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2) } #loginLang H2:hover:before { COLOR: #fff } #loginLang H2:focus:before { COLOR: #fff } #loginLang UL { WIDTH: 150px; POSITION: absolute; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; LEFT: -1000px; TOP: -1000px; PADDING-RIGHT: 6px } #loginLang:hover UL { WIDTH: 175px; LEFT: 0px; TOP: 28px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } #loginLang:focus UL { WIDTH: 175px; LEFT: 0px; TOP: 28px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0 } #loginLang H2:hover:after { Z-INDEX: 100 } #loginLang H2:focus:after { Z-INDEX: 100 } #loginLang:hover H2:after { Z-INDEX: 100 } #loginLang:focus H2:after { Z-INDEX: 100 } #loginLang UL LI A { WIDTH: auto } DIV.loginBody { WIDTH: 600px; BACKGROUND: url(images/Bb_learn_small.png) no-repeat 94px 94px; PADDING-BOTTOM: 0px; PADDING-TOP: 260px; PADDING-LEFT: 0px; MARGIN: 0px auto; PADDING-RIGHT: 0px } DIV.loginBody .receipt { WIDTH: 409px; PADDING-BOTTOM: 14px; PADDING-TOP: 12px; PADDING-LEFT: 19px; MARGIN: 0px auto 16px; PADDING-RIGHT: 4px } #loginBox { TEXT-ALIGN: center } #loginBox UL { WIDTH: 415px; MARGIN: 0px auto } #loginBox LI { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #loginBox LI + LI + LI { VERTICAL-ALIGN: top; FLOAT: left; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 12px; PADDING-LEFT: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px } #loginBox LI + LI + LI + LI { VERTICAL-ALIGN: top; POSITION: relative; FLOAT: right; TEXT-ALIGN: right; DISPLAY: inline-block } #loginBox LI LABEL { FONT-SIZE: 120%; WIDTH: 100%; TEXT-TRANSFORM: uppercase; COLOR: #666; PADDING-BOTTOM: 3px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 1px; PADDING-RIGHT: 0px } .portlet #loginBoxFull LI LABEL { FONT-SIZE: 120%; WIDTH: 100%; TEXT-TRANSFORM: uppercase; COLOR: #666; PADDING-BOTTOM: 3px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; LETTER-SPACING: 1px; PADDING-RIGHT: 0px } .portlet #loginBoxFull LI LABEL { FONT-SIZE: 90%; FONT-WEIGHT: normal; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #loginBox LI INPUT { FONT-SIZE: 140%; WIDTH: 100%; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1) } #loginBox INPUT[type='text'] { BORDER-TOP: #777 4px solid; BORDER-RIGHT: #777 4px solid; BACKGROUND: #efefef; BORDER-BOTTOM: #777 4px solid; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px 0px 0px -10px; BORDER-LEFT: #777 4px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px } #loginBox INPUT[type='password'] { BORDER-TOP: #777 4px solid; BORDER-RIGHT: #777 4px solid; BACKGROUND: #efefef; BORDER-BOTTOM: #777 4px solid; FONT-WEIGHT: bold; COLOR: #666; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; MARGIN: 0px 0px 0px -10px; BORDER-LEFT: #777 4px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px } #loginBox INPUT[type='text']:focus { BORDER-TOP-COLOR: #0188a3; BACKGROUND: #fff; BORDER-LEFT-COLOR: #0188a3; COLOR: #333; BORDER-BOTTOM-COLOR: #0188a3; BORDER-RIGHT-COLOR: #0188a3 } #loginBox INPUT[type='password']:focus { BORDER-TOP-COLOR: #0188a3; BACKGROUND: #fff; BORDER-LEFT-COLOR: #0188a3; COLOR: #333; BORDER-BOTTOM-COLOR: #0188a3; BORDER-RIGHT-COLOR: #0188a3 } #loginBox INPUT[type='text']:hover { BORDER-TOP-COLOR: #0188a3; BACKGROUND: #fff; BORDER-LEFT-COLOR: #0188a3; COLOR: #333; BORDER-BOTTOM-COLOR: #0188a3; BORDER-RIGHT-COLOR: #0188a3 } #loginBox INPUT[type='password']:hover { BORDER-TOP-COLOR: #0188a3; BACKGROUND: #fff; BORDER-LEFT-COLOR: #0188a3; COLOR: #333; BORDER-BOTTOM-COLOR: #0188a3; BORDER-RIGHT-COLOR: #0188a3 } #loginBox LI INPUT[type='submit'] { FONT-SIZE: 130%; WIDTH: auto; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 22px; MARGIN: 0px -9px 0px 12px; PADDING-RIGHT: 22px } #loginFormTitle { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginFormText { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginHeader H1 { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginHeader H2 { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginHeader .productLogo { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginOptions #gatewayButtonsTitle { POSITION: absolute; LEFT: -10000px; TOP: -10000px } #loginOptions #gatewayButtonsInstructions { POSITION: absolute; LEFT: -10000px; TOP: -10000px } DIV.portlet #loginFormTitle { POSITION: static; DISPLAY: block } DIV.portlet #loginFormText { POSITION: static; DISPLAY: block } #loginOptions { WIDTH: 600px; TEXT-ALIGN: center; MARGIN: 38px auto 26px } #loginOptions H2 { MARGIN: 10px } #loginOptions P { FONT-SIZE: 0.85em; COLOR: #444; MARGIN: 10px } #loginOptions UL LI { MARGIN: 0px 9px 6px; DISPLAY: inline-block } #loginOptions UL LI.subOption { MARGIN: 0px 9px 6px; DISPLAY: inline-block } #loginOptions UL LI A { FONT-SIZE: 130%; BORDER-BOTTOM: #0099b6 1px dotted } #loginOptions UL LI.subOption A { FONT-SIZE: 130%; BORDER-BOTTOM: #0099b6 1px dotted } .forgot A { BORDER-BOTTOM: #0099b6 1px dotted } #loginOptions UL LI A:hover { BORDER-BOTTOM-STYLE: solid } #loginOptions UL LI A:focus { BORDER-BOTTOM-STYLE: solid } #loginOptions UL LI.subOption A:hover { BORDER-BOTTOM-STYLE: solid } #loginOptions UL LI.subOption A:focus { BORDER-BOTTOM-STYLE: solid } .forgot A:hover { BORDER-BOTTOM-STYLE: solid } .forgot A:focus { BORDER-BOTTOM-STYLE: solid } #loginText { BORDER-TOP: #777 1px solid; BACKGROUND: #5f6062; PADDING-BOTTOM: 18px; TEXT-ALIGN: center; PADDING-TOP: 12px; PADDING-LEFT: 80px; DISPLAY: none; PADDING-RIGHT: 80px } #loginText P SPAN { FONT-SIZE: 105%; FONT-WEIGHT: bold; COLOR: #fff } #loginText P { FONT-SIZE: 95%; COLOR: #ededed; MARGIN: 0px } #loginImage { PADDING-BOTTOM: 0px; TEXT-ALIGN: center; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: none; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff } #loginImage IMG { MARGIN: 0px auto } #loginAnnouncements { PADDING-BOTTOM: 7px; PADDING-TOP: 24px; PADDING-LEFT: 0px; CLEAR: both; MARGIN: 0px auto; PADDING-RIGHT: 0px } #loginAnnouncements H3 { FONT-SIZE: 110%; BORDER-BOTTOM: #bbb 1px solid; COLOR: #555; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 3px; MARGIN: 0px 9px; DISPLAY: none; PADDING-RIGHT: 3px } #loginAnnouncements UL { WIDTH: 800px; TEXT-ALIGN: center; MARGIN: 0px auto } #loginAnnouncements UL LI:before { MAX-WIDTH: 300px; HEIGHT: 20%; WIDTH: 50%; POSITION: absolute; CONTENT: ""; Z-INDEX: -2; BOTTOM: 15px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5) } #loginAnnouncements UL LI:after { MAX-WIDTH: 300px; HEIGHT: 20%; WIDTH: 50%; POSITION: absolute; CONTENT: ""; Z-INDEX: -2; BOTTOM: 15px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5) } #loginAnnouncements UL LI:before { LEFT: 8px; -moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg) } #loginAnnouncements UL LI:after { RIGHT: 8px; -moz-transform: rotate(2deg); -webkit-transform: rotate(2deg) } #loginAnnouncements LI { FONT-SIZE: 95%; VERTICAL-ALIGN: top; BACKGROUND: #fff; POSITION: relative; ZOOM: 1; COLOR: #666; PADDING-BOTTOM: 24px; TEXT-ALIGN: justify; PADDING-TOP: 18px; PADDING-LEFT: 24px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 24px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) } #loginAnnouncements UL LI STRONG:first-child { FONT-SIZE: 115%; FONT-FAMILY: Georgia, serif; FLOAT: left; COLOR: #000; MARGIN: 0px 0px 12px } #loginAnnouncements UL LI STRONG + EM { FONT-FAMILY: Georgia; FLOAT: right; TEXT-ALIGN: right; MARGIN: 0px; DISPLAY: block } #loginAnnouncements UL LI STRONG + EM + BR { DISPLAY: none } #loginAnnouncements UL LI .vtbegenerated { CLEAR: both; LINE-HEIGHT: 1.38 } #loginAnnouncements UL LI:first-child { BORDER-TOP: 0px } #loginAnnouncements A { BORDER-BOTTOM: #128fa8 1px dotted } #loginAnnouncements A:hover { BORDER-BOTTOM-STYLE: solid } #loginAnnouncements A:focus { BORDER-BOTTOM-STYLE: solid } #loginOptions #gatewayButtonsTitle { DISPLAY: none } #loginOptions #gatewayButtonsInstructions { DISPLAY: none } .login-page #copyright { WIDTH: 900px; POSITION: absolute; TEXT-ALIGN: center; MARGIN-LEFT: -450px; LEFT: 50%; MARGIN-TOP: 24px; BOTTOM: 24px } #loginAnnouncements + #copyright { POSITION: relative } .loginCopyright { WIDTH: 580px !important } .login-page #copyright .logo { BACKGROUND: #efede3; POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 6px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .login-page #copyright .newCopyright { POSITION: relative; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .loginCopyright .legal { BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; WIDTH: 24em; BORDER-BOTTOM: red 1px solid; MIN-HEIGHT: 2.5em; BORDER-LEFT: red 1px solid } .loginCopyright .additionalInfo { BORDER-TOP: red 1px solid; BORDER-RIGHT: red 1px solid; WIDTH: 24em; BORDER-BOTTOM: red 1px solid; MIN-HEIGHT: 2.5em; BORDER-LEFT: red 1px solid } .loginCopyright .legal { WIDTH: 24.5em; PADDING-BOTTOM: 6px; PADDING-TOP: 3px; PADDING-LEFT: 12px; BORDER-LEFT: medium none; PADDING-RIGHT: 12px } #loginPane + #copyright .legal P { MARGIN: 0px; DISPLAY: inline } #loginPane + #copyright .additionalInfo P { MARGIN: 0px; DISPLAY: inline } .login-page .copyrightDetailContents { MARGIN-LEFT: -394px; LEFT: 50%; MIN-HEIGHT: 6.5em } H1.pageTitle { PADDING-TOP: 0px; MARGIN: -16px 0px 5px } .caliperTitle { PADDING-TOP: 0px; MARGIN: -16px 0px 5px } .discoverTitle { PADDING-TOP: 0px; MARGIN: -16px 0px 5px } .unitHomePageTitle { MARGIN: -60px -30px 5px } .caliperTitle H1 { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .unitHomePageTitle H1 { FLOAT: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .discoverTitle H1 { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .unitHomePageTitle A.browse { FONT-SIZE: 55%; FLOAT: right; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 2px; MARGIN: 4px 0px 0px 6px } .caliperTitle A.browse { FONT-SIZE: 55%; FLOAT: right; FONT-WEIGHT: normal; PADDING-BOTTOM: 1px; PADDING-TOP: 2px; MARGIN: 4px 0px 0px 6px } .unitHomePageTitle A.browseNoImg { PADDING-BOTTOM: 3px; PADDING-TOP: 2px } .reports { BACKGROUND: #f0f0f0; MIN-WIDTH: 810px } .reports .navigationPane { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports .locationPane { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports .contentPaneWide { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports .container { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports #dataCollectionContainer { MARGIN: 0px } .reports DIV[id*='step'] { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px } .reports UL { MARGIN: 12px } .reports .stepcontent { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px; PADDING-RIGHT: 0px } .reports UL LI { PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 12px; CLEAR: both; PADDING-RIGHT: 12px } .reports .label { COLOR: #777 } .reports .field { COLOR: #000 } .reports UL LI:after { HEIGHT: 0px; CONTENT: "."; CLEAR: both; DISPLAY: block; VISIBILITY: hidden } .reports H1 { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 18px; MARGIN: 0px; PADDING-RIGHT: 18px } .reports H2 { COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 6px 18px; PADDING-RIGHT: 6px } .reports H3 { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 6px 18px; PADDING-RIGHT: 6px } .reports H3 A IMG { VERTICAL-ALIGN: middle; MARGIN-RIGHT: 6px } .reports H3.steptitle { FONT-SIZE: 110%; BACKGROUND: #bbb; COLOR: #fff; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 12px; MARGIN: 0px; LETTER-SPACING: 0px; PADDING-RIGHT: 12px } .reports H4 { FONT-SIZE: 115%; BACKGROUND: #bbb; COLOR: #fff; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; MARGIN: 0px 10px; PADDING-RIGHT: 12px } .reports H5 { FONT-SIZE: 100%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 12px -12px 0px; PADDING-RIGHT: 0px } .reports .attachments { MARGIN: 0px } .reports t.wide { WIDTH: 100%; MARGIN: 0px } #toc { LIST-STYLE-TYPE: decimal; LIST-STYLE-POSITION: outside; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: 12px 0px; PADDING-RIGHT: 0px } #toc UL { MARGIN: 0px 24px 24px } .toc_div { BORDER-TOP: #ccc 2px solid; BORDER-RIGHT: #ccc 2px solid; BORDER-BOTTOM: #ccc 2px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 8px; CLEAR: both; MARGIN: 6px 18px 18px; BORDER-LEFT: #ccc 2px solid; PADDING-RIGHT: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .toc_div OL LI UL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .reports .toc_div H2 { BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .toc_div H2 A IMG { MARGIN-RIGHT: 6px } .toc_div A.toggle { FONT-SIZE: 95%; TEXT-DECORATION: none; BACKGROUND: #f6f6f6; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FLOAT: right; FONT-WEIGHT: normal; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 10px; BORDER-LEFT: #ccc 1px solid; TOP: -4px; PADDING-RIGHT: 10px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0 } .toc_div A.toggle:hover { BACKGROUND: #fff } .backtotop { FLOAT: right } .dateofreport { FLOAT: right } .dateofreport { MARGIN: 6px 18px 12px 0px } .reports .block { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; MARGIN: 0px 18px 24px; BORDER-LEFT: #ccc 1px solid; -webkit-border-radius: 4px 4px 0 4px; -moz-border-radius: 4px 4px 0 4px } .backtotop { MARGIN-BOTTOM: -40px; POSITION: relative; FLOAT: right; MARGIN-RIGHT: -1px } .backtotop A { FONT-SIZE: 95%; TEXT-DECORATION: none; BORDER-TOP: medium none; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f6f6f6; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 8px; BORDER-LEFT: #ccc 1px solid; DISPLAY: block; PADDING-RIGHT: 12px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .backtotop A:hover { BACKGROUND: #fff } .backtotop A IMG { MARGIN-RIGHT: 5px } DIV.fontPreview { BORDER-TOP: #000 1px solid; BORDER-RIGHT: #000 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #000 1px solid; FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; MARGIN: 3px 0px; BORDER-LEFT: #000 1px solid; DISPLAY: block; PADDING-RIGHT: 4px } .textareaDiv { PADDING-BOTTOM: 6px } .textareaDiv TABLE { WIDTH: 98% } .textareaDiv TABLE TABLE { WIDTH: 100% } .textareaDiv TABLE TABLE TABLE { WIDTH: 100% } .textareaDiv TEXTAREA { BORDER-TOP: #666 2px solid; WIDTH: 100% } DIV.textToolbar { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 97.7%; BACKGROUND: #f6f6f6; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 0px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 0px } DIV.textToolbar A { FONT-SIZE: 90%; WHITE-SPACE: nowrap } DIV.textToolbar LABEL { FONT-SIZE: 90%; VERTICAL-ALIGN: middle; PADDING-LEFT: 4px } DIV.textToolbar SELECT { FONT-SIZE: 90%; VERTICAL-ALIGN: middle } .previewTextArea { OVERFLOW: auto; BORDER-TOP: #999 2px solid; HEIGHT: 112px; BORDER-RIGHT: #999 2px solid; WIDTH: 459px; BACKGROUND: #fff; BORDER-BOTTOM: #999 2px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #999 2px solid; DISPLAY: none; PADDING-RIGHT: 0px } .previewTextArea DIV.previewTitle { BACKGROUND: #eee; BORDER-BOTTOM: #eee 2px solid; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px 0px 4px; PADDING-RIGHT: 2px } .previewTextArea DIV.previewTitle A { FLOAT: right } .previewTextArea DIV.previewTitle H6 { FONT-SIZE: 90%; FLOAT: left; MARGIN: 0px } .previewTextArea DIV.previewContent { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .messageContainer H6 { FONT-SIZE: 95%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .messageContainer P { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .messageVariable { FONT-SIZE: 100%; BORDER-TOP: #ed9 1px solid; BORDER-RIGHT: #ed9 1px solid; BORDER-BOTTOM: #ed9 1px solid; FONT-WEIGHT: normal; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 3px; BORDER-LEFT: #ed9 1px solid; DISPLAY: inline; PADDING-RIGHT: 3px; BACKGROUND-COLOR: #fff1c5; -webkit-border-radius: 1px; -moz-border-radius: 1px } .myPlaces .navPaletteContent { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .explore .navPaletteContent { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .myPlaces A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-LEFT: 30px; BORDER-LEFT: 0px; BACKGROUND-COLOR: transparent } .myPlaces A:hover { TEXT-DECORATION: underline } .myPlaces A:focus { TEXT-DECORATION: underline } .myPlaces A.home { PADDING-RIGHT: 20px } .myPlaces SPAN.homeIconWrap { BACKGROUND: url(/images/ci/icons/clphomepage/home_ti.gif) no-repeat 0px 0px; RIGHT: 3px; POSITION: absolute; TOP: 3px } .myPlaces SPAN.homeIconWrap IMG { HEIGHT: 16px; WIDTH: 16px } .myPlaces A.unit { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.course { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.ee { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.program { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.workspace { LIST-STYLE-TYPE: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px 3px; MARGIN: 0px } .myPlaces A.unit { BACKGROUND-IMAGE: url(/images/ci/icons/clp_unit_ti.gif) } .myPlaces A.unit:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_unit_ti.gif) } .myPlaces A.course { BACKGROUND-IMAGE: url(/images/ci/icons/clp_course_ti.gif) } .myPlaces A.course:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_course_ti.gif) } .myPlaces A.ee { BACKGROUND-IMAGE: url(/images/ci/icons/clp_ee_ti.gif) } .myPlaces A.ee:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_ee_ti.gif) } .myPlaces A.program { BACKGROUND-IMAGE: url(/images/ci/icons/clp_program_ti.gif) } .myPlaces A.program:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_program_ti.gif) } .myPlaces A.workspace { BACKGROUND-IMAGE: url(/images/ci/icons/clp_workspace_ti.gif) } .myPlaces A.workspace:hover { BACKGROUND-IMAGE: url(/images/ci/icons/clp_workspace_ti.gif) } .explore A { BACKGROUND: url(images/indicators.png) no-repeat 9px -1489px; PADDING-LEFT: 30px } .explore H4 A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px } .explore H4 A:hover { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px } .explore H4 A:focus { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: 0px; FONT-WEIGHT: bold; BORDER-LEFT: 0px } .wizardBody .locationPane { MARGIN: 0px; DISPLAY: block } .wizardBody .breadcrumbs .courseName { DISPLAY: none } .wizardBody .breadcrumbs .courseId { DISPLAY: none } .wizardBody .breadcrumbs { HEIGHT: 24px } .wizardBody .path .root A:before { FONT-SIZE: 20px; FONT-FAMILY: "Pictos"; POSITION: relative; FONT-WEIGHT: normal; COLOR: #aaa; CONTENT: "H"; TOP: -2px } .wizardBody .modeSwitchWrap { RIGHT: 12px; POSITION: absolute; TOP: 15px } .wizardBody { BACKGROUND: #fff } .wizardBody .container { POSITION: static } .wizardBody #contentPanel { MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 0px; PADDING-TOP: 12px; PADDING-LEFT: 210px; PADDING-RIGHT: 0px } .wizardBody FORM#contentPanel { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .wizardBody #pageTitleDiv IMG { DISPLAY: none } .wizardBody .reqfield { FLOAT: none; MARGIN: 0px 0px 6px -6px } .wizardBody #containerdiv { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .wizardHead H2 { FONT-SIZE: 110%; MARGIN: 0px } .wizardHead .helphelp { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .wizardBody .contentPaneWide > .contentBox > .pageTitle H1 { FONT-SIZE: 150% } .wizardBody .containerWizard { OVERFLOW: hidden; PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; -webkit-border-radius: 4px; -moz-border-radius: 4px } .wizardBody .contentPaneWide > .contentBox > .pageTitle { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 18px; PADDING-TOP: 14px; PADDING-LEFT: 24px; MARGIN: -13px -12px 24px -224px; BORDER-LEFT: 0px; PADDING-RIGHT: 24px } .wizardBody .contentPaneWide > .contentBox { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; box-shadow: none } .wizardHead { MARGIN-BOTTOM: 24px; BACKGROUND: #efede3; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .wizardBody #dataCollectionContainer { MARGIN: 0px } .wizardHead + .container { BORDER-TOP: #aaa 1px solid; BORDER-RIGHT: #aaa 1px solid; BACKGROUND: url(images/bblearn_2011_bg.png) #efede3 0px -5px; BORDER-BOTTOM: #aaa 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 0px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); border-radius: 4px 4px 4px 4px } .wizardBody .containerWizard .container { HEIGHT: auto } .wizardBody .containerWizard .locationPane { MARGIN-TOP: 12px } .wizardBody UL.contentList LI DIV.details { OVERFLOW-X: visible } .wizardFinishText { MARGIN: 6px 0px 150px } .wizardSubmit { BORDER-TOP: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 6px; PADDING-TOP: 18px; PADDING-LEFT: 18px; MARGIN: 0px 0px -79px -210px; TOP: 18px; PADDING-RIGHT: 18px } .wizardSubmit INPUT[name='cancel'] { FONT-SIZE: 105%; TEXT-DECORATION: none; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #444; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .wizardSubmit INPUT[name='Previous'] { FONT-SIZE: 105%; TEXT-DECORATION: none; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #444; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .wizardSubmit INPUT[name='finish'] { FONT-SIZE: 105%; TEXT-DECORATION: none; BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; VERTICAL-ALIGN: middle; BACKGROUND: #cfcfcf; BORDER-BOTTOM: #bbb 1px solid; COLOR: #444; PADDING-BOTTOM: 7px; PADDING-TOP: 6px; PADDING-LEFT: 16px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efefef,endColorstr=#cfcfcf); BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) } .wizardSubmit INPUT[name='cancel']:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .wizardSubmit INPUT[name='cancel']:focus { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .wizardSubmit INPUT[name='Previous']:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .wizardSubmit INPUT[name='Previous']:focus { BORDER-TOP-COLOR: #999; BACKGROUND: #efefef; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: none; -moz-box-shadow: none } .wizardSubmit INPUT[type=image] { PADDING-BOTTOM: 3px; PADDING-TOP: 2px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .wizardSubmit SPAN { COLOR: #999; MARGIN: 0px 18px } .wizardSubmit SPAN STRONG { COLOR: #000 } .navigationPaneWizard { WIDTH: 190px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN-TOP: 63px; PADDING-RIGHT: 0px } .navigationPaneWizard .navPalette { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .wizardBody #courseMenuPalette { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; WIDTH: 200px; BACKGROUND: #eee; BORDER-BOTTOM: #999 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 12px; BORDER-LEFT: #999 0px solid; PADDING-RIGHT: 0px; -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), -1px 0 1px #F9F9F9 inset, -6px 6px 12px rgba(0, 0, 0, 0.2); -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0 } .wizardBody #courseMenuPalette DIV.navPaletteContent { -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0 } .navigationPaneWizard H2 { FONT-SIZE: 90%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: 100; COLOR: #00add0; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px; LETTER-SPACING: 0.2em; PADDING-RIGHT: 12px } .navigationPaneWizard .navPalette SPAN { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 9px; DISPLAY: block; PADDING-RIGHT: 9px; BACKGROUND-COLOR: #ededed } .navigationPaneWizard .navPalette LI { FONT-SIZE: 95%; OVERFLOW-X: hidden; COLOR: #777; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; MARGIN: 0px; PADDING-RIGHT: 12px } .navigationPaneWizard .navPalette UL LI:first-child { BORDER-TOP: medium none; POSITION: relative } .navigationPaneWizard .navPalette UL LI.currentStep { FONT-WEIGHT: bold; COLOR: #000 } .navigationPaneWizard .navPalette UL LI.currentStep:after { FONT-SIZE: 18px; RIGHT: 0px; POSITION: absolute; COLOR: #999; CONTENT: "?"; LINE-HEIGHT: 0.5; TOP: 9px } .containerWizard .controlPanel .navPaletteContent A { TEXT-DECORATION: none; BACKGROUND: url(../../../images/ci/ng/portlet_expand.gif) no-repeat 2px 6px; OVERFLOW-X: hidden; FONT-WEIGHT: normal; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 23px; MARGIN: 0px; DISPLAY: block; PADDING-RIGHT: 9px } .containerWizard .navPaletteContent H2 { FONT-SIZE: 105%; MARGIN: 0px } .containerWizard .navPaletteContent H2 A { BORDER-TOP: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 23px; PADDING-RIGHT: 9px } .containerWizard .controlpanel LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } #logDetail { HEIGHT: 300px; OVERFLOW-Y: auto } .totalMsgs { FONT-SIZE: 120%; FONT-WEIGHT: bold; COLOR: #555; PADDING-BOTTOM: 9px !important; PADDING-TOP: 11px !important; PADDING-LEFT: 14px !important; PADDING-RIGHT: 6px !important } .latestEntry { FONT-SIZE: 85%; FLOAT: right !important; FONT-WEIGHT: normal; COLOR: #666 } .log-summary { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; -webkit-border-radius: 4px; -moz-border-radius: 4px } .log-summary A { MARGIN: 0px 3px; DISPLAY: inline-block } .log-summary LI { VERTICAL-ALIGN: middle; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 14px; MIN-HEIGHT: 26px; BORDER-LEFT: #ccc 1px dotted; PADDING-RIGHT: 3px } .sis-seperator { VERTICAL-ALIGN: middle; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 14px; MIN-HEIGHT: 26px; BORDER-LEFT: #ccc 1px dotted; PADDING-RIGHT: 3px } .log-summary LI:first-child { BORDER-LEFT: medium none } .log-type { TEXT-DECORATION: none; FONT-WEIGHT: bold; COLOR: #fff; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; DISPLAY: inline-block; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .log-summary .log-type { FONT-SIZE: 120% } .log-error { BACKGROUND: #ef3e36 } .log-warning { BACKGROUND: #fcb040 } .log-message { BACKGROUND: #0b9444 } .log-debug { BACKGROUND: #00aeef } .log-header { MARGIN: 0px 0px 9px } .attachments .log-type { FONT-SIZE: 90%; MIN-WIDTH: 6em; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal; TEXT-ALIGN: center; LETTER-SPACING: 0.1em } .table-scroll-wrapper TABLE { MARGIN: 0px } .table-scroll-wrapper TBODY { OVERFLOW: hidden; HEIGHT: 200px; OVERFLOW-Y: auto } .row-selected { BACKGROUND-COLOR: #e2eefe } .log-search > DIV > DIV { BORDER-RIGHT: #bbb 1px dotted; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 6px 6px 0px 0px; DISPLAY: inline-block; PADDING-RIGHT: 9px !important } .answerSavedButton { BORDER-TOP-COLOR: #777; BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #777; COLOR: #eee; BORDER-BOTTOM-COLOR: #777; PADDING-LEFT: 22px !important; FILTER: none; BORDER-RIGHT-COLOR: #777; BACKGROUND-COLOR: #888; text-shadow: 0 -1px 0 #000 } .answerSavedButton:hover { BORDER-TOP-COLOR: #777; BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #777; COLOR: #eee; BORDER-BOTTOM-COLOR: #777; PADDING-LEFT: 22px !important; FILTER: none; BORDER-RIGHT-COLOR: #777; BACKGROUND-COLOR: #888; text-shadow: 0 -1px 0 #000 } .answerSavedButton:focus { BORDER-TOP-COLOR: #777; BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #777; COLOR: #eee; BORDER-BOTTOM-COLOR: #777; PADDING-LEFT: 22px !important; FILTER: none; BORDER-RIGHT-COLOR: #777; BACKGROUND-COLOR: #888; text-shadow: 0 -1px 0 #000 } .answerSavedButton:hover { BORDER-TOP-COLOR: #555; BORDER-LEFT-COLOR: #555; COLOR: #fff; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555; BACKGROUND-COLOR: #666; text-shadow: 0 -1px 0 #000 } .answerSavedButton:focus { BORDER-TOP-COLOR: #555; BORDER-LEFT-COLOR: #555; COLOR: #fff; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555; BACKGROUND-COLOR: #666; text-shadow: 0 -1px 0 #000 } .answerSavingButton { BORDER-TOP-COLOR: #999; BACKGROUND-IMAGE: url(/images/ci/icons/file_li.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #999; COLOR: #444; BORDER-BOTTOM-COLOR: #999; PADDING-LEFT: 22px !important; BORDER-RIGHT-COLOR: #999; BACKGROUND-COLOR: #ccc } .answerSavingButton:hover { BORDER-TOP-COLOR: #999; BACKGROUND-IMAGE: url(/images/ci/icons/file_li.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #999; COLOR: #444; BORDER-BOTTOM-COLOR: #999; PADDING-LEFT: 22px !important; BORDER-RIGHT-COLOR: #999; BACKGROUND-COLOR: #ccc } .answerSavingButton:focus { BORDER-TOP-COLOR: #999; BACKGROUND-IMAGE: url(/images/ci/icons/file_li.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 6px center; BORDER-LEFT-COLOR: #999; COLOR: #444; BORDER-BOTTOM-COLOR: #999; PADDING-LEFT: 22px !important; BORDER-RIGHT-COLOR: #999; BACKGROUND-COLOR: #ccc } .timeUpWarning { COLOR: #cf0c0c } .thirtySecondWarning { COLOR: #cf0c0c } .oneMinuteWarning { COLOR: #cf0c0c } .fiveMinuteWarning { COLOR: #000 } .halfTimeWarning { COLOR: #000 } .headerForProgressBar { POSITION: relative; Z-INDEX: 100 } DIV.assessmentPortletBlock H3.headerForProgressBar A { BACKGROUND: none transparent scroll repeat 0% 0% } .progressBar { POSITION: absolute; LEFT: 0px; Z-INDEX: 90; TOP: 0px; BOTTOM: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .progressBarStyle { BACKGROUND: #b6f796 } .progressBarStyleOneMin { BACKGROUND: #ffe79f } .progressBarStyleThirtySec { BACKGROUND: #ffafaf } .progressBarStyleOvertime { BACKGROUND: #ffafaf } .timerBar { FONT-SIZE: 105%; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid; BACKGROUND: #f9f9f9; BORDER-BOTTOM: #fff 2px solid; POSITION: relative; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 3px; PADDING-LEFT: 6px; MARGIN: 4px 14px 0px; BORDER-LEFT: #fff 2px solid; PADDING-RIGHT: 6px; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15); -webkit-border-radius: 9px; -moz-border-radius: 9px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) } .timer STRONG { POSITION: relative; Z-INDEX: 100 } .timerText { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px } .liveArea.timer { PADDING-BOTTOM: 9px; PADDING-TOP: 6px; PADDING-LEFT: 7px; PADDING-RIGHT: 7px } .questionStatus { PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px } .timedQuestionStatus { BORDER-TOP: #ddd 2px groove; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px 2px; PADDING-RIGHT: 0px } .completionContainer { PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .questionStatus .questionStatusLabel { FONT-WEIGHT: normal; MARGIN: 0px; LETTER-SPACING: 0px } .questionStatus .questionStatusLabel A { TEXT-DECORATION: none; COLOR: #666 } .questionStatus .questionStatusLabel A:hover { TEXT-DECORATION: underline; COLOR: #000 } .timerMessage { FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) } .timeLabel { FONT-WEIGHT: normal; COLOR: #666 } .timeValue { FONT-SIZE: 120% } .timer-collapsed.timer-toggle { BACKGROUND: url(images/portlet_expand_alt.gif) no-repeat 0px 2px; PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 14px; DISPLAY: inline-block; PADDING-RIGHT: 0px } .timer-expanded.timer-toggle { HEIGHT: 20px; WIDTH: 20px; BACKGROUND: url(images/portlet_contract_alt.gif) no-repeat 3px 4px; POSITION: absolute; LEFT: 4px; TOP: 5px } .timerBar .timerLabel:before { FONT: 1.4em/0 "Pictos", sans-serif; MARGIN-RIGHT: 0.4em } .timerMessage:before { FONT: 1.4em/0 "Pictos", sans-serif; MARGIN-RIGHT: 0.4em } .progressBarStyleOvertime + .timerLabel:before { COLOR: #cf0c0c; CONTENT: "t" } .progressBarStyleOneMin + .timerLabel:before { COLOR: #7f6b2f; CONTENT: "!" } .progressBarStyleThirtySec + .timerLabel:before { COLOR: #cf0c0c; CONTENT: "!" } .timerMessage:before { CONTENT: "" } .halfTimeWarning:before { COLOR: #999 } #theGrid { POSITION: relative } .gridOverflowControl { OVERFLOW-X: auto; ZOOM: 1; PADDING-BOTTOM: 24px } .rubricTable TBODY TD TEXTAREA { BORDER-TOP: #ccc 1px solid; HEIGHT: 6em; BORDER-RIGHT: #ccc 1px solid; WIDTH: 99%; MIN-WIDTH: 9em; BORDER-BOTTOM: #ccc 1px solid; COLOR: #555; BORDER-LEFT: #ccc 1px solid } .rubricTable TBODY TD TEXTAREA + SCRIPT + DIV { TEXT-ALIGN: right } .rubricTable TBODY TD DIV INPUT[type='text'] { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 4em; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } #rubricRowReorder { POSITION: absolute; Z-INDEX: 100; TOP: 5em } #rubricColReorder { POSITION: absolute; LEFT: 15%; Z-INDEX: 100; TOP: 3em } #rubricColReorder FIELDSET { WHITE-SPACE: nowrap; POSITION: relative } #rubricColSort { WHITE-SPACE: nowrap; MARGIN-RIGHT: 60px } #rubricColSort LI { BORDER-RIGHT: #999 1px dotted; WHITE-SPACE: nowrap; POSITION: relative; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; PADDING-LEFT: 24px; MARGIN: 0px 1px; DISPLAY: inline-block; PADDING-RIGHT: 6px } #rubricColSort LI INPUT { POSITION: absolute; LEFT: 0px; TOP: 0px } #reorderPanelControls { RIGHT: 0px; POSITION: absolute; TOP: 0px } #reorderPanelControls A { TEXT-DECORATION: none } #collabRubricList .collabRubricListTypeContainer { MARGIN: 4px } .rubricGradingTable { WIDTH: 100%; BORDER-COLLAPSE: separate; MARGIN-LEFT: -9px; BORDER-SPACING: 9px } .rubricTable { WIDTH: 100%; BORDER-COLLAPSE: separate; MARGIN-LEFT: -9px; BORDER-SPACING: 9px } .rubricGradingTable TH { COLOR: #45586f } .rubricTable TH { COLOR: #45586f } .rubricTable THEAD TH { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 12px } .rubricTable THEAD TH:first-child { BORDER-LEFT: medium none } .rubricGradingTable TBODY TD { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; VERTICAL-ALIGN: top; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #444; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 12px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -webkit-border-radius: 3px; -moz-border-radius: 3px } .rubricTable TBODY TD { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; VERTICAL-ALIGN: top; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; COLOR: #444; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 12px; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); box-shadow: 1px 1px 3px rgba(0, 0, 0, .25); -webkit-border-radius: 3px; -moz-border-radius: 3px } .rubricTable TBODY TD { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .rubricGradingTable TBODY TH { BORDER-TOP: #ccc 1px solid; VERTICAL-ALIGN: top; FONT-WEIGHT: bold; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .rubricTable TBODY TH { BORDER-TOP: #ccc 1px solid; VERTICAL-ALIGN: top; FONT-WEIGHT: bold; PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } .rubricTable TBODY TH LABEL { FONT-WEIGHT: normal } .rubricTable TBODY TH INPUT { FONT-WEIGHT: normal } .rubricTable TBODY TH > SPAN { FONT-WEIGHT: normal } .rubricGradingTable .rubricCellHeader { PADDING-BOTTOM: 6px; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .rubricGradingTable .radioLabel { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 0px } .rubricGradingTable .selectedCell .radioLabel { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 0px } .rubricGradingTable .selectedCell .rubricSelectedValue { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 0px } .rubricGradingTable .selectedCell .rubricCellDescription { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 30px; DISPLAY: block; PADDING-RIGHT: 0px } .rubricGradingList .radioLabel { FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 24px; DISPLAY: inline-block; PADDING-RIGHT: 6px } .rubricGradingTable .rubricCellContainer { OVERFLOW: hidden; POSITION: relative; MIN-HEIGHT: 30px } .rubricCellRadio { POSITION: absolute; TOP: 6px } .rubricGradingList .rubricCellRadio { POSITION: absolute; TOP: 2px } .selectedCell .rubricCellRadio { TOP: -60px } .pointContainer { FONT-WEIGHT: bold } .rubricGradingTable .feedback { DISPLAY: none } .rubricGradingTable .selectedCell .feedback { DISPLAY: block } .rubricGradingTable .feedback TEXTAREA { WIDTH: 99% } .rubricGradingTable .selectedCell { BACKGROUND: url(images/button_ok_ia.png) #d1eaef no-repeat 12px 12px; COLOR: #000; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .3); box-shadow: 0 0 6px rgba(0, 0, 0, .3) } .rubricGradingList .selectedCell { BACKGROUND: url(images/button_ok_ti.png) no-repeat 4px 3px } .rubricGradingTable TBODY TD:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #d1eaef; BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999 } .rubricTable TBODY TD:hover { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } .rubricGradingTable TBODY .selectedCell:hover { BACKGROUND: url(images/button_ok_ia.png) #d1eaef no-repeat 12px 12px } .rubricCriteriaHead { WIDTH: 15% !important } .rubricInlineEdit { POSITION: relative } .rubricInlineEdit > DIV { WHITE-SPACE: nowrap; POSITION: absolute; Z-INDEX: 100 } .gridActionBar { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #f1f1f1; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .gridActionBar TH { BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; BACKGROUND: #f1f1f1; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 6px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px } .gridActionBar UL { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .stepcontent .gridActionBar LI { MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px } .rubricGradingTable .data { BACKGROUND: none transparent scroll repeat 0% 0% } .rubricTable .data { BACKGROUND: none transparent scroll repeat 0% 0% } .rubricSelectedValue { FONT-SIZE: 130%; FONT-WEIGHT: bold; DISPLAY: block } .rangePercent { FONT-SIZE: 90%; FONT-WEIGHT: normal; COLOR: #666 } .selectedCell .rangeValue { BORDER-TOP: #aaa 1px dashed; PADDING-BOTTOM: 0px; PADDING-TOP: 6px; PADDING-LEFT: 0px; MARGIN: 6px 0px 0px; PADDING-RIGHT: 0px } .rubricControlContainer .containerTabs { MARGIN: 0px } .rubricControlContainer .contentAreaBlock { MARGIN: 0px } .rubricGradingList .rubricGradingCell { OVERFLOW: hidden; POSITION: relative; MARGIN: 1px 0px } .rubricGradingList .feedback { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .rubricGradingList .feedback TEXTAREA { WIDTH: 99% !important } .rubricGradingList H4 { POSITION: relative; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px } .rubricGradingList H4 SPAN { RIGHT: 0px; POSITION: absolute; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 4px; TOP: 0px; PADDING-RIGHT: 4px; BACKGROUND-COLOR: #fff1c5 } .rubricGradingTotalPoints { FONT-SIZE: 110%; MARGIN: 6px 0px } .rubricGradingOverride { FONT-SIZE: 110%; PADDING-BOTTOM: 6px; MARGIN: 6px 0px } .rubricGradingComments .editor { MARGIN-TOP: 20px } .rubricGradingComments .rubricVtbeLabel { MARGIN-BOTTOM: 10px; DISPLAY: block } .alignmentPanel TR { COLOR: #555 } .alignmentPanel .gradingRubric { COLOR: #000; BACKGROUND-COLOR: #ffd } .alignmentPanel .gradingRubric .title { FONT-WEIGHT: bold } .alignmentPanel UL.nav SPAN { PADDING-LEFT: 3px } .rubricPanel THEAD TR TH { WHITE-SPACE: normal !important } .rubricPopupContainer .rubricControlContainer { MARGIN: 0px 0px 10px } .rubricPopupContainer .onlyOne.changeRubricContainer .previous.pagelink { DISPLAY: none } .rubricPopupContainer .onlyOne.changeRubricContainer .next.pagelink { DISPLAY: none } .rubricPopupContainer .first.changeRubricContainer .previous.pagelink { DISPLAY: none } .rubricPopupContainer .last.changeRubricContainer .next.pagelink { DISPLAY: none } .rubricGradingCell .pointRangeEdit { DISPLAY: none } .selectedCell.rubricGradingCell .pointRangeView { DISPLAY: none } .rubricPopupContainer .first.changeRubricContainer .next.pagelink { DISPLAY: inline } .rubricPopupContainer .middle.changeRubricContainer .previous.pagelink { DISPLAY: inline } .rubricPopupContainer .middle.changeRubricContainer .next.pagelink { DISPLAY: inline } .rubricPopupContainer .last.changeRubricContainer .previous.pagelink { DISPLAY: inline } .rubricGradingTable .pointRangeView { FONT-WEIGHT: bold; DISPLAY: block } .selectedCell.rubricGradingCell .pointRangeEdit { FONT-WEIGHT: bold; DISPLAY: block } .vtbegenerated TH { FONT-WEIGHT: bold !important } .vtbegenerated TD[align='center'] { TEXT-ALIGN: center !important } .vtbegenerated TH[align='center'] { TEXT-ALIGN: center !important } .vtbegenerated TR[align='center'] > TD { TEXT-ALIGN: center !important } .vtbegenerated TR[align='center'] > TH { TEXT-ALIGN: center !important } .vtbegenerated TD[align='right'] { TEXT-ALIGN: right !important } .vtbegenerated TH[align='right'] { TEXT-ALIGN: right !important } .vtbegenerated TR[align='right'] > TD { TEXT-ALIGN: right !important } .vtbegenerated TR[align='right'] > TH { TEXT-ALIGN: right !important } .vtbegenerated TD[align='left'] { TEXT-ALIGN: left !important } .vtbegenerated TH[align='left'] { TEXT-ALIGN: left !important } .vtbegenerated TR[align='left'] > TD { TEXT-ALIGN: left !important } .vtbegenerated TR[align='left'] > TH { TEXT-ALIGN: left !important } .vtbegenerated { FONT-SIZE: small; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; DISPLAY: block !important; PADDING-RIGHT: 0px !important } .vtbegenerated P { MARGIN-BOTTOM: 1em } .vtbegenerated ADDRESS { FONT-STYLE: italic; DISPLAY: block } .vtbegenerated IMG { FILTER: alpha(opacity = auto) !important; opacity: auto } .vtbegenerated UL { PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated MENU { PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated DIR { PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated UL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .vtbegenerated OL { PADDING-LEFT: 40px; MARGIN: 1em 0px } .vtbegenerated OL LI { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .vtbegenerated LI { LIST-STYLE-POSITION: outside } .vtbegenerated UL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated UL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DIR DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated MENU DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL UL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL OL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL DIR { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL MENU { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated DL DL { MARGIN-BOTTOM: 0px; MARGIN-TOP: 0px } .vtbegenerated OL UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated UL UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated MENU UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated DIR UL LI { LIST-STYLE-TYPE: circle } .vtbegenerated OL MENU { LIST-STYLE-TYPE: circle } .vtbegenerated UL MENU { LIST-STYLE-TYPE: circle } .vtbegenerated MENU MENU { LIST-STYLE-TYPE: circle } .vtbegenerated DIR MENU { LIST-STYLE-TYPE: circle } .vtbegenerated OL DIR { LIST-STYLE-TYPE: circle } .vtbegenerated UL DIR { LIST-STYLE-TYPE: circle } .vtbegenerated MENU DIR { LIST-STYLE-TYPE: circle } .vtbegenerated DIR DIR { LIST-STYLE-TYPE: circle } .vtbegenerated OL OL UL { LIST-STYLE-TYPE: square } .vtbegenerated OL UL UL { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated OL OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated OL OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated OL DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL OL UL { LIST-STYLE-TYPE: square } .vtbegenerated UL UL UL { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated UL OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated UL OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated MENU OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated MENU DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR UL { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR MENU { LIST-STYLE-TYPE: square } .vtbegenerated DIR OL DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR UL DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR MENU DIR { LIST-STYLE-TYPE: square } .vtbegenerated DIR DIR DIR { LIST-STYLE-TYPE: square } .vtbegenerated UL UL UL LI { LIST-STYLE-TYPE: square } .vtbegenerated TABLE { BORDER-COLLAPSE: separate } .vtbegenerated H4 { MARGIN-BOTTOM: 1.5em } .vtbegenerated H5 { MARGIN-BOTTOM: 1.5em } .vtbegenerated H6 { MARGIN-BOTTOM: 1.5em } .vtbegenerated H4 { FONT-SIZE: 100% } .vtbegenerated H5 { FONT-SIZE: 90% } .vtbegenerated H6 { FONT-SIZE: 80% } .vtbegenerated BLOCKQUOTE { MARGIN: 1em 35px } .vtbegenerated UL[type='circle'] LI { LIST-STYLE-TYPE: circle } .vtbegenerated UL[type='square'] LI { LIST-STYLE-TYPE: square } .vtbegenerated UL[type='disc'] LI { LIST-STYLE-TYPE: disc } .inlineVtbegenerated { DISPLAY: inline } .tree .treeNodeIcon { HEIGHT: 16px; WIDTH: 16px } .navPaletteContent .submenu LI.favorite { PADDING-LEFT: 10px } .navPaletteContent UL[id*='files_groupContents'] .favorite { PADDING-LEFT: 0px } .columnPalette H5 { COLOR: #555; MARGIN: 6px 0px 3px } .blogNav .stepcontent { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 4px; MARGIN: 0px; PADDING-RIGHT: 4px } .button-split-left { BORDER-RIGHT: #f6f6f6 2px solid; FLOAT: left; DISPLAY: inline-block; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0 } .button-split-left:hover { BORDER-RIGHT: #555 2px solid } .button-split-right { FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 6px; MARGIN-LEFT: -1px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 6px; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0 } .full_evaluation_view_component H3 { MARGIN: 18px 0px 3px } .full_evaluation_view_component H3:first-child { MARGIN: 9px 0px 3px } .gradeSide_panel .container { POSITION: relative; PADDING-RIGHT: 45% } .gradeSide_panel .contentListPlain { MARGIN: -20px 0px 0px -30px } .collabContainer { PADDING-BOTTOM: 30px; PADDING-TOP: 20px; PADDING-LEFT: 30px; PADDING-RIGHT: 30px } .gradeSide { WIDTH: 36%; RIGHT: 20px; TOP: 20px } .gradeSide { BORDER-TOP: #555 3px solid; BORDER-RIGHT: #555 3px solid; BACKGROUND: #888 0px 0px; RIGHT: 20px; BORDER-BOTTOM: #555 3px solid; POSITION: absolute; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; LEFT: auto; MARGIN: 0px; BORDER-LEFT: #555 3px solid; TOP: 20px; PADDING-RIGHT: 4px; BOTTOM: auto; border-radius: 4px } .collapseTabsData A.close { RIGHT: 4px; TOP: 4px } .evalColumn .taskbuttondiv { PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .gradeItemsWrapper { OVERFLOW: visible } .gradeSide .stepcontent { PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 4px; MARGIN: 0px; PADDING-RIGHT: 4px } .evalColumn { BORDER-TOP: #bbb 1px solid; BORDER-RIGHT: #bbb 1px solid; BORDER-BOTTOM: #bbb 1px solid; PADDING-BOTTOM: 18px; PADDING-TOP: 6px; PADDING-LEFT: 18px; BORDER-LEFT: #bbb 1px solid; PADDING-RIGHT: 18px; BACKGROUND-COLOR: #fff; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) } .evalColumn .liveArea { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; box-shadow: none } .column-wrapper { OVERFLOW: visible !important; POSITION: relative } .column-nav { WIDTH: 190px; FLOAT: left } .colspan2 { POSITION: relative; MARGIN-LEFT: 190px } .colspan2#standards-column { MARGIN-BOTTOM: -41px; PADDING-BOTTOM: 12px; LEFT: -3px; BORDER-LEFT: #ccc 3px double; TOP: -20px } .pageHead-2 { WORD-WRAP: break-word; COLOR: #555; PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .column-nav .pageHead-2 { PADDING-BOTTOM: 18px; PADDING-TOP: 18px; PADDING-LEFT: 6px; DISPLAY: none; PADDING-RIGHT: 6px } .pageHead-2 H2 { FONT-SIZE: 120%; FONT-WEIGHT: normal; MARGIN: 0px } .pageHead-2 SPAN { FONT-SIZE: 120%; FONT-WEIGHT: bold; COLOR: #000; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .pageHead-2 SPAN:first-child { BORDER-RIGHT: #aaa 1px dotted } .column-inner { PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 18px; PADDING-RIGHT: 0px } .column-nav-inner { PADDING-BOTTOM: 12px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px } .category-column .column-nav-inner { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee',endColorstr = '#cccccc',GradientType = 1); BORDER-LEFT: medium none } #column_lrn_std_category { BORDER-RIGHT: #ccc 3px double } .column-inner { BACKGROUND: #fff; PADDING-BOTTOM: 12px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 18px !important; PADDING-RIGHT: 18px !important } #standards-column .column-inner { PADDING-BOTTOM: 12px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 18px !important; PADDING-RIGHT: 0px !important } .column-nav .column-inner { DISPLAY: none } .navmenu-list-item { WORD-WRAP: break-word; BORDER-BOTTOM: #777 1px solid; POSITION: relative; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 18px; DISPLAY: block; PADDING-RIGHT: 21px } .navmenu-list > LI:hover { BACKGROUND: #777 } .navmenu-list > LI > A { FONT-SIZE: 110%; TEXT-DECORATION: none; FONT-WEIGHT: 200; COLOR: #f6f6f6 } .navmenu-list A SPAN { DISPLAY: none } .navmenu-list .active { BORDER-TOP: #777 1px solid; BORDER-RIGHT: #777 0px solid; WIDTH: 142px; BACKGROUND: #eee; BORDER-BOTTOM: #777 1px solid; FONT-WEIGHT: 600; COLOR: #000; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 20px; LEFT: -3px; BORDER-LEFT: #777 1px solid; PADDING-RIGHT: 18px; -webkit-box-shadow: -4px 3px 5px #777; -moz-box-shadow: -4px 3px 5px #777; box-shadow: -4px 3px 5px #777; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .navmenu-list .active:hover { BORDER-TOP: #777 1px solid; BORDER-RIGHT: #777 0px solid; WIDTH: 142px; BACKGROUND: #eee; BORDER-BOTTOM: #777 1px solid; FONT-WEIGHT: 600; COLOR: #000; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 20px; LEFT: -3px; BORDER-LEFT: #777 1px solid; PADDING-RIGHT: 18px; -webkit-box-shadow: -4px 3px 5px #777; -moz-box-shadow: -4px 3px 5px #777; box-shadow: -4px 3px 5px #777; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .navmenu-list .active A { COLOR: #000 } .column2-nav .category-column .navmenu-list LI > A { PADDING-LEFT: 24px } .column-wrapper .actionBar > UL > LI > A { TEXT-DECORATION: none; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 16px; DISPLAY: inline-block; PADDING-RIGHT: 16px } .column-wrapper .actionBar > UL > LI > A:hover { BACKGROUND: #ccc } .standards .button-2 { COLOR: #444 } .standards .button-2:hover { BORDER-TOP-COLOR: #aaa; BORDER-LEFT-COLOR: #aaa; BORDER-BOTTOM-COLOR: #aaa; BORDER-RIGHT-COLOR: #aaa } .category-column :first-child.navmenu-list { MARGIN: 12px 0px 0px } .category-column .navmenu-list-item { BORDER-TOP-COLOR: #d6d6d6; BORDER-LEFT-COLOR: #d6d6d6; BORDER-BOTTOM-COLOR: #d6d6d6; BORDER-RIGHT-COLOR: #d6d6d6 } .category-column .navmenu-list-item A { COLOR: #333 } .category-column .navmenu-list-item:hover { FILTER: alpha(opacity = 100) !important; BACKGROUND-COLOR: #e0e0e0; opacity: 1 } .category-column .navmenu-list .active { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BACKGROUND: #fff; RIGHT: -4px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; Z-INDEX: 1001; MARGIN-RIGHT: -1px; -webkit-box-shadow: -4px 3px 5px #DDD; -moz-box-shadow: -4px 3px 5px #DDD; box-shadow: -4px 3px 5px #DDD; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .navmenu-list .inactive { FILTER: alpha(opacity = 75); opacity: .75 } .standards .actionBar { BORDER-TOP: medium none; HEIGHT: 32px; BORDER-RIGHT: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 20px -12px; BORDER-LEFT: medium none; DISPLAY: block; PADDING-RIGHT: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .actionBar#actionbarlrn_std_doc { BORDER-BOTTOM-COLOR: #777 } .actionBar#actionbarlrn_std_doc > UL > LI > A { COLOR: #f0f0f0; -webkit-border-radius: 4px 0 0 0; -moz-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4) } .actionBar#actionbarlrn_std_doc > UL > LI > A:hover { BACKGROUND: #777; COLOR: #fff } .actionBar#actionbarlrn_std_doc > UL > LI:hover > A { BACKGROUND: #777; COLOR: #fff } .actionBar#actionbarlrn_std_category > UL > LI > A { COLOR: #666; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) } .actionBar#actionbarlrn_std_category > UL > LI > A:hover { BACKGROUND: #ccc; COLOR: #000 } .actionBar#actionbarlrn_std { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: #f0f0f0; BORDER-BOTTOM: 0px; MARGIN: 9px 0px 20px; BORDER-LEFT: 0px } .actionBar#actionbarlrn_std > UL > LI > A { COLOR: #666; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) } .actionBar#actionbarlrn_std > UL > LI > A:hover { BACKGROUND: #ddd; COLOR: #000 } .standards .actionBar > UL { HEIGHT: 32px; MARGIN: 0px } .standards .actionBar UL LI { FLOAT: left } .standards .groupLabel { PADDING-BOTTOM: 0px; PADDING-TOP: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 6px } .standards .searchbar .selectedItem LABEL SPAN { FONT-SIZE: 90% } .navmenu-actions-1 { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #f0f0f0; BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 1px; LEFT: -4px; BORDER-LEFT: #ccc 1px solid; TOP: 4px; PADDING-RIGHT: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .active .navmenu-actions-1 { LEFT: -4px } .navmenu-actions-2 { POSITION: absolute; PADDING-BOTTOM: 1px !important; PADDING-TOP: 1px !important; PADDING-LEFT: 1px !important; LEFT: -4px; TOP: 22px; PADDING-RIGHT: 1px !important } .navmenu-list-item .contextMenuContainer { RIGHT: 9px; POSITION: absolute; MARGIN-TOP: -8px; TOP: 50%; opacity: 0 } .navmenu-list .active .contextMenuContainer { opacity: 1 } .navmenu-list .active:hover .contextMenuContainer { opacity: 1 } .navmenu-list-item:hover .contextMenuContainer { opacity: .5 } .navmenu-list-item:hover .contextMenuContainer:hover { opacity: 1 } .standards .column-1 { FONT-SIZE: 90%; MIN-HEIGHT: 0px } .standards .column-2 { FONT-SIZE: 90%; MIN-HEIGHT: 0px } .standards .column-3 { FONT-SIZE: 90%; MIN-HEIGHT: 0px } .standards .column-2 { WIDTH: 46%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 1%; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 1% } .standards .column-3 { WIDTH: 31%; MARGIN: 0px } .standardForm > H3 + DIV.column-2 { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .standards .stepcontent { PADDING-BOTTOM: 12px; PADDING-TOP: 6px; PADDING-LEFT: 4px; MARGIN: 0px; PADDING-RIGHT: 4px } .standards .stepcontent OL LI { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none } .standardForm { POSITION: absolute !important; LEFT: 6px; TOP: 38px } .inline-form-title { MARGIN: 6px 0px } .docs-column .column-nav-inner { BORDER-TOP: #777 1px solid; BORDER-RIGHT: medium none; BACKGROUND: #999; BORDER-BOTTOM: #777 1px solid; COLOR: #fff; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#999999',endColorstr = '#777777',GradientType = 1); MIN-HEIGHT: 400px; BORDER-LEFT: #777 1px solid; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px } .docs-column :first-child.navmenu-list { MARGIN: 12px 0px 0px } .iconToggleWrapper { ZOOM: 1; DISPLAY: inline-block } .iconToggle { FONT-SIZE: 95%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; ZOOM: 1; COLOR: #444; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 5px; MARGIN: 0px 0px 0px -5px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline-block; PADDING-RIGHT: 5px } .quickAddPal .iconToggle { MARGIN: 0px 0px 0px -1px } :first-child.iconToggle { MARGIN: 0px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px } .iconToggle:hover { BORDER-TOP-COLOR: #999; BACKGROUND: #e8f0fe; BORDER-LEFT-COLOR: #999; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999 } .stepcontent .iconToggle .fieldHelp { FONT-SIZE: 90%; BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; BACKGROUND: #fff; MIN-WIDTH: 200px; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 6px; LEFT: 0px; BORDER-LEFT: #555 1px solid; Z-INDEX: 100; DISPLAY: none; TOP: 100%; PADDING-RIGHT: 6px; -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 9px rgba(0, 0, 0, .3); -webkit-border-radius: 3px; -moz-border-radius: 3px } .iconToggle:hover .fieldHelp { Z-INDEX: 10; DISPLAY: block } .iconToggleWrapper .selectedItem { BORDER-TOP-COLOR: #999; BACKGROUND: #cdcdcd; BORDER-LEFT-COLOR: #999; COLOR: #000; BORDER-BOTTOM-COLOR: #999; BORDER-RIGHT-COLOR: #999; -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2) inset; box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.2) inset } .iconToggle LABEL SPAN { COLOR: #555; DISPLAY: none } .selectedItem LABEL SPAN { DISPLAY: inline } .selectedItem .fieldHelp STRONG { DISPLAY: none } #lrn_std .panelHead { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 25px; PADDING-RIGHT: 16px } #lrn_std .sHeader { MARGIN-LEFT: -21px } #lrn_std .contextMenuContainer { } .lb-content .itemTray { POSITION: absolute } .lb-drawer { PADDING-BOTTOM: 54px } .lb-noTitleBar #pageTitleBar { DISPLAY: none } .lb-locationPane { MARGIN: 0px } .lb-locationPane #contentPanel { MARGIN: 0px } .lb-contentBox { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; border-radius: 0 } .overSoftLimit { COLOR: red } .autocomplete_pos { LEFT: 0px !important; TOP: 15px !important } .autocomplete { BORDER-TOP: #888 1px solid; BORDER-RIGHT: #888 1px solid; WIDTH: 250px; BORDER-BOTTOM: #888 1px solid; POSITION: absolute; BORDER-LEFT: #888 1px solid; Z-INDEX: 5; BACKGROUND-COLOR: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, .3) } .autocomplete .selected { BACKGROUND-COLOR: #ccc } .autocomplete UL LI { CURSOR: pointer; WIDTH: 98%; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; DISPLAY: block; PADDING-RIGHT: 2px } .quickAddPal .field { POSITION: relative } .quickAddPal .noLabelField { POSITION: relative } .renameCategory { RIGHT: 0px; POSITION: absolute; LEFT: 0px; Z-INDEX: 1200; DISPLAY: block; TOP: 0px; BOTTOM: 0px } .renameCategory A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: inline; PADDING-RIGHT: 0px } LI SPAN.labelMenuItem { FONT-WEIGHT: bold; COLOR: #000 } #toolSettingsWrapper_table TBODY TR { BORDER-TOP: #ddd 1px dashed } #toolSettingsWrapper_table TR TH { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } #toolSettingsWrapper_table TBODY TR.rowTitle TD { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } #toolSettingsWrapper_table TBODY TR.rowTitle TH { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px } #toolSettingsWrapper_table TBODY TR.rowTitle { BORDER-TOP: #ddd 1px solid; BACKGROUND-COLOR: #ebebeb } #toolSettingsWrapper_table TBODY TR.rowTitle H3 { MARGIN: 0.5em 0px } .tooltip { COLOR: #fff; BACKGROUND-COLOR: #3b3b3b } .tooltipContainer .tooltip:after { COLOR: #3b3b3b } .tooltipContainer-bot .tooltip:after { COLOR: #3b3b3b } .paddedMetadata { PADDING-BOTTOM: 6px !important; PADDING-TOP: 6px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 6px !important } .quickAddPal .colorlist LI A.transparent { BACKGROUND-IMAGE: url(/images/swatches/transparent.gif); BACKGROUND-POSITION: -1px -1px; COLOR: transparent } .quickAddPal .colorlist LI A.transparent:hover { BACKGROUND-POSITION: -2px -2px } DIV.checkListActions { PADDING-BOTTOM: 10px } .quickAddPal .colorlist LI A.transparent:active { BACKGROUND-POSITION: -3px -3px } .quickAddPal .colorlist LI A.transparent:focus { BACKGROUND-POSITION: -3px -3px } .theme_scrollbar_content H2 { FONT-SIZE: 130%; FONT-FAMILY: Georgia, serif; FONT-WEIGHT: normal; COLOR: #333; PADDING-BOTTOM: 0px; FONT-STYLE: italic; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: -35px 0px 15px; LETTER-SPACING: 0.06em; PADDING-RIGHT: 0px } #wizard .theme_scrollbar_content H2 { COLOR: #ccc } .theme-switch-wrapper { DISPLAY: inline-block } .theme-switch { BORDER-RIGHT: #ccc 1px solid; VERTICAL-ALIGN: middle; POSITION: relative; MARGIN: -14px 9px -14px 0px; DISPLAY: inline-block } .theme-switch .sub > A { OVERFLOW: hidden; PADDING-BOTTOM: 14px; PADDING-TOP: 14px; PADDING-LEFT: 12px; DISPLAY: block; LINE-HEIGHT: 1; PADDING-RIGHT: 12px } .theme-switch .sub > A:hover { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset } .theme-switch .sub:hover > A { -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 0 24px rgba(0, 0, 0, 0.15) inset } .dummy-switch.theme-switch:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .theme-switch A SPAN { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(images/pantone_fan.png) no-repeat 0px 0px; DISPLAY: inline-block } .theme-switch SPAN SPAN { OVERFLOW: hidden; HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(images/pantone_fan.png) no-repeat 0px 0px; DISPLAY: inline-block } .theme-switch:hover .cmdiv UL:before { BORDER-TOP: 0px; BORDER-RIGHT: 7px solid; BORDER-BOTTOM: 7px solid; POSITION: absolute; CONTENT: ""; LEFT: 10px; BORDER-LEFT: 7px solid; TOP: -7px } .theme-switch:hover .cmdiv UL:after { BORDER-TOP: 0px; BORDER-RIGHT: 7px solid; BORDER-BOTTOM: 7px solid; POSITION: absolute; CONTENT: ""; LEFT: 10px; BORDER-LEFT: 7px solid; TOP: -7px } .theme-switch:hover .cmdiv UL:before { BORDER-BOTTOM-COLOR: #999; TOP: -8px } .theme-switch .nav .sub UL { WIDTH: 180px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .theme-switch .nav .sub UL LI H4 { COLOR: #999; PADDING-BOTTOM: 2px; PADDING-TOP: 9px; FONT: italic 95% Georgia, serif; PADDING-LEFT: 4px; MARGIN: 2px 0px; LETTER-SPACING: 2px; PADDING-RIGHT: 0px } .theme-switch .nav .sub UL A { FONT-SIZE: 95%; WIDTH: 142px; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 18px; PADDING-RIGHT: 4px } BODY DIV.lb-overlay { BACKGROUND: url(images/reorder_bg.png) #bbb -10px 0px } #wizard { BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid; WIDTH: 900px; BACKGROUND: #555; BORDER-BOTTOM: #666 1px solid; POSITION: fixed; MARGIN-LEFT: -450px; LEFT: 50%; BORDER-LEFT: #666 1px solid; Z-INDEX: 1100; TOP: 5px; box-shadow: 0 11px 20px rgba(0, 0, 0, .7); border-radius: 9px; background-clip: content-box } #wizard H1 { FONT-SIZE: 110%; BACKGROUND: #494949; BORDER-BOTTOM: #666 1px solid; COLOR: #bbb; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 30px; MARGIN: 1px 0px 0px 1px; PADDING-RIGHT: 30px; box-shadow: 0 -1px 0 #363636 inset; border-radius: 9px 9px 0 0; text-shadow: 0 -1px 0 #111 } #wizard .accordion-wrapper { BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 0px 30px; border-radius: 0 0 6px 6px } #wizard .accordion_toggle { FONT-SIZE: 115%; COLOR: #eee; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #wizard .accordion_content { FONT-SIZE: 115%; COLOR: #eee; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #wizard .accordion_toggle { CURSOR: pointer; FONT-SIZE: 90%; BORDER-TOP: #444 1px solid; POSITION: relative; COLOR: #aaa; TEXT-ALIGN: right; PADDING-RIGHT: 60px; -webkit-box-shadow: 0 1px 0 #666 inset; box-shadow: 0 1px 0 #666 inset } #wizard .accordion_toggle .accordionTabLabel { FONT-SIZE: 125%; TEXT-DECORATION: none; FLOAT: left; COLOR: #eee } #wizard .accordion_toggle SPAN#selectedStructureName { BACKGROUND: url(/images/ci/ng/close_mini.gif) #aaa no-repeat 96% 50%; COLOR: #000; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 5px; MARGIN-LEFT: 3px; PADDING-RIGHT: 19px; VISIBILITY: visible; border-radius: 5px } #wizard .accordion_toggle SPAN#selectedThemeName { BACKGROUND: url(/images/ci/ng/close_mini.gif) #aaa no-repeat 96% 50%; COLOR: #000; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 5px; MARGIN-LEFT: 3px; PADDING-RIGHT: 19px; VISIBILITY: visible; border-radius: 5px } #wizard .accordion_toggle_help { TEXT-ALIGN: left } #wizard .accordion_toggle A#unselectStructure { FONT-SIZE: 90%; FLOAT: right; COLOR: #1ec8ea; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN-LEFT: 5px; DISPLAY: none; PADDING-RIGHT: 6px } #wizard .accordion_toggle A#unselectTheme { FONT-SIZE: 90%; FLOAT: right; COLOR: #1ec8ea; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 6px; MARGIN-LEFT: 5px; DISPLAY: none; PADDING-RIGHT: 6px } #wizard .accordion_toggle A#unselectStructure:hover { VISIBILITY: visible } #wizard .accordion_toggle A#unselectTheme:hover { VISIBILITY: visible } #wizard .accordion_toggle A#unselectStructure:hover SPAN { TEXT-DECORATION: line-through } #wizard .accordion_toggle A#unselectTheme:hover SPAN { TEXT-DECORATION: line-through } #wizard :first-child.accordion_toggle { BORDER-TOP: 0px; box-shadow: none } #wizard .accordion_content { OVERFLOW: hidden; HEIGHT: 245px; BACKGROUND: #3d3b3b; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } #wizard .accordion_content A { COLOR: #1ec8ea } #wizard .accordion_toggle_addstructure .right-image { BACKGROUND: url(/images/ci/icons/wizard_step-1.png) no-repeat } #wizard .accordion_toggle_choosetheme .right-image { BACKGROUND: url(/images/ci/icons/wizard_step-2.png) no-repeat } #wizard .accordion_toggle_help .right-image { BACKGROUND: url(/images/ci/icons/wizard_step-4.png) no-repeat } #wizard .right-image { HEIGHT: 30px; WIDTH: 30px; RIGHT: 8px; BACKGROUND-REPEAT: no-repeat; POSITION: absolute; BACKGROUND-POSITION: center center; DISPLAY: inline-block; TOP: 6px; opacity: .5 } #wizard .previewArea { BORDER-LEFT-WIDTH: 0px; OVERFLOW: hidden; FONT-SIZE: 85%; HEIGHT: 235px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; BORDER-TOP-WIDTH: 0px; MAX-HEIGHT: 235px; BACKGROUND-COLOR: #474747 } .course_welcome_help_scrollbar_track { CURSOR: move; HEIGHT: 99%; WIDTH: 10px; RIGHT: 0px; POSITION: absolute; MARGIN: 1px 0px; TOP: 0px } .selected.course_welcome_help_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: #555; -webkit-border-radius: 5px; -moz-border-radius: 5px } .selected.course_welcome_help_scrollbar_handle { } .course_welcome_help_container { POSITION: relative } #wizard .previewArea .introduction { WIDTH: 80% } #wizard .previewArea .helplink { WIDTH: 80% } #wizard .previewArea .customHelp { WIDTH: 80% } #wizard .previewArea .conclusion { FONT-SIZE: 90%; WIDTH: 20%; RIGHT: 0px; BACKGROUND-ATTACHMENT: fixed; POSITION: absolute; COLOR: #bbb; PADDING-BOTTOM: 10px; PADDING-TOP: 0px; PADDING-LEFT: 10px; TOP: 0px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #3d3b3c } #wizard .previewArea .customHelp { FONT-SIZE: 90%; BORDER-TOP: #555 1px dotted; WIDTH: 100%; COLOR: #bbb; PADDING-BOTTOM: 1em; PADDING-TOP: 1em; PADDING-LEFT: 0px; MARGIN-TOP: 0.5em; PADDING-RIGHT: 0px } #wizard .previewArea H3 { MARGIN-BOTTOM: 3px; FONT-SIZE: 140%; FONT-WEIGHT: normal; MARGIN-TOP: 0.2em } #wizard .previewArea H3 SPAN { FONT-SIZE: 65%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal; COLOR: #888; DISPLAY: block } #wizard .previewArea H3 SPAN SPAN { FONT-SIZE: 95%; TEXT-TRANSFORM: lowercase; FONT-STYLE: italic; DISPLAY: inline } #wizard .helplink .easylist { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px !important; BORDER-LEFT: 0px; MARGIN-TOP: 5px; PADDING-RIGHT: 0px } #wizard .helplink .easylist LI { BORDER-TOP: #555 2px dotted; WIDTH: 46%; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 3px; PADDING-LEFT: 0px; MARGIN: 0px 10px 10px; PADDING-RIGHT: 0px } #wizard .helplink .easylist LI H3 { FONT-FAMILY: Georgia, serif } #wizard .helplink .easylist LI P { PADDING-LEFT: 0px } #wizard .helplink .easylist LI P { COLOR: #ddd } #wizard .log-summary { BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; box-shadow: 0; border-radius: 0 } #wizard .conclusion H3 { FONT-SIZE: 100%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal; COLOR: #888; MARGIN-TOP: 10px } #wizard .conclusion UL { MARGIN-BOTTOM: 15px } #wizard .conclusion UL LI { MARGIN-BOTTOM: 5px } #wizard .content-inner { OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; HEIGHT: 245px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; BACKGROUND-COLOR: #f5f4ef } .content-inner { OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; HEIGHT: 245px; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BORDER-LEFT: #ccc 1px solid; BACKGROUND-COLOR: #f5f4ef } #wizard .content-inner { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: #3d3b3b } #wizard .introtext { FONT-SIZE: 100%; WIDTH: 100%; FLOAT: left; FONT-WEIGHT: normal; COLOR: #ccc; PADDING-BOTTOM: 1em; PADDING-TOP: 1em; PADDING-LEFT: 0px; LINE-HEIGHT: 1.5em; PADDING-RIGHT: 2em } #wizard .introtext LABEL { FONT-SIZE: 85%; FONT-STYLE: italic; MARGIN-LEFT: 15px; DISPLAY: none } #wizard .introtext INPUT { MARGIN-BOTTOM: 10px; FONT-SIZE: 200%; FONT-FAMILY: Georgia, serif; FONT-STYLE: italic } #wizard .introtext .courseNameAndDescription TABLE TABLE { WIDTH: 99%; MARGIN-LEFT: 7px } #wizard .defaultSkin TD.mceToolbar { MIN-WIDTH: 0px } #wizard .courseNameAndDescription > .textboxtable { WIDTH: 98% !important; MARGIN-LEFT: 9px } #wizard .introtext .courseNameAndDescription .textboxtable .mceSplitButton { WIDTH: auto; MARGIN-LEFT: 0px; MARGIN-TOP: 3px } #wizard .introtext TEXTAREA { FONT-SIZE: 110% } #wizard .introtext INPUT { FONT-FAMILY: inherit; WIDTH: 96%; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 7px; MARGIN-LEFT: 15px; PADDING-RIGHT: 0px; resize: none } #wizard .introtext TEXTAREA { FONT-FAMILY: inherit; WIDTH: 96%; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 7px; MARGIN-LEFT: 15px; PADDING-RIGHT: 0px; resize: none } #wizard .introtext .courseNameAndDescription { BORDER-RIGHT: #666 3px dotted; WIDTH: 60%; FLOAT: left; PADDING-RIGHT: 0.8em; MARGIN-RIGHT: 1em } #wizard .introtext P { FONT-SIZE: 90%; FONT-FAMILY: Georgia, serif; FONT-STYLE: italic; MARGIN: 55px 20px 0px 0px; LINE-HEIGHT: 1.4em } .themes .horizontal-block { CURSOR: pointer; BORDER-TOP: #ddd 1px solid; HEIGHT: 184px; BORDER-RIGHT: #ddd 1px solid; WIDTH: 230px; BORDER-BOTTOM: #ddd 1px solid; PADDING-BOTTOM: 8px; TEXT-ALIGN: center; PADDING-TOP: 8px; PADDING-LEFT: 0px; MARGIN: 35px 10px 0px; BORDER-LEFT: #ddd 1px solid; PADDING-RIGHT: 0px } #wizard .themes .horizontal-block { BORDER-TOP-COLOR: #555; BORDER-LEFT-COLOR: #555; BORDER-BOTTOM-COLOR: #555; BORDER-RIGHT-COLOR: #555 } .help .horizontal-block { BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 250px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px } .themes .horizontal-block IMG { HEIGHT: 152px; WIDTH: 203px; MARGIN: 0px auto } .theme-selector { PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 10px; PADDING-LEFT: 26px; PADDING-RIGHT: 26px } .structure .theme-selector { PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px } .theme-selector SPAN { FONT-SIZE: 110%; FONT-WEIGHT: bold } #wizard .selected .theme-selector SPAN { COLOR: #333 } .selected .theme-selector SPAN { COLOR: #fff } .structure .horizontal-block:hover { BACKGROUND-COLOR: #e8e7e5 } .themes .horizontal-block:hover { BACKGROUND-COLOR: #e8e7e5 } #wizard .structure .horizontal-block:hover { BACKGROUND-COLOR: #5b5858 } #wizard .themes .horizontal-block:hover { BACKGROUND-COLOR: #5b5858 } #wizard LI.selected A { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } #wizard LI.selected { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } #wizard .selected { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } .content-inner LI.selected A { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } .content-inner LI.selected { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } .content-inner .selected { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } .content-inner .selected:hover { BORDER-TOP: #333 1px solid; BORDER-RIGHT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; COLOR: #333; BORDER-LEFT: #333 1px solid; BACKGROUND-COLOR: #363636 } #wizard LI.selected A { COLOR: #333; BACKGROUND-COLOR: #f5f4ef } #wizard LI.selected { COLOR: #333; BACKGROUND-COLOR: #f5f4ef } #wizard .selected { COLOR: #333; BACKGROUND-COLOR: #f5f4ef } #wizard .themes .selected.horizontal-block:hover { COLOR: #333; BACKGROUND-COLOR: #f5f4ef } DIV.scroller { OVERFLOW: hidden; HEIGHT: 200px } .themes DIV.scroller { HEIGHT: 245px } DIV.scroller DIV.section { OVERFLOW: hidden; HEIGHT: 225px; WIDTH: 780px; FLOAT: left; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 0px; PADDING-LEFT: 28px; PADDING-RIGHT: 0px } .horizontal-block { FONT-SIZE: 80%; HEIGHT: 214px; WIDTH: 167px; VERTICAL-ALIGN: top; FLOAT: none; PADDING-BOTTOM: 6px; TEXT-ALIGN: left; PADDING-TOP: 3px; PADDING-LEFT: 18px; MARGIN: 8px 0px 0px 7px; DISPLAY: inline-block; PADDING-RIGHT: 0px; border-radius: 5px } .horizontal-block UL { MARGIN-LEFT: 4px } .structure .horizontal-block { CURSOR: pointer; HEIGHT: 178px } #wizard .gotocourse { BORDER-TOP: #444 1px solid; COLOR: #ccc; PADDING-BOTTOM: 0px; TEXT-ALIGN: left; PADDING-TOP: 10px; PADDING-LEFT: 28px; PADDING-RIGHT: 2px; -webkit-box-shadow: 0 1px 0 #666 inset; box-shadow: 0 1px 0 #666 inset } #wizard .gotocourse LABEL { WIDTH: auto; DISPLAY: inline-table } #wizard .gotocourse LABEL SPAN { FONT-SIZE: 10px; COLOR: #999; DISPLAY: block } #wizard .gotocourse .button-2 { MARGIN-BOTTOM: 7px; FONT-SIZE: 115%; BORDER-TOP-COLOR: #333; BORDER-LEFT-COLOR: #333; PADDING-BOTTOM: 8px; BORDER-BOTTOM-COLOR: #333; PADDING-TOP: 8px; BORDER-RIGHT-COLOR: #333; MARGIN-RIGHT: 25px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 0 #fefefe inset, -1px -1px 0 #888 inset; text-shadow: 0 1px 0 #BBB } #wizard .gotocourse .button-2:hover { BORDER-TOP-COLOR: #222; BORDER-LEFT-COLOR: #222; BORDER-BOTTOM-COLOR: #222; BORDER-RIGHT-COLOR: #222 } #wizard .number { FONT-SIZE: 150%; VERTICAL-ALIGN: middle; POSITION: relative; FLOAT: left; FONT-WEIGHT: bold; COLOR: #999; LINE-HEIGHT: 1; TOP: -1px; MARGIN-RIGHT: 18px } #wizard .accordion_toggle_help .number { HEIGHT: 20px; WIDTH: 20px; BACKGROUND: url(/images/ci/icons/step_star_light.png) no-repeat; MARGIN-RIGHT: 14px; TEXT-INDENT: -9999px; opacity: .4; background-size: 100% 100% } #wizard .gotocourse .secondary.button-2 { FONT-WEIGHT: normal; COLOR: #555; text-shadow: none } #wizard .gotocourse #welcomePageCancelButton { MARGIN-RIGHT: 10px } #wizard A.wizard-close:before { FONT: 150% "Utilicons"; CONTENT: "X" } #wizard A.wizard-close { RIGHT: 13px; POSITION: absolute; COLOR: #888; TOP: 8px } .theme_scrollbar_track { CURSOR: move; HEIGHT: 99%; WIDTH: 10px; RIGHT: 2px; POSITION: absolute; MARGIN: 1px 0px; TOP: 0px } #wizard .selected.theme_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px } .selected.theme_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px } .selected.theme_scrollbar_handle { } .theme_scrollbar_content { OVERFLOW: hidden; HEIGHT: 245px; TEXT-ALIGN: center } .structure_scrollbar_container { POSITION: relative } .structure_scrollbar_track { CURSOR: move; HEIGHT: 99%; WIDTH: 10px; RIGHT: 0px; POSITION: absolute; MARGIN: 1px 0px; TOP: 0px } DIV.courseStructureDescriptions .structure_scrollbar_track { MARGIN: 1px 3% 1px 0px; TOP: 10px } #wizard .structure_scrollbar_track { MARGIN: 1px 0px; TOP: 0px } #wizard .selected.structure_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: #555; -webkit-border-radius: 5px; -moz-border-radius: 5px } .selected.structure_scrollbar_handle { CURSOR: move; BORDER-TOP: 0px; BORDER-RIGHT: 0px; WIDTH: 8px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: #555; -webkit-border-radius: 5px; -moz-border-radius: 5px } #wizard .selected.structure_scrollbar_handle:hover { BACKGROUND-COLOR: #777 } .selected.structure_scrollbar_handle { } #wizard .courseStructureDescriptions .selected.structure_scrollbar_handle { } .selected.structure_scrollbar_handle:hover { } #wizard .courseStructureDescriptions .selected.structure_scrollbar_handle:hover { } .structure_scrollbar_content { OVERFLOW: hidden; HEIGHT: 370px; MARGIN-TOP: 30px } #wizard .structure_scrollbar_content { HEIGHT: 200px; MARGIN-TOP: 22px } .courseStructureOuterDiv { MARGIN-BOTTOM: 10px; MIN-WIDTH: 800px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 400px; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #fff } #wizard .courseStructureOuterDiv { MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 250px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #3d3b3b } .courseStructureNameScroller { OVERFLOW: hidden; BORDER-TOP: #ccc 1px solid; HEIGHT: 400px; WIDTH: 170px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FLOAT: left; MARGIN: 10px 0px 0px; BORDER-LEFT: #ccc 1px solid; BACKGROUND-COLOR: #fff; box-shadow: -1px 0 4px #CCC; border-top-left-radius: 4px; border-bottom-left-radius: 4px } #wizard .courseStructureNameScroller { BORDER-TOP: 0px; HEIGHT: 220px; BORDER-RIGHT: 0px; BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN-TOP: 0px; BACKGROUND-COLOR: transparent; box-shadow: none; border-radius: 0 } .courseStructureNameScroller OL LI { MARGIN-BOTTOM: 3px; CURSOR: pointer } .courseStructureNameScroller OL LI:focus { OUTLINE-WIDTH: 1px; OUTLINE-STYLE: dotted; OUTLINE-COLOR: #000 } .courseStructureNameScroller OL LI.courseStructureChoiceLink:focus { OUTLINE-COLOR: #fff; -webkit-box-shadow: inset 0 0 6px #128FA8; -moz-box-shadow: inset 0 0 6px #128FA8; box-shadow: inset 0 0 6px #128FA8 } #wizard .courseStructureNameScroller OL LI { MARGIN-LEFT: 13px } .courseStructureHeader { CURSOR: default !important; FONT-SIZE: 85%; FONT-FAMILY: Georgia, serif; COLOR: #999; PADDING-BOTTOM: 5px; FONT-STYLE: italic; PADDING-TOP: 15px; PADDING-LEFT: 10px; PADDING-RIGHT: 0px } #structureDescription H3 { TEXT-ALIGN: center; FONT: italic 100% Georgia, serif; MARGIN-TOP: 110px } #wizard .courseStructureHeader { COLOR: #aaa; PADDING-TOP: 0px; PADDING-LEFT: 0px; text-shadow: 0 0 1px #222 } .courseStructureChoiceLink { FONT-SIZE: 85%; TEXT-DECORATION: none; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 33px; DISPLAY: block; PADDING-RIGHT: 5px } #wizard .courseStructureChoiceLink { PADDING-LEFT: 20px } .courseStructureChoiceSelected { COLOR: #3d3b3b; BACKGROUND-COLOR: #f5f4ef; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .courseStructureChoiceSelected A { COLOR: #333 } #wizard .courseStructureChoiceSelected A { COLOR: #333 } .courseStructureDescriptions { HEIGHT: 400px; POSITION: relative; MARGIN-LEFT: 170px } #wizard .courseStructureDescriptions { HEIGHT: 225px; POSITION: relative; MARGIN: 10px 0px 10px 170px } .courseStructureDescriptionAndMenu { OVERFLOW: hidden; FONT-SIZE: 12px; BORDER-TOP: #ccc 1px solid; HEIGHT: 400px; BORDER-RIGHT: #ccc 1px solid; WIDTH: 95%; BORDER-BOTTOM: #ccc 1px solid; POSITION: static; FLOAT: left; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 20px; MARGIN: 10px 0px 0px; MIN-HEIGHT: 400px; BORDER-LEFT: #ccc 1px solid; LINE-HEIGHT: 18px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #f5f4ef; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } #wizard .courseStructureDescriptionAndMenu { BORDER-TOP: 0px; HEIGHT: 225px; BORDER-RIGHT: 0px; WIDTH: 635px; BORDER-BOTTOM: 0px; POSITION: static; MIN-HEIGHT: 225px; BORDER-LEFT: 0px; MARGIN-TOP: 0px } .courseStructureDescriptions P { MARGIN-BOTTOM: 15px } .courseStructureDescriptions H3 { MARGIN-BOTTOM: 0px; FONT-SIZE: 120%; COLOR: #666; TEXT-ALIGN: center; MARGIN-TOP: 30px } .courseStructureDescriptions BR { DISPLAY: none } .structureIncludeSampleContentCheck { HEIGHT: 40px; WIDTH: 100%; PADDING-TOP: 10px; PADDING-LEFT: 15px; MARGIN-LEFT: -20px; DISPLAY: block; BACKGROUND-COLOR: #f4f1e3; box-shadow: -10px 0 6px #CCC inset } #wizard .structureIncludeSampleContentCheck { BORDER-TOP: #ccc 1px solid; HEIGHT: 25px; WIDTH: 630px; POSITION: absolute; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 7px; MARGIN-LEFT: -12px; Z-INDEX: 1; TOP: 185px; PADDING-RIGHT: 0px; BACKGROUND-COLOR: #fff; box-shadow: 0 0 2px #999; border-radius: 5px 5px 0 0 } #wizard .accordion_content .useSelectedStructure { MARGIN-RIGHT: 15px } #wizard .accordion_content .useSelectedStructure { COLOR: #333 } #wizard .accordion_content .useExistingMenu { COLOR: #333 } #wizard .courseStructureDescriptions .structure_scrollbar_track { RIGHT: 15px } .courseStructureMenu { OVERFLOW: hidden; WIDTH: 200px; POSITION: relative; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 10px; MARGIN: 0px 0px 0px 20px; MIN-HEIGHT: 400px; BORDER-LEFT: #aaa 1px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: white; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); border-top-right-radius: 5px; border-bottom-right-radius: 5px } #wizard .courseStructureMenu { PADDING-BOTTOM: 35px; MIN-HEIGHT: 265px } .courseStructureMenu .listCm .courseMenu A { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 30px; PADDING-RIGHT: 0px } .courseStructureMenu .listCm .courseMenu .divider { PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 18px; PADDING-RIGHT: 18px } .courseStructureMenu .actionBarMicro { DISPLAY: none } .courseStructureMenu #courseMenuPalette DIV.navPaletteContent { PADDING-TOP: 0px } .arrow_guide { HEIGHT: 34px; WIDTH: 156px; BACKGROUND: url(/images/ci/icons/left-arrow-point.png) no-repeat; POSITION: absolute; LEFT: 3% } #wizard .arrow_guide { TOP: 81% } .courseStructureDescription IMG { TEXT-ALIGN: center; MARGIN: 10px 0px 5px } .courseStructureDescription P.existing_text { FONT-SIZE: 95%; COLOR: #666; TEXT-ALIGN: center; MARGIN: 0px } .courseStructureDescription P.existing_icon { FONT-SIZE: 95%; COLOR: #666; TEXT-ALIGN: center; MARGIN: 0px } .courseStructureDescription A.button-3 { COLOR: #333; MARGIN-RIGHT: 15px } .courseStructureDescription A.existingstructure.unselectStructureButton { MARGIN-TOP: 5px; MARGIN-RIGHT: 37% } .courseStructureNameScroller .current-value { FONT-SIZE: 85%; WIDTH: 130px; BACKGROUND-IMAGE: url(/images/ci/icons/current_li.png); WHITE-SPACE: nowrap; BACKGROUND-REPEAT: no-repeat; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; BACKGROUND-POSITION: 0px 20%; FONT-WEIGHT: normal; PADDING-BOTTOM: 6px; PADDING-LEFT: 17px; LEFT: 15px; TOP: 5px; box-shadow: 0 -1px 0 #333 inset } #wizard .courseStructureNameScroller .current-value { TOP: 0px } .noSectionDivider { BORDER-TOP: medium none } .dividerRow { BORDER-TOP: #acc2df 1px dotted; PADDING-BOTTOM: 0px !important; PADDING-TOP: 5px !important; PADDING-LEFT: 0px !important; MARGIN: 5px 0px 0px; PADDING-RIGHT: 0px !important } .keyboardAccess .selectArrows A { WIDTH: 18px; MARGIN: 0px; DISPLAY: inline-block } .keyboardAccess .y-arrows A { WIDTH: 18px; MARGIN: 0px; DISPLAY: inline-block } .keyboardAccess .y-arrows BUTTON { WIDTH: 18px; MARGIN: 0px; DISPLAY: inline-block } .keyboardAccess .selectArrows BUTTON { WIDTH: 18px; MARGIN: 0px; DISPLAY: inline-block } .keyboardAccess LABEL { MARGIN-BOTTOM: 3px; COLOR: #777; FONT: italic 100% Georgia, serif; DISPLAY: inline-block } .keyboardAccess .selectArrows { TEXT-ALIGN: center; MARGIN: 3px 0px } .keyboardAccess .y-arrows { TEXT-ALIGN: center; MARGIN: 3px 0px } .access-reorder-block { MIN-WIDTH: 200px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; PADDING-RIGHT: 6px } .access-reorder-block SELECT { MIN-WIDTH: 200px } .y-arrows { TEXT-ALIGN: center; CLEAR: both } .brandingImgWrap IMG[src*='header_institution'] { POSITION: absolute; LEFT: 12px; TOP: 0px; MAX-HEIGHT: 60px } .sample-content { BACKGROUND: url(images/bg_chalk_dark_s.png) 0px 0px; FONT: 113% Georgia, serif } .sample-content .item H3 SPAN { COLOR: #25bfcb !important; FONT: bold 120% Georgia, serif } .sample-content TABLE { FONT: italic 108%/1.6 Georgia, serif } .sample-content .vtbegenerated { FONT: italic 108%/1.6 Georgia, serif } .sample-content .vtbegenerated UL { MARGIN: 4px 0px } .sample-content .vtbegenerated BR { HEIGHT: 1px } .sample-content.liItem:hover { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666; BACKGROUND-COLOR: #f6f6f6 } .buildList > LI.sample-content:hover { BORDER-TOP-COLOR: #666; BORDER-LEFT-COLOR: #666; BORDER-BOTTOM-COLOR: #666; BORDER-RIGHT-COLOR: #666; BACKGROUND-COLOR: #f6f6f6 } DIV.loading-overwrite { HEIGHT: 100%; WIDTH: 100%; BACKGROUND: url(/images/ci/misc/progress/progress_learningSystem.gif) white no-repeat center 100px; POSITION: absolute; TEXT-ALIGN: center; LEFT: 0px; Z-INDEX: 10000; TOP: 0px; opacity: 100 } DIV.loading-overwrite SPAN { FONT-SIZE: 200%; POSITION: relative; TOP: 10px } .sample-content DL { MARGIN: 0px } .sample-content DT { WIDTH: 9em; FLOAT: left; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } .sample-content DD { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 0px 0px 10em; PADDING-RIGHT: 0px } .dueDate { COLOR: #063 } .dueDatePassed { COLOR: #900 } .inventory_paging A.inactive { opacity: .4 } .inactive { opacity: .4 } .linkLeftSpacesp { PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px } .codeFragment { FONT-FAMILY: "Courier New" } .filteredTextHeader { BORDER-TOP: 1px dotted; BORDER-RIGHT: 1px dotted; BORDER-BOTTOM: 1px dotted; PADDING-BOTTOM: 5px; TEXT-ALIGN: center; PADDING-TOP: 5px; PADDING-LEFT: 5px; BORDER-LEFT: 1px dotted; DISPLAY: inline-block; LINE-HEIGHT: 150%; PADDING-RIGHT: 5px; BACKGROUND-COLOR: lightyellow } .filteredText { COLOR: red; BACKGROUND-COLOR: lightyellow } .floatedReceipt { BORDER-TOP: #ddd 1px solid; FONT-FAMILY: Helvetica, serif; BORDER-RIGHT: #ddd 1px solid; WIDTH: 300px; BORDER-BOTTOM: #ddd 1px solid; FONT-WEIGHT: normal !important; COLOR: #333 !important; PADDING-BOTTOM: 10px !important; PADDING-TOP: 10px !important; PADDING-LEFT: 10px !important; MARGIN: 0px 0px 6px; BORDER-LEFT: #ddd 1px solid; LINE-HEIGHT: 1.3em; PADDING-RIGHT: 22px !important; BACKGROUND-COLOR: #fcfbd1; box-shadow: 1px 1px 5px #666; border-radius: 4px } .floatedReceipt A.close:before { } .floatedReceipt A.close:hover:before { } .floatedReceipt EM { FONT-WEIGHT: bold } .floatedReceipt A { BORDER-TOP: 0px; BORDER-RIGHT: 0px; BACKGROUND: url(none); BORDER-BOTTOM: 0px; FONT-WEIGHT: normal !important; COLOR: #333 !important; PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-RIGHT: 0px !important } .floatedReceipt A:hover { TEXT-DECORATION: none !important } .floatedReceipt#receipt_floated_theme { RIGHT: 45px; POSITION: absolute; Z-INDEX: 1001; TOP: 50px } .floatedReceipt#receipt_floated_courseMenu { POSITION: absolute; LEFT: 180px; Z-INDEX: 1201 } .floatedReceipt .arrow { FONT-SIZE: 0px; BORDER-TOP: transparent 15px dashed; HEIGHT: 0px; BORDER-RIGHT: transparent 15px dashed; BORDER-BOTTOM: transparent 15px dashed; POSITION: absolute; BORDER-LEFT: transparent 15px dashed } .pointTop.floatedReceipt .arrow { BORDER-BOTTOM-STYLE: solid; BORDER-BOTTOM-COLOR: #fcfbd1; LEFT: 58%; TOP: -30px } .pointLeft.floatedReceipt .arrow { BORDER-RIGHT-STYLE: solid; LEFT: -30px; BORDER-RIGHT-COLOR: #fcfbd1; TOP: 10px } .nav .sub .flyout .slideoutLink { FONT-WEIGHT: bold } .nav .sub .slideoutLink IMG { HEIGHT: 16px; WIDTH: 16px; BACKGROUND: url(images/utilicons_arrows_dark.png) 16px 16px; FLOAT: right } .nav .sub .slideoutLink-active { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 0px solid; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: -1px; box-shadow: -3px 0 3px rgba(0, 0, 0, .3); border-radius: 0 } .nav .sub .slideoutLink-active IMG { BACKGROUND: url(images/utilicons_arrows_dark.png) 0px 16px } .slideoutOpen { BORDER-RIGHT: #ccc 1px solid; MARGIN-LEFT: -1px !important } .statusFilter { FONT-SIZE: 13px; POSITION: relative; PADDING-LEFT: 8px } LABEL.statusFilter { TOP: 0px } SPAN.statusFilter { TOP: 1px } .collapsible TABLE.reportcard TR TD:first-child { DISPLAY: block !important } DIV#filterItemContainer DIV.columnPalette DIV.paletteItems UL LI { OVERFLOW: auto } .itemIconOverlay { BORDER-TOP: #555 1px solid; BORDER-RIGHT: #555 1px solid; BORDER-BOTTOM: #555 1px solid; POSITION: absolute; PADDING-BOTTOM: 4px; PADDING-TOP: 0px; PADDING-LEFT: 2px; BORDER-LEFT: #555 1px solid; TOP: 38px; PADDING-RIGHT: 2px; BACKGROUND-COLOR: #fc0; -webkit-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.4); -webkit-border-radius: 10px; -moz-border-radius: 2px 10px 10px 10px; -webkit-border-top-left-radius: 2px } #loginRedirectProviders H3 { MARGIN: 10px } #loginRedirectProviderList LI { MARGIN: 0px 10px 5px 0px; DISPLAY: inline-block } #loginRedirectProviderList LI IMG { HEIGHT: 16px; WIDTH: 16px } .contentList .itemIconOverlay { LEFT: 54px } .paletteItems LABEL { WORD-WRAP: break-word; MAX-WIDTH: 90% } .paletteItems LI INPUT[type=checkbox] { POSITION: absolute; LEFT: 0px; TOP: 0px } .paletteItems LI INPUT[type=radio] { POSITION: absolute; LEFT: 0px; TOP: 0px } .paletteItems .inactive { MARGIN: 0px; opacity: .4 } DIV.comments DIV DIV.collabComments { OVERFLOW: auto !important; MAX-HEIGHT: 100px; BACKGROUND-COLOR: white } DIV.studentGradesCommentPreview { OVERFLOW: auto !important; HEIGHT: 110px; WIDTH: 200px } DIV.grdDetEditTabCommentPreview { OVERFLOW: auto !important; HEIGHT: 110px; WIDTH: 110px } DIV.grdDetHistTabCommentPreview { OVERFLOW: auto !important; HEIGHT: 110px; WIDTH: 200px } .tooltip_show:focus { OVERFLOW: visible; HEIGHT: auto; WIDTH: auto; POSITION: static } .radio-list { PADDING-LEFT: 20px } .radio-list LI { PADDING-BOTTOM: 4px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important; TEXT-INDENT: -26px } .radio-list LI INPUT[type=radio] { VERTICAL-ALIGN: bottom; MARGIN-RIGHT: 6px } .radio-list LI .button-4 { MARGIN-LEFT: 4px } .cartMode.csPicker #copyright { DISPLAY: none } .details .key-valueTable + .vtbegenerated { MARGIN-TOP: 12px !important } .abutton { COLOR: #128fa8 } .runReportContainer { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 24px; MARGIN: -20px -30px 20px; TOP: 0px; PADDING-RIGHT: 24px; BACKGROUND-COLOR: #ededed } .itemReceipt A { COLOR: #fefc75 } .previousReports .previousReports linear { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportTitle { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .answerOptions TABLE TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportSummary .data-summary TR { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportSummary .data-summary TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .data-summary-vert TABLE { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .questionDetails .reportTable TABLE { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportTable TABLE { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .questionDetails .reportTable TH { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .questionDetails .reportTable TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .matching TH { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .matching TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .questionFilter DIV DIV { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .data-summary TABLE TR:hover { BACKGROUND: #fff4bf } .data-summary-vert TABLE TR:hover { BACKGROUND: #fff4bf } .questionDetails .reportTable TH { BORDER-TOP-COLOR: #eee; BACKGROUND: #ededed; BORDER-LEFT-COLOR: #eee; BORDER-BOTTOM-COLOR: #eee; BORDER-RIGHT-COLOR: #eee } .matching TH { BORDER-TOP-COLOR: #eee; BACKGROUND: #ededed; BORDER-LEFT-COLOR: #eee; BORDER-BOTTOM-COLOR: #eee; BORDER-RIGHT-COLOR: #eee } .matching TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .matching .lastOption TD { BORDER-TOP-COLOR: #ccc; BORDER-LEFT-COLOR: #ccc; BORDER-BOTTOM-COLOR: #ccc; BORDER-RIGHT-COLOR: #ccc } .reportKey { BORDER-TOP-COLOR: #f3f3f3; BACKGROUND: #fcfcfc; BORDER-LEFT-COLOR: #f3f3f3; BORDER-BOTTOM-COLOR: #f3f3f3; BORDER-RIGHT-COLOR: #f3f3f3 } LI.recommended { BACKGROUND: url(/images/ci/icons/item_analysis_recommended.png) no-repeat } LI.changed { BACKGROUND: url(/images/ci/icons/item_analysis_changed.png) no-repeat } LI.notallgraded { BACKGROUND: url(/images/ci/icons/item_analysis_allgraded.png) no-repeat } .questionDetails .rumble_top { MARGIN: -16px -11px 0px 0px } .questionDetails :first-child.backLink { RIGHT: auto; LEFT: 0px; TOP: 0px; BOTTOM: auto } .questionDetails :first-child.backLink A { BORDER-LEFT-WIDTH: 0px; BORDER-RIGHT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: 1px; BORDER-TOP-WIDTH: 0px } #insideContent { OVERFLOW: auto; BORDER-TOP: #ccc 1px solid; POSITION: relative } #insideContentCol { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } .hasNav { BACKGROUND: #fff; PADDING-LEFT: 230px } .hasNavIcons { BACKGROUND: #fff; PADDING-LEFT: 50px } #insideNav { WIDTH: 230px; POSITION: absolute; LEFT: 0px; BACKGROUND-COLOR: #ededed; -webkit-box-shadow: inset -1px 0 1px 0 #999; -moz-box-shadow: inset -1px 0 1px 0 #999; box-shadow: inset -1px 0 1px 0 #999 } #insideNavIcons { WIDTH: 50px; POSITION: absolute; LEFT: 0px; BACKGROUND-COLOR: #ededed; -webkit-box-shadow: inset -1px 0 1px 0 #999; -moz-box-shadow: inset -1px 0 1px 0 #999; box-shadow: inset -1px 0 1px 0 #999 } #insideNav UL.tabs { MARGIN: 0px; DISPLAY: block } #insideNavIcons UL.tabs { MARGIN: 0px; DISPLAY: block } #insideNav UL.tabs > LI { BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } #insideNavIcons UL.tabs > LI { BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; DISPLAY: block; PADDING-RIGHT: 0px } #insideNav UL.tabs > LI.active { BACKGROUND: #fff; Z-INDEX: 1 } #insideNavIcons UL.tabs > LI.active { BACKGROUND: #fff; Z-INDEX: 1 } #insideNav UL.tabs > LI A { COLOR: #333; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; OUTLINE-STYLE: none; PADDING-LEFT: 12px; DISPLAY: block; OUTLINE-COLOR: invert; PADDING-RIGHT: 10px } #insideNavIcons UL.tabs > LI A { COLOR: #333; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; OUTLINE-STYLE: none; PADDING-LEFT: 12px; DISPLAY: block; OUTLINE-COLOR: invert; PADDING-RIGHT: 10px } #insideNav UL.tabs > LI A IMG { MARGIN-RIGHT: 10px } #insideNavIcons UL.tabs > LI A IMG { MARGIN-RIGHT: 0px } #insideNav UL.tabs > LI A:hover { BACKGROUND: #e7e7e7; -webkit-box-shadow: inset -1px 0 1px 0 #999; -moz-box-shadow: inset -1px 0 1px 0 #999; box-shadow: inset -1px 0 1px 0 #999 } #insideNavIcons UL.tabs > LI A:hover { BACKGROUND: #e7e7e7; -webkit-box-shadow: inset -1px 0 1px 0 #999; -moz-box-shadow: inset -1px 0 1px 0 #999; box-shadow: inset -1px 0 1px 0 #999 } #insideNav UL.tabs > LI.active { COLOR: #555; PADDING-LEFT: 0px } #insideNavIcons UL.tabs > LI.active { COLOR: #555; PADDING-LEFT: 0px } #insideNav UL.tabs > LI.active A:hover { BACKGROUND: none transparent scroll repeat 0% 0%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } #insideNavIcons UL.tabs > LI.active A:hover { BACKGROUND: none transparent scroll repeat 0% 0%; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .split-vert { FONT-SIZE: 0px; BORDER-TOP: #ccc 1px solid; HEIGHT: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM: white 1px solid; BORDER-LEFT: 0px; LINE-HEIGHT: 0 } .insideActionButton { VERTICAL-ALIGN: middle; PADDING-BOTTOM: 4px; PADDING-TOP: 3px; PADDING-LEFT: 8px; DISPLAY: inline-block; PADDING-RIGHT: 8px } .lor-filter { BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 12px } .filter-knobs { LIST-STYLE-TYPE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .filter-knobs > LI { FLOAT: left; DISPLAY: inline; MARGIN-RIGHT: 5px } .filter-knobs SELECT { BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid; BACKGROUND-IMAGE: url(../../../images/ci/icons/arrowDown-topnav-rvrsd.png); BACKGROUND-REPEAT: no-repeat; BORDER-BOTTOM: #999 1px solid; POSITION: relative; BACKGROUND-POSITION: 100% 50%; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 6px; BORDER-LEFT: #999 1px solid; LINE-HEIGHT: 21px; TOP: -2px; PADDING-RIGHT: 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-appearance: none; -webkit-appearance: none } #filter-knob_types { WIDTH: 150px } #filter-knob_statuses { WIDTH: 200px !important } #contentAllSearch { HEIGHT: 23px; WIDTH: 210px; POSITION: relative; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',endColorstr='#ffffff',GradientType=0); BACKGROUND-COLOR: #eee; -webkit-box-shadow: inset 0 0 2px 0 #333; -moz-box-shadow: inset 0 0 2px 0 #333; box-shadow: inset 0 0 2px 0 #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } #contentAllSearch #searchCriteria { BORDER-TOP: medium none; BORDER-RIGHT: medium none; WIDTH: 200px; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-BOTTOM: medium none; OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 5px; BORDER-LEFT: medium none; OUTLINE-COLOR: invert; PADDING-RIGHT: 5px } .content-search { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #ededed; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 20px } .hide { DISPLAY: none } .yellow { BACKGROUND-COLOR: yellow } H3.insideNavHdr { FONT-SIZE: 20px; BACKGROUND: #333; POSITION: relative; COLOR: #fff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 12px; MARGIN: 0px 10px 10px; LINE-HEIGHT: 28px; PADDING-RIGHT: 12px } .handle { BORDER-LEFT-WIDTH: 8px; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 8px; BORDER-TOP-COLOR: #333; WIDTH: 0px; BORDER-BOTTOM-WIDTH: 8px; RIGHT: 4px; POSITION: absolute; BORDER-LEFT-COLOR: #333; BORDER-BOTTOM-COLOR: #333; BORDER-RIGHT-COLOR: #333; LINE-HEIGHT: 0; TOP: 28px; BORDER-TOP-WIDTH: 8px; border-size: 8px 8px 0 } DIV.groupDelete { RIGHT: 4px; POSITION: absolute; TOP: 6px } .obj_type { FONT-FAMILY: Georgia, "Times New Roman", Times, serif; COLOR: #999 } .editedby_user { FONT-FAMILY: Georgia, "Times New Roman", Times, serif; COLOR: #999 } UL.objectDescription { LIST-STYLE-TYPE: none; LIST-STYLE-IMAGE: none } UL.objectDescription LI { DISPLAY: inline } UL.objectDescription LI.objectActions { FLOAT: right; MARGIN-LEFT: 10px } .objectActions UL { LIST-STYLE-TYPE: none; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px; LIST-STYLE-IMAGE: none; PADDING-RIGHT: 0px } .objectActions UL LI { HEIGHT: 24px; WIDTH: 24px; WHITE-SPACE: nowrap; FLOAT: left; DISPLAY: inline } .previewLaunch { CURSOR: pointer; HEIGHT: 14px; WIDTH: 15px; BACKGROUND-IMAGE: url(../../../images/ci/ng/small_new_window.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -100px -100px; DISPLAY: block; BACKGROUND-COLOR: transparent } .gray .previewLaunch { BACKGROUND-POSITION: left top } .previewLaunchOn { CURSOR: pointer; HEIGHT: 14px; WIDTH: 15px; BACKGROUND-IMAGE: url(../../../images/ci/ng/small_new_window.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; DISPLAY: block; BACKGROUND-COLOR: transparent } .favStatus { CURSOR: pointer; HEIGHT: 14px; WIDTH: 15px; BACKGROUND-IMAGE: url(../../../images/ci/icons/favorites-item_off.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -100px -100px; DISPLAY: block; BACKGROUND-COLOR: transparent } .gray .favStatus { BACKGROUND-POSITION: left top } .favStatusOn { CURSOR: pointer; HEIGHT: 14px; WIDTH: 15px; BACKGROUND-IMAGE: url(../../../images/ci/icons/favorites-item_on.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; DISPLAY: block; BACKGROUND-COLOR: transparent } .objStatus { POSITION: relative; TOP: -2px; MARGIN-RIGHT: 5px } .img-swap { CURSOR: pointer; DISPLAY: inline-block } .groupLabelRow { FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#dddddd) } .groupLabelRow H5 { PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 4px !important; MARGIN: 0px; LINE-HEIGHT: 100%; PADDING-RIGHT: 4px !important } .groupLabelRow TH { PADDING-BOTTOM: 4px !important; PADDING-TOP: 4px !important; PADDING-LEFT: 4px !important; MARGIN: 0px; LINE-HEIGHT: 100%; PADDING-RIGHT: 4px !important } .groupLabelRow H5 { FONT-SIZE: 90%; TEXT-TRANSFORM: uppercase; FONT-WEIGHT: normal } .groupLabelRow H5 A { TEXT-DECORATION: none; COLOR: #666 } DIV.overlays { DISPLAY: none } .overlay { BORDER-TOP: #ccc 1px dashed; BORDER-RIGHT: #ccc 1px dashed; WIDTH: 60px; BORDER-BOTTOM: #ccc 1px dashed; PADDING-BOTTOM: 10px; TEXT-ALIGN: center; PADDING-TOP: 10px; PADDING-LEFT: 10px; BORDER-LEFT: #ccc 1px dashed; PADDING-RIGHT: 10px; BACKGROUND-COLOR: transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .singleActionContainer { POSITION: absolute; FLOAT: left; MARGIN-LEFT: 24px; MARGIN-TOP: -5px; DISPLAY: inline } .singleActionContainer .actionBarMicro .mainButton > A { } .singleActionContainer .actionBarMicro .secondaryButton > A { } .formLayer { PADDING-BOTTOM: 10px; CLEAR: both; DISPLAY: block } .formLayer LI { FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; PADDING-LEFT: 2px; MARGIN: 0px; DISPLAY: inline; PADDING-RIGHT: 2px } .formLayer LABEL { LINE-HEIGHT: 24px } .formLayer LI { PADDING-RIGHT: 12px } #searchLaunchBar { BORDER-TOP: #ccc 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 0px; CLEAR: both; MARGIN-TOP: 10px; PADDING-RIGHT: 0px } .modalExtra { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px } #modalContent > P { MARGIN: 10px 0px } #modalContent > DIV { MARGIN: 10px 0px } #modalContent { BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid; BACKGROUND: #fff; BORDER-BOTTOM: #fff 1px solid; PADDING-BOTTOM: 19px; PADDING-TOP: 19px; PADDING-LEFT: 19px; BORDER-LEFT: #fff 1px solid; PADDING-RIGHT: 19px } .modal-type-warning { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .modal-type-success { PADDING-BOTTOM: 9px; PADDING-TOP: 9px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px } .modal-type-warning { BACKGROUND-IMAGE: url(../images/reorder_bg.png); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: left top; BACKGROUND-COLOR: #fcffd6; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px } .modal-type-success { BACKGROUND-IMAGE: url(../images/ci/icons/icon_confirm.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 20px 20px; PADDING-LEFT: 100px; BACKGROUND-COLOR: #fff } .modal-type-warning #modalContent { PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } .modal-type-warning #modalContent { BORDER-TOP: #e7e7e7 1px solid; BORDER-RIGHT: #e7e7e7 1px solid; BORDER-BOTTOM: #e7e7e7 1px solid; BORDER-LEFT: #e7e7e7 1px solid } .optionsGroup { BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px } .optionsGroup UL { LIST-STYLE-TYPE: none; PADDING-TOP: 10px; PADDING-LEFT: 10px; LIST-STYLE-IMAGE: none } .optionsGroup UL > LI { MARGIN-RIGHT: 20px } .actionsGroup { PADDING-BOTTOM: 0px; PADDING-TOP: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px } .u_nopad { PADDING-BOTTOM: 0px !important; PADDING-TOP: 0px !important; PADDING-LEFT: 0px !important; PADDING-RIGHT: 0px !important } .insideContainer { PADDING-BOTTOM: 20px; PADDING-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px } .CookieConsent { MIN-WIDTH: auto } .CookieConsent .container { MIN-HEIGHT: auto } .CookieConsent .content { MIN-HEIGHT: auto } .CookieConsent .containerPortal { MIN-HEIGHT: auto } .CookieConsent .contentPaneWide { WIDTH: 560px; MARGIN: 0px auto } .CookieConsent .container P { MARGIN: 0px 0px 15px; LINE-HEIGHT: 16px } DIV.CookieConsent DIV.lb-header { DISPLAY: none } DIV.CookieConsent { BACKGROUND-COLOR: transparent } .editIsolationForm .steptitle { MARGIN-LEFT: 48px } .editIsolationForm .submittitle { MARGIN-LEFT: 48px } .editIsolationForm .receipt { WIDTH: 687px; MARGIN: 0px 0px 10px 186px } .editIsolationForm .default { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: #eee; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } .overtimeStyle { FONT-WEIGHT: bold; COLOR: red } DIV.resourcePickerContainer DIV.localViewToggle { FLOAT: right } #quickPath { POSITION: relative; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 150px } #editablePath { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN-LEFT: 12px; PADDING-RIGHT: 3px } #quickPath { PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 3px; MARGIN-LEFT: 12px; PADDING-RIGHT: 3px } #quickPath OL LI.folderIncluder { RIGHT: 6px; POSITION: absolute; TOP: 6px } #quickPath OL LI.folderCreator { RIGHT: 6px; POSITION: absolute; TOP: 6px } .pathFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-folder.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathCourseFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-course.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathAllContentFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-allcontent.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathBookmarkFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-bookmark.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathInstitutionFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-institution.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathLibraryFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-library.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathMyContentFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-mycontent.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } .pathOrganizationFolder { BACKGROUND-IMAGE: url(/images/ci/icons/tiny-organization.gif); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: left top; PADDING-LEFT: 20px !important; DISPLAY: inline-block } #contentActions { MARGIN: 0px 0px 10px; DISPLAY: block } #levelUp { MARGIN: 4px 2px } #levelUp BUTTON { CURSOR: pointer; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 7px } .contentInput { OUTLINE-WIDTH: medium; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; OUTLINE-STYLE: none; PADDING-LEFT: 3px; OUTLINE-COLOR: invert; PADDING-RIGHT: 3px } #contentSearch .contentInput { MARGIN-RIGHT: 4px } .bottom-buttons-home A.home { BACKGROUND: url(/images/ci/mybb/mybb_nav_bottombuttons_sprite.png) no-repeat 50% 6px } .bottom-buttons-help A.help { BACKGROUND: url(/images/ci/mybb/mybb_nav_bottombuttons_sprite.png) no-repeat 50% -13px } .bottom-buttons-logout A.logout { BACKGROUND: url(/images/ci/mybb/mybb_nav_bottombuttons_sprite.png) no-repeat 50% -33px } .global-nav-bar A.logout-link { BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_logout.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px } .global-nav-bar A.logout-link:hover { BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_logout.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px } .global-nav-bar A.logout-link:focus { BACKGROUND-IMAGE: url(/images/ci/mybb/mybb_nav_logout.png); BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 50% 0px } .global-nav-bar A.logout-link:hover { BACKGROUND-POSITION: 50% -22px } .global-nav-bar A.logout-link:focus { BACKGROUND-POSITION: 50% -22px } .selectItems SELECT { HEIGHT: 200px; WIDTH: 100% } DIV.deploymentTabs { WIDTH: 96%; POSITION: relative; MARGIN: 40px 0px 20px } .tab_title { MARGIN-BOTTOM: 10px; DISPLAY: none } DIV.tab_content { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 100%; BORDER-BOTTOM: #ccc 1px solid; FLOAT: left; PADDING-BOTTOM: 15px; PADDING-TOP: 25px; PADDING-LEFT: 15px; MARGIN: -1px 20px 0px 0px; MIN-HEIGHT: 110px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 15px } .deploymentTabs .arrow:before { BORDER-TOP: 0px; BORDER-RIGHT: 15px solid; BORDER-BOTTOM: 15px solid; POSITION: absolute; CONTENT: ""; BORDER-LEFT: 15px solid; DISPLAY: block; TOP: -15px } .deploymentTabs .arrow:after { BORDER-TOP: 0px; BORDER-RIGHT: 15px solid; BORDER-BOTTOM: 15px solid; POSITION: absolute; CONTENT: ""; BORDER-LEFT: 15px solid; DISPLAY: block; TOP: -15px } .deploymentTabs .outer.arrow:before { BORDER-TOP: 0px; BORDER-RIGHT: 16px solid; BORDER-BOTTOM: 16px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -1px; BORDER-LEFT: 16px solid; DISPLAY: block; TOP: -16px } .deploymentTabs .outer.arrow:after { BORDER-TOP: 0px; BORDER-RIGHT: 16px solid; BORDER-BOTTOM: 16px solid; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -1px; BORDER-LEFT: 16px solid; DISPLAY: block; TOP: -16px } .firstButton.arrow:before { LEFT: 9% } .firstButton.arrow:after { LEFT: 9% } .secondButton.arrow:before { LEFT: 35% } .secondButton.arrow:after { LEFT: 35% } .thirdButton.arrow:before { LEFT: 58% } .thirdButton.arrow:after { LEFT: 58% } DIV#tab-bar { BACKGROUND: #fafafa; PADDING-BOTTOM: 140px; PADDING-TOP: 0px; PADDING-LEFT: 0px; MARGIN: 0px 10px 0px 0px; DISPLAY: inline; PADDING-RIGHT: 0px } DIV#tab-bar :first-child.mt-tab { MARGIN-TOP: -1px } DIV#tab-bar DIV.mt-tab { CURSOR: pointer; FONT-SIZE: 14px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FLOAT: left; FONT-WEIGHT: normal; COLOR: #999; PADDING-BOTTOM: 18px; TEXT-ALIGN: center; PADDING-TOP: 18px; PADDING-LEFT: 40px; MARGIN: -1px -1px 0px 0px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 40px; BACKGROUND-COLOR: #eaeaea } DIV#tab-bar DIV.mt-tab-active { CURSOR: pointer; FONT-SIZE: 14px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BACKGROUND: url(/images/ci/icons/active_ti.png) no-repeat 93% 50%; BORDER-BOTTOM: #fff 1px solid; FONT-WEIGHT: bold; COLOR: #333; TEXT-ALIGN: center; MARGIN: -1px -1px 0px 0px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline } .survey-count { FONT-SIZE: 90%; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 170px; RIGHT: -42px; BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute; COLOR: #999; PADDING-BOTTOM: 25px; TEXT-ALIGN: center; PADDING-TOP: 25px; PADDING-LEFT: 20px; BORDER-LEFT: #ccc 1px solid; TOP: 43px; PADDING-RIGHT: 20px; BACKGROUND-COLOR: #f5f5f5; box-shadow: 1px 5px 10px #CCC } .survey-count .right-triangle { HEIGHT: 0px; WIDTH: 0px; BORDER-BOTTOM: #666 10px solid; POSITION: absolute; LEFT: -10px; BORDER-LEFT: transparent 10px solid; TOP: 0px } .survey-count SPAN { FONT-SIZE: 300%; FONT-FAMILY: Georgia, serif; FONT-WEIGHT: normal; COLOR: #0096b2 } .survey-count SPAN IMG#recipient_count_preview_progress { HEIGHT: 20%; WIDTH: 20%; POSITION: relative; LEFT: 0px; TOP: 0px } .survey-count IMG { RIGHT: 20px; POSITION: absolute; TOP: 43% } .survey-count INPUT.genericButton { MARGIN-BOTTOM: 10px; MARGIN-TOP: 3px } .survey-count #revert { -webkit-transition-duration: .3s; -webkit-transition-timing-function: ease-in; -moz-transition-duration: .3s; -moz-transition-timing-function: ease-in; transition-duration: .3s; transition-timing-function: ease-in } .tag-node { FONT-SIZE: 11px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FONT-WEIGHT: bold; PADDING-BOTTOM: 4px; PADDING-TOP: 4px; PADDING-LEFT: 10px; BORDER-LEFT: #ccc 1px solid; DISPLAY: inline; PADDING-RIGHT: 25px; BACKGROUND-COLOR: #f5f5f5; MARGIN-RIGHT: 10px; border-radius: 9px } .tag-node:after { CURSOR: pointer; FONT-SIZE: 14px; RIGHT: 9px; POSITION: absolute; FONT-WEIGHT: normal; COLOR: #ccc; CONTENT: "x"; TOP: 10%; text-shadow: 1px 1px 0 #FFF } .toggles.field { WIDTH: 100%; POSITION: relative; Z-INDEX: 1 } .toggle-button { POSITION: relative; PADDING-BOTTOM: 7px; PADDING-TOP: 7px; PADDING-LEFT: 15px; PADDING-RIGHT: 0px } .active.toggle-button { BACKGROUND-COLOR: #f5f4ef; border-radius: 5px 0 0 5px } .active.toggle-button:after { RIGHT: 17px; POSITION: absolute; CONTENT: ""; LEFT: 11px; Z-INDEX: -1; TOP: -3px; BOTTOM: 17px; box-shadow: 0 17px 14px rgba(0, 0, 0, 0.4); -moz-transform: rotate(-3deg) } .toggle-button INPUT[type='radio'] { DISPLAY: inline-block } .toggle-button LABEL { CURSOR: pointer; WIDTH: 100px; VERTICAL-ALIGN: middle; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 10px; DISPLAY: inline-block; PADDING-RIGHT: 20px } .selectButton { CURSOR: pointer; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 180px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; FLOAT: left; PADDING-BOTTOM: 15px; TEXT-ALIGN: center; PADDING-TOP: 15px; PADDING-LEFT: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',endColorstr='#f7f7f7',GradientType=0); BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 0px; MARGIN-RIGHT: 10px; border-radius: 22px } .active.selectButton { BACKGROUND: #f5fafb; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5fafb',endColorstr='#d1eaef',GradientType=0) } .active.selectButton:before { BORDER-TOP: #d1eaef 15px solid; BORDER-RIGHT: transparent 15px solid; BORDER-BOTTOM: transparent 0px; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -15px; LEFT: 50%; BORDER-LEFT: transparent 15px solid; DISPLAY: block; BOTTOM: -15px } .active.selectButton:after { BORDER-TOP: #d1eaef 15px solid; BORDER-RIGHT: transparent 15px solid; BORDER-BOTTOM: transparent 0px; POSITION: absolute; CONTENT: ""; MARGIN-LEFT: -15px; LEFT: 50%; BORDER-LEFT: transparent 15px solid; DISPLAY: block; BOTTOM: -15px } .tab_content .formElements { WIDTH: 56%; FLOAT: left; PADDING-BOTTOM: 17px; PADDING-TOP: 17px; PADDING-LEFT: 17px; MIN-HEIGHT: 180px; PADDING-RIGHT: 180px; BACKGROUND-COLOR: #f5f4ef } .tab_content .radio-selection { WIDTH: 175px; FLOAT: left } .tab_content .formElements .label { WIDTH: 28% } .tab_content .formElements .field { WIDTH: 72% } .tab_content .formElements .column.field { WIDTH: 31% } .type-label { MARGIN-BOTTOM: 5px; FONT-WEIGHT: bold; FONT-STYLE: italic } .deploymentTabs .selectItems .u_floatThis-left { WIDTH: 43% } .deploymentTabs .selectItems { WIDTH: auto } .deploymentTabs .selectItems .selectArrows.u_floatThis-left { WIDTH: auto } #numOfSurveyQuestion { DISPLAY: inline-block } .response-periods-list { POSITION: relative } .stepcontent LI .response-periods-list LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 95%; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 30px; MARGIN: 0px 0px 15px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #fff } .response-periods-list LI { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 95%; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 30px; MARGIN: 0px 0px 15px; BORDER-LEFT: #ccc 1px solid; PADDING-RIGHT: 10px; BACKGROUND-COLOR: #fff } .stepcontent LI .response-periods-list LI.selected { BACKGROUND-COLOR: #f0f0f0 } .response-periods-list LI.selected { BACKGROUND-COLOR: #f0f0f0 } .response-periods-list INPUT[type='checkbox'] { POSITION: absolute; LEFT: 2px; MARGIN-TOP: -8px; TOP: 50% } .response-periods-list LABEL { CURSOR: pointer; FONT-SIZE: 110%; COLOR: #333; FONT-STYLE: normal; DISPLAY: block; LINE-HEIGHT: 150% } .response-period-description { FONT-SIZE: 90%; WIDTH: 80%; FLOAT: left; COLOR: #666; FONT-STYLE: italic } .response-period-data SPAN { FONT-SIZE: 90%; WIDTH: 80%; FLOAT: left; COLOR: #666; FONT-STYLE: italic } .response-period-data { WIDTH: 20%; FLOAT: right; LINE-HEIGHT: 150% } .response-period-data SPAN { WIDTH: 100%; DISPLAY: block } .secondary-options { MARGIN-LEFT: 40px } .tertiary-options { MARGIN-LEFT: 80px } .field P { MARGIN-BOTTOM: 5px; MARGIN-TOP: 5px } .secondary-options P { MARGIN-BOTTOM: 5px; MARGIN-TOP: 5px } .tertiary-options P { MARGIN-BOTTOM: 5px; MARGIN-TOP: 5px } .floatedReceipt#receipt_floated_surveyReport { WIDTH: 135px; POSITION: absolute; Z-INDEX: 1201 } .pointRight.floatedReceipt .arrow { RIGHT: -30px; BORDER-LEFT-COLOR: #fcfbd1; BORDER-LEFT-STYLE: solid; TOP: 100px } .evalColumn { Z-INDEX: 1000 } DIV#nodeFilter > INPUT.browse { VERTICAL-ALIGN: top } DIV.md_linear { FONT-FAMILY: arial, helvetica, sans-serif; BORDER-BOTTOM: #657ca3 1px solid; PADDING-LEFT: 3px; MARGIN: 6px 0px; BORDER-LEFT: #657ca3 1px solid; DISPLAY: inline } DIV.md_linear A { FONT-FAMILY: arial, helvetica, sans-serif; FONT-STYLE: italic } DIV.md_linear P { FONT-SIZE: 95%; DISPLAY: inline } DIV.md_linear P SPAN { DISPLAY: none } DIV.md_tabular { FONT-FAMILY: arial, helvetica, sans-serif; PADDING-LEFT: 3px; MARGIN: 0px 0px 6px 12px; BORDER-LEFT: #657ca3 1px solid } DIV.md_tabular A { FONT-FAMILY: arial, helvetica, sans-serif; FONT-STYLE: italic } DIV.md_tabular P { FONT-SIZE: 95%; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; PADDING-LEFT: 0px; MARGIN: 0px; PADDING-RIGHT: 0px } DIV.md_tabular P SPAN { COLOR: #444; FONT-STYLE: italic } DIV.sample_data { MARGIN: 0px 0px 0px 24px } DIV.sample_data DIV { FLOAT: left } DIV.sample_data DIV.sample_head { BORDER-TOP: medium none; BORDER-RIGHT: medium none; BORDER-BOTTOM: medium none; FONT-WEIGHT: bold; MARGIN: 6px 10px 2px 1px; BORDER-LEFT: medium none } .ondemand-module { POSITION: relative; MARGIN: 14px 3px } .ondemand-module DIV { MARGIN-BOTTOM: 12px } .ondemand-module DIV A { FONT-SIZE: 120%; BACKGROUND: #00add0; FONT-WEIGHT: bold; COLOR: #fff; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; PADDING-LEFT: 4%; DISPLAY: block; PADDING-RIGHT: 12px; border-radius: 5px } .ondemand-module DIV A:hover { TEXT-DECORATION: none; BACKGROUND: #00b3be; box-shadow: 0 0 12px #2cb673; text-shadow: 0 -1px 0 rgba(0, 0, 0, .4) } .ondemand-module DIV A > SPAN { MARGIN-BOTTOM: 3px; FONT-SIZE: 80%; FONT-WEIGHT: normal; DISPLAY: block } .ondemand-module SPAN.release { FONT-SIZE: 85%; BORDER-TOP: #00add0 1px solid; BORDER-RIGHT: #00add0 1px solid; BACKGROUND: #9dddea; RIGHT: -4px; BORDER-BOTTOM: #00add0 1px solid; POSITION: absolute; COLOR: #000; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-LEFT: 13px; BORDER-LEFT: #00add0 1px solid; TOP: -7px; PADDING-RIGHT: 10px; border-radius: 12px 12px 12px 12px; text-shadow: 0 1px 0 rgba(255, 255, 255, .3) } .ondemand-module P { COLOR: #666; FONT: italic 93%/1.45 Georgia, serif; MARGIN: 0px 13px }

@import url( theme1.css?v=9.1.110082.0 ); @import url( theme2.css?v=9.1.110082.0 );

#contentFrame { COLOR: #000 } #schemePreview { COLOR: #000 } BODY { COLOR: #000 } BODY.ineditmode { COLOR: #000 } BODY.topFrame { COLOR: #000 } DIV.breadcrumbs { COLOR: #000 } DIV.paneTabs UL LI.active { COLOR: #000 } DIV.paneTabs UL LI { COLOR: #000 } BODY.wizardBody DIV.containerWizard { COLOR: #000 } #contentArea { COLOR: #000; BACKGROUND-COLOR: #fff } #schemePreviewBody { COLOR: #000; BACKGROUND-COLOR: #fff } .container { COLOR: #000; BACKGROUND-COLOR: #fff } .contentPane DIV.bottomRound B { COLOR: #000; BACKGROUND-COLOR: #fff } #primaryButton { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } INPUT[type='submit'].submit { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .mainButton A { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .mainButton A:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .mainButton A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .actionBarMicro .mainButton A { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .actionBarMicro .mainButton A:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .actionBarMicro .mainButton A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble .mainButton > A { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1 { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1-img { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1-img:hover { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } .button-1-img:focus { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #fff; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #990000 } #secondaryButton { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .secondaryButton A { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .secondaryButton A:hover { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .secondaryButton A:focus { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2 { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2-img { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2:hover { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2-img:focus { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2:hover { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .button-2-img:focus { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #pageHeader { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #schemePreviewHead { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.pageTitle { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.actionBar { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.contentPaneWide DIV.actionBar { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.actionBar UL { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.localViewToggle { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .navPalette DIV.actionBarMicro { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.contentPane DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.listCm DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.buttonCm DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.treeContainer DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV.treeViewCs DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } DIV#lightboxContent H2 { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #lightbox DIV.topRound B { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #puller { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } .frameResizeToggle { BORDER-TOP-COLOR: #fff1c5; BORDER-LEFT-COLOR: #fff1c5; COLOR: #000; BORDER-BOTTOM-COLOR: #fff1c5; BORDER-RIGHT-COLOR: #fff1c5; BACKGROUND-COLOR: #fff1c5 } #topFrame { COLOR: #fff } DIV.topTabs DIV.topGlobalLinks UL LI A.topLevel { COLOR: #fff } DIV.topTabs-compact DIV.topGlobalLinks UL LI A.topLevel { COLOR: #fff } DIV.topTabs DIV.hotItems UL.hotLinks LI A { COLOR: #fff } #topFrame { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #990000 } .bgBanner { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #990000 } DIV.topTabs-compact { BORDER-TOP-COLOR: #dedede; BACKGROUND: #990000; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede } #topTab { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A:hover { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A:hover { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A:focus { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A:focus { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #fff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } #topTabActive { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A:hover { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A:focus { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A:hover { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A:focus { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } #moduleTitle { COLOR: #fff; BACKGROUND-COLOR: #990000 } .portlet H2 { COLOR: #fff; BACKGROUND-COLOR: #990000 } .portlet H2 SPAN.reorder { COLOR: #fff; BACKGROUND-COLOR: #990000 } .portlet H2 A { COLOR: #fff; BACKGROUND-COLOR: transparent } #moduleBorder { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #000; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #fff } #moduleBody { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #000; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #fff } .portlet { BORDER-TOP-COLOR: #990000; BORDER-LEFT-COLOR: #990000; COLOR: #000; BORDER-BOTTOM-COLOR: #990000; BORDER-RIGHT-COLOR: #990000; BACKGROUND-COLOR: #fff } #contentFrame { COLOR: #000000 } #schemePreview { COLOR: #000000 } BODY { COLOR: #000000 } BODY.ineditmode { COLOR: #000000 } BODY.topFrame { COLOR: #000000 } DIV.breadcrumbs { COLOR: #000000 } DIV.paneTabs UL LI.active { COLOR: #000000 } DIV.paneTabs UL LI { COLOR: #000000 } BODY.wizardBody DIV.containerWizard { COLOR: #000000 } #contentArea { COLOR: #000000; BACKGROUND-COLOR: #ffffff } #schemePreviewBody { COLOR: #000000; BACKGROUND-COLOR: #ffffff } .container { COLOR: #000000; BACKGROUND-COLOR: #ffffff } .contentPane DIV.bottomRound B { COLOR: #000000; BACKGROUND-COLOR: #ffffff } #primaryButton { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } INPUT[type='submit'].submit { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .mainButton A { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .mainButton A:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .mainButton A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .actionBarMicro .mainButton A { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .actionBarMicro .mainButton A:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .actionBarMicro .mainButton A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble .mainButton > A { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1 { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1-img { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1-img:hover { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } .button-1-img:focus { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #980329 } #secondaryButton { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .secondaryButton A { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .secondaryButton A:hover { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .secondaryButton A:focus { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2 { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2-img { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2:hover { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2-img:focus { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2:hover { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .button-2-img:focus { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #pageHeader { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #schemePreviewHead { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.pageTitle { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.actionBar { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.contentPaneWide DIV.actionBar { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.actionBar UL { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.localViewToggle { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .navPalette DIV.actionBarMicro { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.contentPane DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.listCm DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.buttonCm DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.treeContainer DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV.treeViewCs DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } DIV#lightboxContent H2 { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #lightbox DIV.topRound B { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #puller { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } .frameResizeToggle { BORDER-TOP-COLOR: #c2d0e2; BORDER-LEFT-COLOR: #c2d0e2; COLOR: #000000; BORDER-BOTTOM-COLOR: #c2d0e2; BORDER-RIGHT-COLOR: #c2d0e2; BACKGROUND-COLOR: #c2d0e2 } #topFrame { COLOR: #ffffff } DIV.topTabs DIV.topGlobalLinks UL LI A.topLevel { COLOR: #ffffff } DIV.topTabs-compact DIV.topGlobalLinks UL LI A.topLevel { COLOR: #ffffff } DIV.topTabs DIV.hotItems UL.hotLinks LI A { COLOR: #ffffff } #topFrame { BORDER-TOP-COLOR: #dedede; BACKGROUND-IMAGE: url(https://blackboard.strayer.edu/branding/_1_1/bb_banner5noLogo.png); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #980329 } .bgBanner { BORDER-TOP-COLOR: #dedede; BACKGROUND-IMAGE: url(https://blackboard.strayer.edu/branding/_1_1/bb_banner5noLogo.png); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #980329 } DIV.topTabs-compact { BORDER-TOP-COLOR: #dedede; BACKGROUND: #980329; BORDER-LEFT-COLOR: #dedede; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede } #topTab { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A:hover { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A:hover { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .appTabs A:focus { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } .topTabs-compact .appTabs A:focus { BORDER-TOP-COLOR: #7c8188; BORDER-LEFT-COLOR: #7c8188; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #7c8188; BORDER-RIGHT-COLOR: #7c8188; BACKGROUND-COLOR: #7c8188 } #topTabActive { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A:hover { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .appTabs .active A:focus { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A:hover { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .topTabs-compact .appTabs .active A:focus { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } #moduleTitle { COLOR: #ffffff; BACKGROUND-COLOR: #980329 } .portlet H2 { COLOR: #ffffff; BACKGROUND-COLOR: #980329 } .portlet H2 SPAN.reorder { COLOR: #ffffff; BACKGROUND-COLOR: #980329 } .portlet H2 A { COLOR: #ffffff; BACKGROUND-COLOR: transparent } #moduleBorder { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #000000; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #ffffff } #moduleBody { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #000000; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #ffffff } .portlet { BORDER-TOP-COLOR: #980329; BORDER-LEFT-COLOR: #980329; COLOR: #000000; BORDER-BOTTOM-COLOR: #980329; BORDER-RIGHT-COLOR: #980329; BACKGROUND-COLOR: #ffffff }

#contentFrame { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } #schemePreview { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } BODY { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } .topFrame { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } .paneTabs UL LI.active { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } .paneTabs UL LI { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } .wizardBody .containerWizard { BACKGROUND: url(empty.png) #cccccc 0px 0px; COLOR: #333333 } #contentArea { COLOR: #333333; BACKGROUND-COLOR: #ffffff } #schemePreviewBody { COLOR: #333333; BACKGROUND-COLOR: #ffffff } .container { COLOR: #333333; BACKGROUND-COLOR: #ffffff } #primaryButton { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } INPUT[type='submit'].submit { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .mainButton A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .mainButton A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .mainButton A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .mainButton A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .actionBarMicro .mainButton A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .actionBarMicro .mainButton A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble .mainButton > A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble .mainButton > A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .rumble_top .mainButton > A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1 { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1-img { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1-img:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-1-img:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } #secondaryButton { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .secondaryButton A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .secondaryButton A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .secondaryButton A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2 { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2-img { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2-img:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } .button-2-img:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } #pageHeader { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } #schemePreviewHead { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } DIV.pageTitle { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .actionBar { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .contentPaneWide .actionBar { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } DIV.actionBar UL { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } DIV.localViewToggle { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .actionBarMicro { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } DIV#lightboxContent H2 { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } .frameResizeToggle { BORDER-TOP-COLOR: #dedede; BORDER-LEFT-COLOR: #dedede; COLOR: #000000; BORDER-BOTTOM-COLOR: #dedede; BORDER-RIGHT-COLOR: #dedede; BACKGROUND-COLOR: #dedede } #topFrame { COLOR: #ffffff } .topGlobalLinks UL LI { COLOR: #ffffff } .topGlobalLinks A { COLOR: #ffffff } .topGlobalLinks A:hover { COLOR: #ffffff } .topGlobalLinks A:focus { COLOR: #ffffff } .hotItems { COLOR: #ffffff } .hotSpots A { COLOR: #ffffff } .hotSpots LI:after { COLOR: #ffffff } .hotSpots A:hover { COLOR: #ffffff } #topFrame { BORDER-TOP-COLOR: #000000; BACKGROUND-IMAGE: url(Strayer%20Institution%20Banner_1144.jpg); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #373737 } .bgBanner { BORDER-TOP-COLOR: #000000; BACKGROUND-IMAGE: url(Strayer%20Institution%20Banner_1144.jpg); BACKGROUND-REPEAT: repeat; BACKGROUND-POSITION: 0px 0px; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #373737 } DIV.topTabs-compact { BORDER-TOP-COLOR: #000000; BACKGROUND: #373737; BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000 } #topTab { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } TABLE.appTabs TBODY TR TD A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } DIV.topTabs-compact TABLE.appTabs TR TD A { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } TABLE.appTabs TBODY TR TD A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } DIV.topTabs-compact TABLE.appTabs TR TD A:hover { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } TABLE.appTabs TBODY TR TD A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } DIV.topTabs-compact TABLE.appTabs TR TD A:focus { BORDER-TOP-COLOR: transparent; BORDER-LEFT-COLOR: transparent; COLOR: #ffffff; BORDER-BOTTOM-COLOR: transparent; BORDER-RIGHT-COLOR: transparent; BACKGROUND-COLOR: transparent } #topTabActive { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } TABLE.appTabs TBODY TR TD.active A { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } TABLE.appTabs TBODY TR TD.active A:hover { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } TABLE.appTabs TBODY TR TD.active A:focus { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } DIV.topTabs-compact TABLE.appTabs TR TD.active A { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } DIV.topTabs-compact TABLE.appTabs TR TD.active A:hover { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } DIV.topTabs-compact TABLE.appTabs TR TD.active A:focus { BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000; COLOR: #ffffff; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-COLOR: #000000; BACKGROUND-COLOR: #000000 } #moduleTitle { COLOR: #333333; BACKGROUND-COLOR: #cccccc } .portlet H2 { COLOR: #333333; BACKGROUND-COLOR: #cccccc } .portlet H2 SPAN.reorder { COLOR: #333333; BACKGROUND-COLOR: #cccccc } .portlet H2 A { COLOR: #333333; BACKGROUND-COLOR: transparent } #moduleBorder { BORDER-TOP-COLOR: #cccccc; BORDER-LEFT-COLOR: #cccccc; COLOR: #333333; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff } #moduleBody { BORDER-TOP-COLOR: #cccccc; BORDER-LEFT-COLOR: #cccccc; COLOR: #333333; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff } .portlet { BORDER-TOP-COLOR: #cccccc; BORDER-LEFT-COLOR: #cccccc; COLOR: #333333; BORDER-BOTTOM-COLOR: #cccccc; BORDER-RIGHT-COLOR: #cccccc; BACKGROUND-COLOR: #ffffff }

BODY { HEIGHT: auto } HTML { HEIGHT: auto } BODY { MIN-WIDTH: 0px } DIV.topGlobalLinks { MIN-WIDTH: 0px } .navigationPane { DISPLAY: none } .contentPane { MARGIN: 0px 14px } .questionDiv .submission_text { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .completionContainer { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .completionContainerLarge { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .blogEntry H4 { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .blogEntry .entryText { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .blogContainer .entryComments LI P { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .journalNav UL LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .calMonth { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .calMonth TABLE THEAD TH { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .calMonth TABLE TBODY TD { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .calMonth TABLE TD DIV { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .modeSwitch { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .listCm .courseMenu A.cmimg { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .buttonCm .courseMenu A.cmimg { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .portlet A.cmimg { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } A.cmimg-small { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .fileInputWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .field { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .noLabelField { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .liveArea .stepcontent TEXTAREA { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .buttonLibrary { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .previewTextArea { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .rating LI A:hover { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .dbThreadTree { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .nav .sub UL LI A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .cmdiv A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .menumini A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .timediv UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .currentTags { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .auto_complete UL LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .lb-wrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .lb-wrapper .lb-header H2 { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .lb-wrapper .lb-content { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .myPlacesContent { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .myavatar { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .bubble UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .bubble .detailComments { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gradeDetailsStep { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .tableOverflowControl { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .inventory { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .brandingImgWrap { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .announcementList .item { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .announcementList-read .item { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #announcementList .item { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .contentList .details { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .contentListPlain .contentListRight + .details { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .announcementList .details { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #announcementList .details { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .datalistScroll { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .landingPageColumn UL LI UL.datalistScroll { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .panelNested { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .module { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .moduleHeading { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .collapsible { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .imgWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .scroll_div { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .eudModule .eudModule-inner { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .styledModule-dark .module-inner { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .portlet .itemGroups LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .portlet UL.hierarchyList LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .customBanner { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .loggedInAs { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #loggedInUserName { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .topTabs .hotItems UL.hotLinks { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .cmImg { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .itemTray .cartTableWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .sideTOC .cartTableWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .itemIconHolder A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .itemInfo .title { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .itemInfo .high { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .tocTreeWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .sideTOC .tocTreeWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .navPaletteContent A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .listCm .courseMenu H3 { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .buttonCm .courseMenu A { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .expTreeContainer { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .listCm .treeContainer .tree { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .buttonCm .treeContainer .tree { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .treeContainer .tree LI H4 + UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #pickerPalette .tree > LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .treeScrollable { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } #logDetail { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .table-scroll-wrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gridOverflowControl { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gradeItemsWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gradeSide .tocTreeWrapper { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV UL LI DIV.collabComments { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.comments DIV DIV.collabComments { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.studentGradesCommentPreview { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.grdDetEditTabCommentPreview { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.grdDetHistTabCommentPreview { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .u_scrollPanel-vertical { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .currentScore { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gbContainer { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gbtable DIV { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gbtable_header DIV { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gc_info UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gblist LI { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .gblist LI SPAN { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .cumulativeSelectItems .selected_items .itemList { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .flynav UL { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .overrow DIV { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .weightField { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } .criteriaItem { OVERFLOW: visible !important; HEIGHT: auto !important; MAX-HEIGHT: none !important } DIV.locationPane { DISPLAY: block }

// Provide a default path to dwr.engine if (dwr == null) var dwr = {}; if (dwr.engine == null) dwr.engine = {}; if (DWREngine == null) var DWREngine = dwr.engine; if (MashupDWRFacade == null) var MashupDWRFacade = {}; MashupDWRFacade._path = '/webapps/blackboard/dwr_open'; MashupDWRFacade.verifyMashupData = function(p0, callback) { dwr.engine._execute(MashupDWRFacade._path, 'MashupDWRFacade', 'verifyMashupData', p0, callback); } MashupDWRFacade.filterMashupData = function(p0, callback) { dwr.engine._execute(MashupDWRFacade._path, 'MashupDWRFacade', 'filterMashupData', p0, callback); }

/** * Inserts the given HTML content into the extra content cell of the standard * title bar. * * @param content The HTML content to place */ function insertTitlebarContent(content) { var contentCell = document.getElementById("_titlebarExtraContent"); contentCell.innerHTML = content; }

var list = {}; var genericList = {}; var nestedList = {}; var inventoryList = {}; inventoryList.listUrls = $H(); inventoryList.listenerElements = $H(); inventoryList.cleanUpListeners = $H(); inventoryList.ajaxRequestIds = $H(); /** * called during an page onload to register clean-up logic for inventory list * related js objects. The registered function is called during ajax reload * before replacing the innerhtml of the list */ inventoryList.addToCleanUpListener = function(listId,listenerFunc) { inventoryList.cleanUpListeners.set(listId,listenerFunc); }; inventoryList.DisplayController = Class.create(); inventoryList.DisplayController.prototype = { /** * inventory list in ajax mode registers all the event listeners for paging and sorting links * and list refresh based on the active filter search criterion */ initialize: function( inventoryListContainerId,url,initPagingValue,initPageIndex,limitMaxNumOfItems,pageResultsMaxSize,totalResultsCount ) { var listenerElements = []; inventoryList.listUrls.set( inventoryListContainerId, url ); $$('#' + inventoryListContainerId +' .pagelink' ).each(function(ele) { if( $s(ele) ) { Event.observe(ele, 'click' ,inventoryList.ajaxPostOnClick.bindAsEventListener( this,inventoryListContainerId )); listenerElements.push(ele); } }); $$('#' + inventoryListContainerId +' .sortheader' ).each(function(ele) { if( $s(ele) ) { Event.observe(ele, 'click' ,inventoryList.ajaxPostOnClick.bindAsEventListener( this,inventoryListContainerId )); listenerElements.push(ele); } }); if(!limitMaxNumOfItems) { pageResultsMaxSize = -1; } var gopagingElement = $s(inventoryListContainerId + '_gopaging'); if(gopagingElement) { Event.observe( gopagingElement, "click", inventoryList.onGoButtonClick.bindAsEventListener( this, inventoryListContainerId,'numResults', 'gopaging', 'numResults', initPagingValue, true, pageResultsMaxSize ) ); listenerElements.push(gopagingElement); } var goFieldElement = $s(inventoryListContainerId + '_numResults'); if( goFieldElement ) { Event.observe( goFieldElement, "keypress", inventoryList.onPageFieldEnter.bindAsEventListener( this, inventoryListContainerId, 'numResults', 'gopaging', 'numResults', initPagingValue, true, pageResultsMaxSize ) ); listenerElements.push( goFieldElement ); } gopagingElement = $s(inventoryListContainerId + '_gobut_top'); if( gopagingElement) { Event.observe( gopagingElement, "click", inventoryList.onGoButtonClick.bindAsEventListener( this, inventoryListContainerId,'jump_top', 'gobut_top', 'pageIndex', initPageIndex, true, pageResultsMaxSize ) ); listenerElements.push(gopagingElement); } goFieldElement = $s(inventoryListContainerId + '_jump_top'); if( goFieldElement ) { Event.observe( goFieldElement, "keyup", inventoryList.onPageFieldEnter.bindAsEventListener( this, inventoryListContainerId, 'jump_top', 'gobut_top', 'pageIndex', initPageIndex, true, pageResultsMaxSize ) ); listenerElements.push( goFieldElement ); } gopagingElement = $s(inventoryListContainerId + '_gobut_bot'); if(gopagingElement) { Event.observe(gopagingElement, "click", inventoryList.onGoButtonClick.bindAsEventListener( this, inventoryListContainerId, 'jump_bot', 'gobut_bot', 'pageIndex', initPageIndex, true, pageResultsMaxSize ) ); listenerElements.push(gopagingElement); } goFieldElement = $s(inventoryListContainerId + '_jump_bot'); if( goFieldElement ) { Event.observe( goFieldElement, "keyup", inventoryList.onPageFieldEnter.bindAsEventListener( this, inventoryListContainerId, 'jump_bot', 'gobut_bot', 'pageIndex', initPageIndex, true, pageResultsMaxSize ) ); listenerElements.push( goFieldElement ); } var showAllElement = $s(inventoryListContainerId + '_showAllButton'); if(showAllElement) { Event.observe( showAllElement, "click", inventoryList.onShowallButtonClick.bindAsEventListener( this, pageResultsMaxSize, totalResultsCount ) ); listenerElements.push(showAllElement); } inventoryList.listenerElements.set(inventoryListContainerId,listenerElements); } }; /** * "all" cached js objects for "anything" inside the list area that is being replaced needs to be cleaned up. * At early design time we knew of one concrete example (any hiddenDivs associated with context menus inside the inventory list) * but we need exhaustive in-depth code tracing/review to make sure that we clean up everything else. * TODO :comment for 'future js cleanup to be added when required' * This method is called during an ajax reload before replacing the innerhtml of the list. */ inventoryList.cleanUp = function(id){ var listeners = inventoryList.listenerElements.get(id); if(listeners) { listeners.each(function(ele) { if( $s(ele) ) { $(ele).stopObserving( 'click' ); } }); inventoryList.listenerElements.unset(id); } var cleanUpFunction = inventoryList.cleanUpListeners.get(id); if(cleanUpFunction){ cleanUpFunction.apply(); inventoryList.cleanUpListeners.unset(id); } list.checkboxes.unset(id); list.radioButtons.unset(id); }; /** * This method calculates the ajax post request url */ inventoryList.getListUrl = function(event,id, retainSortingAndPaging) { var listUrl = null; var params = null; var url; if(event) { // paging and sorting ajax refresh var eventElement = Event.element( event ); var hrefElement = eventElement.up('a') || eventElement; url = hrefElement.href ; hrefElement.href = "#"; params = url.toQueryParams(); } else { // active filter ajax refresh url = inventoryList.listUrls.get( id ); params = url.toQueryParams(); // using $H(params).unset('key') did not seem to work for me. Hence using the old-style if (!retainSortingAndPaging) { delete params[page.bundle.getString("numResults")];// reset the paging results to default or the one in session delete params[page.bundle.getString("startIndex")];// reset the paging index to 0 delete params[page.bundle.getString("sortDir")];// reset the sorting sequence } } // make sure to remove any lingering sc in request, even though the InventoryListHelper removes // this param from list and sort url delete params[page.bundle.getString("search.criterion")]; listUrl = url.split("?")[0] + "?" + $H( params ).toQueryString(); return listUrl; }; /** * This method does a ajax post request for all the onclick handlers registered * to render the inventory list in ajax-mode. This included list paging, list column * sorting and active search filter triggers */ inventoryList.ajaxPostOnClick = function(event, id, extraParams, retainSortingAndPaging) { var container = $s(id); inventoryList.cleanUp(id); var listUrl = inventoryList.getListUrl(event,id,retainSortingAndPaging); if(listUrl) { listUrl = listUrl + "&" + page.bundle.getString("ajax.mode") + "=" + id ; if ( typeof activeFilter != 'undefined' && activeFilter ) { var searchCriterion = activeFilter.getSearchCriteriaInstance(false).getSearchCriteriaAsXml(); if( searchCriterion && searchCriterion != '') // if empty , do not append. { listUrl = listUrl + "&"+ page.bundle.getString("search.criterion") +"=" + encodeURIComponent(searchCriterion) ; } } var params = listUrl.toQueryParams(); if (extraParams) { for (var key in extraParams) { if ( extraParams.hasOwnProperty( key ) ) { var val = extraParams[key]; if ( typeof val != "function" ) { params[key] = val; } } } } listUrl = listUrl.split("?")[0]; new Ajax.Request(listUrl, { method: 'post', parameters: params, onCreate: function(response) { var ajaxRequestCounter = inventoryList.ajaxRequestIds.get(id); if ( !ajaxRequestCounter ) { ajaxRequestCounter = 1; } else { ajaxRequestCounter++; } response.request.submittedCounter = ajaxRequestCounter; inventoryList.ajaxRequestIds.set(id,ajaxRequestCounter); document.body.style.cursor = 'progress'; $('loadList'+id ).show(); }, onComplete: function(response) { var ajaxRequestCounter = inventoryList.ajaxRequestIds.get(id); if (ajaxRequestCounter == response.request.submittedCounter) { document.body.style.cursor = 'default'; $('loadList'+id ).hide(); } }, onSuccess: function(transport, json) { try { var ajaxRequestCounter = inventoryList.ajaxRequestIds.get(id); if (ajaxRequestCounter == transport.request.submittedCounter) { var textString = page.bundle.getString("list.ajax.mode.marquee.text"); var startString = page.bundle.getString("list.ajax.mode.start.marquee.text") + id+ textString; var endString = page.bundle.getString("list.ajax.mode.end.marquee.text") + id+ textString; var resultHtml = transport.responseText; var responseHtml = resultHtml.split(startString)[1].split(endString)[0]; container.innerHTML = responseHtml; // evaluate the inventory list related js on ajax refresh to re-initialize the event listeners for the list controls page.globalEvalScripts( responseHtml, false ); } } catch ( e ) { // exception message looks ugly for the end-user, hence use a more user-friendly message to indicate the ajax refresh failed new page.InlineConfirmation("error", page.bundle.getString("list.inventory.ajax.mode.error"), false ); } }.bind(this) }); } else { // debug message new page.InlineConfirmation("error", page.bundle.getString("list.inventory.ajax.mode.list.url.error",listUrl), false ); } if ( event ) { Event.stop( event ); } }; inventoryList.onShowallButtonClick = function( event, pageResultsMaxSize, totalResultsCount ) { if( pageResultsMaxSize != -1 && totalResultsCount > pageResultsMaxSize ) { alert( page.bundle.getString( 'inventoryList.error.max.items.per.page.showall', [ pageResultsMaxSize ] ) ); Event.stop( event ); return; } }; inventoryList.onPageFieldEnter = function( event, id, inputName, goButtonName, paramName, initValue, ajaxMode, pageResultsMaxSize ) { var key = event.keyCode || event.which; if ( key == Event.KEY_RETURN ) { inventoryList.onGoButtonClick( event, id, inputName, goButtonName, paramName, initValue, ajaxMode, pageResultsMaxSize ); if ( event && !ajaxMode ) { Event.stop( event ); } } }; /** * validates the go-page index before firing the ajax post for paging (in ajax mode only) * else a server request is generated */ inventoryList.onGoButtonClick = function( event, id, inputName, goButtonName, paramName, initValue, ajaxMode, pageResultsMaxSize ) { var eventElement = Event.element( event ); var goButtonElement = $s( id + "_" + goButtonName ); var inputElem = $s( id + "_" + inputName ); var inputValue = inputElem.value; var trimmedVal = inputValue.trim(); // added this check bcoz for numeric fields which are not required, this function was not working if ( trimmedVal != "" ) { var numVal = parseInt( trimmedVal, 10 ); if ( !isNaN( numVal ) ) { if ( pageResultsMaxSize != -1 && numVal > pageResultsMaxSize ) { alert( page.bundle.getString( 'inventoryList.error.max.items.per.page', [ pageResultsMaxSize ] ) ); inputElem.value = initValue; Event.stop( event ); return; } var url = goButtonElement.href + "&" + paramName + "=" + numVal; eventElement.href = url; if ( ajaxMode ) { // make an ajax request inventoryList.ajaxPostOnClick( event, id ); } else { window.location.href = url; Event.stop( event ); } } else { inputElem.value = initValue; Event.stop( event ); } } else { if ( inputValue.length > 0 ) { alert( JS_RESOURCES.getFormattedString( 'validation.number', [ trimmedVal ] ) ); } Event.stop( event ); } }; inventoryList.displayNotAllShownMessage = function(listId) { var msg = page.bundle.getString('listOptions.warn.not.all.shown'); new page.NestedInlineConfirmation("bad", msg, false, $s(listId), true, undefined, undefined, false, false, undefined, undefined, false, "receipt_page_size" ); }; /** * This function allows a page to "refresh" the inventory list on demand, such as when a user * clicks a Search button. This is useful if the inventory list is in a frame and is connected * to a drawer and we can't use useWindowName for the drawer. Besides, it's Ajaxy. */ inventoryList.refresh = function( params ) { inventoryList.ajaxPostOnClick( null, 'listContainer', params, false ); }; /************************************inventory List PagingController***********************************************************************************/ inventoryList.PagingController = Class.create(); inventoryList.PagingController.prototype = { initialize: function( inventoryListContainer, initPagingValue, initPageIndex, inAjax, limitMaxNumOfItems, pageResultsMaxSize, totalResultsCount ) { this.containerId = inventoryListContainer; this.initPagingValue = initPagingValue; this.initPageIndex = initPageIndex; if(!limitMaxNumOfItems) { pageResultsMaxSize = -1; } if( $s( this.containerId + '_openpaging') ) { Event.observe( this.containerId + '_openpaging', "click", this.onOpenPagingClick.bindAsEventListener( this ) ); } if( $s( this.containerId + '_closepaging') ) { Event.observe( this.containerId + '_closepaging', "click", this.onClosePagingButtonClick.bindAsEventListener( this ) ); } if( $s( this.containerId + '_currentpage_top') ) { Event.observe( this.containerId + '_currentpage_top', "click", this.showJumpPage.bindAsEventListener( this, 'top' ) ); } if( $s( this.containerId +'_closejump_top') ) { Event.observe( this.containerId + '_closejump_top', "click", this.hideJumpPage.bindAsEventListener( this, 'top' ) ); } if( $s( this.containerId + '_currentpage_bot') ) { Event.observe( this.containerId + '_currentpage_bot', "click", this.showJumpPage.bindAsEventListener( this, 'bot' ) ); } if( $s( this.containerId + '_closejump_bot') ) { Event.observe( this.containerId + '_closejump_bot', "click", this.hideJumpPage.bindAsEventListener( this, 'bot' ) ); } if(!inAjax )// register only once in ajax Mode. { if( $s( this.containerId + '_numResults') ) { Event.observe( this.containerId + '_numResults', "keypress", inventoryList.onPageFieldEnter.bindAsEventListener( this,this.containerId,'numResults', 'gopaging', 'numResults', this.initPagingValue, inAjax, pageResultsMaxSize ) ); } if( $s( this.containerId + '_gopaging') ) { Event.observe( this.containerId + '_gopaging', "click", inventoryList.onGoButtonClick.bindAsEventListener( this,this.containerId,'numResults', 'gopaging', 'numResults', this.initPagingValue, inAjax, pageResultsMaxSize ) ); } if( $s( this.containerId + '_gobut_top') ) { Event.observe( this.containerId + '_gobut_top', "click", inventoryList.onGoButtonClick.bindAsEventListener( this, this.containerId, 'jump_top', 'gobut_top', 'pageIndex', this.initPageIndex, inAjax, pageResultsMaxSize ) ); } if( $s( this.containerId + '_gobut_bot') ) { Event.observe( this.containerId + '_gobut_bot', "click", inventoryList.onGoButtonClick.bindAsEventListener( this, this.containerId, 'jump_bot', 'gobut_bot', 'pageIndex', this.initPageIndex, inAjax, pageResultsMaxSize ) ); } if( $s( this.containerId + '_jump_bot') ) { Event.observe( this.containerId + '_jump_bot', "keyup", inventoryList.onPageFieldEnter.bindAsEventListener( this, this.containerId, 'jump_bot', 'gobut_bot', 'pageIndex', this.initPageIndex, inAjax, pageResultsMaxSize ) ); } if( $s( this.containerId + '_jump_top') ) { Event.observe( this.containerId + '_jump_top', "keyup", inventoryList.onPageFieldEnter.bindAsEventListener( this, this.containerId, 'jump_top', 'gobut_top', 'pageIndex', this.initPageIndex, inAjax, pageResultsMaxSize ) ); } if( $s( this.containerId + '_showAllButton') ) { Event.observe( this.containerId + '_showAllButton', "click", inventoryList.onShowallButtonClick.bindAsEventListener( this, pageResultsMaxSize, totalResultsCount ) ); } } // Remove the jump to page from the DOM until needed if ( $(this.containerId + '_jumptopage_top') && $(this.containerId + '_jumptopage_top') ) { this.jumpToPage = { top: $(this.containerId + '_jumptopage_top').show().remove(), bot: $(this.containerId + '_jumptopage_bot').show().remove() }; } }, onOpenPagingClick: function( event ) { $( this.containerId + '_editpaging').show(); $( this.containerId + '_itemcount').hide(); $(this.containerId + '_numResults').focus(); Event.stop( event ); }, onClosePagingButtonClick: function( event ) { $(this.containerId + '_numResults').value = this.initPagingValue; $(this.containerId + '_editpaging').hide(); $(this.containerId +'_itemcount').show(); Event.stop( event ); }, showJumpPage: function( event, loc ) { var navPaging = $(this.containerId + '_navpaging_'+loc); var jumpToPage = this.jumpToPage[ loc ]; var container = navPaging.up(); container.addClassName('jumptopage'); container.appendChild( jumpToPage ); navPaging.hide(); (function() { $(this.containerId +'_jump_'+loc).focus(); }.bind(this).delay(0.1)); Event.stop( event ); }, hideJumpPage: function( event, loc ) { var navPaging = $(this.containerId + '_navpaging_'+loc); var jumpToPage = this.jumpToPage[ loc ]; navPaging.up().removeClassName('jumptopage'); navPaging.show(); jumpToPage.remove(); Event.stop( event ); } }; list.checkboxes = $H(); list.radioButtons = $H(); /********************************************** List ActionBarController***********************************/ /** * Controls checkboxes on an list */ list.ActionBarController = Class.create(); list.ActionBarController.prototype = { initialize: function( listContainer, id, minSelected, onClick, errorMsg ) { this.containerId = listContainer; var titleElem = $s(listContainer + "_link_" + id); if( titleElem ) { Event.observe( titleElem, "click", this.onActionItemClick.bindAsEventListener( this, minSelected, onClick, errorMsg ) ); } }, onActionItemClick: function( event, minSelected, onClick, errorMsg ) { var thisCheckBoxes = list.checkboxes.get(this.containerId); var thisRadioButtons = list.radioButtons.get(this.containerId); var numSelected, i; if( thisCheckBoxes.length !== 0 ) { numSelected = 0; for ( i = 0; i < thisCheckBoxes.length; i++ ) { if ( thisCheckBoxes[i].type == 'checkbox' && thisCheckBoxes[i].checked ) { numSelected++; } } if( numSelected >= minSelected ) { if ( onClick !== undefined && ( onClick != "null" ) ) { this.executeOnClick( event, onClick ); } } else { alert( errorMsg ); Event.stop( event ); } } else if( thisRadioButtons.length !== 0 ) { // if radios are on the page instead of checkboxes, then there must be 1 and only 1 item selected to perform an action numSelected = 0; for ( i = 0; i < thisRadioButtons.length; i++ ) { if ( thisRadioButtons[i].type == 'radio' && thisRadioButtons[i].checked ) { numSelected++; break; } } if( numSelected === 0 ) { alert( errorMsg ); Event.stop( event ); } } // Case when checkboxes/radios does not exist, but request needs to be submitted. // See InventoryListHelper.filterListActionBarRenderer where list action item is // shown even when there are no items in the list with a checkbox/radio. else if ( minSelected === 0 ) { this.executeOnClick( event, onClick ); } }, executeOnClick: function( event, onClick ) { var func = new Function( onClick ); var result = func(); if( result === false ) { Event.stop( event ); } } }; /************************************ List CheckboxRadioContainer***********************************************************************************/ list.checkboxAndRadio = {}; list.checkboxAndRadio.CheckboxRadioContainer = Class.create(); list.checkboxAndRadio.CheckboxRadioContainer.prototype = { initialize: function( container ) { this.container = container; if (this.container.getElementsByTagName("tbody")[0]) { this.isTableContainer = true; } else { this.isTableContainer = false; } }, getCheckboxOrRadioContainer: function() { if (this.isTableContainer) { return this.container.getElementsByTagName("tbody")[0]; } else { return $("itemList"); } }, getCheckboxOrRadioBoundaryTag: function() { if (this.isTableContainer) { return "tr"; } else { return "li"; } }, getItemCellTag: function() { if (this.isTableContainer) { return "td"; } else { return "li"; } }, getItemCellClassTag: function() { if (this.isTableContainer) { return "smallCell"; } else { return "simple_mode"; } } }; /************************************ List CheckboxRadioController***********************************************************************************/ list.CheckboxRadioController = Class.create(); list.CheckboxRadioController.prototype = { initialize: function( listContainer, hasSelectAll, isSelectAllFromList, listener ) { this.containerId = listContainer; this.container = $s(listContainer); this.checkBoxAndRadioContainer = new list.checkboxAndRadio.CheckboxRadioContainer(this.container); this.highColor = ''; this.emptyColor = ''; this.isSelectAllFromList = isSelectAllFromList; var tableHeads = this.container.getElementsByTagName("thead"); if( tableHeads.length > 0 ) { this.selectAllCheckbox = tableHeads[0].getElementsByTagName("input")[0]; this.selectAllLabel = $s(this.containerId +"_selectAllLabel"); this.optionsWhileSelectAll = $s(this.containerId +"_optionsWhileSelectAll"); if( this.selectAllCheckbox ) { if( this.selectAllCheckbox.checked ) { this.selectAllLabel.innerHTML = JS_RESOURCES.getString('list.uncheckToDeselectAllItems'); } else { this.selectAllLabel.innerHTML = JS_RESOURCES.getString('list.checkToSelectAllItems'); } } } var myTempElement = $(this.containerId); if( myTempElement ) { myTempElement.addClassName( "high" ); this.highColor = myTempElement.getStyle('backgroundColor'); myTempElement.removeClassName( "high" ); } var checkBoxOrRadioContainer = this.checkBoxAndRadioContainer.getCheckboxOrRadioContainer(); if ( checkBoxOrRadioContainer ) { Event.observe( checkBoxOrRadioContainer, "mouseover", this.onRowOver.bindAsEventListener( this ) ); Event.observe( checkBoxOrRadioContainer, "mouseout", this.onRowOut.bindAsEventListener( this ) ); } // for shopping cart/ drawer integration this.initializeStatusMsgArray(); this.initializeRemoveStatusMsgArray(); inventoryList.initCheckboxesAndRadioButtons(this.containerId, this.checkBoxAndRadioContainer); var thisListcheckboxes = list.checkboxes.get(this.containerId); var thisListradioButtons = list.radioButtons.get(this.containerId); if( (thisListcheckboxes && thisListcheckboxes.length !== 0) || ( thisListradioButtons && thisListradioButtons.length !== 0) ) { if( thisListcheckboxes.length !== 0 ) { if ( this.selectAllCheckbox ) { Element.show( this.selectAllCheckbox ); } if ( this.selectAllLabel ) { Element.show( this.selectAllLabel ); } if ( this.selectAllCheckbox ) { Event.observe( this.selectAllCheckbox, "click", this.onSelectAllClick.bindAsEventListener( this ) ); } } Event.observe( checkBoxOrRadioContainer, "click", this.onCheckboxRadioOrRowClick.bindAsEventListener( this ) ); } else { if (this.selectAllCheckbox ) { Element.hide( this.selectAllCheckbox ); } if (this.selectAllLabel ) { Element.hide( this.selectAllLabel ); } } this.listener = listener; if ( this.optionsWhileSelectAll ) { if (hasSelectAll) { this.selectAllCheckbox.checked = true; this.onSelectAllClick(); if (isSelectAllFromList) { this.disableSelectAllCheckbox(); document.getElementById(this.containerId + "_selectAllFromList" ).value = "true"; } } else { this.optionsWhileSelectAll.style.display="none"; } } }, onSelectAllClick: function( event ) { if ( this.optionsWhileSelectAll ) { if(this.selectAllCheckbox.checked) { var checkboxes = list.checkboxes.get(this.containerId); var currentItemNumber = $( 'selectCurrentItemNumber' ); if ( currentItemNumber ) { currentItemNumber.innerHTML = checkboxes.length; } this.optionsWhileSelectAll.style.display=""; } else { this.optionsWhileSelectAll.style.display="none"; } } this.toggleSelectAllCheckbox(); if(this.listener) { if (this.selectAllCheckbox.checked) { this.showStatusMessage(this.selectAllCheckbox, true); } else { this.showRemoveStatusMessage(this.selectAllCheckbox, true); } } }, initializeStatusMsgArray: function() { this.currentStatusMsgindex = -1; this.statusMsgArray = []; this.statusMsgArray[0] = {elem:$('status_msg0')}; this.statusMsgArray[1] = {elem:$('status_msg1')}; this.statusMsgArray[2] = {elem:$('status_msg2')}; this.statusMsgArray[3] = {elem:$('status_msg3')}; this.addAllStatusMsg = {elem:$('status_msg_addAll')}; }, initializeRemoveStatusMsgArray: function() { this.currentRemoveStatusMsgindex = -1; this.removeStatusMsgArray = []; this.removeStatusMsgArray[0] = {elem:$('status_remove_msg0')}; this.removeStatusMsgArray[1] = {elem:$('status_remove_msg1')}; this.removeStatusMsgArray[2] = {elem:$('status_remove_msg2')}; this.removeStatusMsgArray[3] = {elem:$('status_remove_msg3')}; this.removeAllStatusMsg = {elem:$('status_msg_removeAll')}; }, findAvailableStatusMsg: function(selectAll) { if(selectAll) { return this.addAllStatusMsg; } if(this.currentStatusMsgindex >= 3) { this.currentStatusMsgindex = -1; } this.currentStatusMsgindex = this.currentStatusMsgindex + 1; return this.statusMsgArray[this.currentStatusMsgindex]; }, findAvailableRemoveStatusMsg: function(removeAll) { if(removeAll) { return this.removeAllStatusMsg; } if(this.currentRemoveStatusMsgindex >= 3) { this.currentRemoveStatusMsgindex = -1; } this.currentRemoveStatusMsgindex = this.currentRemoveStatusMsgindex + 1; return this.removeStatusMsgArray[this.currentRemoveStatusMsgindex]; }, showStatusMessage: function( checkbox, selectAll ) { var availableMsg = this.findAvailableStatusMsg(selectAll); Position.clone(checkbox,availableMsg.elem,{ setLeft: true, setTop: true, setWidth: false, setHeight: false } ); if ( page.util.isRTL() ) { availableMsg.elem.style.left = parseFloat(availableMsg.elem.style.left)-availableMsg.elem.getWidth() + "px"; } availableMsg.elem.setStyle({display : 'block'}); setTimeout(function(){this.fadeEffect(availableMsg);}.bind(this),100); }, showRemoveStatusMessage: function( checkbox, removeAll ) { var availableMsg = this.findAvailableRemoveStatusMsg(removeAll); Position.clone(checkbox,availableMsg.elem,{ setLeft: true, setTop: true, setWidth: false, setHeight: false } ); if ( page.util.isRTL() ) { availableMsg.elem.style.left = parseFloat(availableMsg.elem.style.left)-availableMsg.elem.getWidth() + "px"; } availableMsg.elem.setStyle({display : 'block'}); setTimeout(function(){this.fadeEffect(availableMsg);}.bind(this),100); }, fadeEffect: function(statusMsgVar) { statusMsgVar.elem.fade(); }, onCheckboxRadioOrRowClick: function( event ) { var eventElement = event ? Event.element( event ) : null; if( !eventElement ) { return; } var tagName = eventElement.tagName.toLowerCase(); var row = eventElement; var fromNonSelectClick = false; var fromContextMenuClick = false; var checkboxOrRadioBoundaryTag = this.checkBoxAndRadioContainer.getCheckboxOrRadioBoundaryTag(); while ( row && row.tagName.toLowerCase() != checkboxOrRadioBoundaryTag ) { if ( page.util.hasClassName( row, 'nonSelectContainer' ) || this.isSelectAllFromList ) { fromNonSelectClick = true; } if ( page.util.hasClassName( row, 'contextMenuContainer' ) ) { fromContextMenuClick = true; } row = row.parentNode; if (row && row.tagName.toLowerCase() == 'body' ) { row = null; } } if ( row && !fromNonSelectClick ) { // Deselect all except the current row if this was a context menu click. if ( fromContextMenuClick ) { var currentRowCheckBox = row.down("input[type=\"checkbox\"]"); var currentRowRadioButton = row.down("input[type=\"radio\"]"); if ( currentRowCheckBox ) { list.checkboxes.get(this.containerId).each( function( checkbox ) { var row1 = checkbox.parentNode.parentNode; if ( checkbox == currentRowCheckBox ) { checkbox.checked = true; if ( row1 && row1.tagName.toLowerCase() == checkboxOrRadioBoundaryTag && this.checkBoxAndRadioContainer.isTableContainer ) { row1.style.backgroundColor = this.highColor; } } else { checkbox.checked = false; if ( row1 && row1.tagName.toLowerCase() == checkboxOrRadioBoundaryTag && this.checkBoxAndRadioContainer.isTableContainer ) { row1.style.backgroundColor = this.emptyColor; } } }.bind( this ) ); if ( this.selectAllCheckbox ) { if ( list.checkboxes.get(this.containerId).length == 1 ) { this.selectAllCheckbox.checked = true; this.selectAllLabel.innerHTML = JS_RESOURCES.getString('list.uncheckToDeselectAllItems'); } else { this.selectAllCheckbox.checked = false; this.selectAllLabel.innerHTML = JS_RESOURCES.getString('list.checkToSelectAllItems'); } } } else if ( currentRowRadioButton ) { currentRowRadioButton.checked = true; this.resetRadioRowBackgroundColors( currentRowRadioButton ); } } // Just toggle the row else if ( this.checkBoxAndRadioContainer.isTableContainer || tagName == 'input' ) { var isOnCheckboxRadio = ( tagName == 'input' && eventElement.checked !== undefined ); // if we're clicking a link, do not check the checkbox assuming we're navigating away // or meant to trigger some other actions rather than selecting an item // this assumption may not be bullet proof but should be reasonable enough and // the change prevents CS folders from accidentally being added to drawer or a file // being added when users just wanted to view it var needToToggleCheckboxRadio = !isOnCheckboxRadio && ( tagName != 'a' ); var checkbox = (isOnCheckboxRadio) ? eventElement : row.down("input[type=\"checkbox\"]"); var radioButton = (isOnCheckboxRadio) ? eventElement : row.down("input[type=\"radio\"]"); var checkElement; if ( checkbox ) { checkElement = checkbox; } else if( radioButton ) { checkElement = radioButton; } if ( checkElement && !checkElement.hasClassName( 'togglingDisabled' ) ) { this.toggleNormalCheckboxRadio( checkElement, needToToggleCheckboxRadio, row ); if ( radioButton ) { // Reset the row background colors as only one radio button can be selected // at any given time. this.resetRadioRowBackgroundColors( radioButton ); } if ( this.listener && ( needToToggleCheckboxRadio || isOnCheckboxRadio ) ) { var checkElementName = checkElement.name; if (checkElement.checked) { this.showStatusMessage(checkElement, false); } else { this.showRemoveStatusMessage(checkElement, false); } } } } } }, resetRadioRowBackgroundColors: function( currentRadio ) { var checkboxOrRadioBoundaryTag = this.checkBoxAndRadioContainer.getCheckboxOrRadioBoundaryTag(); var isTableContainer = this.checkBoxAndRadioContainer.isTableContainer; // Reset the background color of all radio rows. list.radioButtons.get(this.containerId).each( function( radio ) { var row1 = radio.parentNode.parentNode; if ( row1 && row1.tagName.toLowerCase() == checkboxOrRadioBoundaryTag && isTableContainer ) { row1.style.backgroundColor = (radio === currentRadio) ? this.highColor : this.emptyColor; } }.bind( this ) ); }, onRowOver: function( event ) { var row = Event.element( event ); while ( row && row.tagName.toLowerCase() != 'tr' ) { row = row.parentNode; if ( row.tagName.toLowerCase() == 'body' ) { row = null; } } if ( row ) { Element.addClassName( row, 'gray' ); } }, onRowOut: function( event ) { var row = Event.element( event ); while ( row && row.tagName.toLowerCase() != 'tr' ) { row = row.parentNode; if ( row.tagName.toLowerCase() == 'body' ) { row = null; } } if ( row ) { Element.removeClassName( row, 'gray' ); } }, rowChangeClass : function(checkbox,row) { if ( row ) { if ( checkbox.checked ) { row.style.backgroundColor = this.highColor; } else { row.style.backgroundColor = this.emptyColor; } } }, toggleNormalCheckboxRadio: function( checkboxRadio, needToToggleCheckboxRadio, row, noEventPropagation ) { if ( needToToggleCheckboxRadio ) { checkboxRadio.checked = !checkboxRadio.checked; } if ( row ) { if ( checkboxRadio.checked ) { row.style.backgroundColor = this.highColor; } else { row.style.backgroundColor = this.emptyColor; } } // only applies to shopping cart - removing item from shopping cart if( needToToggleCheckboxRadio && row && !checkboxRadio.checked && this.listener && noEventPropagation ) { this.showRemoveStatusMessage(checkboxRadio, false); } if( this.selectAllCheckbox ) { var allSelected = true; var thisCheckBoxes = list.checkboxes.get(this.containerId); for ( var i = 0; i < thisCheckBoxes.length; i++ ) { if ( !thisCheckBoxes[i].checked ) { allSelected = false; break; } } if ( allSelected ) { var currentItemNumber = $( 'selectCurrentItemNumber' ); if ( currentItemNumber ) { currentItemNumber.innerHTML = thisCheckBoxes.length; } this.selectAllCheckbox.checked = true; if ( this.optionsWhileSelectAll ) { this.optionsWhileSelectAll.style.display=""; } this.selectAllLabel.innerHTML = JS_RESOURCES.getString('list.uncheckToDeselectAllItems'); } else { this.selectAllCheckbox.checked = false; if ( this.optionsWhileSelectAll ) { this.optionsWhileSelectAll.style.display="none"; } this.selectAllLabel.innerHTML = JS_RESOURCES.getString('list.checkToSelectAllItems'); } } if ( !noEventPropagation && this.listener ) { this.listener( checkboxRadio ); } }, toggleSelectAllCheckbox: function() { // toggle all the checkboxes based on the current state of the checkbox if( this.selectAllCheckbox ) { var checkboxes = list.checkboxes.get(this.containerId); for ( var i=0; i < checkboxes.length; ++i ) { checkboxes[ i ].checked = this.selectAllCheckbox.checked; this.rowChangeClass( checkboxes[i], Element.up(checkboxes[i],'tr')); if ( this.listener ) { this.listener( checkboxes[ i ] ); } } if ( this.selectAllCheckbox.checked ) { this.selectAllLabel.innerHTML = JS_RESOURCES.getString('list.uncheckToDeselectAllItems'); } else { this.selectAllLabel.innerHTML = JS_RESOURCES.getString('list.checkToSelectAllItems'); } } }, disableSelectAllCheckbox: function() { // toggle all the checkboxes based on the current state of the checkbox if( this.selectAllCheckbox ) { this.selectAllCheckbox.disabled = true; var checkboxes = list.checkboxes.get(this.containerId); for ( var i=0; i < checkboxes.length; ++i ) { checkboxes[ i ].disabled = true; } } } }; /********************************************** List global checkboxes / radiobuttons initialization***********************************/ inventoryList.initCheckboxesAndRadioButtons = function( id, checkboxAndRadioContainer ) { if( !id ) { id = "listContainer"; } var container = $s(id); var checkBoxAndRadioContainerTagName = 'td'; var checkBoxAndRadioContainerClassName = 'smallCell'; if ( checkboxAndRadioContainer ) { checkBoxAndRadioContainerTagName = checkboxAndRadioContainer.getItemCellTag(); checkBoxAndRadioContainerClassName = checkboxAndRadioContainer.getItemCellClassTag(); } var tds = container.getElementsByTagName(checkBoxAndRadioContainerTagName); var numTds = tds.length; var checkboxes = []; var radios = []; for ( var i = 0; i < numTds; i++ ) { var td = tds[i]; if ( page.util.hasClassName( td, checkBoxAndRadioContainerClassName ) ) { list.populateCheckboxesAndRadioButtons(id,td,checkboxes,radios); } } // select all <input type="checkbox"> elements that are inside <td class="smallCell"> list.checkboxes.set(id,checkboxes); // select all <input type="radio"> elements that are inside <td class="smallCell"> list.radioButtons.set(id,radios); }; /****************************************************** common methods shared by lists****************************************************/ list.populateCheckboxesAndRadioButtons = function(id,ele,checkboxes,radios) { var inputs = ele.getElementsByTagName('input'); var numInputs = inputs.length; for ( var j = 0; j < numInputs; j++ ) { var input = inputs[j]; if ( input.type.toLowerCase() == 'checkbox' ) { checkboxes.push( input ); } else if ( input.type.toLowerCase() == 'radio' ) { radios.push( input ); } } }; /*************************************************************** generic list controls***********************************************************************/ genericList.CheckboxRadioController = Class.create(); genericList.CheckboxRadioController.prototype = { initialize: function( listContainer, listener ) { this.containerId = listContainer; this.container = $s(listContainer); // content/canvas item list if( this.container ) { this.selectAllCheckboxTop = $s(this.containerId +"_selectAll_top"); this.clearAllCheckboxTop = $s(this.containerId +"_clearAll_top"); this.selectAllCheckboxBot = $s(this.containerId +"_selectAll_bot"); this.clearAllCheckboxBot = $s(this.containerId +"_clearAll_bot"); genericList.initCheckboxesAndRadioButtons(this.containerId); // content List items if(this.selectAllCheckboxTop) { Event.observe( this.selectAllCheckboxTop, "click", this.selectAllCheckboxOnClick.bindAsEventListener( this ) ); } if(this.selectAllCheckboxBot) { Event.observe( this.selectAllCheckboxBot, "click", this.selectAllCheckboxOnClick.bindAsEventListener( this ) ); } if(this.clearAllCheckboxTop) { Event.observe( this.clearAllCheckboxTop, "click", this.clearAllCheckboxOnClick.bindAsEventListener( this ) ); } if(this.clearAllCheckboxBot) { Event.observe( this.clearAllCheckboxBot, "click", this.clearAllCheckboxOnClick.bindAsEventListener( this ) ); } } }, selectAllCheckboxOnClick: function(event) { var checkboxes = list.checkboxes.get(this.containerId); for ( var i=0; i < checkboxes.length; ++i ) { checkboxes[ i ].checked = true; } if( event ) { Event.stop(event); } }, clearAllCheckboxOnClick: function(event) { var checkboxes = list.checkboxes.get(this.containerId); for ( var i=0; i < checkboxes.length; ++i ) { checkboxes[ i ].checked = false; } if( event ) { Event.stop(event); } } }; genericList.initCheckboxesAndRadioButtons = function(id) { var checkboxes = []; var radios = []; var container = $s(id); if(container) { var inputs = container.getElementsByTagName('input'); var num = inputs.length; for ( var i = 0; i < num; i++ ) { var input = inputs[i]; if ( ( page.util.hasClassName(input.parentNode, 'item' ) || page.util.hasClassName(input.parentNode, 'smallCell' ) ) && input.type.toLowerCase() == 'checkbox' ) { checkboxes.push( input ); } else if ( ( page.util.hasClassName(input.parentNode, 'item' ) || page.util.hasClassName(input.parentNode, 'smallCell' ) ) && input.type.toLowerCase() == 'radio' ) { radios.push( input ); } } } // select all <input type="checkbox"> elements that are inside <td class="smallCell"> list.checkboxes.set(id,checkboxes); // select all <input type="radio"> elements that are inside <td class="smallCell"> list.radioButtons.set(id,radios); }; genericList.updateFilterTypes = function (name,suffix) { var selectElements = document.getElementsByName(name); var currentSelectElement = $ (name+'_id' + suffix); selectElements[0].options[currentSelectElement.selectedIndex].selected=true; selectElements[1].options[currentSelectElement.selectedIndex].selected=true; }; /***************************************************************** nestedList controls********************************************************************/ nestedList.CheckboxRadioController = Class.create(); nestedList.CheckboxRadioController.prototype = { initialize: function( id ) { if( !id ) { id = "listContainer"; } this.containerId = id; var checkboxes = document.getElementsByName("checkbox"); if( checkboxes.length !== 0 ) { for ( var k = 0 ; k < checkboxes.length; k++ ) { var contextMenu = $(checkboxes[k].parentNode).next().down( ".contextMenuContainer" ); if ( contextMenu ) { Event.observe( contextMenu, "click", this.onCheckboxRadioOrRowClick.bindAsEventListener( this, checkboxes[k] ) ); } } } // select all <input type="checkbox"> elements that are inside <td class="smallCell"> list.checkboxes.set(id,checkboxes); }, onCheckboxRadioOrRowClick: function( event , x ) { var cbs = list.checkboxes.get(this.containerId); for ( var k = 0 ; k < cbs.length; k++ ) { cbs[k].checked = false; } x.checked = true; } };

// Provide a default path to dwr.engine if (dwr == null) var dwr = {}; if (dwr.engine == null) dwr.engine = {}; if (DWREngine == null) var DWREngine = dwr.engine; if (UserPageInstructionsSettingDWRFacade == null) var UserPageInstructionsSettingDWRFacade = {}; UserPageInstructionsSettingDWRFacade._path = '/webapps/blackboard/dwr_open'; UserPageInstructionsSettingDWRFacade.getShowPageInstructions = function(callback) { dwr.engine._execute(UserPageInstructionsSettingDWRFacade._path, 'UserPageInstructionsSettingDWRFacade', 'getShowPageInstructions', callback); } UserPageInstructionsSettingDWRFacade.setShowPageInstructions = function(p0, callback) { dwr.engine._execute(UserPageInstructionsSettingDWRFacade._path, 'UserPageInstructionsSettingDWRFacade', 'setShowPageInstructions', p0, callback); }

/* * Copyright 2005 Joe Walker * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Declare an object to which we can add real functions. */ if (dwr == null) var dwr = {}; if (dwr.engine == null) dwr.engine = {}; if (DWREngine == null) var DWREngine = dwr.engine; /** * Set an alternative error handler from the default alert box. * @see getahead.org/dwr/browser/engine/errors */ dwr.engine.setErrorHandler = function(handler) { dwr.engine._errorHandler = handler; }; /** * Set an alternative warning handler from the default alert box. * @see getahead.org/dwr/browser/engine/errors */ dwr.engine.setWarningHandler = function(handler) { dwr.engine._warningHandler = handler; }; /** * Setter for the text/html handler - what happens if a DWR request gets an HTML * reply rather than the expected Javascript. Often due to login timeout */ dwr.engine.setTextHtmlHandler = function(handler) { dwr.engine._textHtmlHandler = handler; }; /** * Set a default timeout value for all calls. 0 (the default) turns timeouts off. * @see getahead.org/dwr/browser/engine/errors */ dwr.engine.setTimeout = function(timeout) { dwr.engine._timeout = timeout; }; /** * The Pre-Hook is called before any DWR remoting is done. * @see getahead.org/dwr/browser/engine/hooks */ dwr.engine.setPreHook = function(handler) { dwr.engine._preHook = handler; }; /** * The Post-Hook is called after any DWR remoting is done. * @see getahead.org/dwr/browser/engine/hooks */ dwr.engine.setPostHook = function(handler) { dwr.engine._postHook = handler; }; /** * Custom headers for all DWR calls * @see getahead.org/dwr/???? */ dwr.engine.setHeaders = function(headers) { dwr.engine._headers = headers; }; /** * Custom parameters for all DWR calls * @see getahead.org/dwr/???? */ dwr.engine.setParameters = function(parameters) { dwr.engine._parameters = parameters; }; /** XHR remoting type constant. See dwr.engine.set[Rpc|Poll]Type() */ dwr.engine.XMLHttpRequest = 1; /** XHR remoting type constant. See dwr.engine.set[Rpc|Poll]Type() */ dwr.engine.IFrame = 2; /** XHR remoting type constant. See dwr.engine.setRpcType() */ dwr.engine.ScriptTag = 3; /** * Set the preferred remoting type. * @param newType One of dwr.engine.XMLHttpRequest or dwr.engine.IFrame or dwr.engine.ScriptTag * @see getahead.org/dwr/browser/engine/options */ dwr.engine.setRpcType = function(newType) { if (newType != dwr.engine.XMLHttpRequest && newType != dwr.engine.IFrame && newType != dwr.engine.ScriptTag) { dwr.engine._handleError(null, { name:"dwr.engine.invalidRpcType", message:"RpcType must be one of dwr.engine.XMLHttpRequest or dwr.engine.IFrame or dwr.engine.ScriptTag" }); return; } dwr.engine._rpcType = newType; }; /** * Which HTTP method do we use to send results? Must be one of "GET" or "POST". * @see getahead.org/dwr/browser/engine/options */ dwr.engine.setHttpMethod = function(httpMethod) { if (httpMethod != "GET" && httpMethod != "POST") { dwr.engine._handleError(null, { name:"dwr.engine.invalidHttpMethod", message:"Remoting method must be one of GET or POST" }); return; } dwr.engine._httpMethod = httpMethod; }; /** * Ensure that remote calls happen in the order in which they were sent? (Default: false) * @see getahead.org/dwr/browser/engine/ordering */ dwr.engine.setOrdered = function(ordered) { dwr.engine._ordered = ordered; }; /** * Do we ask the XHR object to be asynchronous? (Default: true) * @see getahead.org/dwr/browser/engine/options */ dwr.engine.setAsync = function(async) { dwr.engine._async = async; }; /** * Does DWR poll the server for updates? (Default: false) * @see getahead.org/dwr/browser/engine/options */ dwr.engine.setActiveReverseAjax = function(activeReverseAjax) { if (activeReverseAjax) { // Bail if we are already started if (dwr.engine._activeReverseAjax) return; dwr.engine._activeReverseAjax = true; dwr.engine._poll(); } else { // Can we cancel an existing request? if (dwr.engine._activeReverseAjax && dwr.engine._pollReq) dwr.engine._pollReq.abort(); dwr.engine._activeReverseAjax = false; } // TODO: in iframe mode, if we start, stop, start then the second start may // well kick off a second iframe while the first is still about to return // we should cope with this but we don't }; /** * The default message handler. * @see getahead.org/dwr/browser/engine/errors */ dwr.engine.defaultErrorHandler = function(message, ex) { dwr.engine._debug("Error: " + ex.name + ", " + ex.message, true); if (message == null || message == "") alert("A server error has occured."); // Ignore NS_ERROR_NOT_AVAILABLE if Mozilla is being narky else if (message.indexOf("0x80040111") != -1) dwr.engine._debug(message); else alert(message); }; /** * The default warning handler. * @see getahead.org/dwr/browser/engine/errors */ dwr.engine.defaultWarningHandler = function(message, ex) { dwr.engine._debug(message); }; /** * For reduced latency you can group several remote calls together using a batch. * @see getahead.org/dwr/browser/engine/batch */ dwr.engine.beginBatch = function() { if (dwr.engine._batch) { dwr.engine._handleError(null, { name:"dwr.engine.batchBegun", message:"Batch already begun" }); return; } dwr.engine._batch = dwr.engine._createBatch(); }; /** * Finished grouping a set of remote calls together. Go and execute them all. * @see getahead.org/dwr/browser/engine/batch */ dwr.engine.endBatch = function(options) { var batch = dwr.engine._batch; if (batch == null) { dwr.engine._handleError(null, { name:"dwr.engine.batchNotBegun", message:"No batch in progress" }); return; } dwr.engine._batch = null; if (batch.map.callCount == 0) return; // The hooks need to be merged carefully to preserve ordering if (options) dwr.engine._mergeBatch(batch, options); // In ordered mode, we don't send unless the list of sent items is empty if (dwr.engine._ordered && dwr.engine._batchesLength != 0) { dwr.engine._batchQueue[dwr.engine._batchQueue.length] = batch; } else { dwr.engine._sendData(batch); } }; /** @deprecated */ dwr.engine.setPollMethod = function(type) { dwr.engine.setPollType(type); }; dwr.engine.setMethod = function(type) { dwr.engine.setRpcType(type); }; dwr.engine.setVerb = function(verb) { dwr.engine.setHttpMethod(verb); }; dwr.engine.setPollType = function() { dwr.engine._debug("Manually setting the Poll Type is not supported"); }; //============================================================================== // Only private stuff below here //============================================================================== /** The original page id sent from the server */ dwr.engine._origScriptSessionId = "8A22AEE4C7B3F9CA3A094735175A6B14"; /** The session cookie name */ dwr.engine._sessionCookieName = "JSESSIONID"; // JSESSIONID /** Is GET enabled for the benefit of Safari? */ dwr.engine._allowGetForSafariButMakeForgeryEasier = "false"; /** The script prefix to strip in the case of scriptTagProtection. */ dwr.engine._scriptTagProtection = "throw 'allowScriptTagRemoting is false.';"; /** The default path to the DWR servlet */ dwr.engine._defaultPath = "/webapps/blackboard/dwr"; /** Do we use XHR for reverse ajax because we are not streaming? */ dwr.engine._pollWithXhr = "false"; /** The read page id that we calculate */ dwr.engine._scriptSessionId = null; /** The function that we use to fetch/calculate a session id */ dwr.engine._getScriptSessionId = function() { if (dwr.engine._scriptSessionId == null) { dwr.engine._scriptSessionId = dwr.engine._origScriptSessionId + Math.floor(Math.random() * 1000); } return dwr.engine._scriptSessionId; }; /** A function to call if something fails. */ dwr.engine._errorHandler = dwr.engine.defaultErrorHandler; /** For debugging when something unexplained happens. */ dwr.engine._warningHandler = dwr.engine.defaultWarningHandler; /** A function to be called before requests are marshalled. Can be null. */ dwr.engine._preHook = null; /** A function to be called after replies are received. Can be null. */ dwr.engine._postHook = null; /** An map of the batches that we have sent and are awaiting a reply on. */ dwr.engine._batches = {}; /** A count of the number of outstanding batches. Should be == to _batches.length unless prototype has messed things up */ dwr.engine._batchesLength = 0; /** In ordered mode, the array of batches waiting to be sent */ dwr.engine._batchQueue = []; /** What is the default rpc type */ dwr.engine._rpcType = dwr.engine.XMLHttpRequest; /** What is the default remoting method (ie GET or POST) */ dwr.engine._httpMethod = "POST"; /** Do we attempt to ensure that calls happen in the order in which they were sent? */ dwr.engine._ordered = false; /** Do we make the calls async? */ dwr.engine._async = true; /** The current batch (if we are in batch mode) */ dwr.engine._batch = null; /** The global timeout */ dwr.engine._timeout = 0; /** ActiveX objects to use when we want to convert an xml string into a DOM object. */ dwr.engine._DOMDocument = ["Msxml2.DOMDocument.6.0", "Msxml2.DOMDocument.5.0", "Msxml2.DOMDocument.4.0", "Msxml2.DOMDocument.3.0", "MSXML2.DOMDocument", "MSXML.DOMDocument", "Microsoft.XMLDOM"]; /** The ActiveX objects to use when we want to do an XMLHttpRequest call. */ dwr.engine._XMLHTTP = ["Msxml2.XMLHTTP.6.0", "Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"]; /** Are we doing comet or polling? */ dwr.engine._activeReverseAjax = false; /** The iframe that we are using to poll */ dwr.engine._outstandingIFrames = []; /** The xhr object that we are using to poll */ dwr.engine._pollReq = null; /** How many milliseconds between internal comet polls */ dwr.engine._pollCometInterval = 200; /** How many times have we re-tried to poll? */ dwr.engine._pollRetries = 0; dwr.engine._maxPollRetries = 0; /** Do we do a document.reload if we get a text/html reply? */ dwr.engine._textHtmlHandler = null; /** If you wish to send custom headers with every request */ dwr.engine._headers = null; /** If you wish to send extra custom request parameters with each request */ dwr.engine._parameters = null; /** Undocumented interceptors - do not use */ dwr.engine._postSeperator = "\n"; dwr.engine._defaultInterceptor = function(data) { return data; }; dwr.engine._urlRewriteHandler = dwr.engine._defaultInterceptor; dwr.engine._contentRewriteHandler = dwr.engine._defaultInterceptor; dwr.engine._replyRewriteHandler = dwr.engine._defaultInterceptor; /** Batch ids allow us to know which batch the server is answering */ dwr.engine._nextBatchId = 0; /** A list of the properties that need merging from calls to a batch */ dwr.engine._propnames = [ "rpcType", "httpMethod", "async", "timeout", "errorHandler", "warningHandler", "textHtmlHandler" ]; /** Do we stream, or can be hacked to do so? */ dwr.engine._partialResponseNo = 0; dwr.engine._partialResponseYes = 1; dwr.engine._partialResponseFlush = 2; /** Is this page in the process of unloading? */ dwr.engine._unloading = false; /** * @private Send a request. Called by the Javascript interface stub * @param path part of URL after the host and before the exec bit without leading or trailing /s * @param scriptName The class to execute * @param methodName The method on said class to execute * @param func The callback function to which any returned data should be passed * if this is null, any returned data will be ignored * @param vararg_params The parameters to pass to the above class */ dwr.engine._execute = function(path, scriptName, methodName, vararg_params) { var singleShot = false; if (dwr.engine._batch == null) { dwr.engine.beginBatch(); singleShot = true; } var batch = dwr.engine._batch; // To make them easy to manipulate we copy the arguments into an args array var args = []; for (var i = 0; i < arguments.length - 3; i++) { args[i] = arguments[i + 3]; } // All the paths MUST be to the same servlet if (batch.path == null) { batch.path = path; } else { if (batch.path != path) { dwr.engine._handleError(batch, { name:"dwr.engine.multipleServlets", message:"Can't batch requests to multiple DWR Servlets." }); return; } } // From the other params, work out which is the function (or object with // call meta-data) and which is the call parameters var callData; var lastArg = args[args.length - 1]; if (typeof lastArg == "function" || lastArg == null) callData = { callback:args.pop() }; else callData = args.pop(); // Merge from the callData into the batch dwr.engine._mergeBatch(batch, callData); batch.handlers[batch.map.callCount] = { exceptionHandler:callData.exceptionHandler, callback:callData.callback }; // Copy to the map the things that need serializing var prefix = "c" + batch.map.callCount + "-"; batch.map[prefix + "scriptName"] = scriptName; batch.map[prefix + "methodName"] = methodName; batch.map[prefix + "id"] = batch.map.callCount; for (i = 0; i < args.length; i++) { dwr.engine._serializeAll(batch, [], args[i], prefix + "param" + i); } // Now we have finished remembering the call, we incr the call count batch.map.callCount++; if (singleShot) dwr.engine.endBatch(); }; /** @private Poll the server to see if there is any data waiting */ dwr.engine._poll = function() { if (!dwr.engine._activeReverseAjax) return; var batch = dwr.engine._createBatch(); batch.map.id = 0; // TODO: Do we need this?? batch.map.callCount = 1; batch.isPoll = true; if (dwr.engine._pollWithXhr == "true") { batch.rpcType = dwr.engine.XMLHttpRequest; batch.map.partialResponse = dwr.engine._partialResponseNo; } else { if (navigator.userAgent.indexOf("Gecko/") != -1) { batch.rpcType = dwr.engine.XMLHttpRequest; batch.map.partialResponse = dwr.engine._partialResponseYes; } else { batch.rpcType = dwr.engine.XMLHttpRequest; batch.map.partialResponse = dwr.engine._partialResponseNo; } } batch.httpMethod = "POST"; batch.async = true; batch.timeout = 0; batch.path = dwr.engine._defaultPath; batch.preHooks = []; batch.postHooks = []; batch.errorHandler = dwr.engine._pollErrorHandler; batch.warningHandler = dwr.engine._pollErrorHandler; batch.handlers[0] = { callback:function(pause) { dwr.engine._pollRetries = 0; setTimeout(dwr.engine._poll, pause); } }; // Send the data dwr.engine._sendData(batch); if (batch.rpcType == dwr.engine.XMLHttpRequest && batch.map.partialResponse == dwr.engine._partialResponseYes) { dwr.engine._checkCometPoll(); } }; /** Try to recover from polling errors */ dwr.engine._pollErrorHandler = function(msg, ex) { // if anything goes wrong then just silently try again (up to 3x) after 10s dwr.engine._pollRetries++; dwr.engine._debug("Reverse Ajax poll failed (pollRetries=" + dwr.engine._pollRetries + "): " + ex.name + " : " + ex.message); if (dwr.engine._pollRetries < dwr.engine._maxPollRetries) { setTimeout(dwr.engine._poll, 10000); } else { dwr.engine._activeReverseAjax = false; dwr.engine._debug("Giving up."); } }; /** @private Generate a new standard batch */ dwr.engine._createBatch = function() { var batch = { map:{ callCount:0, page:window.location.pathname + window.location.search, httpSessionId:dwr.engine._getJSessionId(), scriptSessionId:dwr.engine._getScriptSessionId() }, charsProcessed:0, paramCount:0, parameters:{}, headers:{}, isPoll:false, handlers:{}, preHooks:[], postHooks:[], rpcType:dwr.engine._rpcType, httpMethod:dwr.engine._httpMethod, async:dwr.engine._async, timeout:dwr.engine._timeout, errorHandler:dwr.engine._errorHandler, warningHandler:dwr.engine._warningHandler, textHtmlHandler:dwr.engine._textHtmlHandler }; if (dwr.engine._preHook) batch.preHooks.push(dwr.engine._preHook); if (dwr.engine._postHook) batch.postHooks.push(dwr.engine._postHook); var propname, data; if (dwr.engine._headers) { for (propname in dwr.engine._headers) { data = dwr.engine._headers[propname]; if (typeof data != "function") batch.headers[propname] = data; } } if (dwr.engine._parameters) { for (propname in dwr.engine._parameters) { data = dwr.engine._parameters[propname]; if (typeof data != "function") batch.parameters[propname] = data; } } return batch; }; /** @private Take further options and merge them into */ dwr.engine._mergeBatch = function(batch, overrides) { var propname, data; for (var i = 0; i < dwr.engine._propnames.length; i++) { propname = dwr.engine._propnames[i]; if (overrides[propname] != null) batch[propname] = overrides[propname]; } if (overrides.preHook != null) batch.preHooks.unshift(overrides.preHook); if (overrides.postHook != null) batch.postHooks.push(overrides.postHook); if (overrides.headers) { for (propname in overrides.headers) { data = overrides.headers[propname]; if (typeof data != "function") batch.headers[propname] = data; } } if (overrides.parameters) { for (propname in overrides.parameters) { data = overrides.parameters[propname]; if (typeof data != "function") batch.map["p-" + propname] = "" + data; } } }; /** @private What is our session id? */ dwr.engine._getJSessionId = function() { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = cookies[i]; while (cookie.charAt(0) == ' ') cookie = cookie.substring(1, cookie.length); if (cookie.indexOf(dwr.engine._sessionCookieName + "=") == 0) { return cookie.substring(dwr.engine._sessionCookieName.length + 1, cookie.length); } } return ""; }; /** @private Check for reverse Ajax activity */ dwr.engine._checkCometPoll = function() { for (var i = 0; i < dwr.engine._outstandingIFrames.length; i++) { var text = ""; var iframe = dwr.engine._outstandingIFrames[i]; try { text = dwr.engine._getTextFromCometIFrame(iframe); } catch (ex) { dwr.engine._handleWarning(iframe.batch, ex); } if (text != "") dwr.engine._processCometResponse(text, iframe.batch); } if (dwr.engine._pollReq) { var req = dwr.engine._pollReq; var text = req.responseText; if (text != null) dwr.engine._processCometResponse(text, req.batch); } // If the poll resources are still there, come back again if (dwr.engine._outstandingIFrames.length > 0 || dwr.engine._pollReq) { setTimeout(dwr.engine._checkCometPoll, dwr.engine._pollCometInterval); } }; /** @private Extract the whole (executed an all) text from the current iframe */ dwr.engine._getTextFromCometIFrame = function(frameEle) { var body = frameEle.contentWindow.document.body; if (body == null) return ""; var text = body.innerHTML; // We need to prevent IE from stripping line feeds if (text.indexOf("<PRE>") == 0 || text.indexOf("<pre>") == 0) { text = text.substring(5, text.length - 7); } return text; }; /** @private Some more text might have come in, test and execute the new stuff */ dwr.engine._processCometResponse = function(response, batch) { if (batch.charsProcessed == response.length) return; if (response.length == 0) { batch.charsProcessed = 0; return; } var firstStartTag = response.indexOf("//#DWR-START#", batch.charsProcessed); if (firstStartTag == -1) { // dwr.engine._debug("No start tag (search from " + batch.charsProcessed + "). skipping '" + response.substring(batch.charsProcessed) + "'"); batch.charsProcessed = response.length; return; } // if (firstStartTag > 0) { // dwr.engine._debug("Start tag not at start (search from " + batch.charsProcessed + "). skipping '" + response.substring(batch.charsProcessed, firstStartTag) + "'"); // } var lastEndTag = response.lastIndexOf("//#DWR-END#"); if (lastEndTag == -1) { // dwr.engine._debug("No end tag. unchanged charsProcessed=" + batch.charsProcessed); return; } // Skip the end tag too for next time, remembering CR and LF if (response.charCodeAt(lastEndTag + 11) == 13 && response.charCodeAt(lastEndTag + 12) == 10) { batch.charsProcessed = lastEndTag + 13; } else { batch.charsProcessed = lastEndTag + 11; } var exec = response.substring(firstStartTag + 13, lastEndTag); dwr.engine._receivedBatch = batch; dwr.engine._eval(exec); dwr.engine._receivedBatch = null; }; /** @private Actually send the block of data in the batch object. */ dwr.engine._sendData = function(batch) { batch.map.batchId = dwr.engine._nextBatchId; dwr.engine._nextBatchId++; dwr.engine._batches[batch.map.batchId] = batch; dwr.engine._batchesLength++; batch.completed = false; for (var i = 0; i < batch.preHooks.length; i++) { batch.preHooks[i](); } batch.preHooks = null; // Set a timeout if (batch.timeout && batch.timeout != 0) { batch.timeoutId = setTimeout(function() { dwr.engine._abortRequest(batch); }, batch.timeout); } // Get setup for XMLHttpRequest if possible if (batch.rpcType == dwr.engine.XMLHttpRequest) { if (window.XMLHttpRequest) { batch.req = new XMLHttpRequest(); } // IE5 for the mac claims to support window.ActiveXObject, but throws an error when it's used else if (window.ActiveXObject && !(navigator.userAgent.indexOf("Mac") >= 0 && navigator.userAgent.indexOf("MSIE") >= 0)) { batch.req = dwr.engine._newActiveXObject(dwr.engine._XMLHTTP); } } var prop, request; if (batch.req) { // Proceed using XMLHttpRequest if (batch.async) { batch.req.onreadystatechange = function() { if (typeof dwr != 'undefined') dwr.engine._stateChange(batch); }; } // If we're polling, record this for monitoring if (batch.isPoll) { dwr.engine._pollReq = batch.req; // In IE XHR is an ActiveX control so you can't augment it like this if (!(document.all && !window.opera)) batch.req.batch = batch; } // Workaround for Safari 1.x POST bug var indexSafari = navigator.userAgent.indexOf("Safari/"); if (indexSafari >= 0) { var version = navigator.userAgent.substring(indexSafari + 7); if (parseInt(version, 10) < 400) { if (dwr.engine._allowGetForSafariButMakeForgeryEasier == "true") batch.httpMethod = "GET"; else dwr.engine._handleWarning(batch, { name:"dwr.engine.oldSafari", message:"Safari GET support disabled. See getahead.org/dwr/server/servlet and allowGetForSafariButMakeForgeryEasier." }); } } batch.mode = batch.isPoll ? dwr.engine._ModePlainPoll : dwr.engine._ModePlainCall; request = dwr.engine._constructRequest(batch); try { batch.req.open(batch.httpMethod, request.url, batch.async); try { for (prop in batch.headers) { var value = batch.headers[prop]; if (typeof value == "string") batch.req.setRequestHeader(prop, value); } if (!batch.headers["Content-Type"]) batch.req.setRequestHeader("Content-Type", "text/plain"); } catch (ex) { dwr.engine._handleWarning(batch, ex); } batch.req.send(request.body); if (!batch.async) dwr.engine._stateChange(batch); } catch (ex) { dwr.engine._handleError(batch, ex); } } else if (batch.rpcType != dwr.engine.ScriptTag) { var idname = batch.isPoll ? "dwr-if-poll-" + batch.map.batchId : "dwr-if-" + batch.map.batchId; // Removed htmlfile implementation. Don't expect it to return before v3 batch.div = document.createElement("div"); // Add the div to the document first, otherwise IE 6 will ignore onload handler. document.body.appendChild(batch.div); batch.div.innerHTML = "<iframe src='javascript:void(0)' frameborder='0' style='width:0px;height:0px;border:0;' id='" + idname + "' name='" + idname + "' onload='dwr.engine._iframeLoadingComplete (" + batch.map.batchId + ");'></iframe>"; batch.document = document; batch.iframe = batch.document.getElementById(idname); batch.iframe.batch = batch; batch.mode = batch.isPoll ? dwr.engine._ModeHtmlPoll : dwr.engine._ModeHtmlCall; if (batch.isPoll) dwr.engine._outstandingIFrames.push(batch.iframe); request = dwr.engine._constructRequest(batch); if (batch.httpMethod == "GET") { batch.iframe.setAttribute("src", request.url); } else { batch.form = batch.document.createElement("form"); batch.form.setAttribute("id", "dwr-form"); batch.form.setAttribute("action", request.url); batch.form.setAttribute("style", "display:none;"); batch.form.setAttribute("target", idname); batch.form.target = idname; batch.form.setAttribute("method", batch.httpMethod); for (prop in batch.map) { var value = batch.map[prop]; if (typeof value != "function") { var formInput = batch.document.createElement("input"); formInput.setAttribute("type", "hidden"); formInput.setAttribute("name", prop); formInput.setAttribute("value", value); batch.form.appendChild(formInput); } } batch.document.body.appendChild(batch.form); batch.form.submit(); } } else { batch.httpMethod = "GET"; // There's no such thing as ScriptTag using POST batch.mode = batch.isPoll ? dwr.engine._ModePlainPoll : dwr.engine._ModePlainCall; request = dwr.engine._constructRequest(batch); batch.script = document.createElement("script"); batch.script.id = "dwr-st-" + batch.map["c0-id"]; batch.script.src = request.url; document.body.appendChild(batch.script); } }; dwr.engine._ModePlainCall = "/call/plaincall/"; dwr.engine._ModeHtmlCall = "/call/htmlcall/"; dwr.engine._ModePlainPoll = "/call/plainpoll/"; dwr.engine._ModeHtmlPoll = "/call/htmlpoll/"; /** @private Work out what the URL should look like */ dwr.engine._constructRequest = function(batch) { // A quick string to help people that use web log analysers var request = { url:batch.path + batch.mode, body:null }; if (batch.isPoll == true) { request.url += "ReverseAjax.dwr"; } else if (batch.map.callCount == 1) { request.url += batch.map["c0-scriptName"] + "." + batch.map["c0-methodName"] + ".dwr"; } else { request.url += "Multiple." + batch.map.callCount + ".dwr"; } // Play nice with url re-writing var sessionMatch = location.href.match(/jsessionid=([^?]+)/); if (sessionMatch != null) { request.url += ";jsessionid=" + sessionMatch[1]; } var prop; if (batch.httpMethod == "GET") { // Some browsers (Opera/Safari2) seem to fail to convert the callCount value // to a string in the loop below so we do it manually here. batch.map.callCount = "" + batch.map.callCount; request.url += "?"; for (prop in batch.map) { if (typeof batch.map[prop] != "function") { request.url += encodeURIComponent(prop) + "=" + encodeURIComponent(batch.map[prop]) + "&"; } } request.url = request.url.substring(0, request.url.length - 1); } else { // PERFORMANCE: for iframe mode this is thrown away. request.body = ""; if (document.all && !window.opera) { // Use array joining on IE (fastest) var buf = []; for (prop in batch.map) { if (typeof batch.map[prop] != "function") { buf.push(prop + "=" + batch.map[prop] + dwr.engine._postSeperator); } } request.body = buf.join(""); } else { // Use string concat on other browsers (fastest) for (prop in batch.map) { if (typeof batch.map[prop] != "function") { request.body += prop + "=" + batch.map[prop] + dwr.engine._postSeperator; } } } request.body = dwr.engine._contentRewriteHandler(request.body); } request.url = dwr.engine._urlRewriteHandler(request.url); return request; }; /** @private Called by XMLHttpRequest to indicate that something has happened */ dwr.engine._stateChange = function(batch) { var toEval; if (batch.completed) { dwr.engine._debug("Error: _stateChange() with batch.completed"); return; } var req = batch.req; try { if (req.readyState != 4) return; } catch (ex) { dwr.engine._handleWarning(batch, ex); // It's broken - clear up and forget this call dwr.engine._clearUp(batch); return; } if (dwr.engine._unloading) { dwr.engine._debug("Ignoring reply from server as page is unloading."); return; } try { var reply = req.responseText; reply = dwr.engine._replyRewriteHandler(reply); var status = req.status; // causes Mozilla to except on page moves if (reply == null || reply == "") { dwr.engine._handleWarning(batch, { name:"dwr.engine.missingData", message:"No data received from server" }); } else if (status != 200) { dwr.engine._handleError(batch, { name:"dwr.engine.http." + status, message:req.statusText }); } else { var contentType = req.getResponseHeader("Content-Type"); if (!contentType.match(/^text\/plain/) && !contentType.match(/^text\/javascript/)) { if (contentType.match(/^text\/html/) && typeof batch.textHtmlHandler == "function") { batch.textHtmlHandler({ status:status, responseText:reply, contentType:contentType }); } else { dwr.engine._handleWarning(batch, { name:"dwr.engine.invalidMimeType", message:"Invalid content type: '" + contentType + "'" }); } } else { // Comet replies might have already partially executed if (batch.isPoll && batch.map.partialResponse == dwr.engine._partialResponseYes) { dwr.engine._processCometResponse(reply, batch); } else { if (reply.search("//#DWR") == -1) { dwr.engine._handleWarning(batch, { name:"dwr.engine.invalidReply", message:"Invalid reply from server" }); } else { toEval = reply; } } } } } catch (ex) { dwr.engine._handleWarning(batch, ex); } dwr.engine._callPostHooks(batch); // Outside of the try/catch so errors propogate normally: dwr.engine._receivedBatch = batch; if (toEval != null) toEval = toEval.replace(dwr.engine._scriptTagProtection, ""); dwr.engine._eval(toEval); dwr.engine._receivedBatch = null; dwr.engine._validateBatch(batch); if (!batch.completed) dwr.engine._clearUp(batch); }; /** * @private This function is invoked when a batch reply is received. * It checks that there is a response for every call in the batch. Otherwise, * an error will be signaled (a call without a response indicates that the * server failed to send complete batch response). */ dwr.engine._validateBatch = function(batch) { // If some call left unreplied, report an error. if (!batch.completed) { for (var i = 0; i < batch.map.callCount; i++) { if (batch.handlers[i] != null) { dwr.engine._handleWarning(batch, { name:"dwr.engine.incompleteReply", message:"Incomplete reply from server" }); break; } } } } /** @private Called from iframe onload, check batch using batch-id */ dwr.engine._iframeLoadingComplete = function(batchId) { // dwr.engine._checkCometPoll(); var batch = dwr.engine._batches[batchId]; if (batch) dwr.engine._validateBatch(batch); } /** @private Called by the server: Execute a callback */ dwr.engine._remoteHandleCallback = function(batchId, callId, reply) { var batch = dwr.engine._batches[batchId]; if (batch == null) { dwr.engine._debug("Warning: batch == null in remoteHandleCallback for batchId=" + batchId, true); return; } // Error handlers inside here indicate an error that is nothing to do // with DWR so we handle them differently. try { var handlers = batch.handlers[callId]; batch.handlers[callId] = null; if (!handlers) { dwr.engine._debug("Warning: Missing handlers. callId=" + callId, true); } else if (typeof handlers.callback == "function") handlers.callback(reply); } catch (ex) { dwr.engine._handleError(batch, ex); } }; /** @private Called by the server: Handle an exception for a call */ dwr.engine._remoteHandleException = function(batchId, callId, ex) { var batch = dwr.engine._batches[batchId]; if (batch == null) { dwr.engine._debug("Warning: null batch in remoteHandleException", true); return; } var handlers = batch.handlers[callId]; batch.handlers[callId] = null; if (handlers == null) { dwr.engine._debug("Warning: null handlers in remoteHandleException", true); return; } if (ex.message == undefined) ex.message = ""; if (typeof handlers.exceptionHandler == "function") handlers.exceptionHandler(ex.message, ex); else if (typeof batch.errorHandler == "function") batch.errorHandler(ex.message, ex); }; /** @private Called by the server: The whole batch is broken */ dwr.engine._remoteHandleBatchException = function(ex, batchId) { var searchBatch = (dwr.engine._receivedBatch == null && batchId != null); if (searchBatch) { dwr.engine._receivedBatch = dwr.engine._batches[batchId]; } if (ex.message == undefined) ex.message = ""; dwr.engine._handleError(dwr.engine._receivedBatch, ex); if (searchBatch) { dwr.engine._receivedBatch = null; dwr.engine._clearUp(dwr.engine._batches[batchId]); } }; /** @private Called by the server: Reverse ajax should not be used */ dwr.engine._remotePollCometDisabled = function(ex, batchId) { dwr.engine.setActiveReverseAjax(false); var searchBatch = (dwr.engine._receivedBatch == null && batchId != null); if (searchBatch) { dwr.engine._receivedBatch = dwr.engine._batches[batchId]; } if (ex.message == undefined) ex.message = ""; dwr.engine._handleError(dwr.engine._receivedBatch, ex); if (searchBatch) { dwr.engine._receivedBatch = null; dwr.engine._clearUp(dwr.engine._batches[batchId]); } }; /** @private Called by the server: An IFrame reply is about to start */ dwr.engine._remoteBeginIFrameResponse = function(iframe, batchId) { if (iframe != null) dwr.engine._receivedBatch = iframe.batch; dwr.engine._callPostHooks(dwr.engine._receivedBatch); }; /** @private Called by the server: An IFrame reply is just completing */ dwr.engine._remoteEndIFrameResponse = function(batchId) { dwr.engine._clearUp(dwr.engine._receivedBatch); dwr.engine._receivedBatch = null; }; /** @private This is a hack to make the context be this window */ dwr.engine._eval = function(script) { if (script == null) return null; if (script == "") { dwr.engine._debug("Warning: blank script", true); return null; } // dwr.engine._debug("Exec: [" + script + "]", true); return eval(script); }; /** @private Called as a result of a request timeout */ dwr.engine._abortRequest = function(batch) { if (batch && !batch.completed) { dwr.engine._clearUp(batch); if (batch.req) batch.req.abort(); dwr.engine._handleError(batch, { name:"dwr.engine.timeout", message:"Timeout" }); } }; /** @private call all the post hooks for a batch */ dwr.engine._callPostHooks = function(batch) { if (batch.postHooks) { for (var i = 0; i < batch.postHooks.length; i++) { batch.postHooks[i](); } batch.postHooks = null; } }; /** @private A call has finished by whatever means and we need to shut it all down. */ dwr.engine._clearUp = function(batch) { if (!batch) { dwr.engine._debug("Warning: null batch in dwr.engine._clearUp()", true); return; } if (batch.completed) { dwr.engine._debug("Warning: Double complete", true); return; } // IFrame tidyup if (batch.div) batch.div.parentNode.removeChild(batch.div); if (batch.iframe) { // If this is a poll frame then stop comet polling for (var i = 0; i < dwr.engine._outstandingIFrames.length; i++) { if (dwr.engine._outstandingIFrames[i] == batch.iframe) { dwr.engine._outstandingIFrames.splice(i, 1); } } batch.iframe.parentNode.removeChild(batch.iframe); } if (batch.form) batch.form.parentNode.removeChild(batch.form); // XHR tidyup: avoid IE handles increase if (batch.req) { // If this is a poll frame then stop comet polling if (batch.req == dwr.engine._pollReq) dwr.engine._pollReq = null; delete batch.req; } // Timeout tidyup if (batch.timeoutId) { clearTimeout(batch.timeoutId); delete batch.timeoutId; } if (batch.map && (batch.map.batchId || batch.map.batchId == 0)) { delete dwr.engine._batches[batch.map.batchId]; dwr.engine._batchesLength--; } batch.completed = true; // If there is anything on the queue waiting to go out, then send it. // We don't need to check for ordered mode, here because when ordered mode // gets turned off, we still process *waiting* batches in an ordered way. if (dwr.engine._batchQueue.length != 0) { var sendbatch = dwr.engine._batchQueue.shift(); dwr.engine._sendData(sendbatch); } }; /** @private Abort any XHRs in progress at page unload (solves zombie socket problems in IE). */ dwr.engine._unloader = function() { dwr.engine._unloading = true; // Empty queue of waiting ordered requests dwr.engine._batchQueue.length = 0; // Abort any ongoing XHRs and clear their batches for (var batchId in dwr.engine._batches) { var batch = dwr.engine._batches[batchId]; // Only process objects that look like batches (avoid prototype additions!) if (batch && batch.map) { if (batch.req) { batch.req.abort(); } dwr.engine._clearUp(batch); } } }; // Now register the unload handler if (window.addEventListener) window.addEventListener('unload', dwr.engine._unloader, false); else if (window.attachEvent) window.attachEvent('onunload', dwr.engine._unloader); /** @private Generic error handling routing to save having null checks everywhere */ dwr.engine._handleError = function(batch, ex) { if (typeof ex == "string") ex = { name:"unknown", message:ex }; if (ex.message == null) ex.message = ""; if (ex.name == null) ex.name = "unknown"; if (batch && typeof batch.errorHandler == "function") batch.errorHandler(ex.message, ex); else if (dwr.engine._errorHandler) dwr.engine._errorHandler(ex.message, ex); if (batch) dwr.engine._clearUp(batch); }; /** @private Generic error handling routing to save having null checks everywhere */ dwr.engine._handleWarning = function(batch, ex) { if (typeof ex == "string") ex = { name:"unknown", message:ex }; if (ex.message == null) ex.message = ""; if (ex.name == null) ex.name = "unknown"; if (batch && typeof batch.warningHandler == "function") batch.warningHandler(ex.message, ex); else if (dwr.engine._warningHandler) dwr.engine._warningHandler(ex.message, ex); if (batch) dwr.engine._clearUp(batch); }; /** * @private Marshall a data item * @param batch A map of variables to how they have been marshalled * @param referto An array of already marshalled variables to prevent recurrsion * @param data The data to be marshalled * @param name The name of the data being marshalled */ dwr.engine._serializeAll = function(batch, referto, data, name) { if (data == null) { batch.map[name] = "null:null"; return; } switch (typeof data) { case "boolean": batch.map[name] = "boolean:" + data; break; case "number": batch.map[name] = "number:" + data; break; case "string": batch.map[name] = "string:" + encodeURIComponent(data); break; case "object": if (data instanceof String) batch.map[name] = "String:" + encodeURIComponent(data); else if (data instanceof Boolean) batch.map[name] = "Boolean:" + data; else if (data instanceof Number) batch.map[name] = "Number:" + data; else if (data instanceof Date) batch.map[name] = "Date:" + data.getTime(); else if (data && data.join) batch.map[name] = dwr.engine._serializeArray(batch, referto, data, name); else batch.map[name] = dwr.engine._serializeObject(batch, referto, data, name); break; case "function": // We just ignore functions. break; default: dwr.engine._handleWarning(null, { name:"dwr.engine.unexpectedType", message:"Unexpected type: " + typeof data + ", attempting default converter." }); batch.map[name] = "default:" + data; break; } }; /** @private Have we already converted this object? */ dwr.engine._lookup = function(referto, data, name) { var lookup; // Can't use a map: getahead.org/ajax/javascript-gotchas for (var i = 0; i < referto.length; i++) { if (referto[i].data == data) { lookup = referto[i]; break; } } if (lookup) return "reference:" + lookup.name; referto.push({ data:data, name:name }); return null; }; /** @private Marshall an object */ dwr.engine._serializeObject = function(batch, referto, data, name) { var ref = dwr.engine._lookup(referto, data, name); if (ref) return ref; // This check for an HTML is not complete, but is there a better way? // Maybe we should add: data.hasChildNodes typeof "function" == true if (data.nodeName && data.nodeType) { return dwr.engine._serializeXml(batch, referto, data, name); } // treat objects as an associative arrays var reply = "Object_" + dwr.engine._getObjectClassName(data) + ":{"; var element; for (element in data) { if (typeof data[element] != "function") { batch.paramCount++; var childName = "c" + dwr.engine._batch.map.callCount + "-e" + batch.paramCount; dwr.engine._serializeAll(batch, referto, data[element], childName); reply += encodeURIComponent(element) + ":reference:" + childName + ", "; } } if (reply.substring(reply.length - 2) == ", ") { reply = reply.substring(0, reply.length - 2); } reply += "}"; return reply; }; /** @private Returns the classname of supplied argument obj */ dwr.engine._errorClasses = { "Error":Error, "EvalError":EvalError, "RangeError":RangeError, "ReferenceError":ReferenceError, "SyntaxError":SyntaxError, "TypeError":TypeError, "URIError":URIError }; dwr.engine._getObjectClassName = function(obj) { // Try to find the classname by stringifying the object's constructor // and extract <class> from "function <class>". if (obj && obj.constructor && obj.constructor.toString) { var str = obj.constructor.toString(); var regexpmatch = str.match(/function\s+(\w+)/); if (regexpmatch && regexpmatch.length == 2) { return regexpmatch[1]; } } // Now manually test against the core Error classes, as these in some // browsers successfully match to the wrong class in the // Object.toString() test we will do later if (obj && obj.constructor) { for (var errorname in dwr.engine._errorClasses) { if (obj.constructor == dwr.engine._errorClasses[errorname]) return errorname; } } // Try to find the classname by calling Object.toString() on the object // and extracting <class> from "[object <class>]" if (obj) { var str = Object.prototype.toString.call(obj); var regexpmatch = str.match(/\[object\s+(\w+)/); if (regexpmatch && regexpmatch.length==2) { return regexpmatch[1]; } } // Supplied argument was probably not an object, but what is better? return "Object"; }; /** @private Marshall an object */ dwr.engine._serializeXml = function(batch, referto, data, name) { var ref = dwr.engine._lookup(referto, data, name); if (ref) return ref; var output; if (window.XMLSerializer) output = new XMLSerializer().serializeToString(data); else if (data.toXml) output = data.toXml; else output = data.innerHTML; return "XML:" + encodeURIComponent(output); }; /** @private Marshall an array */ dwr.engine._serializeArray = function(batch, referto, data, name) { var ref = dwr.engine._lookup(referto, data, name); if (ref) return ref; if (document.all && !window.opera) { // Use array joining on IE (fastest) var buf = ["Array:["]; for (var i = 0; i < data.length; i++) { if (i != 0) buf.push(","); batch.paramCount++; var childName = "c" + dwr.engine._batch.map.callCount + "-e" + batch.paramCount; dwr.engine._serializeAll(batch, referto, data[i], childName); buf.push("reference:"); buf.push(childName); } buf.push("]"); reply = buf.join(""); } else { // Use string concat on other browsers (fastest) var reply = "Array:["; for (var i = 0; i < data.length; i++) { if (i != 0) reply += ","; batch.paramCount++; var childName = "c" + dwr.engine._batch.map.callCount + "-e" + batch.paramCount; dwr.engine._serializeAll(batch, referto, data[i], childName); reply += "reference:"; reply += childName; } reply += "]"; } return reply; }; /** @private Convert an XML string into a DOM object. */ dwr.engine._unserializeDocument = function(xml) { var dom; if (window.DOMParser) { var parser = new DOMParser(); dom = parser.parseFromString(xml, "text/xml"); if (!dom.documentElement || dom.documentElement.tagName == "parsererror") { var message = dom.documentElement.firstChild.data; message += "\n" + dom.documentElement.firstChild.nextSibling.firstChild.data; throw message; } return dom; } else if (window.ActiveXObject) { dom = dwr.engine._newActiveXObject(dwr.engine._DOMDocument); dom.loadXML(xml); // What happens on parse fail with IE? return dom; } else { var div = document.createElement("div"); div.innerHTML = xml; return div; } }; /** @param axarray An array of strings to attempt to create ActiveX objects from */ dwr.engine._newActiveXObject = function(axarray) { var returnValue; for (var i = 0; i < axarray.length; i++) { try { returnValue = new ActiveXObject(axarray[i]); break; } catch (ex) { /* ignore */ } } return returnValue; }; /** @private Used internally when some message needs to get to the programmer */ dwr.engine._debug = function(message, stacktrace) { var written = false; try { if (window.console) { if (stacktrace && window.console.trace) window.console.trace(); window.console.log(message); written = true; } else if (window.opera && window.opera.postError) { window.opera.postError(message); written = true; } } catch (ex) { /* ignore */ } if (!written) { var debug = document.getElementById("dwr-debug"); if (debug) { var contents = message + "<br/>" + debug.innerHTML; if (contents.length > 2048) contents = contents.substring(0, 2048); debug.innerHTML = contents; } } };

var breadcrumbs = { navCourse : function( courseId ) { params = "course_id=" + courseId; params += "&breadcrumbs_nav_item=" + breadcrumbs.rightMostNavItem; params += "&current_url=" + encodeURIComponent( location.href ); params += "&parent_url=" + encodeURIComponent( breadcrumbs.rightMostParentURL ); location.href = "/webapps/blackboard/execute/navCourse?" + params; } };

/** * This module implements a dynamic tree that can be lazily loaded using Ajax */ var dynamictree = {}; /** * Images used in the tree */ dynamictree.Images = { EMPTY: '/images/ci/icons/nlstree/blank.gif', NONE: '/images/ci/icons/nlstree/lineints.gif', NONE_LAST: '/images/ci/icons/nlstree/lineang.gif', MINUS: '/images/ci/icons/nlstree/minusb.gif', MINUS_LAST: '/images/ci/icons/nlstree/minusnb.gif', PLUS: '/images/ci/icons/nlstree/plusb.gif', PLUS_LAST: '/images/ci/icons/nlstree/plusnb.gif' }; /** * Types of tree nodes * * JSON format of tree nodes: * * var myNode = { * type: "ROOT"|"NODE"|"HEADER"|"SEPARATOR"|"HTML", * id: "an id to uniquely identify this node, passed to dynamic loading code when the node is expanded", * expanded: true/false (whether this node is initially expanded), * icon: "URL to an icon to display for this node", * contents: "HTML for the contents of the node (usually a link)", * hasChildren: "Whether this node has/can have children", * children: [array of nodes] * } */ dynamictree.NodeType = { ROOT: 'ROOT', //the root of a tree, is invisible NODE: 'NODE', //a node in a tree HEADER: 'HEADER', //a header in a tree SEPARATOR: 'SEPARATOR', //a separator in a tree HTML: 'HTML' // HTML to be displayed unformatted within tree }; dynamictree.StoreScope = { SESSION: 'Session', PERMANENT: 'Permanent' }; dynamictree.Tree = Class.create(); dynamictree.Tree.prototype = { /** * Creates a new tree. * * @param container * the page element that will contain the tree * @param initialTrees * a list of ROOT type nodes to initially populate the tree with * @param generatorUrl * URL to use to dynamically load tree nodes * @param contextParameters * additional URL parameters to pass to the generator. * @param retainState * whether the state of node expand/collapse should be retained. * Default is false. * @param expandAllByDefault * whether the full contents of the tree should be * rendered/expanded on initial display. Default is false. * @param storeScope * save ExpandedItemStore in different scope, * StoreScope['SESSION']: in http session * scope;StoreScope['PERMANENT']: in database. * Default is StoreScope['SESSION'] */ initialize: function( container, initialTrees, generatorUrl, contextParameters, retainState, expandAllByDefault, storeScope, isMenuExpandable ) { this.container = $(container); this.navPaletteContainer = $$('navPaletteContent'); this.isDynamic = generatorUrl ? true : false; this.generatorUrl = generatorUrl; this.onPreToggleNodeCallback = null; this.retainState = false; if ( retainState ) { this.retainState = retainState; } this.storeScope = dynamictree.StoreScope.SESSION; if ( storeScope ) { this.storeScope = storeScope; } this.expandAllByDefault = false; if ( expandAllByDefault ) { this.expandAllByDefault = expandAllByDefault; } if ( contextParameters ) { this.contextParameters = contextParameters.toQueryParams(); } else { this.contextParameters = {}; } this.expandStr = page.bundle.getString("dynamictree.expand"); this.collapseStr = page.bundle.getString("dynamictree.collapse"); if ( initialTrees ) { this.initTree( initialTrees ); // now that the tree is rendered expand it if we are supposed to if ( this.expandAllByDefault ) { this.expandAll(); } } else if ( this.isDynamic ) { // dynamically load the initial tree if none is specified, load either the // full tree or simply initialize depending on the expandByDefault value if ( this.expandAllByDefault ) { this.expandAll(); } else { this.loadInitialTree(); } } if (isMenuExpandable) { this.container.addClassName("expTreeContainer"); (function() { this.container.style.overflow = 'hidden'; }.bind(this).defer()); Event.observe(this.container, "mouseover", this.menuExpand .bindAsEventListener(this)); Event.observe(this.container, "mouseout", this.menuExpand .bindAsEventListener(this)); } }, getExpandFolderAlt: function( toggleNode ) { if ( toggleNode.folderName ) { return page.bundle.getString("dynamictree.expand.folder", toggleNode.folderName); } else { return page.bundle.getString("dynamictree.expand"); } }, getCollapseFolderAlt: function( toggleNode ) { if ( toggleNode.folderName ) { return page.bundle.getString("dynamictree.collapse.folder", toggleNode.folderName); } else { return page.bundle.getString("dynamictree.collapse"); } }, /** * Callback function to call prior to toggling the tree node. Callback * can cancel the toggle by returning false. */ setOnPreToggleNodeCallback: function( functionCallback ) { this.onPreToggleNodeCallback = functionCallback; }, /** * Dynamically load the initial tree (since one wasn't specified) */ loadInitialTree: function() { var params = Object.extend({ initTree: "true",storeScope: this.storeScope }, this.contextParameters); new Ajax.Request( this.generatorUrl, { method: 'post', parameters: params, requestHeaders: { cookie: document.cookie }, onSuccess: this.afterInitLoad.bind( this ) }); }, /** * Callback invoked after the whole-tree-load Ajax call returns. */ afterInitLoad: function( req ) { try { var result = req.responseText.evalJSON( true ); if ( result.success != 'true' ) { new page.InlineConfirmation("error", result.errorMessage, false ); } else { this.initTree( result.children ); } } catch ( e ) { //Invalid response } }, /** * Draw the whole tree using the specified array of root nodes. */ initTree: function( treesJson ) { var treeHtml = ''; for ( var i = 0; i < treesJson.length; i++ ) { treeHtml += this.getHtmlForNode( treesJson[i], i == (treesJson.length - 1) ); } this.container.innerHTML = treeHtml; this.container.getElementsBySelector("img.treeNodeToggler").each( function( toggler ) { var linkArea = this.getLinkAndArea(toggler); Event.observe( linkArea.toggleLink, "click", this.onNodeToggleClick.bindAsEventListener( this, linkArea.toggleLink, toggler, linkArea.toggleArea ) ); }.bind(this)); $A(this.container.getElementsByTagName("h4")).each( function( toggler ) { var toggleLink = toggler.getElementsByTagName('a')[0]; var toggleArea = toggler.nextSibling; Event.observe( toggleLink, "click", this.onNodeToggleClick.bindAsEventListener( this, toggleLink, toggler, toggleArea ) ); }.bind(this)); }, upToTagName: function(element, tagName) { while (element) { element = element.parentNode; if (tagName == element.tagName.toLowerCase()) { break; } } return element; }, getLinkAndArea: function(toggler) { // aka link = toggler.up('a') // aka area = toggler.up('li').down('ul); var toggleLink = undefined; var toggleArea = undefined; var element = toggler; while (element && (!toggleLink || !toggleArea)) { element = element.parentNode; var tagName = element.tagName.toLowerCase(); if (tagName == 'a') { toggleLink = element; } else if (tagName == 'li') { toggleArea = element.getElementsByTagName('ul')[0]; // try to get the folder name from the span tag first. // this is used in the Performance Dashboard - Adaptive Release // popup window. var fname = element.getElementsByTagName('span')[0]; if ( fname ) { toggler.folderName = fname.title.strip(); } // if you can not get the folder name from the span tag, // it will be in the second anchor tag. this is used // for the course menu on the left. else { fname = element.getElementsByTagName('a')[1]; // 2nd anchor is folder name toggler.folderName = fname.innerHTML.strip(); } if ( toggler.alt == this.expandStr ) { toggler.alt = this.getExpandFolderAlt( toggler ); } else { toggler.alt = this.getCollapseFolderAlt( toggler ); } toggleLink.title = toggler.alt; } } return {toggleLink: toggleLink, toggleArea: toggleArea}; }, /** * Collapse all the nodes in the tree */ collapseAll: function( ) { if ( this.retainState ) { var params = Object.extend({ collapseAll: "true", saveState: "true", storeScope: this.storeScope }, this.contextParameters ); new Ajax.Request( this.generatorUrl, { method: 'post', parameters: params, requestHeaders: { cookie: document.cookie }, onSuccess: this.collapseCallBack.bind( this ) }); } this.container.getElementsBySelector("img.treeNodeToggler").each( function( toggler ) { if ( toggler.src.indexOf( dynamictree.Images.NONE ) < 0 && toggler.src.indexOf( dynamictree.Images.NONE_LAST ) < 0 ) { var linkArea = this.getLinkAndArea(toggler); if ( toggler.src.indexOf( dynamictree.Images.MINUS ) >= 0 ) { toggler.src = dynamictree.Images.PLUS; } else if ( toggler.src.indexOf( dynamictree.Images.MINUS_LAST ) >= 0 ) { toggler.src = dynamictree.Images.PLUS_LAST; } toggler.alt = this.getExpandFolderAlt( toggler ); linkArea.toggleLink.title = toggler.alt; linkArea.toggleArea.style.display = 'none'; } }.bind(this)); }, /** * Expand all the nodes in the tree. */ expandAll: function( ) { if ( this.isDynamic ) // If it's dynamic we load the entire tree from the server { var params = Object.extend({ expandAll: "true" }, this.contextParameters); params = Object.extend({ storeScope: this.storeScope}, params); new Ajax.Request( this.generatorUrl, { method: 'post', parameters: params, requestHeaders: { cookie: document.cookie }, onSuccess: this.afterInitLoad.bind( this ) }); } else { this.container.getElementsBySelector("img.treeNodeToggler").each( function( toggler ) { var linkArea = this.getLinkAndArea(toggler); var hasChildren = (linkArea.toggleArea.getElementsByTagName('li').length !== 0); if ( hasChildren ) { if ( toggler.src.indexOf( dynamictree.Images.PLUS ) ) { toggler.src = dynamictree.Images.MINUS; } else if ( toggler.src.indexOf( dynamictree.Images.PLUS_LAST ) ) { toggler.src = dynamictree.Images.MINUS_LAST; } toggler.alt = this.getCollapseFolderAlt( toggler ); linkArea.toggleLink.title = toggler.alt; linkArea.toggleArea.style.display = ''; } else { if ( toggler.src.indexOf( dynamictree.Images.PLUS ) ) { toggler.src = dynamictree.Images.EMPTY; } else if ( toggler.src.indexOf( dynamictree.Images.PLUS_LAST ) ) { toggler.src = dynamictree.Images.EMPTY_LAST; } toggler.alt = ''; linkArea.toggleLink.title = ''; } }.bind(this)); } }, /** * Event handler for when a use clicks on the [+/-] toggle images * @param event the dom event * @param toggleLink the link used to toggle the node * @param toggleImage the expand/collapse image element for this node * @param toggleArea the html element containing the children of this node. */ onNodeToggleClick: function( event, toggleLink, toggleImage, toggleArea ) { if ( this.onPreToggleNodeCallback ) { if ( this.onPreToggleNodeCallback( toggleLink ) === false ) { if ( event ) { Event.stop( event ); } return false; } } var id, params, firstParams, hasChildren; if ( !toggleImage.src ) { if ( toggleImage.className == "treeSubhead-collapsed" ) { hasChildren = (toggleArea.getElementsByTagName('li').length !== 0); if ( !hasChildren && this.isDynamic ) { id = this.upToTagName( toggleLink, 'h4').id; params = Object.extend({ itemId: id }, this.contextParameters); params = Object.extend({ storeScope: this.storeScope}, params); new Ajax.Request( this.generatorUrl, { method: 'post', parameters: params, requestHeaders: { cookie: document.cookie }, onSuccess: this.afterNodeLoad.bind( this, toggleLink, toggleImage, toggleArea ) }); } else if ( this.retainState ) { id = this.upToTagName( toggleLink, 'h4').id; firstParams = Object.extend({ itemId: id }, this.contextParameters ); params = Object.extend({ collapse: "false" }, firstParams ); params = Object.extend({ saveState: "true" }, params); params = Object.extend({ storeScope: this.storeScope}, params); new Ajax.Request( this.generatorUrl, { method: 'post', parameters: params, requestHeaders: { cookie: document.cookie }, onSuccess: this.collapseCallBack.bind( this ) }); } toggleImage.className = ""; toggleArea.style.display = ''; } else { toggleImage.className = "treeSubhead-collapsed"; toggleArea.style.display = 'none'; if ( this.retainState ) { id = this.upToTagName( toggleLink, 'h4').id; firstParams = Object.extend({ itemId: id }, this.contextParameters ); params = Object.extend({ collapse: "true" }, firstParams ); params = Object.extend({ saveState: "true" }, params); params = Object.extend({ storeScope: this.storeScope}, params); new Ajax.Request( this.generatorUrl, { method: 'post', parameters: params, requestHeaders: { cookie: document.cookie }, onSuccess: this.collapseCallBack.bind( this ) }); } } } else { if ( toggleImage.src.indexOf( dynamictree.Images.MINUS ) >= 0 || toggleImage.src.indexOf( dynamictree.Images.MINUS_LAST ) >= 0 ) { this.collapseTreeNode( toggleLink, toggleImage, toggleArea); } else if ( toggleImage.src.indexOf( dynamictree.Images.PLUS ) >= 0 || toggleImage.src.indexOf( dynamictree.Images.PLUS_LAST ) >= 0 ) { // this node has no children if it does not have a child "li" or if // it does and the "li" has a special class indicating that it is empty var node = toggleArea.getElementsByTagName("li"); if (node.length === 0) { node = null; } else { node = node[0]; } hasChildren = node && ( !page.util.hasClassName( node, '--empty--' ) ); if ( !hasChildren && this.isDynamic ) { id = this.upToTagName( toggleLink, 'li').id; params = Object.extend({ itemId: id }, this.contextParameters); params = Object.extend({ storeScope: this.storeScope}, params); new Ajax.Request( this.generatorUrl, { method: 'post', parameters: params, requestHeaders: { cookie: document.cookie }, onSuccess: this.afterNodeLoad.bind( this, toggleLink, toggleImage, toggleArea ) }); } else { if ( this.retainState ) { id = this.upToTagName( toggleLink, 'li').id; firstParams = Object.extend({ itemId: id }, this.contextParameters ); params = Object.extend({ collapse: "false" }, firstParams ); params = Object.extend({ saveState: "true" }, params); params = Object.extend({ storeScope: this.storeScope}, params); new Ajax.Request( this.generatorUrl, { method: 'post', parameters: params, requestHeaders: { cookie: document.cookie } }); } if ( toggleImage.src.indexOf( dynamictree.Images.PLUS ) >= 0 ) { if ( !hasChildren ) { toggleImage.src = dynamictree.Images.NONE; toggleImage.alt = ''; toggleLink.title = ''; } else { toggleImage.src = dynamictree.Images.MINUS; toggleImage.alt = this.getCollapseFolderAlt( toggleImage ); toggleLink.title = toggleImage.alt; toggleArea.style.display = ''; } } else { if ( !hasChildren ) { toggleImage.src = dynamictree.Images.NONE_LAST; toggleImage.alt = ''; toggleLink.title = ''; } else { toggleImage.src = dynamictree.Images.MINUS_LAST; toggleImage.alt = this.getCollapseFolderAlt( toggleImage ); toggleLink.title = toggleImage.alt; toggleArea.style.display = ''; } } } } } Event.stop( event ); }, collapseTreeNode: function( toggleLink, toggleImage, toggleArea ) { toggleArea.style.display = 'none'; if ( this.retainState ) { var id = this.upToTagName( toggleLink, 'li').id; var firstParams = Object.extend({ itemId: id }, this.contextParameters ); var params = Object.extend({ collapse: "true" }, firstParams ); params = Object.extend({ saveState: "true" }, params); params = Object.extend({ storeScope: this.storeScope}, params); new Ajax.Request( this.generatorUrl, { method: 'post', parameters: params, requestHeaders: { cookie: document.cookie }, onSuccess: this.collapseCallBack.bind( this ) }); } if ( toggleImage.src.indexOf( dynamictree.Images.MINUS ) >= 0 ) { toggleImage.src = dynamictree.Images.PLUS; } else { toggleImage.src = dynamictree.Images.PLUS_LAST; } toggleImage.alt = this.getExpandFolderAlt( toggleImage ); toggleLink.title = toggleImage.alt; }, /** Callback for the Collapse Method:Not doing anything **/ collapseCallBack: function( event) { }, /** * Callback invoked after a node is lazily loaded in (after the [+] is clicked) * @param toggleLink the link used to toggle the node * @param toggleImage the expand/collapse image element for this node * @param toggleArea the html element containing the children of this node. * @param req the XMLHttpRequest used to load the nodes */ afterNodeLoad: function( toggleLink, toggleImage, toggleArea, req ) { var result; try { result = req.responseText.evalJSON( true ); if ( result.success != 'true' ) { new page.InlineConfirmation("error", result.errorMessage, false ); } else { var children = result.children; var hasChildren = (children && children.length > 0); if ( hasChildren ) { var childrenHtml = ''; for ( var i = 0; i < children.length; i++ ) { childrenHtml += this.getHtmlForNode( children[i], i == (children.length - 1) ); } toggleArea.innerHTML = childrenHtml; toggleArea.style.display = ''; $(toggleArea).getElementsBySelector("img.treeNodeToggler").each( function( toggler ) { var linkArea = this.getLinkAndArea(toggler); var tLink = linkArea.toggleLink; var tArea = linkArea.toggleArea; Event.observe( tLink, "click", this.onNodeToggleClick.bindAsEventListener( this, tLink, toggler, tArea ) ); }.bind(this)); } if ( toggleImage.src.indexOf( dynamictree.Images.PLUS ) >= 0 ) { if ( !hasChildren ) { toggleImage.src = dynamictree.Images.NONE; toggleImage.alt = ''; toggleLink.title = ''; } else { toggleImage.src = dynamictree.Images.MINUS; toggleImage.alt = this.getCollapseFolderAlt( toggleImage ); toggleLink.title = toggleImage.alt; } } else { if ( !hasChildren ) { toggleImage.src = dynamictree.Images.NONE_LAST; toggleImage.alt = ''; toggleLink.title = ''; } else { toggleImage.src = dynamictree.Images.MINUS_LAST; toggleImage.alt = this.getCollapseFolderAlt( toggleImage ); toggleLink.title = toggleImage.alt; } } if ( !hasChildren ) // No link anymore { var parent = toggleLink.parentNode; Element.remove( toggleLink ); parent.insertBefore( toggleImage, parent.firstChild ); } } } catch ( e ) { // Invalid response } }, /** * Generates the HTML for a tree node */ getHtmlForNode: function( node, isLast ) { var result = '', children, i; if ( node.type == dynamictree.NodeType.ROOT ) { result = '<ul class="tree"'; if ( node.id ) { result += ' id="' + node.id +'"'; } result += '>'; children = node.children; if ( children && children.length > 0 ) { for ( i = 0; i < children.length; i++ ) { result += this.getHtmlForNode( children[i], i == (children.length - 1) ); } } result += '</ul>'; } else if ( node.type == dynamictree.NodeType.HEADER ) { var colors = ""; if( node.areaColor ) { colors += node.areaColor; } if( node.textColor ) { colors += node.textColor; } result = '<li class="subhead"><h4 '; result += 'id="' + node.id +'"'; result +='class="treeSubhead-collapsed"><a href="#" style="'+colors+'">' + node.contents + '</a></h4>'; children = node.children; if ( children && children.length > 0 ) { if ( node.expanded ) { result += '<ul>'; } else { result += '<ul style="display:none;">'; } for ( i = 0; i < children.length; i++ ) { result += this.getHtmlForNode( children[i], i == (children.length - 1) ); } result += "</ul>"; } result += '</li>'; } else if ( node.type == dynamictree.NodeType.NODE ) { /* * Node rendering is a multi-step process. We start by building a list * into which we can dump the current node we are rendering */ if ( isLast ) { result = '<li class="last" id="' + node.id + '">'; } else { result = '<li id="' + node.id + '">'; } /* * Now render the tree controls (plus/minus sign) along with the image * (dotted lines) that show this node' place in the hierarchy */ children = node.children; var hasChildren = node.hasChildren; var img; if ( !hasChildren || ( children && children.length > 0 ) ) { if ( children.length > 0 ) { if ( node.expanded ) { img = ( isLast ? dynamictree.Images.MINUS_LAST : dynamictree.Images.MINUS ); result += '<a href="#" class="toggle" title="' + this.collapseStr.escapeHTML() + '"><img src="' + img + '" class="treeNodeToggler" width="18" height="18" alt="' + this.collapseStr.escapeHTML() + '"></a>'; } else { img = ( isLast ? dynamictree.Images.PLUS_LAST : dynamictree.Images.PLUS ); result += '<a href="#" class="toggle" title="' + this.expandStr.escapeHTML() + '"><img src="' + img + '" class="treeNodeToggler" width="18" height="18" alt="' + this.expandStr.escapeHTML() + '"></a>'; } } else { img = ( isLast ? dynamictree.Images.NONE_LAST : dynamictree.Images.NONE ); result += '<img src="' + img+'" alt="" width="18" height="18">'; } } else { img = ( isLast ? dynamictree.Images.PLUS_LAST : dynamictree.Images.PLUS ); result += '<a href="#" class="toggle" title="' + this.expandStr.escapeHTML() + '"><img src="' + img + '" class="treeNodeToggler" width="18" height="18" alt="' + this.expandStr.escapeHTML() + '"></a>'; } /* * Render the node icon */ if ( node.icon ) { result += '<img src="' + node.icon + '" alt="" class="treeNodeIcon">'; } result += node.contents; /* * Now render the children of this node if it has any */ if ( hasChildren ) { if ( children && children.length > 0 ) { if ( node.expanded ) { result += '<ul>'; } else { result += '<ul style="display:none;">'; } for ( i = 0; i < children.length; i++ ) { result += this.getHtmlForNode( children[i], i == (children.length - 1) ); } result += '</ul>'; } else { // it is invalid to show a <ul></ul> without a child <li></li>. Give // the "empty" <li> a special class so that we can distinguish this // case from the situation where a node actually has no children -- // this distinction is necessary for determining whether we need to // go back to the server to dynamically load children for a node. result += '<ul style="display:none;"><li class="--empty--"></li></ul>'; } } result+= '</li>'; } else if ( node.type == dynamictree.NodeType.HEADER ) { result = '<h4 class="treehead">'+node.contents+'</h4>'; } else if ( node.type == dynamictree.NodeType.SEPARATOR ) { result = '<hr>'; } else if ( node.type == dynamictree.NodeType.HTML ) { result = '<li><div class="none">' + node.contents + '</div></li>'; } return result; }, menuExpand : function(evt) { var parentContainer = this.container.ancestors()[0]; var parentContainerBackgroundColor = this.getCurrentStyle( parentContainer, 'background-color' ); var parentContainerWidth = parentContainer.clientWidth - 1; var scrollWidth = this.container.scrollWidth; if ( scrollWidth <= parentContainerWidth ) { // No Extra data displayed. return; } var ek = evt.type; if ( ek == 'mouseover' ) { this.container.style.zIndex = '10000000'; this.container.style.position = 'relative'; containerWidth = scrollWidth ; new Effect.Morph( this.container, { style :'border:1px solid #999999; width:' + containerWidth + 'px; opacity:0.94; background:' + parentContainerBackgroundColor, duration :0, queue : { scope :'open' } }); var queue = Effect.Queues.get('close'); queue.each( function(effect) { effect.cancel(); }); } else { this.container.style.zIndex = 'auto'; new Effect.Morph( this.container, { style :'border:0px; opacity:1.0;background:transparent;width:' + parentContainerWidth + 'px', duration :0, queue : { scope :'close' } }); var queueClose = Effect.Queues.get('open'); queueClose.each( function(effect) { effect.cancel(); }); } }, getCurrentStyle : function(oElm, strCssRule) { var strValue = ""; if (document.defaultView && document.defaultView.getComputedStyle) { strValue = document.defaultView.getComputedStyle(oElm, "") .getPropertyValue(strCssRule); } else if (oElm.currentStyle) { strCssRule = strCssRule.replace(/\-(\w)/g, function(strMatch, p1) { return p1.toUpperCase(); }); strValue = oElm.currentStyle[strCssRule]; } return strValue; } };

var courseMenu = {}; courseMenu.Util = {}; courseMenu.Util.getTocItemTemplate = function( type, isHidden, isEmpty, menuGeneratorUrl ) { var template = ''; var url = ( menuGeneratorUrl ) ? menuGeneratorUrl : '/webapps/blackboard/execute/getCourseMenuContextMenu'; var closeStr = page.bundle.getString("closeStr"); var moreOptionsStr = page.bundle.getString("moreOptionsStr"); var reorderSpan = '<span class="reorder editmode"><span><img src="/images/ci/icons/generic_updown.gif" alt="" /></span></span>'; var contextMenuTemplate = "<span class='contextMenuContainer' bb:menuGeneratorURL='" + url + "' bb:contextParameters='course_id=<&= courseId &>&toc_id=<&= id &>'>" + "<a class='cmimg editmode' href='#contextMenu' title='" + moreOptionsStr + "'><img src='/images/ci/icons/cm_arrow.gif' alt='" + moreOptionsStr + "'></a> " + "<div id='menudiv' class='cmdiv' style='display:none;'> "+ "<ul><li class='contextmenubar_top'><a title='" + closeStr + "' href='#close'><img alt='" + closeStr + "' src='/images/ci/ng/close_mini.gif'></a></li></ul></div></span>"; if ( type == 'DIVIDER' ) { template = "<li class='divider' id='paletteItem:<&= id &>'>"+reorderSpan+"<hr>"; } else if ( type == 'SUBHEADER' ) { template = "<li class='subhead' id='paletteItem:<&= id &>'>"+reorderSpan+"<h3><span><&= name &></span></h3>"; } else { var liClass = (isHidden || isEmpty) ? 'clearfix invisible editmode' : 'clearfix'; template = "<li id='paletteItem:<&= id &>' class='"+ liClass +"'>"+reorderSpan; if (type == 'URL') { template += "<a onClick=\"this.href='<&= href &>';\" href='<&= url &>' target='<&= target &>' id='label:<&= id &>'><span title='<&= name &>'><&= name &></span>"; } else { template += "<a href='<&= href &>' target='<&= target &>' id='label:<&= id &>'><span title='<&= name &>'><&= name &></span>"; } if ( isHidden ) { var hiddenStr = page.bundle.getString("hiddenStr"); template += "<span class='cmLink-hidden' title='" + hiddenStr + "'><img src='/images/spacer.gif' alt='" + hiddenStr + "'/></span>"; } if ( isEmpty ) { var emptyStr = page.bundle.getString("emptyStr"); template += "<span class='cmLink-empty' title='" + emptyStr + "'><img src='/images/spacer.gif' alt='" + emptyStr + "'/></span>"; } template += "</a>"; } return template + contextMenuTemplate; }; /** * Controls the dynamic course menu behaviour. */ courseMenu.CourseMenu = Class.create(); courseMenu.CourseMenu.prototype = { initialize: function( menuActionUrl, menuGeneratorUrl ) { this.menuActionUrl = '/webapps/blackboard/execute/doCourseMenuAction'; if( menuActionUrl ) { this.menuActionUrl= menuActionUrl; } this.menuGeneratorUrl = '/webapps/blackboard/execute/getCourseMenuContextMenu'; if( menuGeneratorUrl ) { this.menuGeneratorUrl = menuGeneratorUrl; } var addButton = $('addCmItem'); // open the flyout form relative to this element this.editMode = false; if ( addButton ) { this.editMode = true; var addNewMenuItemFunc = this._addNewMenuItem.bind( this ); var afterModifyItemFunc = this._afterModifyItem.bind( this ); if( $('pickerLink') ) { Event.observe( 'pickerLink', 'click', this._showCourseLinkPicker.bindAsEventListener( this ) ); } if( $('modifyCourseLinkPickerLink') ) { Event.observe( 'modifyCourseLinkPickerLink', 'click', this._showModifyCourseLinkPicker.bindAsEventListener( this ) ); } var addButtonLink = $(addButton.getElementsByTagName('a')[0]); // Initialize flyout forms new flyoutform.FlyoutForm({ linkId:'addContentAreaButton', formDivId:'addContentAreaForm', openRelativeItem:addButton, customPostSubmitHandler:addNewMenuItemFunc, onCloseFocusItem:addButtonLink }); // Initialize flyout forms if ( $s('addBlankPageButton') ) { new flyoutform.FlyoutForm({ linkId:'addBlankPageButton', formDivId:'addBlankPageForm', openRelativeItem:addButton, customPostSubmitHandler:addNewMenuItemFunc, onCloseFocusItem:addButtonLink }); } new flyoutform.FlyoutForm({ linkId:'addToolLinkButton', formDivId:'addToolLinkForm', openRelativeItem:addButton, customPostSubmitHandler:addNewMenuItemFunc, onCloseFocusItem:addButtonLink }); if( $('addToolLinkButton') ) { Event.observe( 'addToolLinkButton', 'click', function() { setTimeout( function() { var toolSelect = $('toolSelect'); if ( toolSelect ) { // dynamically load the tool select if not already done if ( toolSelect.length === 0) { CourseMenuDWRFacade.getCourseTools( window.course_id, function( tools ) { dwr.util.addOptions( "toolSelect", tools); }); } toolSelect.selectedIndex = 0; } }, 100); // wait for the flyout to open before loading }); } if ( $s('addCourseLinkButton' ) ) { new flyoutform.FlyoutForm({ linkId:'addCourseLinkButton', formDivId:'addCourseLinkForm', openRelativeItem:addButton, customPostSubmitHandler:addNewMenuItemFunc, onCloseFocusItem:addButtonLink }); } if ( $s('addExternalLinkButton' ) ) { new flyoutform.FlyoutForm({ linkId:'addExternalLinkButton', formDivId:'addExternalLinkForm', openRelativeItem:addButton, customPostSubmitHandler:addNewMenuItemFunc, onCloseFocusItem:addButtonLink }); } if ( $s('addModulePageButton' ) ) { new flyoutform.FlyoutForm({ linkId:'addModulePageButton', formDivId:'addModulePageForm', openRelativeItem:addButton, customPostSubmitHandler:addNewMenuItemFunc, onCloseFocusItem:addButtonLink }); } new flyoutform.FlyoutForm({ linkId:'addSubHeaderButton', formDivId:'addSubheaderForm', openRelativeItem:addButton, customPostSubmitHandler:addNewMenuItemFunc, onCloseFocusItem:addButtonLink }); new flyoutform.FlyoutForm({ formDivId:'addDividerForm', customPostSubmitHandler:addNewMenuItemFunc, onCloseFocusItem:addButtonLink }); // when adding dividers, no need show form, just submit it if( $('addDividerButton') ) { Event.observe( 'addDividerButton', 'click', function() { flyoutform.flyoutForms.addDividerForm.submit(); }); } // opening of modify... flyout forms is handled via context menu rather than button new flyoutform.FlyoutForm({ formDivId:'modifyCourseLinkForm', resetFormOnOpen:false, customPostSubmitHandler:null}); new flyoutform.FlyoutForm({ formDivId:'modifyExternalLinkForm', resetFormOnOpen:false, customPostSubmitHandler:this._afterModifyExternalLinkItem.bind( this ) }); } // Hack for Safari for links in a new window if ( window.inNewWindow ) { this.inNewWindow = true; $A(document.getElementsByTagName('a')).each( function( item ) { if ( item.target == 'content' ) { Event.observe(item, "click", this._targetParentWindow.bindAsEventListener( this, item )); } }.bind(this)); } else { this.inNewWindow = false; } this.courseMapLink = $('courseMapButton'); if ( this.courseMapLink ) { Event.observe( this.courseMapLink, 'click', this._showCourseMenuInWindow.bindAsEventListener( this )); } this.quickViewLink = $('quickViewLink'); this.quickViewContainer = $('courseMenuPalette_contents'); if ( this.quickViewLink ) { Event.observe( this.quickViewLink, 'click', this._showQuickView.bindAsEventListener( this ) ); } this.expandAllLink = $('expandAllLink'); if ( this.expandAllLink ) { Event.observe( this.expandAllLink, 'click', this._detailViewExpandAll.bindAsEventListener( this ) ); } this.collapseAllLink = $('collapseAllLink'); if ( this.collapseAllLink ) { Event.observe( this.collapseAllLink, 'click', this._detailViewCollapseAll.bindAsEventListener( this ) ); } this.detailViewLink = $('detailViewLink'); this.detailViewLink2 = $('detailViewLink2'); if ( this.detailViewLink ) { Event.observe( this.detailViewLink, 'click', this._showDetailView.bindAsEventListener( this ) ); var courseMenuDivs = $('courseMenuPalette').getElementsByTagName('div'); var courseMenuContents = null; for ( var i = 0; i < courseMenuDivs.length; i++ ) { if ( page.util.hasClassName( courseMenuDivs[i], 'navPaletteContent') ) { courseMenuContents = $(courseMenuDivs[i]); } } this.detailViewContainer = new Element("div", { id: 'courseMenu_folderView',style: 'display: none;' }).addClassName('treeContainer'); courseMenuContents.appendChild(this.detailViewContainer); this.tree = null; $(this.detailViewLink2.getElementsByTagName('a')[0]).addClassName('options'); this.detailViewLink2.hide(); if ( this.detailViewLink.hasClassName('active') ) { // show the folder view initially if it's the active one this._showDetailView(); } } this.refreshLink = $('refreshMenuLink'); if ( this.refreshLink ) { Event.observe( this.refreshLink, 'click', this._refreshMenu.bindAsEventListener(this) ); } this.quickEnrollLink = $('quickEnrollLink'); if ( this.quickEnrollLink) { Event.observe( this.quickEnrollLink, 'click', this._quickEnrollToggle.bindAsEventListener(this) ); } this.quickGuestEnrollLink = $('quickGuestEnrollLink'); if ( this.quickGuestEnrollLink) { Event.observe( this.quickGuestEnrollLink, 'click', this._guestEnrollToggle.bindAsEventListener(this) ); } var renameSubHeaderInputBox = $("renameSubHeaderInputBox"); if ( renameSubHeaderInputBox ) { Event.observe( renameSubHeaderInputBox, "keydown", this.onKeyDown.bindAsEventListener( this ) ); } var renameSubHeaderForm = $('renameSubHeaderForm'); if ( renameSubHeaderForm ) { renameSubHeaderForm.remove(); document.body.appendChild( renameSubHeaderForm ); } this.initPaletteState(); this._updateSubheaders(); }, /** * Update the appearance of subheader names in the accessible drag and drop window * for course menu toc reordering to "Subheader: [subheader_name]". * And, of course, this applies in course menu edit mode only. */ _updateSubheaders: function( ) { if( this.editMode ) { var firstTocItem = $( 'courseMenuPalette_contents' ).down( 'li' ); var hideReorderBtn = !firstTocItem.readAttribute( 'id' );// prototype bug with IE7 // create a map of option values to options var optionMap = {}; dragdrop.ListReordering.addDivs(); var sel = $('courseMenuPalette_pageListReorderControlSelect'); $A(sel.options).each( function( o ) { optionMap[o.value] = o; }); dragdrop.ListReordering.removeDivs(); var lst = $('courseMenuPalette_contents'); $A(lst.getElementsByTagName("li")).each( function( listItem ) { if ( $(listItem).hasClassName('subhead') ) { // isolate id (after last colon) var id = listItem.id; id = id.substr( id.lastIndexOf(':') + 1 ); var option = optionMap[id]; // prepend "Subheader: " to option label $(option).update( page.bundle.getString("subheaderColonStr", option.innerHTML) ); } }); if( hideReorderBtn ) { $( 'courseMenuPalette_reorderControlLink' ).up( 'li' ).hide(); } } }, _targetParentWindow: function( event, item ) { Event.stop( event ); window.opener.top.content.location = item.href; }, /** * Deletes a course menu item for the given item (toc) id * Prompts the user for confirmation before deleting * Calls the server to remove the Toc * The current doc location is sent as a retUrl param to allow reloading the current * page after deleting the item. */ deleteItem: function( toc_id ) { var appendQueryStringFunc = this.appendQueryString.bind( this ); new Ajax.Request( this.appendMenuActionUrl( 'cmd=getTocRemoveMessage&course_id='+course_id+'&toc_id='+toc_id ), { onSuccess: function(transport, json) { var result = transport.responseText.evalJSON( true ); var retUrl = escape(document.location.href); if ( result.success == "true" ) { if (confirm(result.removalMessage)) { var removeTocUrl = appendQueryStringFunc( result.actionUrl, "cmd=removeToc&course_id=" + course_id + "&toc_id=" + toc_id + '&retUrl=' + retUrl + '&' + courseMenu.nonceKey + '=' + courseMenu.nonceValue ); new Ajax.Request(removeTocUrl, { onSuccess: function(transport, json) { var result = transport.responseText.evalJSON( true ); if ( result.success == "true" ) { top.content.location = result.refreshUrl; } else { new page.InlineConfirmation("error", result.errorMessage, false ); } } } ); } } else { new page.InlineConfirmation("error", result.errorMessage, false ); } } }); }, toggleItemAvailability: function( toc_id, isEntryPoint ) { var changeEntryPont = true; if ( isEntryPoint ) { var entryPointChangeConfirmStr = page.bundle.getString("entryPointChangeConfirmStr"); changeEntryPont = confirm ( entryPointChangeConfirmStr ); } if( changeEntryPont ) { var url = this.appendMenuActionUrl( "cmd=toggleTocAvailability&course_id="+course_id+"&toc_id="+toc_id+"&retUrl="+escape(document.location.href) ); window.location.href = url; } }, modifyCourseLink: function( toc_id ) { var courseLinkId = 'paletteItem:' + toc_id; var url = this.appendMenuActionUrl( 'cmd=getCourseLinkTitle&course_id='+window.course_id+'&toc_id='+toc_id ); new Ajax.Request( url, { onSuccess: function(transport, json) { var result = transport.responseText.evalJSON( true ); if ( result.success == "true" ) { flyoutform.flyoutForms.modifyCourseLinkForm.open( $(courseLinkId).down('a') ); $s('modifiedLinkLocation').value = result.linkLocation; $s('modifyCourseLinkFormTocId').value = toc_id; $s('modifiedLinkId').value = result.linkedItemId; $s('modifiedLinkType').value = result.linkedItemType; } else { new page.InlineConfirmation("error", result.errorMessage, false ); } } }); }, modifyExternalLink: function( toc_id ) { var externalLinkId = 'paletteItem:' + toc_id; var url = this.appendMenuActionUrl( 'cmd=getExternalLinkUrl&course_id='+window.course_id+'&toc_id='+toc_id ); new Ajax.Request( url, { onSuccess: function(transport, json) { var result = transport.responseText.evalJSON( true ); if ( result.success == "true" ) { flyoutform.flyoutForms.modifyExternalLinkForm.open( $(externalLinkId).down('a') ); $s('modifyExternalLinkFormTocId').value = toc_id; $s('externalLinkUrlInputId').value = result.linkUrl; } else { new page.InlineConfirmation("error", result.errorMessage, false ); } } }); }, toggleItemLaunchInd: function( toc_id ) { var tocId = 'paletteItem:' + toc_id; var cmItem = $('toggleTocLaunchIndex:' + toc_id); var url = this.appendMenuActionUrl( 'cmd=toggleTocLaunchIndex&course_id='+window.course_id+'&toc_id='+toc_id ); new Ajax.Request( url, { onSuccess: function(transport, json) { var result = transport.responseText.evalJSON( true ); if ( result.success == "true" ) { var tocLink = $(tocId).down('a'); tocLink.target = result.windowType; tocLink.href = result.href; cmItem.innerHTML = result.menuItem; if ( result.warning ) { new page.InlineConfirmation("warning", result.warning, false ); } } else { new page.InlineConfirmation("error", result.errorMessage, false ); } } }); }, submitRequestAsPost: function( action, toc_id ) { // generate a form on the fly var url = this.appendMenuActionUrl( "cmd=" + action + "&course_id=" + window.course_id + "&toc_id=" + toc_id + "&retUrl=" + escape( document.location.href ) ); var form = new Element( 'form', { action: url, method: 'POST', style: 'display:none;' } ); document.body.appendChild( form ); var nonceInput = new Element( 'input', { type: 'hidden', name: courseMenu.nonceKey, value: courseMenu.nonceValue } ); form.appendChild( nonceInput ); form.submit(); }, toggleItemGuestAccess: function( toc_id ) { this.submitRequestAsPost( 'modifyGuestAccessibility', toc_id ); }, toggleItemObserverAccess: function( toc_id ) { this.submitRequestAsPost( 'modifyObserverAccessibility', toc_id ); }, renameItem: function( toc_id, targetType ) { var subHeaderId = 'paletteItem:' + toc_id; var val; this.renameTocId = toc_id; if(targetType) { this.renameTargetType = targetType; val = $(subHeaderId).down('h3').down('span').innerHTML; $('renameSubHeaderInputBox').value = val; Position.clone($(subHeaderId).down('h3').down('span'),$("renameSubHeaderForm"),{ setLeft: true, setTop: true, setWidth: false, setHeight: false } ); } else { this.renameTargetType = ''; val = $(subHeaderId).down('a',0).down('span',0).innerHTML; $('renameSubHeaderInputBox').value = val; Position.clone($(subHeaderId).down('a',0).down('span',0),$("renameSubHeaderForm"),{ setLeft: true, setTop: true, setWidth: false, setHeight: false } ); } $("renameSubHeaderForm").setStyle({display : 'block'}); if (!this.modalOverlay) { this.modalOverlay = new ModalOverlay( $("renameSubHeaderForm") ); } this.modalOverlay.setDisplay( true ); $("renameSubHeaderInputBox").focus(); $("renameSubHeaderInputBox").select(); }, onKeyDown: function( event ) { if (event.keyCode == Event.KEY_ESC) { Event.stop( event ); this.cancelRename(); } else if(event.keyCode == Event.KEY_RETURN){ Event.stop( event ); this.saveRenamedSubHeaderItem(); } }, cancelRename: function() { this.modalOverlay.setDisplay( false ); $("renameSubHeaderForm").setStyle({display : 'none'}); }, saveRenamedSubHeaderItem: function() { var toc_id = this.renameTocId; var new_name = $("renameSubHeaderInputBox").value; if(!new_name.blank()) { var subHeaderId = 'paletteItem:' + toc_id; var url = this.appendMenuActionUrl( 'cmd=renameSubHeader&course_id='+window.course_id+'&toc_id='+toc_id+'&new_name='+encodeURIComponent(new_name) ); new Ajax.Request( url, { onSuccess: function(transport, json) { var result = transport.responseText.evalJSON( true ); if ( result.success == "true" ) { var newValue = $('renameSubHeaderInputBox').value; $('renameSubHeaderInputBox').value = ''; $("renameSubHeaderForm").setStyle({display : 'none'}); var dispElem; if(this.renameTargetType == "subheader") { dispElem = $(subHeaderId).down('h3').down('span'); dispElem.title = newValue; dispElem.innerHTML = newValue; } else { var link = $(subHeaderId).down('a',0); dispElem = link.down('span',0); dispElem.title = newValue; dispElem.innerHTML = newValue; if ( link.href.include('courseTocLabel=') ) { // Also rewrite the url of the link to insert the new name in it link.href = link.href.sub( /courseTocLabel=([^&]+)/, 'courseTocLabel=' + encodeURIComponent( newValue ) ); } } } else { $("renameSubHeaderForm").setStyle({display : 'none'}); new page.InlineConfirmation("error", result.errorMessage, false ); } this.modalOverlay.setDisplay( false ); }.bind(this) }); } else { this.cancelRename(); } }, _afterModifyItem: function ( result) { $('observerEnabledId').removeAttribute("checked"); $('guestEnabledId').removeAttribute("checked"); }, _afterModifyExternalLinkItem: function ( result) { var tocId = 'paletteItem:' + result.tocId; var tocLink = $(tocId).down('a'); tocLink.setAttribute( "href",result.linkUrl ); if ( result.forceNewWindow == "true" ) { tocLink.setAttribute( "target", "_blank" ); new page.InlineConfirmation("warning", result.forceNewWindowWarning, false ); } }, _addNewMenuItem: function( result ) { var newItem = result.returnData; var inWizard = page.util.hasClassName( document.body, 'wizardBody' ); // If it's a CONTENT_ITEM type and it has a URL, and we're not in the course creation // wizard, redirect to that view URL. if( newItem.type == 'CONTENT_ITEM' && !inWizard && newItem.href && newItem.href != '#' ) { document.location.href = newItem.href; return; } // If it's in the course creation wizard, disable the link. else if ( inWizard ) { newItem.href = "#"; newItem.target = ""; } var template = courseMenu.Util.getTocItemTemplate( newItem.type, newItem.enabled == 'false', newItem.empty == 'true', this.menuGeneratorUrl ); // create the appropriate html for the menu item using a template and the returned data, // then add it to the bottom of the coursemenu var syntax = /(^|.|\r|\n)(<\&=\s*(\w+)\s*\&>)/; //matches symbols like '<&= field &>' var t = new Template( template, syntax ); var d = t.evaluate( newItem ); $('courseMenuPalette_contents').insert({bottom: d}); // add a select option for the item to the accessibleToolSelect dragdrop.ListReordering.addDivs(); var sel = $('courseMenuPalette_pageListReorderControlSelect'); var itemName = newItem.name; if ( newItem.type == 'SUBHEADER' ) { itemName = page.bundle.getString("subheaderColonStr", itemName); } sel.options[sel.length] = new Option( itemName, newItem.id ); dragdrop.ListReordering.removeDivs(); // re-init DND by disabling and enabling it so new item is dragable var dnd = dragdrop.controllers.find( function( dndController ) { return ( dndController.itemContainer && dndController.itemContainer.id == 'courseMenuPalette_contents'); }.bind(this)); dnd.disableDragAndDrop(); dnd.enableDragAndDrop(); dnd.calculateItemOrder(); //show the course menu reorder button $( 'courseMenuPalette_reorderControlLink' ).up( 'li' ).show(); // add behavior to context menu of new item var items = $('courseMenuPalette_contents').childNodes; var lastItem = items[items.length-1]; var contextMenu = $(lastItem).down( ".contextMenuContainer" ); if ( contextMenu ) { new page.ContextMenu( contextMenu ); } var id = lastItem.id; id = id.replace("paletteItem","label"); // Focus on the new menu item after the DOM is ready (function() { if ( $(id) != null ) { $(id).focus(); } }.defer()); }, _showCourseMenuInWindow: function( event ) { if ( event ) { Event.stop( event ); } var lpix = screen.width - 800; window.remote = window.open('/webapps/blackboard/content/courseMenu.jsp?course_id='+window.course_id+'&newWindow=true&openInParentWindow=true', 'newwin', 'width=220,height=440,resizable=yes,scrollbars=yes,status=no,top=20,left='+lpix); if ( window.remote ) { window.remote.focus(); if ( !window.remote.opener ) { window.remote.opener = self; } window.top.name = 'bbWin'; //hack for IE if(top.attachEvent) { top.attachEvent( "onunload",function(){ if ( window.remote ) { window.remote.close(); } } ); } else { Event.observe( top, "unload", function(){ if ( window.remote ) { window.remote.close(); } } ); } } }, _showCourseLinkPicker: function( ) { var lpix = screen.width - 800; window.remote = window.open('/webapps/blackboard/execute/course/courseMapPicker?displayMode=courseLinkPicker&course_id='+window.course_id, 'picker_browse', 'width=250,height=350,resizable=yes,scrollbars=yes,status=yes,top=20,left='+lpix); if ( window.remote ) { window.remote.focus(); if ( !window.remote.opener ) { window.remote.opener = self; } window.remote.opener.inputItemPathToSet = $('linkLocation'); window.remote.opener.inputItemPKToSet = $('linkId'); window.remote.opener.inputItemTypeToSet = $('linkType'); window.remote.opener.callBack = this._linkPickerCallback.bind( this ); window.top.name = 'bbWin'; } }, _showModifyCourseLinkPicker: function( ) { var lpix = screen.width - 800; window.remote = window.open('/webapps/blackboard/execute/course/courseMapPicker?displayMode=courseLinkPicker&course_id='+window.course_id, 'picker_browse', 'width=250,height=350,resizable=yes,scrollbars=yes,status=yes,top=20,left='+lpix); if ( window.remote ) { window.remote.focus(); if ( !window.remote.opener ) { window.remote.opener = self; } window.remote.opener.inputItemPathToSet = $('modifiedLinkLocation'); window.remote.opener.inputItemPKToSet = $('modifiedLinkId'); window.remote.opener.inputItemTypeToSet = $('modifiedLinkType'); window.remote.opener.callBack = this._ModifyLinkPickerCallback.bind( this ); window.top.name = 'bbWin'; } }, _ModifyLinkPickerCallback: function( ) { flyoutform.flyoutForms.modifyCourseLinkForm.updateSubmitButtonEnable(); }, _linkPickerCallback: function( ) { var link_name = $("linkLocation").value.split('/').pop(); var linkNameField = $("addCourseLinkName"); var origName = linkNameField.value; if (origName.trim() == '') { linkNameField.value = link_name; } flyoutform.flyoutForms.addCourseLinkForm.updateSubmitButtonEnable(); }, _showDetailView: function( event ) { if ( event ) { Event.stop( event ); } if ( !this.detailViewLink.hasClassName('active') ) { CourseMenuDWRFacade.setMenuDisplayMode( window.course_id, true); } if ( this.quickViewLink ) { this.quickViewLink.removeClassName('active'); } this.detailViewLink.addClassName('active'); this.detailViewLink.hide(); this.detailViewLink2.addClassName('active'); this.detailViewLink2.show(); // set the curently active palette contents container so expand/collapse on palette will work page.PaletteController.setActivePaletteContentsContainer( "courseMenuPalette", this.detailViewContainer ); var keyboardDndLink = $('courseMenuPalette_reorderControlLink'); if ( keyboardDndLink ) { keyboardDndLink.up().hide(); } var addItemLink = $('addCmItem'); if ( addItemLink ) { addItemLink.hide(); } this.quickViewContainer.hide(); this.detailViewContainer.show(); if ( !this.tree || this.editMode ) { var displayMode = "courseMenu"; if ( this.inNewWindow ) { displayMode = "courseMenu_newWindow"; } this.tree = new dynamictree.Tree( this.detailViewContainer, null, '/webapps/blackboard/execute/course/menuFolderViewGenerator', 'course_id='+window.course_id+'&displayMode='+displayMode+'&editMode='+this.editMode+'&openInParentWindow=true', true ); } }, _detailViewExpandAll: function( event ) { Event.stop( event ); if ( this.tree ) { this.tree.expandAll(); } }, _detailViewCollapseAll: function( event ) { Event.stop( event ); if ( this.tree ) { this.tree.collapseAll(); } }, _showQuickView: function( event ) { if ( event ) { Event.stop( event ); } this.quickViewLink.addClassName('active'); // set the curently active palette contents container so expand/collapse on palette will work page.PaletteController.setActivePaletteContentsContainer( "courseMenuPalette", this.quickViewContainer ); if ( this.detailViewLink ) { this.detailViewLink.removeClassName('active'); this.detailViewLink.show(); this.detailViewLink2.removeClassName('active'); this.detailViewLink2.hide(); } var keyboardDndLink = $('courseMenuPalette_reorderControlLink'); if ( keyboardDndLink ) { keyboardDndLink.up().show(); } var addItemLink = $('addCmItem'); if ( addItemLink ) { addItemLink.show(); } this.quickViewContainer.show(); this.detailViewContainer.hide(); CourseMenuDWRFacade.setMenuDisplayMode( window.course_id, false); }, _refreshMenu: function( event ) { Event.stop( event ); var loc = window.location + ''; var hashLoc = loc.indexOf("#"); if ( hashLoc >= 0 ) { loc = loc.substring(0, hashLoc); } if ( loc.indexOf('refreshCourseMenu') < 0 ) { loc = this.appendQueryString( loc, 'refreshCourseMenu=true' ); } window.location = loc; }, _guestEnrollToggle: function( event ) { Event.stop( event ); window.location = '/webapps/blackboard/execute/enrollCourse?context=INMENU&course_id='+window.course_id; }, _quickEnrollToggle: function( event ) { Event.stop( event ); var nonceIdValue = nonceUtil.getNonceIdValue(/* no formId since there is not form for the quick enroll drop down*/); if ( this.quickEnrollLink.hasClassName("enrolled") ) { if ( confirm( window.confirmQuickUnenrollMsg ) ) { // using a get request to modify the role is not the best practice, if we refactor make this a new Ajax.request post, since this modifying the data var returnUrl = document.location.href; window.location = this.appendMenuActionUrl( 'cmd=quickEnrollToggle&course_id='+window.course_id+'&retUrl='+escape(returnUrl) + '&blackboard.platform.security.NonceUtil.nonce=' + nonceIdValue ); } } else { var roleId = event.target.parentNode.id; if ( roleId.indexOf("paletteItem") > -1 ) { roleId = roleId.substring(12); var name = ( typeof event.target.parentNode.childNodes[0].value == "undefined" )? event.target.parentNode.childNodes[1].value : event.target.parentNode.childNodes[0].value; if ( confirm( page.bundle.getString( "confirmQuickEnrollStr", name ) ) ) { // using a get request to modify the role is not the best practice, if we refactor make this a new Ajax.request post, since this modifying the data window.location = this.appendMenuActionUrl( 'cmd=quickEnrollToggle&course_id='+window.course_id+'&targetRole='+roleId+'&retUrl='+escape(document.location.href) + '&blackboard.platform.security.NonceUtil.nonce=' + nonceIdValue ); } } else { if ( confirm( window.confirmQuickEnrollMsg ) ) { // using a get request to modify the role is not the best practice, if we refactor make this a new Ajax.request post, since this modifying the data window.location = this.appendMenuActionUrl( 'cmd=quickEnrollToggle&course_id='+window.course_id+'&targetRole=P'+'&retUrl='+escape(document.location.href) + '&blackboard.platform.security.NonceUtil.nonce=' + nonceIdValue ); } } } }, appendMenuActionUrl : function( paramsToAppend ) { return this.appendQueryString( this.menuActionUrl, paramsToAppend + '&' + courseMenu.nonceKey + '=' + courseMenu.nonceValue ); }, appendQueryString : function( baseUrl, paramsToAppend ) { var paramSeparator = baseUrl.indexOf( '?' ) != -1 ? '&' : '?'; return baseUrl + paramSeparator + paramsToAppend; }, initPaletteState: function() { var activeCourseMenuContentsContainer = page.PaletteController.getPaletteControllerObjById( "courseMenuPalette" ).getActiveContentsContainer(); UserDataDWRFacade.getStringTempScope( activeCourseMenuContentsContainer.id + window.course_id, this.getCourseMenuPaletteStateResponse.bind( this ) ); UserDataDWRFacade.getStringTempScope( 'myGroups_contents' + window.course_id, this.getMyGroupsPaletteStateResponse.bind( this ) ); UserDataDWRFacade.getStringTempScope( 'controlPanelPalette_contents' + window.course_id, this.getControlPanelPaletteStateResponse.bind( this ) ); UserDataDWRFacade.getStringTempScope( 'pickerPalette_contents' + window.course_id, this.getPickerPaletteStateResponse.bind( this ) ); }, /** * By default, palettes are expanded. However, the "Files" palette's default * behavior is to be collapsed. * * This function ensures when the course menu loads, the "Files" palette default collapsed behavior * is enforced. */ getPickerPaletteStateResponse : function ( paletteState ) { if ($('pickerPalette') === null) { // No File Manager palette found. return; } if (paletteState !== 'block') { // File palette was closed on the prior page, ensure Files palette is closed when this page is loaded. page.PaletteController.collapsePalette('pickerPalette', true); } }, getCourseMenuPaletteStateResponse : function ( paletteState ) { this.getPaletteStateResponse( paletteState, 'courseMenuPalette' ); }, getMyGroupsPaletteStateResponse : function ( paletteState ) { this.getPaletteStateResponse( paletteState, 'myGroups' ); }, getControlPanelPaletteStateResponse : function ( paletteState ) { this.getPaletteStateResponse( paletteState, 'controlPanelPalette' ); }, getPaletteStateResponse : function ( paletteState, id ) { if ( !$(id) ) //If the palette doesn't exist on the page, don't do anything { return; } var paletteItem = $(page.PaletteController.getDefaultContentsContainerId(id)); // if the course menu palette, get the currently active contents container if( id == 'courseMenuPalette' ) { // get the active palette content container element (List VS Folder view) paletteItem = this.quickViewContainer; if( this.detailViewLink && this.detailViewLink.hasClassName('active') ) { paletteItem = this.detailViewContainer; } } var originalPaletteState = paletteItem.style.display; if( originalPaletteState != 'none' && originalPaletteState != 'block' ) { originalPaletteState = 'block'; } var cachedPaletteState = 'block'; if ( paletteState.length > 0 ) { if ( paletteState == 'none' || paletteState == 'block' ) { cachedPaletteState = paletteState; } else { cachedPaletteState = 'block'; } } if ( originalPaletteState != cachedPaletteState ) { //because we want the menu to be in the cached state, //we pass in the opposite so that expandCollapse changes the menu state. // pass true for 2nd param to supress persisting state on init page.PaletteController.toggleExpandCollapsePalette(id, true); } } }; courseMenu.searchWidget = { goOnClick : function() { if ( $('toolsSearchBox').value ) { window.location = $('searchGo').href + "&" + $('toolsSearchBox').name + "=" + $('toolsSearchBox').value; } else { alert( page.bundle.getString("enterSearchKeyStr") ); } return false; }, onKeydown : function( event ) { var e = event || window.event; var key = e.keyCode || e.which; if ( key == Event.KEY_RETURN ) { this.goOnClick(); } } }; function collapsePalettesForGroupSpace(groupId) { // Expand the group in the my groups palette that was clicked // the my groups palette may not exist on the doc yet if current user isn't part of a group var myGroupsPalette = $('myGroups_contents'); if( myGroupsPalette ) { // NOTE - do NOT explicitly close all other palettes - while it may have been a requirement // at one point in time it appears as though it has come back several times as a bug. page.PaletteController.expandPalette('myGroups'); var groupmenulink = ('mygroups.' + groupId + '_groupExpanderLink'); var itemExpanderObj = page.ItemExpander.itemExpanderMap[groupmenulink]; if( itemExpanderObj ) { itemExpanderObj.expandCollapse(false); } } }

// Provide a default path to dwr.engine if (dwr == null) var dwr = {}; if (dwr.engine == null) dwr.engine = {}; if (DWREngine == null) var DWREngine = dwr.engine; if (UserDataDWRFacade == null) var UserDataDWRFacade = {}; UserDataDWRFacade._path = '/webapps/blackboard/dwr_open'; UserDataDWRFacade.getStringTempScope = function(p0, callback) { dwr.engine._execute(UserDataDWRFacade._path, 'UserDataDWRFacade', 'getStringTempScope', p0, callback); } UserDataDWRFacade.removeStringTempScope = function(p0, callback) { dwr.engine._execute(UserDataDWRFacade._path, 'UserDataDWRFacade', 'removeStringTempScope', p0, callback); } UserDataDWRFacade.setStringTempScope = function(p0, p1, callback) { dwr.engine._execute(UserDataDWRFacade._path, 'UserDataDWRFacade', 'setStringTempScope', p0, p1, callback); } UserDataDWRFacade.getStringPermScope = function(p0, callback) { dwr.engine._execute(UserDataDWRFacade._path, 'UserDataDWRFacade', 'getStringPermScope', p0, callback); } UserDataDWRFacade.setStringPermScope = function(p0, p1, callback) { dwr.engine._execute(UserDataDWRFacade._path, 'UserDataDWRFacade', 'setStringPermScope', p0, p1, callback); } UserDataDWRFacade.removeStringPermScope = function(p0, callback) { dwr.engine._execute(UserDataDWRFacade._path, 'UserDataDWRFacade', 'removeStringPermScope', p0, callback); }

// Provide a default path to dwr.engine if (dwr == null) var dwr = {}; if (dwr.engine == null) dwr.engine = {}; if (DWREngine == null) var DWREngine = dwr.engine; if (CourseMenuDWRFacade == null) var CourseMenuDWRFacade = {}; CourseMenuDWRFacade._path = '/webapps/blackboard/dwr_open'; CourseMenuDWRFacade.getCourseTools = function(p0, callback) { dwr.engine._execute(CourseMenuDWRFacade._path, 'CourseMenuDWRFacade', 'getCourseTools', p0, callback); } CourseMenuDWRFacade.setMenuDisplayMode = function(p0, p1, callback) { dwr.engine._execute(CourseMenuDWRFacade._path, 'CourseMenuDWRFacade', 'setMenuDisplayMode', p0, p1, callback); } CourseMenuDWRFacade.isCourseContext = function(p0, callback) { dwr.engine._execute(CourseMenuDWRFacade._path, 'CourseMenuDWRFacade', 'isCourseContext', p0, callback); } CourseMenuDWRFacade.isCourseContext = function(p0, callback) { dwr.engine._execute(CourseMenuDWRFacade._path, 'CourseMenuDWRFacade', 'isCourseContext', p0, callback); } CourseMenuDWRFacade.loadCourse = function(p0, callback) { dwr.engine._execute(CourseMenuDWRFacade._path, 'CourseMenuDWRFacade', 'loadCourse', p0, callback); }

/* * Copyright 2005 Joe Walker * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** * Declare an object to which we can add real functions. */ if (dwr == null) var dwr = {}; if (dwr.util == null) dwr.util = {}; if (DWRUtil == null) var DWRUtil = dwr.util; /** @private The flag we use to decide if we should escape html */ dwr.util._escapeHtml = true; /** * Set the global escapeHtml flag */ dwr.util.setEscapeHtml = function(escapeHtml) { dwr.util._escapeHtml = escapeHtml; }; /** @private Work out from an options list and global settings if we should be esccaping */ dwr.util._shouldEscapeHtml = function(options) { if (options && options.escapeHtml != null) { return options.escapeHtml; } return dwr.util._escapeHtml; }; /** * Return a string with &, < and > replaced with their entities * @see TODO */ dwr.util.escapeHtml = function(original) { return original.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); }; /** * Replace common XML entities with characters (see dwr.util.escapeHtml()) * @see TODO */ dwr.util.unescapeHtml = function(original) { return original.replace(/&amp;/g,'&').replace(/&lt;/g,'<').replace(/&gt;/g,'>'); }; /** * Replace characters dangerous for XSS reasons with visually similar characters * @see TODO */ dwr.util.replaceXmlCharacters = function(original) { original = original.replace("&", "+"); original = original.replace("<", "\u2039"); original = original.replace(">", "\u203A"); original = original.replace("\'", "\u2018"); original = original.replace("\"", "\u201C"); return original; }; /** * Return true iff the input string contains any XSS dangerous characters * @see TODO */ dwr.util.containsXssRiskyCharacters = function(original) { return (original.indexOf('&') != -1 || original.indexOf('<') != -1 || original.indexOf('>') != -1 || original.indexOf('\'') != -1 || original.indexOf('\"') != -1); }; /** * Enables you to react to return being pressed in an input * @see http://getahead.org/dwr/browser/util/selectrange */ dwr.util.onReturn = function(event, action) { if (!event) event = window.event; if (event && event.keyCode && event.keyCode == 13) action(); }; /** * Select a specific range in a text box. Useful for 'google suggest' type functions. * @see http://getahead.org/dwr/browser/util/selectrange */ dwr.util.selectRange = function(ele, start, end) { ele = dwr.util._getElementById(ele, "selectRange()"); if (ele == null) return; if (ele.setSelectionRange) { ele.setSelectionRange(start, end); } else if (ele.createTextRange) { var range = ele.createTextRange(); range.moveStart("character", start); range.moveEnd("character", end - ele.value.length); range.select(); } ele.focus(); }; /** * Find the element in the current HTML document with the given id or ids * @see http://getahead.org/dwr/browser/util/$ */ if (document.getElementById) { dwr.util.byId = function() { var elements = new Array(); for (var i = 0; i < arguments.length; i++) { var element = arguments[i]; if (typeof element == 'string') { element = document.getElementById(element); } if (arguments.length == 1) { return element; } elements.push(element); } return elements; }; } else if (document.all) { dwr.util.byId = function() { var elements = new Array(); for (var i = 0; i < arguments.length; i++) { var element = arguments[i]; if (typeof element == 'string') { element = document.all[element]; } if (arguments.length == 1) { return element; } elements.push(element); } return elements; }; } /** * Alias $ to dwr.util.byId * @see http://getahead.org/dwr/browser/util/$ */ var $; if (!$) { $ = dwr.util.byId; } /** * This function pretty-prints simple data or whole object graphs, f ex as an aid in debugging. * @see http://getahead.org/dwr/browser/util/todescriptivestring */ dwr.util.toDescriptiveString = function(data, showLevels, options) { if (showLevels === undefined) showLevels = 1; var opt = {}; if (dwr.util._isObject(options)) opt = options; var defaultoptions = { escapeHtml:false, baseIndent: "", childIndent: "\u00A0\u00A0", lineTerminator: "\n", oneLineMaxItems: 5, shortStringMaxLength: 13, propertyNameMaxLength: 30 }; for (var p in defaultoptions) { if (!(p in opt)) { opt[p] = defaultoptions[p]; } } var skipDomProperties = { document:true, ownerDocument:true, all:true, parentElement:true, parentNode:true, offsetParent:true, children:true, firstChild:true, lastChild:true, previousSibling:true, nextSibling:true, innerHTML:true, outerHTML:true, innerText:true, outerText:true, textContent:true, attributes:true, style:true, currentStyle:true, runtimeStyle:true, parentTextEdit:true }; function recursive(data, showLevels, indentDepth, options) { var reply = ""; try { // string if (typeof data == "string") { var str = data; if (showLevels == 0 && str.length > options.shortStringMaxLength) str = str.substring(0, options.shortStringMaxLength-3) + "..."; if (options.escapeHtml) { // Do the escape separately for every line as escapeHtml() on some // browsers (IE) will strip line breaks and we want to preserve them var lines = str.split("\n"); for (var i = 0; i < lines.length; i++) lines[i] = dwr.util.escapeHtml(lines[i]); str = lines.join("\n"); } if (showLevels == 0) { // Short format str = str.replace(/\n|\r|\t/g, function(ch) { switch (ch) { case "\n": return "\\n"; case "\r": return ""; case "\t": return "\\t"; } }); } else { // Long format str = str.replace(/\n|\r|\t/g, function(ch) { switch (ch) { case "\n": return options.lineTerminator + indent(indentDepth+1, options); case "\r": return ""; case "\t": return "\\t"; } }); } reply = '"' + str + '"'; } // function else if (typeof data == "function") { reply = "function"; } // Array else if (dwr.util._isArray(data)) { if (showLevels == 0) { // Short format (don't show items) if (data.length > 0) reply = "[...]"; else reply = "[]"; } else { // Long format (show items) var strarr = []; strarr.push("["); var count = 0; for (var i = 0; i < data.length; i++) { if (! (i in data)) continue; var itemvalue = data[i]; if (count > 0) strarr.push(", "); if (showLevels == 1) { // One-line format if (count == options.oneLineMaxItems) { strarr.push("..."); break; } } else { // Multi-line format strarr.push(options.lineTerminator + indent(indentDepth+1, options)); } if (i != count) { strarr.push(i); strarr.push(":"); } strarr.push(recursive(itemvalue, showLevels-1, indentDepth+1, options)); count++; } if (showLevels > 1) strarr.push(options.lineTerminator + indent(indentDepth, options)); strarr.push("]"); reply = strarr.join(""); } } // Objects except Date else if (dwr.util._isObject(data) && !dwr.util._isDate(data)) { if (showLevels == 0) { // Short format (don't show properties) reply = dwr.util._detailedTypeOf(data); } else { // Long format (show properties) var strarr = []; if (dwr.util._detailedTypeOf(data) != "Object") { strarr.push(dwr.util._detailedTypeOf(data)); if (typeof data.valueOf() != "object") { strarr.push(":"); strarr.push(recursive(data.valueOf(), 1, indentDepth, options)); } strarr.push(" "); } strarr.push("{"); var isDomObject = dwr.util._isHTMLElement(data); var count = 0; for (var prop in data) { var propvalue = data[prop]; if (isDomObject) { if (!propvalue) continue; if (typeof propvalue == "function") continue; if (skipDomProperties[prop]) continue; if (prop.toUpperCase() == prop) continue; } if (count > 0) strarr.push(", "); if (showLevels == 1) { // One-line format if (count == options.oneLineMaxItems) { strarr.push("..."); break; } } else { // Multi-line format strarr.push(options.lineTerminator + indent(indentDepth+1, options)); } strarr.push(prop.length > options.propertyNameMaxLength ? prop.substring(0, options.propertyNameMaxLength-3) + "..." : prop); strarr.push(":"); strarr.push(recursive(propvalue, showLevels-1, indentDepth+1, options)); count++; } if (showLevels > 1 && count > 0) strarr.push(options.lineTerminator + indent(indentDepth, options)); strarr.push("}"); reply = strarr.join(""); } } // undefined, null, number, boolean, Date else { reply = "" + data; } return reply; } catch(err) { return (err.message ? err.message : ""+err); } } function indent(count, options) { var strarr = []; strarr.push(options.baseIndent); for (var i=0; i<count; i++) { strarr.push(options.childIndent); } return strarr.join(""); }; return recursive(data, showLevels, 0, opt); }; /** * Setup a GMail style loading message. * @see http://getahead.org/dwr/browser/util/useloadingmessage */ dwr.util.useLoadingMessage = function(message) { var loadingMessage; if (message) loadingMessage = message; else loadingMessage = "Loading"; dwr.engine.setPreHook(function() { var disabledZone = dwr.util.byId('disabledZone'); if (!disabledZone) { disabledZone = document.createElement('div'); disabledZone.setAttribute('id', 'disabledZone'); disabledZone.style.position = "absolute"; disabledZone.style.zIndex = "1000"; disabledZone.style.left = "0px"; disabledZone.style.top = "0px"; disabledZone.style.width = "100%"; disabledZone.style.height = "100%"; document.body.appendChild(disabledZone); var messageZone = document.createElement('div'); messageZone.setAttribute('id', 'messageZone'); messageZone.style.position = "absolute"; messageZone.style.top = "0px"; messageZone.style.right = "0px"; messageZone.style.background = "red"; messageZone.style.color = "white"; messageZone.style.fontFamily = "Arial,Helvetica,sans-serif"; messageZone.style.padding = "4px"; disabledZone.appendChild(messageZone); var text = document.createTextNode(loadingMessage); messageZone.appendChild(text); dwr.util._disabledZoneUseCount = 1; } else { dwr.util.byId('messageZone').innerHTML = loadingMessage; disabledZone.style.visibility = 'visible'; dwr.util._disabledZoneUseCount++; } }); dwr.engine.setPostHook(function() { dwr.util._disabledZoneUseCount--; if (dwr.util._disabledZoneUseCount == 0) { dwr.util.byId('disabledZone').style.visibility = 'hidden'; } }); }; /** * Set a global highlight handler */ dwr.util.setHighlightHandler = function(handler) { dwr.util._highlightHandler = handler; }; /** * An example highlight handler */ dwr.util.yellowFadeHighlightHandler = function(ele) { dwr.util._yellowFadeProcess(ele, 0); }; dwr.util._yellowFadeSteps = [ "d0", "b0", "a0", "90", "98", "a0", "a8", "b0", "b8", "c0", "c8", "d0", "d8", "e0", "e8", "f0", "f8" ]; dwr.util._yellowFadeProcess = function(ele, colorIndex) { ele = dwr.util.byId(ele); if (colorIndex < dwr.util._yellowFadeSteps.length) { ele.style.backgroundColor = "#ffff" + dwr.util._yellowFadeSteps[colorIndex]; setTimeout("dwr.util._yellowFadeProcess('" + ele.id + "'," + (colorIndex + 1) + ")", 200); } else { ele.style.backgroundColor = "transparent"; } }; /** * An example highlight handler */ dwr.util.borderFadeHighlightHandler = function(ele) { ele.style.borderWidth = "2px"; ele.style.borderStyle = "solid"; dwr.util._borderFadeProcess(ele, 0); }; dwr.util._borderFadeSteps = [ "d0", "b0", "a0", "90", "98", "a0", "a8", "b0", "b8", "c0", "c8", "d0", "d8", "e0", "e8", "f0", "f8" ]; dwr.util._borderFadeProcess = function(ele, colorIndex) { ele = dwr.util.byId(ele); if (colorIndex < dwr.util._borderFadeSteps.length) { ele.style.borderColor = "#ff" + dwr.util._borderFadeSteps[colorIndex] + dwr.util._borderFadeSteps[colorIndex]; setTimeout("dwr.util._borderFadeProcess('" + ele.id + "'," + (colorIndex + 1) + ")", 200); } else { ele.style.backgroundColor = "transparent"; } }; /** * A focus highlight handler */ dwr.util.focusHighlightHandler = function(ele) { try { ele.focus(); } catch (ex) { /* ignore */ } }; /** @private the current global highlight style */ dwr.util._highlightHandler = null; /** * Highlight that an element has changed */ dwr.util.highlight = function(ele, options) { if (options && options.highlightHandler) { options.highlightHandler(dwr.util.byId(ele)); } else if (dwr.util._highlightHandler != null) { dwr.util._highlightHandler(dwr.util.byId(ele)); } }; /** * Set the value an HTML element to the specified value. * @see http://getahead.org/dwr/browser/util/setvalue */ dwr.util.setValue = function(ele, val, options) { if (val == null) val = ""; if (options == null) options = {}; var orig = ele; if (typeof ele == "string") { ele = dwr.util.byId(ele); // We can work with names and need to sometimes for radio buttons, and IE has // an annoying bug where getElementById() returns an element based on name if // it doesn't find it by id. Here we don't want to do that, so: if (ele && ele.id != orig) ele = null; } var nodes = null; if (ele == null) { // Now it is time to look by name nodes = document.getElementsByName(orig); if (nodes.length >= 1) ele = nodes.item(0); } if (ele == null) { dwr.util._debug("setValue() can't find an element with id/name: " + orig + "."); return; } // All paths now lead to some update so we highlight a change dwr.util.highlight(ele, options); if (dwr.util._isHTMLElement(ele, "select")) { if (ele.type == "select-multiple" && dwr.util._isArray(val)) dwr.util._selectListItems(ele, val); else dwr.util._selectListItem(ele, val); return; } if (dwr.util._isHTMLElement(ele, "input")) { if (ele.type == "radio" || ele.type == "checkbox") { if (nodes && nodes.length >= 1) { for (var i = 0; i < nodes.length; i++) { var node = nodes.item(i); if (node.type != ele.type) continue; if (dwr.util._isArray(val)) { node.checked = false; for (var j = 0; j < val.length; j++) if (val[j] == node.value) node.checked = true; } else { node.checked = (node.value == val); } } } else { ele.checked = (val == true); } } else ele.value = val; return; } if (dwr.util._isHTMLElement(ele, "textarea")) { ele.value = val; return; } // If the value to be set is a DOM object then we try importing the node // rather than serializing it out if (val.nodeType) { if (val.nodeType == 9 /*Node.DOCUMENT_NODE*/) val = val.documentElement; val = dwr.util._importNode(ele.ownerDocument, val, true); ele.appendChild(val); return; } // Fall back to innerHTML and friends if (dwr.util._shouldEscapeHtml(options) && typeof(val) == "string") { if (ele.textContent) ele.textContent = val; else if (ele.innerText) ele.innerText = val; else ele.innerHTML = dwr.util.escapeHtml(val); } else { ele.innerHTML = val; } }; /** * @private Find multiple items in a select list and select them. Used by setValue() * @param ele The select list item * @param val The array of values to select */ dwr.util._selectListItems = function(ele, val) { // We deal with select list elements by selecting the matching option // Begin by searching through the values var found = false; var i; var j; for (i = 0; i < ele.options.length; i++) { ele.options[i].selected = false; for (j = 0; j < val.length; j++) { if (ele.options[i].value == val[j]) { ele.options[i].selected = true; } } } // If that fails then try searching through the visible text if (found) return; for (i = 0; i < ele.options.length; i++) { for (j = 0; j < val.length; j++) { if (ele.options[i].text == val[j]) { ele.options[i].selected = true; } } } }; /** * @private Find an item in a select list and select it. Used by setValue() * @param ele The select list item * @param val The value to select */ dwr.util._selectListItem = function(ele, val) { // We deal with select list elements by selecting the matching option // Begin by searching through the values var found = false; var i; for (i = 0; i < ele.options.length; i++) { if (ele.options[i].value == val) { ele.options[i].selected = true; found = true; } else { ele.options[i].selected = false; } } // If that fails then try searching through the visible text if (found) return; for (i = 0; i < ele.options.length; i++) { ele.options[i].selected = (ele.options[i].text == val); } }; /** * Read the current value for a given HTML element. * @see http://getahead.org/dwr/browser/util/getvalue */ dwr.util.getValue = function(ele, options) { if (options == null) options = {}; var orig = ele; if (typeof ele == "string") { ele = dwr.util.byId(ele); // We can work with names and need to sometimes for radio buttons, and IE has // an annoying bug where getElementById() returns an element based on name if // it doesn't find it by id. Here we don't want to do that, so: if (ele && ele.id != orig) ele = null; } var nodes = null; if (ele == null) { // Now it is time to look by name nodes = document.getElementsByName(orig); if (nodes.length >= 1) ele = nodes.item(0); } if (ele == null) { dwr.util._debug("getValue() can't find an element with id/name: " + orig + "."); return ""; } if (dwr.util._isHTMLElement(ele, "select")) { // Using "type" property instead of "multiple" as "type" is an official // client-side property since JS 1.1 if (ele.type == "select-multiple") { var reply = new Array(); for (var i = 0; i < ele.options.length; i++) { var item = ele.options[i]; if (item.selected) { var valueAttr = item.getAttributeNode("value"); if (valueAttr && valueAttr.specified) { reply.push(item.value); } else { reply.push(item.text); } } } return reply; } else { var sel = ele.selectedIndex; if (sel != -1) { var item = ele.options[sel]; var valueAttr = item.getAttributeNode("value"); if (valueAttr && valueAttr.specified) { return item.value; } return item.text; } else { return ""; } } } if (dwr.util._isHTMLElement(ele, "input")) { if (ele.type == "radio") { if (nodes && nodes.length >= 1) { for (var i = 0; i < nodes.length; i++) { var node = nodes.item(i); if (node.type == ele.type) { if (node.checked) return node.value; } } } return ele.checked; } if (ele.type == "checkbox") { if (nodes && nodes.length >= 1) { var reply = []; for (var i = 0; i < nodes.length; i++) { var node = nodes.item(i); if (node.type == ele.type) { if (node.checked) reply.push(node.value); } } return reply; } return ele.checked; } return ele.value; } if (dwr.util._isHTMLElement(ele, "textarea")) { return ele.value; } if (dwr.util._shouldEscapeHtml(options)) { if (ele.textContent) return ele.textContent; else if (ele.innerText) return ele.innerText; } return ele.innerHTML; }; /** * getText() is like getValue() except that it reads the text (and not the value) from select elements * @see http://getahead.org/dwr/browser/util/gettext */ dwr.util.getText = function(ele) { ele = dwr.util._getElementById(ele, "getText()"); if (ele == null) return null; if (!dwr.util._isHTMLElement(ele, "select")) { dwr.util._debug("getText() can only be used with select elements. Attempt to use: " + dwr.util._detailedTypeOf(ele) + " from id: " + orig + "."); return ""; } // This is a bit of a scam because it assumes single select // but I'm not sure how we should treat multi-select. var sel = ele.selectedIndex; if (sel != -1) { return ele.options[sel].text; } else { return ""; } }; /** * Given a map, or a recursive structure consisting of arrays and maps, call * setValue() for all leaf entries and use intermediate levels to form nested * element ids. * @see http://getahead.org/dwr/browser/util/setvalues */ dwr.util.setValues = function(data, options) { var prefix = ""; if (options && options.prefix) prefix = options.prefix; if (options && options.idPrefix) prefix = options.idPrefix; dwr.util._setValuesRecursive(data, prefix); }; /** * @private Recursive helper for setValues() */ dwr.util._setValuesRecursive = function(data, idpath) { // Array containing objects -> add "[n]" to prefix and make recursive call // for each item object if (dwr.util._isArray(data) && data.length > 0 && dwr.util._isObject(data[0])) { for (var i = 0; i < data.length; i++) { dwr.util._setValuesRecursive(data[i], idpath+"["+i+"]"); } } // Object (not array) -> handle nested object properties else if (dwr.util._isObject(data) && !dwr.util._isArray(data)) { for (var prop in data) { var subidpath = idpath ? idpath+"."+prop : prop; // Object (not array), or array containing objects -> call ourselves recursively if (dwr.util._isObject(data[prop]) && !dwr.util._isArray(data[prop]) || dwr.util._isArray(data[prop]) && data[prop].length > 0 && dwr.util._isObject(data[prop][0])) { dwr.util._setValuesRecursive(data[prop], subidpath); } // Functions -> skip else if (typeof data[prop] == "function") { // NOP } // Only simple values left (or array of simple values, or empty array) // -> call setValue() else { // Are there any elements with that id or name if (dwr.util.byId(subidpath) != null || document.getElementsByName(subidpath).length >= 1) { dwr.util.setValue(subidpath, data[prop]); } } } } }; /** * Given a map, or a recursive structure consisting of arrays and maps, call * getValue() for all leaf entries and use intermediate levels to form nested * element ids. * Given a string or element that refers to a form, create an object from the * elements of the form. * @see http://getahead.org/dwr/browser/util/getvalues */ dwr.util.getValues = function(data, options) { if (typeof data == "string" || dwr.util._isHTMLElement(data)) { return dwr.util.getFormValues(data); } else { var prefix = ""; if (options != null && options.prefix) prefix = options.prefix; if (options != null && options.idPrefix) prefix = options.idPrefix; dwr.util._getValuesRecursive(data, prefix); return data; } }; /** * Given a string or element that refers to a form, create an object from the * elements of the form. * @see http://getahead.org/dwr/browser/util/getvalues */ dwr.util.getFormValues = function(eleOrNameOrId) { var ele = null; if (typeof eleOrNameOrId == "string") { ele = document.forms[eleOrNameOrId]; if (ele == null) ele = dwr.util.byId(eleOrNameOrId); } else if (dwr.util._isHTMLElement(eleOrNameOrId)) { ele = eleOrNameOrId; } if (ele != null) { if (ele.elements == null) { alert("getFormValues() requires an object or reference to a form element."); return null; } var reply = {}; var name; var value; for (var i = 0; i < ele.elements.length; i++) { if (ele[i].type in {button:0,submit:0,reset:0,image:0,file:0}) continue; if (ele[i].name) { name = ele[i].name; value = dwr.util.getValue(name); } else { if (ele[i].id) name = ele[i].id; else name = "element" + i; value = dwr.util.getValue(ele[i]); } reply[name] = value; } return reply; } }; /** * @private Recursive helper for getValues(). */ dwr.util._getValuesRecursive = function(data, idpath) { // Array containing objects -> add "[n]" to idpath and make recursive call // for each item object if (dwr.util._isArray(data) && data.length > 0 && dwr.util._isObject(data[0])) { for (var i = 0; i < data.length; i++) { dwr.util._getValuesRecursive(data[i], idpath+"["+i+"]"); } } // Object (not array) -> handle nested object properties else if (dwr.util._isObject(data) && !dwr.util._isArray(data)) { for (var prop in data) { var subidpath = idpath ? idpath+"."+prop : prop; // Object, or array containing objects -> call ourselves recursively if (dwr.util._isObject(data[prop]) && !dwr.util._isArray(data[prop]) || dwr.util._isArray(data[prop]) && data[prop].length > 0 && dwr.util._isObject(data[prop][0])) { dwr.util._getValuesRecursive(data[prop], subidpath); } // Functions -> skip else if (typeof data[prop] == "function") { // NOP } // Only simple values left (or array of simple values, or empty array) // -> call getValue() else { // Are there any elements with that id or name if (dwr.util.byId(subidpath) != null || document.getElementsByName(subidpath).length >= 1) { data[prop] = dwr.util.getValue(subidpath); } } } } }; /** * Add options to a list from an array or map. * @see http://getahead.org/dwr/browser/lists */ dwr.util.addOptions = function(ele, data/*, options*/) { ele = dwr.util._getElementById(ele, "addOptions()"); if (ele == null) return; var useOptions = dwr.util._isHTMLElement(ele, "select"); var useLi = dwr.util._isHTMLElement(ele, ["ul", "ol"]); if (!useOptions && !useLi) { dwr.util._debug("addOptions() can only be used with select/ul/ol elements. Attempt to use: " + dwr.util._detailedTypeOf(ele)); return; } if (data == null) return; var argcount = arguments.length; var options = {}; var lastarg = arguments[argcount - 1]; if (argcount > 2 && dwr.util._isObject(lastarg)) { options = lastarg; argcount--; } var arg3 = null; if (argcount >= 3) arg3 = arguments[2]; var arg4 = null; if (argcount >= 4) arg4 = arguments[3]; if (!options.optionCreator && useOptions) options.optionCreator = dwr.util._defaultOptionCreator; if (!options.optionCreator && useLi) options.optionCreator = dwr.util._defaultListItemCreator; var text, value, li; if (dwr.util._isArray(data)) { // Loop through the data that we do have for (var i = 0; i < data.length; i++) { options.data = data[i]; options.text = null; options.value = null; if (useOptions) { if (arg3 != null) { if (arg4 != null) { options.text = dwr.util._getValueFrom(data[i], arg4); options.value = dwr.util._getValueFrom(data[i], arg3); } else options.text = options.value = dwr.util._getValueFrom(data[i], arg3); } else options.text = options.value = dwr.util._getValueFrom(data[i]); if (options.text != null || options.value) { var opt = options.optionCreator(options); opt.text = options.text; opt.value = options.value; ele.options[ele.options.length] = opt; } } else { options.value = dwr.util._getValueFrom(data[i], arg3); if (options.value != null) { li = options.optionCreator(options); if (dwr.util._shouldEscapeHtml(options)) { options.value = dwr.util.escapeHtml(options.value); } li.innerHTML = options.value; ele.appendChild(li); } } } } else if (arg4 != null) { if (!useOptions) { alert("dwr.util.addOptions can only create select lists from objects."); return; } for (var prop in data) { options.data = data[prop]; options.value = dwr.util._getValueFrom(data[prop], arg3); options.text = dwr.util._getValueFrom(data[prop], arg4); if (options.text != null || options.value) { var opt = options.optionCreator(options); opt.text = options.text; opt.value = options.value; ele.options[ele.options.length] = opt; } } } else { if (!useOptions) { dwr.util._debug("dwr.util.addOptions can only create select lists from objects."); return; } for (var prop in data) { if (typeof data[prop] == "function") continue; options.data = data[prop]; if (!arg3) { options.value = prop; options.text = data[prop]; } else { options.value = data[prop]; options.text = prop; } if (options.text != null || options.value) { var opt = options.optionCreator(options); opt.text = options.text; opt.value = options.value; ele.options[ele.options.length] = opt; } } } // All error routes through this function result in a return, so highlight now dwr.util.highlight(ele, options); }; /** * @private Get the data from an array function for dwr.util.addOptions */ dwr.util._getValueFrom = function(data, method) { if (method == null) return data; else if (typeof method == 'function') return method(data); else return data[method]; }; /** * @private Default option creation function */ dwr.util._defaultOptionCreator = function(options) { return new Option(); }; /** * @private Default list item creation function */ dwr.util._defaultListItemCreator = function(options) { return document.createElement("li"); }; /** * Remove all the options from a select list (specified by id) * @see http://getahead.org/dwr/browser/lists */ dwr.util.removeAllOptions = function(ele) { ele = dwr.util._getElementById(ele, "removeAllOptions()"); if (ele == null) return; var useOptions = dwr.util._isHTMLElement(ele, "select"); var useLi = dwr.util._isHTMLElement(ele, ["ul", "ol"]); if (!useOptions && !useLi) { dwr.util._debug("removeAllOptions() can only be used with select, ol and ul elements. Attempt to use: " + dwr.util._detailedTypeOf(ele)); return; } if (useOptions) { ele.options.length = 0; } else { while (ele.childNodes.length > 0) { ele.removeChild(ele.firstChild); } } }; /** * Create rows inside a the table, tbody, thead or tfoot element (given by id). * @see http://getahead.org/dwr/browser/tables */ dwr.util.addRows = function(ele, data, cellFuncs, options) { ele = dwr.util._getElementById(ele, "addRows()"); if (ele == null) return; if (!dwr.util._isHTMLElement(ele, ["table", "tbody", "thead", "tfoot"])) { dwr.util._debug("addRows() can only be used with table, tbody, thead and tfoot elements. Attempt to use: " + dwr.util._detailedTypeOf(ele)); return; } if (!options) options = {}; if (!options.rowCreator) options.rowCreator = dwr.util._defaultRowCreator; if (!options.cellCreator) options.cellCreator = dwr.util._defaultCellCreator; var tr, rowNum; if (dwr.util._isArray(data)) { for (rowNum = 0; rowNum < data.length; rowNum++) { options.rowData = data[rowNum]; options.rowIndex = rowNum; options.rowNum = rowNum; options.data = null; options.cellNum = -1; tr = dwr.util._addRowInner(cellFuncs, options); if (tr != null) ele.appendChild(tr); } } else if (typeof data == "object") { rowNum = 0; for (var rowIndex in data) { options.rowData = data[rowIndex]; options.rowIndex = rowIndex; options.rowNum = rowNum; options.data = null; options.cellNum = -1; tr = dwr.util._addRowInner(cellFuncs, options); if (tr != null) ele.appendChild(tr); rowNum++; } } dwr.util.highlight(ele, options); }; /** * @private Internal function to draw a single row of a table. */ dwr.util._addRowInner = function(cellFuncs, options) { var tr = options.rowCreator(options); if (tr == null) return null; for (var cellNum = 0; cellNum < cellFuncs.length; cellNum++) { var func = cellFuncs[cellNum]; if (typeof func == 'function') options.data = func(options.rowData, options); else options.data = func || ""; options.cellNum = cellNum; var td = options.cellCreator(options); if (td != null) { if (options.data != null) { if (dwr.util._isHTMLElement(options.data)) td.appendChild(options.data); else { if (dwr.util._shouldEscapeHtml(options) && typeof(options.data) == "string") { td.innerHTML = dwr.util.escapeHtml(options.data); } else { td.innerHTML = options.data; } } } tr.appendChild(td); } } return tr; }; /** * @private Default row creation function */ dwr.util._defaultRowCreator = function(options) { return document.createElement("tr"); }; /** * @private Default cell creation function */ dwr.util._defaultCellCreator = function(options) { return document.createElement("td"); }; /** * Remove all the children of a given node. * @see http://getahead.org/dwr/browser/tables */ dwr.util.removeAllRows = function(ele, options) { ele = dwr.util._getElementById(ele, "removeAllRows()"); if (ele == null) return; if (!options) options = {}; if (!options.filter) options.filter = function() { return true; }; if (!dwr.util._isHTMLElement(ele, ["table", "tbody", "thead", "tfoot"])) { dwr.util._debug("removeAllRows() can only be used with table, tbody, thead and tfoot elements. Attempt to use: " + dwr.util._detailedTypeOf(ele)); return; } var child = ele.firstChild; var next; while (child != null) { next = child.nextSibling; if (options.filter(child)) { ele.removeChild(child); } child = next; } }; /** * dwr.util.byId(ele).className = "X", that we can call from Java easily. */ dwr.util.setClassName = function(ele, className) { ele = dwr.util._getElementById(ele, "setClassName()"); if (ele == null) return; ele.className = className; }; /** * dwr.util.byId(ele).className += "X", that we can call from Java easily. */ dwr.util.addClassName = function(ele, className) { ele = dwr.util._getElementById(ele, "addClassName()"); if (ele == null) return; ele.className += " " + className; }; /** * dwr.util.byId(ele).className -= "X", that we can call from Java easily * From code originally by Gavin Kistner */ dwr.util.removeClassName = function(ele, className) { ele = dwr.util._getElementById(ele, "removeClassName()"); if (ele == null) return; var regex = new RegExp("(^|\\s)" + className + "(\\s|$)", 'g'); ele.className = ele.className.replace(regex, ''); }; /** * dwr.util.byId(ele).className |= "X", that we can call from Java easily. */ dwr.util.toggleClassName = function(ele, className) { ele = dwr.util._getElementById(ele, "toggleClassName()"); if (ele == null) return; var regex = new RegExp("(^|\\s)" + className + "(\\s|$)"); if (regex.test(ele.className)) { ele.className = ele.className.replace(regex, ''); } else { ele.className += " " + className; } }; /** * Clone a node and insert it into the document just above the 'template' node * @see http://getahead.org/dwr/??? */ dwr.util.cloneNode = function(ele, options) { ele = dwr.util._getElementById(ele, "cloneNode()"); if (ele == null) return null; if (options == null) options = {}; var clone = ele.cloneNode(true); if (options.idPrefix || options.idSuffix) { dwr.util._updateIds(clone, options); } else { dwr.util._removeIds(clone); } ele.parentNode.insertBefore(clone, ele); return clone; }; /** * @private Update all of the ids in an element tree */ dwr.util._updateIds = function(ele, options) { if (options == null) options = {}; if (ele.id) { ele.setAttribute("id", (options.idPrefix || "") + ele.id + (options.idSuffix || "")); } var children = ele.childNodes; for (var i = 0; i < children.length; i++) { var child = children.item(i); if (child.nodeType == 1 /*Node.ELEMENT_NODE*/) { dwr.util._updateIds(child, options); } } }; /** * @private Remove all the Ids from an element */ dwr.util._removeIds = function(ele) { if (ele.id) ele.removeAttribute("id"); var children = ele.childNodes; for (var i = 0; i < children.length; i++) { var child = children.item(i); if (child.nodeType == 1 /*Node.ELEMENT_NODE*/) { dwr.util._removeIds(child); } } }; /** * Clone a template node and its embedded template child nodes according to * cardinalities (of arrays) in supplied data. */ dwr.util.cloneNodeForValues = function(templateEle, data, options) { templateEle = dwr.util._getElementById(templateEle, "cloneNodeForValues()"); if (templateEle == null) return null; if (options == null) options = {}; var idpath; if (options.idPrefix != null) idpath = options.idPrefix; else idpath = templateEle.id || ""; return dwr.util._cloneNodeForValuesRecursive(templateEle, data, idpath, options); }; /** * @private Recursive helper for cloneNodeForValues(). */ dwr.util._cloneNodeForValuesRecursive = function(templateEle, data, idpath, options) { // Incoming array -> make an id for each item and call clone of the template // for each of them if (dwr.util._isArray(data)) { var clones = []; for (var i = 0; i < data.length; i++) { var item = data[i]; var clone = dwr.util._cloneNodeForValuesRecursive(templateEle, item, idpath + "[" + i + "]", options); clones.push(clone); } return clones; } else // Incoming object (not array) -> clone the template, add id prefixes, add // clone to DOM, and then recurse into any array properties if they contain // objects and there is a suitable template if (dwr.util._isObject(data) && !dwr.util._isArray(data)) { var clone = templateEle.cloneNode(true); if (options.updateCloneStyle && clone.style) { for (var propname in options.updateCloneStyle) { clone.style[propname] = options.updateCloneStyle[propname]; } } dwr.util._replaceIds(clone, templateEle.id, idpath); templateEle.parentNode.insertBefore(clone, templateEle); dwr.util._cloneSubArrays(data, idpath, options); return clone; } // It is an error to end up here so we return nothing return null; }; /** * @private Substitute a leading idpath fragment with another idpath for all * element ids tree, and remove ids that don't match the idpath. */ dwr.util._replaceIds = function(ele, oldidpath, newidpath) { if (ele.id) { var newId = null; if (ele.id == oldidpath) { newId = newidpath; } else if (ele.id.length > oldidpath.length) { if (ele.id.substr(0, oldidpath.length) == oldidpath) { var trailingChar = ele.id.charAt(oldidpath.length); if (trailingChar == "." || trailingChar == "[") { newId = newidpath + ele.id.substr(oldidpath.length); } } } if (newId) { ele.setAttribute("id", newId); } else { ele.removeAttribute("id"); } } var children = ele.childNodes; for (var i = 0; i < children.length; i++) { var child = children.item(i); if (child.nodeType == 1 /*Node.ELEMENT_NODE*/) { dwr.util._replaceIds(child, oldidpath, newidpath); } } }; /** * @private Finds arrays in supplied data and uses any corresponding template * node to make a clone for each item in the array. */ dwr.util._cloneSubArrays = function(data, idpath, options) { for (prop in data) { var value = data[prop]; // Look for potential recursive cloning in all array properties if (dwr.util._isArray(value)) { // Only arrays with objects are interesting for cloning if (value.length > 0 && dwr.util._isObject(value[0])) { var subTemplateId = idpath + "." + prop; var subTemplateEle = dwr.util.byId(subTemplateId); if (subTemplateEle != null) { dwr.util._cloneNodeForValuesRecursive(subTemplateEle, value, subTemplateId, options); } } } // Continue looking for arrays in object properties else if (dwr.util._isObject(value)) { dwr.util._cloneSubArrays(value, idpath + "." + prop, options); } } }; /** * @private Helper to turn a string into an element with an error message */ dwr.util._getElementById = function(ele, source) { var orig = ele; ele = dwr.util.byId(ele); if (ele == null) { dwr.util._debug(source + " can't find an element with id: " + orig + "."); } return ele; }; /** * @private Is the given node an HTML element (optionally of a given type)? * @param ele The element to test * @param nodeName eg "input", "textarea" - check for node name (optional) * if nodeName is an array then check all for a match. */ dwr.util._isHTMLElement = function(ele, nodeName) { if (ele == null || typeof ele != "object" || ele.nodeName == null) { return false; } if (nodeName != null) { var test = ele.nodeName.toLowerCase(); if (typeof nodeName == "string") { return test == nodeName.toLowerCase(); } if (dwr.util._isArray(nodeName)) { var match = false; for (var i = 0; i < nodeName.length && !match; i++) { if (test == nodeName[i].toLowerCase()) { match = true; } } return match; } dwr.util._debug("dwr.util._isHTMLElement was passed test node name that is neither a string or array of strings"); return false; } return true; }; /** * @private Like typeOf except that more information for an object is returned other than "object" */ dwr.util._detailedTypeOf = function(x) { var reply = typeof x; if (reply == "object") { reply = Object.prototype.toString.apply(x); // Returns "[object class]" reply = reply.substring(8, reply.length-1); // Just get the class bit } return reply; }; /** * @private Object detector. Excluding null from objects. */ dwr.util._isObject = function(data) { return (data && typeof data == "object"); }; /** * @private Array detector. Note: instanceof doesn't work with multiple frames. */ dwr.util._isArray = function(data) { return (data && data.join); }; /** * @private Date detector. Note: instanceof doesn't work with multiple frames. */ dwr.util._isDate = function(data) { return (data && data.toUTCString) ? true : false; }; /** * @private Used by setValue. Gets around the missing functionallity in IE. */ dwr.util._importNode = function(doc, importedNode, deep) { var newNode; if (importedNode.nodeType == 1 /*Node.ELEMENT_NODE*/) { newNode = doc.createElement(importedNode.nodeName); for (var i = 0; i < importedNode.attributes.length; i++) { var attr = importedNode.attributes[i]; if (attr.nodeValue != null && attr.nodeValue != '') { newNode.setAttribute(attr.name, attr.nodeValue); } } if (typeof importedNode.style != "undefined") { newNode.style.cssText = importedNode.style.cssText; } } else if (importedNode.nodeType == 3 /*Node.TEXT_NODE*/) { newNode = doc.createTextNode(importedNode.nodeValue); } if (deep && importedNode.hasChildNodes()) { for (i = 0; i < importedNode.childNodes.length; i++) { newNode.appendChild(dwr.util._importNode(doc, importedNode.childNodes[i], true)); } } return newNode; }; /** @private Used internally when some message needs to get to the programmer */ dwr.util._debug = function(message, stacktrace) { var written = false; try { if (window.console) { if (stacktrace && window.console.trace) window.console.trace(); window.console.log(message); written = true; } else if (window.opera && window.opera.postError) { window.opera.postError(message); written = true; } } catch (ex) { /* ignore */ } if (!written) { var debug = document.getElementById("dwr-debug"); if (debug) { var contents = message + "<br/>" + debug.innerHTML; if (contents.length > 2048) contents = contents.substring(0, 2048); debug.innerHTML = contents; } } };

var skipLinks = {}; /** * This will focus on the first visible link in the content frame. */ skipLinks.focusOnContentFrame = function( contentFrameId, secondaryContentFrameId ) { var contentFrame = skipLinks.getExtendedIframe( contentFrameId ); // if the frame exists and has frames itself, try the secondary frame id if ( contentFrame && contentFrame.frames && contentFrame.frames.length > 0 ) { if ( contentFrame.frames[ secondaryContentFrameId ] ) { contentFrame = contentFrame.frames[ secondaryContentFrameId ] } } // if the frame exists and has access to Prototype $$ utility if ( contentFrame && contentFrame.$$ ) { var focusElement, primarySkipLink, firstHeader1, firstLink; // try to focus on an element that's explicitly marked as the primary skiplink if ( (primarySkipLink = contentFrame.$$( '.primarySkipLink' )).length > 0 ) { focusElement = primarySkipLink.first(); } // try to focus on the first h1 else if ( (firstHeader1 = contentFrame.$$( 'body h1:first' )).length > 0 ) { focusElement = firstHeader1.first(); } // next try to focus on the first non-hidden link else if ( (firstLink = contentFrame.$$( 'body a[class!="hideoff"]' )).length > 0 ) { focusElement = firstLink.first(); } if ( focusElement ) { focusElement.focus(); return false; } } // if the content frame is there but no Prototype, then just focus it else if ( contentFrame ) { contentFrame.focus(); } return false; }; /** * This will focus on the first tab link in the top navigation bar, e.g. My Institution. */ skipLinks.focusOnSystemNav = function() { var extIframe = skipLinks.getExtendedIframe( 'navFrame' ); var tabs = extIframe.$$( '#appTabList td' ); // focus on the first tab link. the index is 1 because "Skip To: Main Content" will always be 0 var firstTab = tabs[ 1 ]; $( firstTab ).down('a').focus(); return false; }; /** * This will focus on the object with the passed in focusId. */ skipLinks.focusOn = function( focusId ) { var focusObj = $$( focusId ); if ( focusObj && focusObj.length > 0 ) { $( focusObj[ 0 ] ).focus(); } return false; }; /** * This is used to get a Prototype extended frame while being in another frame. * An example is calling into the content frame from the top navigation. */ skipLinks.getExtendedIframe = function( iframeName ) { // try to get the iframe from the top frames var iframe = window.top.frames[ iframeName ]; if ( !iframe ) { // this could be a sub-frame of contentFrame iframe = window.parent.frames[ iframeName ]; } // try again to get the iframe. this will be the first frame for nav and // the second frame for content. this is a workaround for Firefox. if ( !iframe && window.top.frames.length == 2 ) { iframe = iframeName == 'navFrame' ? window.top.frames[ 0 ] : window.top.frames[ 1 ]; } // if we don't have a frame to work with, just return null if ( !iframe ) { return null; } var idoc; var iwin; try { // this will throw an exception if the iframe is an external URL var iframeLocation = iframe.location; // get window and document objects for iframe (IE compatible) if ( iframe.contentDocument || ( iframe.contentWindow && iframe.contentWindow.document ) ) { idoc = iframe.contentDocument || iframe.contentWindow.document; } if ( iframe.contentWindow || ( iframe.contentDocument && iframe.contentDocument.defaultView ) ) { iwin = iframe.contentWindow || iframe.contentDocument.defaultView; } } catch( err ) { // if we are in here, then most likely we tried to access an // external site, which is not allowed. just return the iframe. iframe.focus(); return null; } // extend prototype if available and return if ( iwin && iwin.Prototype ) { Element.extend( idoc ); iwin.Element.extend( idoc ); return iwin; } else if ( iframe && iframe.Prototype ) { return iframe; } return null; };

Current Location

1. MAT300041VA016-1146-001 Statistics
   • 
2. Week 10
3. Week 10 Assignment 1 Bottling Company Project

Skip to Course Content Skip to Top Frame Tabs

Menu Management Options

• 
• 
• 
• 
  • Expand All
  • Collapse All
• 

Course Menu:

MAT300041VA016-1146-001 (Statistics)

• Course Home
• Student Center
• Mobile Learn
• Announcements
• Email
• Gradebook
• McGraw-Hill ALEKS
• Class Introductions
• Week 1
• Week 2
• Week 3
• Week 4
• Week 5
• Week 6
• Week 7
• Week 8
• Week 9
• Week 10
• Week 11

Week 10 Assignment 1 Bottling Company Project

Skip to Course Menu Skip to Top Frame Tabs

Content

• Week 10 Assignment 1 Submission

  Click the link above to submit your assignment. Students, please view the "Submit a Clickable Rubric Assignment" in the Student Center. Instructors, training on how to grade is within the Instructor Center.

   

  Assignment 1: Bottling Company Case Study

  Due Week 10 and worth 140 points

   

  Imagine you are a manager at a major bottling company. Customers have begun to complain that the bottles of the brand of soda produced in your company contain less than the advertised sixteen (16) ounces of product. Your boss wants to solve the problem at hand and has asked you to investigate. You have your employees pull thirty (30) bottles off the line at random from all the shifts at the bottling plant. You ask your employees to measure the amount of soda there is in each bottle. Note: Use the data set provided by your instructor to complete this assignment. 

  Faculty Note: Provide students the data set below or your own for the completion of this assignment.

  Bottle Number	Ounces	Bottle Number	Ounces	Bottle Number	Ounces
  1	14.5	11	15	21	14.1
  2	14.6	12	15.1	22	14.2
  3	14.7	13	15	23	14
  4	14.8	14	14.4	24	14.9
  5	14.9	15	15.8	25	14.7
  6	15.3	16	14	26	14.5
  7	14.9	17	16	27	14.6
  8	15.5	18	16.1	28	14.8
  9	14.8	19	15.8	29	14.8
  10	15.2	20	14.5	30	14.6

   

  Write a two to three (2-3) page report in which you:

  1. Calculate the mean, median, and standard deviation for ounces in the bottles.
  2. Construct a 95% Confidence Interval for the ounces in the bottles.
  3. Conduct a hypothesis test to verify if the claim that a bottle contains less than sixteen (16) ounces is supported. Clearly state the logic of your test, the calculations, and the conclusion of your test.
  4. Provide the following discussion based on the conclusion of your test:  

  a. If you conclude that there are less than sixteen (16) ounces in a bottle of soda, speculate on three (3) possible causes. Next, suggest the strategies to avoid the deficit in the future.

  Or

  b. If you conclude that the claim of less soda per bottle is not supported or justified, provide a detailed explanation to your boss about the situation. Include your speculation on the reason(s) behind the claim, and recommend one (1) strategy geared toward mitigating this issue in the future.

  Your assignment must follow these formatting requirements:

  • Be typed, double spaced, using Times New Roman font (size 12), with one-inch margins on all sides.  No citations and references are required, but if you use them, they must follow APA format. Check with your professor for any additional instructions.
  • Include a cover page containing the title of the assignment, the student’s name, the professor’s name, the course title, and the date. The cover page and the reference page are not included in the required assignment page length.

   

  The specific course learning outcomes associated with this assignment are:

  • Calculate measurements of central tendency and dispersal.
  • Determine confidence intervals for data.
  • Describe the vocabulary and principles of hypothesis testing.
  • Discuss application of course content to professional contexts.
  • Use technological tools to solve problems in statistics.
  • Write clearly and concisely about statistics using proper writing mechanics.
  Click here to view the grading rubric for this assignment.

/* Prototype JavaScript framework, version 1.7 * (c) 2005-2010 Sam Stephenson * * Prototype is freely distributable under the terms of an MIT-style license. * For details, see the Prototype web site: http://www.prototypejs.org/ * *--------------------------------------------------------------------------*/ var Prototype = { Version: '1.7', Browser: (function(){ var ua = navigator.userAgent; var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]'; return { IE: !!window.attachEvent && !isOpera, Opera: isOpera, WebKit: ua.indexOf('AppleWebKit/') > -1, Gecko: ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') === -1, MobileSafari: /Apple.*Mobile/.test(ua) } })(), BrowserFeatures: { XPath: !!document.evaluate, SelectorsAPI: !!document.querySelector, ElementExtensions: (function() { var constructor = window.Element || window.HTMLElement; return !!(constructor && constructor.prototype); })(), SpecificElementExtensions: (function() { if (typeof window.HTMLDivElement !== 'undefined') return true; var div = document.createElement('div'), form = document.createElement('form'), isSupported = false; if (div['__proto__'] && (div['__proto__'] !== form['__proto__'])) { isSupported = true; } div = form = null; return isSupported; })() }, ScriptFragment: '<script[^>]*>([\\S\\s]*?)<\/script>', JSONFilter: /^\/\*-secure-([\s\S]*)\*\/\s*$/, emptyFunction: function() { }, K: function(x) { return x } }; if (Prototype.Browser.MobileSafari) Prototype.BrowserFeatures.SpecificElementExtensions = false; var Abstract = { }; var Try = { these: function() { var returnValue; for (var i = 0, length = arguments.length; i < length; i++) { var lambda = arguments[i]; try { returnValue = lambda(); break; } catch (e) { } } return returnValue; } }; /* Based on Alex Arnell's inheritance implementation. */ var Class = (function() { var IS_DONTENUM_BUGGY = (function(){ for (var p in { toString: 1 }) { if (p === 'toString') return false; } return true; })(); function subclass() {}; function create() { var parent = null, properties = $A(arguments); if (Object.isFunction(properties[0])) parent = properties.shift(); function klass() { this.initialize.apply(this, arguments); } Object.extend(klass, Class.Methods); klass.superclass = parent; klass.subclasses = []; if (parent) { subclass.prototype = parent.prototype; klass.prototype = new subclass; parent.subclasses.push(klass); } for (var i = 0, length = properties.length; i < length; i++) klass.addMethods(properties[i]); if (!klass.prototype.initialize) klass.prototype.initialize = Prototype.emptyFunction; klass.prototype.constructor = klass; return klass; } function addMethods(source) { var ancestor = this.superclass && this.superclass.prototype, properties = Object.keys(source); if (IS_DONTENUM_BUGGY) { if (source.toString != Object.prototype.toString) properties.push("toString"); if (source.valueOf != Object.prototype.valueOf) properties.push("valueOf"); } for (var i = 0, length = properties.length; i < length; i++) { var property = properties[i], value = source[property]; if (ancestor && Object.isFunction(value) && value.argumentNames()[0] == "$super") { var method = value; value = (function(m) { return function() { return ancestor[m].apply(this, arguments); }; })(property).wrap(method); value.valueOf = method.valueOf.bind(method); value.toString = method.toString.bind(method); } this.prototype[property] = value; } return this; } return { create: create, Methods: { addMethods: addMethods } }; })(); (function() { var _toString = Object.prototype.toString, NULL_TYPE = 'Null', UNDEFINED_TYPE = 'Undefined', BOOLEAN_TYPE = 'Boolean', NUMBER_TYPE = 'Number', STRING_TYPE = 'String', OBJECT_TYPE = 'Object', FUNCTION_CLASS = '[object Function]', BOOLEAN_CLASS = '[object Boolean]', NUMBER_CLASS = '[object Number]', STRING_CLASS = '[object String]', ARRAY_CLASS = '[object Array]', DATE_CLASS = '[object Date]', NATIVE_JSON_STRINGIFY_SUPPORT = window.JSON && typeof JSON.stringify === 'function' && JSON.stringify(0) === '0' && typeof JSON.stringify(Prototype.K) === 'undefined'; function Type(o) { switch(o) { case null: return NULL_TYPE; case (void 0): return UNDEFINED_TYPE; } var type = typeof o; switch(type) { case 'boolean': return BOOLEAN_TYPE; case 'number': return NUMBER_TYPE; case 'string': return STRING_TYPE; } return OBJECT_TYPE; } function extend(destination, source) { for (var property in source) destination[property] = source[property]; return destination; } function inspect(object) { try { if (isUndefined(object)) return 'undefined'; if (object === null) return 'null'; return object.inspect ? object.inspect() : String(object); } catch (e) { if (e instanceof RangeError) return '...'; throw e; } } function toJSON(value) { return Str('', { '': value }, []); } function Str(key, holder, stack) { var value = holder[key], type = typeof value; if (Type(value) === OBJECT_TYPE && typeof value.toJSON === 'function') { value = value.toJSON(key); } var _class = _toString.call(value); switch (_class) { case NUMBER_CLASS: case BOOLEAN_CLASS: case STRING_CLASS: value = value.valueOf(); } switch (value) { case null: return 'null'; case true: return 'true'; case false: return 'false'; } type = typeof value; switch (type) { case 'string': return value.inspect(true); case 'number': return isFinite(value) ? String(value) : 'null'; case 'object': for (var i = 0, length = stack.length; i < length; i++) { if (stack[i] === value) { throw new TypeError(); } } stack.push(value); var partial = []; if (_class === ARRAY_CLASS) { for (var i = 0, length = value.length; i < length; i++) { var str = Str(i, value, stack); partial.push(typeof str === 'undefined' ? 'null' : str); } partial = '[' + partial.join(',') + ']'; } else { var keys = Object.keys(value); for (var i = 0, length = keys.length; i < length; i++) { var key = keys[i], str = Str(key, value, stack); if (typeof str !== "undefined") { partial.push(key.inspect(true)+ ':' + str); } } partial = '{' + partial.join(',') + '}'; } stack.pop(); return partial; } } function stringify(object) { return JSON.stringify(object); } function toQueryString(object) { return $H(object).toQueryString(); } function toHTML(object) { return object && object.toHTML ? object.toHTML() : String.interpret(object); } function keys(object) { if (Type(object) !== OBJECT_TYPE) { throw new TypeError(); } var results = []; for (var property in object) { if (object.hasOwnProperty(property)) { results.push(property); } } return results; } function values(object) { var results = []; for (var property in object) results.push(object[property]); return results; } function clone(object) { return extend({ }, object); } function isElement(object) { return !!(object && object.nodeType == 1); } function isArray(object) { return _toString.call(object) === ARRAY_CLASS; } var hasNativeIsArray = (typeof Array.isArray == 'function') && Array.isArray([]) && !Array.isArray({}); if (hasNativeIsArray) { isArray = Array.isArray; } function isHash(object) { return object instanceof Hash; } function isFunction(object) { return _toString.call(object) === FUNCTION_CLASS; } function isString(object) { return _toString.call(object) === STRING_CLASS; } function isNumber(object) { return _toString.call(object) === NUMBER_CLASS; } function isDate(object) { return _toString.call(object) === DATE_CLASS; } function isUndefined(object) { return typeof object === "undefined"; } extend(Object, { extend: extend, inspect: inspect, toJSON: NATIVE_JSON_STRINGIFY_SUPPORT ? stringify : toJSON, toJSONEx: toJSON, // Leaving this in here to assist in debugging odd stringify issues in IE if we see them again in other contexts. toQueryString: toQueryString, toHTML: toHTML, keys: Object.keys || keys, values: values, clone: clone, isElement: isElement, isArray: isArray, isHash: isHash, isFunction: isFunction, isString: isString, isNumber: isNumber, isDate: isDate, isUndefined: isUndefined }); })(); Object.extend(Function.prototype, (function() { var slice = Array.prototype.slice; function update(array, args) { var arrayLength = array.length, length = args.length; while (length--) array[arrayLength + length] = args[length]; return array; } function merge(array, args) { array = slice.call(array, 0); return update(array, args); } function argumentNames() { var names = this.toString().match(/^[\s\(]*function[^(]*\(([^)]*)\)/)[1] .replace(/\/\/.*?[\r\n]|\/\*(?:.|[\r\n])*?\*\//g, '') .replace(/\s+/g, '').split(','); return names.length == 1 && !names[0] ? [] : names; } function bind(context) { if (arguments.length < 2 && Object.isUndefined(arguments[0])) return this; var __method = this, args = slice.call(arguments, 1); return function() { var a = merge(args, arguments); return __method.apply(context, a); } } function bindAsEventListener(context) { var __method = this, args = slice.call(arguments, 1); return function(event) { var a = update([event || window.event], args); return __method.apply(context, a); } } function curry() { if (!arguments.length) return this; var __method = this, args = slice.call(arguments, 0); return function() { var a = merge(args, arguments); return __method.apply(this, a); } } function delay(timeout) { var __method = this, args = slice.call(arguments, 1); timeout = timeout * 1000; return window.setTimeout(function() { return __method.apply(__method, args); }, timeout); } function defer() { var args = update([0.01], arguments); return this.delay.apply(this, args); } function wrap(wrapper) { var __method = this; return function() { var a = update([__method.bind(this)], arguments); return wrapper.apply(this, a); } } function methodize() { if (this._methodized) return this._methodized; var __method = this; return this._methodized = function() { var a = update([this], arguments); return __method.apply(null, a); }; } return { argumentNames: argumentNames, bind: bind, bindAsEventListener: bindAsEventListener, curry: curry, delay: delay, defer: defer, wrap: wrap, methodize: methodize } })()); (function(proto) { function toISOString() { return this.getUTCFullYear() + '-' + (this.getUTCMonth() + 1).toPaddedString(2) + '-' + this.getUTCDate().toPaddedString(2) + 'T' + this.getUTCHours().toPaddedString(2) + ':' + this.getUTCMinutes().toPaddedString(2) + ':' + this.getUTCSeconds().toPaddedString(2) + 'Z'; } function toJSON() { return this.toISOString(); } if (!proto.toISOString) proto.toISOString = toISOString; if (!proto.toJSON) proto.toJSON = toJSON; })(Date.prototype); RegExp.prototype.match = RegExp.prototype.test; RegExp.escape = function(str) { return String(str).replace(/([.*+?^=!:${}()|[\]\/\\])/g, '\\$1'); }; var PeriodicalExecuter = Class.create({ initialize: function(callback, frequency) { this.callback = callback; this.frequency = frequency; this.currentlyExecuting = false; this.registerCallback(); }, registerCallback: function() { this.timer = setInterval(this.onTimerEvent.bind(this), this.frequency * 1000); }, execute: function() { this.callback(this); }, stop: function() { if (!this.timer) return; clearInterval(this.timer); this.timer = null; }, onTimerEvent: function() { if (!this.currentlyExecuting) { try { this.currentlyExecuting = true; this.execute(); this.currentlyExecuting = false; } catch(e) { this.currentlyExecuting = false; throw e; } } } }); Object.extend(String, { interpret: function(value) { return value == null ? '' : String(value); }, specialChar: { '\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '\\': '\\\\' } }); Object.extend(String.prototype, (function() { var NATIVE_JSON_PARSE_SUPPORT = window.JSON && typeof JSON.parse === 'function' && JSON.parse('{"test": true}').test; function prepareReplacement(replacement) { if (Object.isFunction(replacement)) return replacement; var template = new Template(replacement); return function(match) { return template.evaluate(match) }; } function gsub(pattern, replacement) { var result = '', source = this, match; replacement = prepareReplacement(replacement); if (Object.isString(pattern)) pattern = RegExp.escape(pattern); if (!(pattern.length || pattern.source)) { replacement = replacement(''); return replacement + source.split('').join(replacement) + replacement; } while (source.length > 0) { if (match = source.match(pattern)) { result += source.slice(0, match.index); result += String.interpret(replacement(match)); source = source.slice(match.index + match[0].length); } else { result += source, source = ''; } } return result; } function sub(pattern, replacement, count) { replacement = prepareReplacement(replacement); count = Object.isUndefined(count) ? 1 : count; return this.gsub(pattern, function(match) { if (--count < 0) return match[0]; return replacement(match); }); } function scan(pattern, iterator) { this.gsub(pattern, iterator); return String(this); } function truncate(length, truncation) { length = length || 30; truncation = Object.isUndefined(truncation) ? '...' : truncation; return this.length > length ? this.slice(0, length - truncation.length) + truncation : String(this); } function strip() { return this.replace(/^\s+/, '').replace(/\s+$/, ''); } function stripTags() { return this.replace(/<\w+(\s+("[^"]*"|'[^']*'|[^>])+)?>|<\/\w+>/gi, ''); } function stripScripts() { return this.replace(new RegExp(Prototype.ScriptFragment, 'img'), ''); } function extractScripts() { var matchAll = new RegExp(Prototype.ScriptFragment, 'img'), matchOne = new RegExp(Prototype.ScriptFragment, 'im'); var htmlStr = this.replace(new RegExp('\<![ \r\n\t]*(--([^\-]|[\r\n]|-[^\-])*--[ \r\n\t]*)\>', 'img'), ''); return (htmlStr.match(matchAll) || []).map(function(scriptTag) { return (scriptTag.match(matchOne) || ['', ''])[1]; }); } function evalScripts() { return this.extractScripts().map(function(script) { return eval(script) }); } function escapeHTML() { return this.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;'); } function unescapeHTML() { return this.stripTags().replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&amp;/g,'&'); } function toQueryParams(separator) { var match = this.strip().match(/([^?#]*)(#.*)?$/); if (!match) return { }; return match[1].split(separator || '&').inject({ }, function(hash, pair) { if ((pair = pair.split('='))[0]) { var key = decodeURIComponent(pair.shift()), value = pair.length > 1 ? pair.join('=') : pair[0]; if (value != undefined) value = decodeURIComponent(value); if (key in hash) { if (!Object.isArray(hash[key])) hash[key] = [hash[key]]; hash[key].push(value); } else hash[key] = value; } return hash; }); } function toArray() { return this.split(''); } function succ() { return this.slice(0, this.length - 1) + String.fromCharCode(this.charCodeAt(this.length - 1) + 1); } function times(count) { return count < 1 ? '' : new Array(count + 1).join(this); } function camelize() { return this.replace(/-+(.)?/g, function(match, chr) { return chr ? chr.toUpperCase() : ''; }); } function capitalize() { return this.charAt(0).toUpperCase() + this.substring(1).toLowerCase(); } function underscore() { return this.replace(/::/g, '/') .replace(/([A-Z]+)([A-Z][a-z])/g, '$1_$2') .replace(/([a-z\d])([A-Z])/g, '$1_$2') .replace(/-/g, '_') .toLowerCase(); } function dasherize() { return this.replace(/_/g, '-'); } function inspect(useDoubleQuotes) { var escapedString = this.replace(/[\x00-\x1f\\]/g, function(character) { if (character in String.specialChar) { return String.specialChar[character]; } return '\\u00' + character.charCodeAt().toPaddedString(2, 16); }); if (useDoubleQuotes) return '"' + escapedString.replace(/"/g, '\\"') + '"'; return "'" + escapedString.replace(/'/g, '\\\'') + "'"; } function unfilterJSON(filter) { return this.replace(filter || Prototype.JSONFilter, '$1'); } function isJSON() { var str = this; if (str.blank()) return false; str = str.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g, '@'); str = str.replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']'); str = str.replace(/(?:^|:|,)(?:\s*\[)+/g, ''); return (/^[\],:{}\s]*$/).test(str); } function evalJSON(sanitize) { var json = this.unfilterJSON(), cx = /[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g; if (cx.test(json)) { json = json.replace(cx, function (a) { return '\\u' + ('0000' + a.charCodeAt(0).toString(16)).slice(-4); }); } try { if (!sanitize || json.isJSON()) return eval('(' + json + ')'); } catch (e) { } throw new SyntaxError('Badly formed JSON string: ' + this.inspect()); } function parseJSON() { var json = this.unfilterJSON(); return JSON.parse(json); } function include(pattern) { return this.indexOf(pattern) > -1; } function startsWith(pattern) { return this.lastIndexOf(pattern, 0) === 0; } function endsWith(pattern) { var d = this.length - pattern.length; return d >= 0 && this.indexOf(pattern, d) === d; } function empty() { return this == ''; } function blank() { return /^\s*$/.test(this); } function interpolate(object, pattern) { return new Template(this, pattern).evaluate(object); } return { gsub: gsub, sub: sub, scan: scan, truncate: truncate, strip: String.prototype.trim || strip, stripTags: stripTags, stripScripts: stripScripts, extractScripts: extractScripts, evalScripts: evalScripts, escapeHTML: escapeHTML, unescapeHTML: unescapeHTML, toQueryParams: toQueryParams, parseQuery: toQueryParams, toArray: toArray, succ: succ, times: times, camelize: camelize, capitalize: capitalize, underscore: underscore, dasherize: dasherize, inspect: inspect, unfilterJSON: unfilterJSON, isJSON: isJSON, evalJSON: NATIVE_JSON_PARSE_SUPPORT ? parseJSON : evalJSON, include: include, startsWith: startsWith, endsWith: endsWith, empty: empty, blank: blank, interpolate: interpolate }; })()); var Template = Class.create({ initialize: function(template, pattern) { this.template = template.toString(); this.pattern = pattern || Template.Pattern; }, evaluate: function(object) { if (object && Object.isFunction(object.toTemplateReplacements)) object = object.toTemplateReplacements(); return this.template.gsub(this.pattern, function(match) { if (object == null) return (match[1] + ''); var before = match[1] || ''; if (before == '\\') return match[2]; var ctx = object, expr = match[3], pattern = /^([^.[]+|\[((?:.*?[^\\])?)\])(\.|\[|$)/; match = pattern.exec(expr); if (match == null) return before; while (match != null) { var comp = match[1].startsWith('[') ? match[2].replace(/\\\\]/g, ']') : match[1]; ctx = ctx[comp]; if (null == ctx || '' == match[3]) break; expr = expr.substring('[' == match[3] ? match[1].length : match[0].length); match = pattern.exec(expr); } return before + String.interpret(ctx); }); } }); Template.Pattern = /(^|.|\r|\n)(#\{(.*?)\})/; var $break = { }; var Enumerable = (function() { function each(iterator, context) { var index = 0; try { this._each(function(value) { iterator.call(context, value, index++); }); } catch (e) { if (e != $break) throw e; } return this; } function eachSlice(number, iterator, context) { var index = -number, slices = [], array = this.toArray(); if (number < 1) return array; while ((index += number) < array.length) slices.push(array.slice(index, index+number)); return slices.collect(iterator, context); } function all(iterator, context) { iterator = iterator || Prototype.K; var result = true; this.each(function(value, index) { result = result && !!iterator.call(context, value, index); if (!result) throw $break; }); return result; } function any(iterator, context) { iterator = iterator || Prototype.K; var result = false; this.each(function(value, index) { if (result = !!iterator.call(context, value, index)) throw $break; }); return result; } function collect(iterator, context) { iterator = iterator || Prototype.K; var results = []; this.each(function(value, index) { results.push(iterator.call(context, value, index)); }); return results; } function detect(iterator, context) { var result; this.each(function(value, index) { if (iterator.call(context, value, index)) { result = value; throw $break; } }); return result; } function findAll(iterator, context) { var results = []; this.each(function(value, index) { if (iterator.call(context, value, index)) results.push(value); }); return results; } function grep(filter, iterator, context) { iterator = iterator || Prototype.K; var results = []; if (Object.isString(filter)) filter = new RegExp(RegExp.escape(filter)); this.each(function(value, index) { if (filter.match(value)) results.push(iterator.call(context, value, index)); }); return results; } function include(object) { if (Object.isFunction(this.indexOf)) if (this.indexOf(object) != -1) return true; var found = false; this.each(function(value) { if (value == object) { found = true; throw $break; } }); return found; } function inGroupsOf(number, fillWith) { fillWith = Object.isUndefined(fillWith) ? null : fillWith; return this.eachSlice(number, function(slice) { while(slice.length < number) slice.push(fillWith); return slice; }); } function inject(memo, iterator, context) { this.each(function(value, index) { memo = iterator.call(context, memo, value, index); }); return memo; } function invoke(method) { var args = $A(arguments).slice(1); return this.map(function(value) { return value[method].apply(value, args); }); } function max(iterator, context) { iterator = iterator || Prototype.K; var result; this.each(function(value, index) { value = iterator.call(context, value, index); if (result == null || value >= result) result = value; }); return result; } function min(iterator, context) { iterator = iterator || Prototype.K; var result; this.each(function(value, index) { value = iterator.call(context, value, index); if (result == null || value < result) result = value; }); return result; } function partition(iterator, context) { iterator = iterator || Prototype.K; var trues = [], falses = []; this.each(function(value, index) { (iterator.call(context, value, index) ? trues : falses).push(value); }); return [trues, falses]; } function pluck(property) { var results = []; this.each(function(value) { results.push(value[property]); }); return results; } function reject(iterator, context) { var results = []; this.each(function(value, index) { if (!iterator.call(context, value, index)) results.push(value); }); return results; } function sortBy(iterator, context) { return this.map(function(value, index) { return { value: value, criteria: iterator.call(context, value, index) }; }).sort(function(left, right) { var a = left.criteria, b = right.criteria; return a < b ? -1 : a > b ? 1 : 0; }).pluck('value'); } function toArray() { return this.map(); } function zip() { var iterator = Prototype.K, args = $A(arguments); if (Object.isFunction(args.last())) iterator = args.pop(); var collections = [this].concat(args).map($A); return this.map(function(value, index) { return iterator(collections.pluck(index)); }); } function size() { return this.toArray().length; } function inspect() { return '#<Enumerable:' + this.toArray().inspect() + '>'; } return { each: each, eachSlice: eachSlice, all: all, every: all, any: any, some: any, collect: collect, map: collect, detect: detect, findAll: findAll, select: findAll, filter: findAll, grep: grep, include: include, member: include, inGroupsOf: inGroupsOf, inject: inject, invoke: invoke, max: max, min: min, partition: partition, pluck: pluck, reject: reject, sortBy: sortBy, toArray: toArray, entries: toArray, zip: zip, size: size, inspect: inspect, find: detect }; })(); function $A(iterable) { if (!iterable) return []; if ('toArray' in Object(iterable)) return iterable.toArray(); var length = iterable.length || 0, results = new Array(length); while (length--) results[length] = iterable[length]; return results; } function $w(string) { if (!Object.isString(string)) return []; string = string.strip(); return string ? string.split(/\s+/) : []; } Array.from = $A; (function() { var arrayProto = Array.prototype, slice = arrayProto.slice, _each = arrayProto.forEach; // use native browser JS 1.6 implementation if available function each(iterator, context) { for (var i = 0, length = this.length >>> 0; i < length; i++) { if (i in this) iterator.call(context, this[i], i, this); } } if (!_each) _each = each; function clear() { this.length = 0; return this; } function first() { return this[0]; } function last() { return this[this.length - 1]; } function compact() { return this.select(function(value) { return value != null; }); } function flatten() { return this.inject([], function(array, value) { if (Object.isArray(value)) return array.concat(value.flatten()); array.push(value); return array; }); } function without() { var values = slice.call(arguments, 0); return this.select(function(value) { return !values.include(value); }); } function reverse(inline) { return (inline === false ? this.toArray() : this)._reverse(); } function uniq(sorted) { return this.inject([], function(array, value, index) { if (0 == index || (sorted ? array.last() != value : !array.include(value))) array.push(value); return array; }); } function intersect(array) { return this.uniq().findAll(function(item) { return array.detect(function(value) { return item === value }); }); } function clone() { return slice.call(this, 0); } function size() { return this.length; } function inspect() { return '[' + this.map(Object.inspect).join(', ') + ']'; } function indexOf(item, i) { i || (i = 0); var length = this.length; if (i < 0) i = length + i; for (; i < length; i++) if (this[i] === item) return i; return -1; } function lastIndexOf(item, i) { i = isNaN(i) ? this.length : (i < 0 ? this.length + i : i) + 1; var n = this.slice(0, i).reverse().indexOf(item); return (n < 0) ? n : i - n - 1; } function concat() { var array = slice.call(this, 0), item; for (var i = 0, length = arguments.length; i < length; i++) { item = arguments[i]; if (Object.isArray(item) && !('callee' in item)) { for (var j = 0, arrayLength = item.length; j < arrayLength; j++) array.push(item[j]); } else { array.push(item); } } return array; } Object.extend(arrayProto, Enumerable); if (!arrayProto._reverse) arrayProto._reverse = arrayProto.reverse; Object.extend(arrayProto, { _each: _each, clear: clear, first: first, last: last, compact: compact, flatten: flatten, without: without, reverse: reverse, uniq: uniq, intersect: intersect, clone: clone, toArray: clone, size: size, inspect: inspect }); var CONCAT_ARGUMENTS_BUGGY = (function() { return [].concat(arguments)[0][0] !== 1; })(1,2) if (CONCAT_ARGUMENTS_BUGGY) arrayProto.concat = concat; if (!arrayProto.indexOf) arrayProto.indexOf = indexOf; if (!arrayProto.lastIndexOf) arrayProto.lastIndexOf = lastIndexOf; })(); function $H(object) { return new Hash(object); }; var Hash = Class.create(Enumerable, (function() { function initialize(object) { this._object = Object.isHash(object) ? object.toObject() : Object.clone(object); } function _each(iterator) { for (var key in this._object) { var value = this._object[key], pair = [key, value]; pair.key = key; pair.value = value; iterator(pair); } } function set(key, value) { return this._object[key] = value; } function get(key) { if (this._object[key] !== Object.prototype[key]) return this._object[key]; } function unset(key) { var value = this._object[key]; delete this._object[key]; return value; } function toObject() { return Object.clone(this._object); } function keys() { return this.pluck('key'); } function values() { return this.pluck('value'); } function index(value) { var match = this.detect(function(pair) { return pair.value === value; }); return match && match.key; } function merge(object) { return this.clone().update(object); } function update(object) { return new Hash(object).inject(this, function(result, pair) { result.set(pair.key, pair.value); return result; }); } function toQueryPair(key, value) { if (Object.isUndefined(value)) return key; return key + '=' + encodeURIComponent(String.interpret(value)); } function toQueryString() { return this.inject([], function(results, pair) { var key = encodeURIComponent(pair.key), values = pair.value; if (values && typeof values == 'object') { if (Object.isArray(values)) { var queryValues = []; for (var i = 0, len = values.length, value; i < len; i++) { value = values[i]; queryValues.push(toQueryPair(key, value)); } return results.concat(queryValues); } } else results.push(toQueryPair(key, values)); return results; }).join('&'); } function inspect() { return '#<Hash:{' + this.map(function(pair) { return pair.map(Object.inspect).join(': '); }).join(', ') + '}>'; } function clone() { return new Hash(this); } return { initialize: initialize, _each: _each, set: set, get: get, unset: unset, toObject: toObject, toTemplateReplacements: toObject, keys: keys, values: values, index: index, merge: merge, update: update, toQueryString: toQueryString, inspect: inspect, toJSON: toObject, clone: clone }; })()); Hash.from = $H; Object.extend(Number.prototype, (function() { function toColorPart() { return this.toPaddedString(2, 16); } function succ() { return this + 1; } function times(iterator, context) { $R(0, this, true).each(iterator, context); return this; } function toPaddedString(length, radix) { var string = this.toString(radix || 10); return '0'.times(length - string.length) + string; } function abs() { return Math.abs(this); } function round() { return Math.round(this); } function ceil() { return Math.ceil(this); } function floor() { return Math.floor(this); } return { toColorPart: toColorPart, succ: succ, times: times, toPaddedString: toPaddedString, abs: abs, round: round, ceil: ceil, floor: floor }; })()); function $R(start, end, exclusive) { return new ObjectRange(start, end, exclusive); } var ObjectRange = Class.create(Enumerable, (function() { function initialize(start, end, exclusive) { this.start = start; this.end = end; this.exclusive = exclusive; } function _each(iterator) { var value = this.start; while (this.include(value)) { iterator(value); value = value.succ(); } } function include(value) { if (value < this.start) return false; if (this.exclusive) return value < this.end; return value <= this.end; } return { initialize: initialize, _each: _each, include: include }; })()); var Ajax = { getTransport: function() { return Try.these( function() {return new XMLHttpRequest()}, function() {return new ActiveXObject('Msxml2.XMLHTTP')}, function() {return new ActiveXObject('Microsoft.XMLHTTP')} ) || false; }, activeRequestCount: 0 }; Ajax.Responders = { responders: [], _each: function(iterator) { this.responders._each(iterator); }, register: function(responder) { if (!this.include(responder)) this.responders.push(responder); }, unregister: function(responder) { this.responders = this.responders.without(responder); }, dispatch: function(callback, request, transport, json) { this.each(function(responder) { if (Object.isFunction(responder[callback])) { try { responder[callback].apply(responder, [request, transport, json]); } catch (e) { } } }); }, hasResponder: function( callback ) { this.each(function(responder) { if (Object.isFunction(responder[callback])) { return true; } }); return false; } }; Object.extend(Ajax.Responders, Enumerable); Ajax.Responders.register({ onCreate: function() { Ajax.activeRequestCount++ }, onComplete: function() { Ajax.activeRequestCount-- } }); Ajax.Base = Class.create({ initialize: function(options) { this.options = { method: 'post', asynchronous: true, contentType: 'application/x-www-form-urlencoded', encoding: 'UTF-8', parameters: '', evalJSON: true, evalJS: true }; Object.extend(this.options, options || { }); this.options.method = this.options.method.toLowerCase(); if (Object.isHash(this.options.parameters)) this.options.parameters = this.options.parameters.toObject(); } }); Ajax.Request = Class.create(Ajax.Base, { _complete: false, initialize: function($super, url, options) { $super(options); this.transport = Ajax.getTransport(); this.request(url); }, request: function(url) { this.url = url; this.method = this.options.method; var params = Object.isString(this.options.parameters) ? this.options.parameters : Object.toQueryString(this.options.parameters); if (!['get', 'post'].include(this.method)) { params += (params ? '&' : '') + "_method=" + this.method; this.method = 'post'; } if (params && this.method === 'get') { this.url += (this.url.include('?') ? '&' : '?') + params; } this.parameters = params.toQueryParams(); try { var response = new Ajax.Response(this); if (this.options.onCreate) this.options.onCreate(response); Ajax.Responders.dispatch('onCreate', this, response); this.transport.open(this.method.toUpperCase(), this.url, this.options.asynchronous); if (this.options.asynchronous) this.respondToReadyState.bind(this).defer(1); this.transport.onreadystatechange = this.onStateChange.bind(this); this.setRequestHeaders(); this.body = this.method == 'post' ? (this.options.postBody || params) : null; this.transport.send(this.body); /* Force Firefox to handle ready state 4 for synchronous requests */ if (!this.options.asynchronous && this.transport.overrideMimeType) this.onStateChange(); } catch (e) { this.dispatchException(e); } }, onStateChange: function() { var readyState = this.transport.readyState; if (readyState > 1 && !((readyState == 4) && this._complete)) this.respondToReadyState(this.transport.readyState); }, setRequestHeaders: function() { var headers = { 'X-Requested-With': 'XMLHttpRequest', 'X-Prototype-Version': Prototype.Version, 'Accept': 'text/javascript, text/html, application/xml, text/xml, */*' }; if (this.method == 'post') { headers['Content-type'] = this.options.contentType + (this.options.encoding ? '; charset=' + this.options.encoding : ''); /* Force "Connection: close" for older Mozilla browsers to work * around a bug where XMLHttpRequest sends an incorrect * Content-length header. See Mozilla Bugzilla #246651. */ if (this.transport.overrideMimeType && (navigator.userAgent.match(/Gecko\/(\d{4})/) || [0,2005])[1] < 2005) headers['Connection'] = 'close'; } if (typeof this.options.requestHeaders == 'object') { var extras = this.options.requestHeaders; if (Object.isFunction(extras.push)) for (var i = 0, length = extras.length; i < length; i += 2) headers[extras[i]] = extras[i+1]; else $H(extras).each(function(pair) { headers[pair.key] = pair.value }); } for (var name in headers) this.transport.setRequestHeader(name, headers[name]); }, success: function() { var status = this.getStatus(); return !status || (status >= 200 && status < 300) || status == 304; }, getStatus: function() { try { if (this.transport.status === 1223) return 204; return this.transport.status || 0; } catch (e) { return 0 } }, respondToReadyState: function(readyState) { var state = Ajax.Request.Events[readyState]; // quite a high number of Interactive events can be generated on some browsers // triggering a memory issue in FF3 when building the response object. So if there is no // registered listener, quick return // see https://bugzilla.mozilla.org/show_bug.cgi?id=453709 if ( state == 'Interactive' ) { if ( this.notListeningToInteractive ) { if ( this.notListeningToInteractive.value ) return; } else { this.notListeningToInteractive = new Object(); this.notListeningToInteractive.value = ( !this.options['onInteractive'] && !Ajax.Responders.hasResponder( state ) ); if ( this.notListeningToInteractive.value ) return; } } var response = new Ajax.Response(this); if (state == 'Complete') { try { this._complete = true; (this.options['on' + response.status] || this.options['on' + (this.success() ? 'Success' : 'Failure')] || Prototype.emptyFunction)(response, response.headerJSON); } catch (e) { this.dispatchException(e); } var contentType = response.getHeader('Content-type'); if (this.options.evalJS == 'force' || (this.options.evalJS && this.isSameOrigin() && contentType && contentType.match(/^\s*(text|application)\/(x-)?(java|ecma)script(;.*)?\s*$/i))) this.evalResponse(); } try { (this.options['on' + state] || Prototype.emptyFunction)(response, response.headerJSON); Ajax.Responders.dispatch('on' + state, this, response, response.headerJSON); } catch (e) { this.dispatchException(e); } if (state == 'Complete') { this.transport.onreadystatechange = Prototype.emptyFunction; } }, isSameOrigin: function() { var m = this.url.match(/^\s*https?:\/\/[^\/]*/); return !m || (m[0] == '#{protocol}//#{domain}#{port}'.interpolate({ protocol: location.protocol, domain: document.domain, port: location.port ? ':' + location.port : '' })); }, getHeader: function(name) { try { return this.transport.getResponseHeader(name) || null; } catch (e) { return null; } }, evalResponse: function() { try { return eval((this.transport.responseText || '').unfilterJSON()); } catch (e) { this.dispatchException(e); } }, dispatchException: function(exception) { (this.options.onException || Prototype.emptyFunction)(this, exception); Ajax.Responders.dispatch('onException', this, exception); } }); Ajax.Request.Events = ['Uninitialized', 'Loading', 'Loaded', 'Interactive', 'Complete']; Ajax.Response = Class.create({ initialize: function(request){ this.request = request; var transport = this.transport = request.transport, readyState = this.readyState = transport.readyState; if ((readyState > 2 && !Prototype.Browser.IE) || readyState == 4) { this.status = this.getStatus(); this.statusText = this.getStatusText(); this.responseText = String.interpret(transport.responseText); this.headerJSON = this._getHeaderJSON(); } if (readyState == 4) { var xml = transport.responseXML; this.responseXML = Object.isUndefined(xml) ? null : xml; this.responseJSON = this._getResponseJSON(); } }, status: 0, statusText: '', getStatus: Ajax.Request.prototype.getStatus, getStatusText: function() { try { return this.transport.statusText || ''; } catch (e) { return '' } }, getHeader: Ajax.Request.prototype.getHeader, getAllHeaders: function() { try { return this.getAllResponseHeaders(); } catch (e) { return null } }, getResponseHeader: function(name) { return this.transport.getResponseHeader(name); }, getAllResponseHeaders: function() { return this.transport.getAllResponseHeaders(); }, _getHeaderJSON: function() { var json = this.getHeader('X-JSON'); if (!json) return null; json = decodeURIComponent(escape(json)); try { return json.evalJSON(this.request.options.sanitizeJSON || !this.request.isSameOrigin()); } catch (e) { this.request.dispatchException(e); } }, _getResponseJSON: function() { var options = this.request.options; if (!options.evalJSON || (options.evalJSON != 'force' && !(this.getHeader('Content-type') || '').include('application/json')) || this.responseText.blank()) return null; try { return this.responseText.evalJSON(options.sanitizeJSON || !this.request.isSameOrigin()); } catch (e) { this.request.dispatchException(e); } } }); Ajax.Updater = Class.create(Ajax.Request, { initialize: function($super, container, url, options) { this.container = { success: (container.success || container), failure: (container.failure || (container.success ? null : container)) }; options = Object.clone(options); var onComplete = options.onComplete; options.onComplete = (function(response, json) { this.updateContent(response.responseText); if (Object.isFunction(onComplete)) onComplete(response, json); }).bind(this); $super(url, options); }, updateContent: function(responseText) { var receiver = this.container[this.success() ? 'success' : 'failure'], options = this.options; if (!options.evalScripts) responseText = responseText.stripScripts(); if (receiver = $(receiver)) { if (options.insertion) { if (Object.isString(options.insertion)) { var insertion = { }; insertion[options.insertion] = responseText; receiver.insert(insertion); } else options.insertion(receiver, responseText); } else receiver.update(responseText); } } }); Ajax.PeriodicalUpdater = Class.create(Ajax.Base, { initialize: function($super, container, url, options) { $super(options); this.onComplete = this.options.onComplete; this.frequency = (this.options.frequency || 2); this.decay = (this.options.decay || 1); this.updater = { }; this.container = container; this.url = url; this.start(); }, start: function() { this.options.onComplete = this.updateComplete.bind(this); this.onTimerEvent(); }, stop: function() { this.updater.options.onComplete = undefined; clearTimeout(this.timer); (this.onComplete || Prototype.emptyFunction).apply(this, arguments); }, updateComplete: function(response) { if (this.options.decay) { this.decay = (response.responseText == this.lastText ? this.decay * this.options.decay : 1); this.lastText = response.responseText; } this.timer = this.onTimerEvent.bind(this).delay(this.decay * this.frequency); }, onTimerEvent: function() { this.updater = new Ajax.Updater(this.container, this.url, this.options); } }); function $s(element) { if (Object.isString(element)) { return document.getElementById(element); } return element; } function $(element) { if (arguments.length > 1) { for (var i = 0, elements = [], length = arguments.length; i < length; i++) elements.push($(arguments[i])); return elements; } if (Object.isString(element)) element = document.getElementById(element); return Element.extend(element); } if (Prototype.BrowserFeatures.XPath) { document._getElementsByXPath = function(expression, parentElement) { var results = []; var query = document.evaluate(expression, $(parentElement) || document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null); for (var i = 0, length = query.snapshotLength; i < length; i++) results.push(Element.extend(query.snapshotItem(i))); return results; }; } /*--------------------------------------------------------------------------*/ if (!Node) var Node = { }; if (!Node.ELEMENT_NODE) { Object.extend(Node, { ELEMENT_NODE: 1, ATTRIBUTE_NODE: 2, TEXT_NODE: 3, CDATA_SECTION_NODE: 4, ENTITY_REFERENCE_NODE: 5, ENTITY_NODE: 6, PROCESSING_INSTRUCTION_NODE: 7, COMMENT_NODE: 8, DOCUMENT_NODE: 9, DOCUMENT_TYPE_NODE: 10, DOCUMENT_FRAGMENT_NODE: 11, NOTATION_NODE: 12 }); } (function(global) { function shouldUseCache(tagName, attributes) { if (tagName === 'select') return false; if ('type' in attributes) return false; return true; } var HAS_EXTENDED_CREATE_ELEMENT_SYNTAX = (function(){ try { var el = document.createElement('<input name="x">'); return el.tagName.toLowerCase() === 'input' && el.name === 'x'; } catch(err) { return false; } })(); var element = global.Element; global.Element = function(tagName, attributes) { attributes = attributes || { }; tagName = tagName.toLowerCase(); var cache = Element.cache; if (HAS_EXTENDED_CREATE_ELEMENT_SYNTAX && attributes.name) { tagName = '<' + tagName + ' name="' + attributes.name + '">'; delete attributes.name; return Element.writeAttribute(document.createElement(tagName), attributes); } if (!cache[tagName]) cache[tagName] = Element.extend(document.createElement(tagName)); var node = shouldUseCache(tagName, attributes) ? cache[tagName].cloneNode(false) : document.createElement(tagName); return Element.writeAttribute(node, attributes); }; Object.extend(global.Element, element || { }); if (element) global.Element.prototype = element.prototype; })(this); Element.idCounter = 1; Element.cache = { }; Element._purgeElement = function(element) { var uid = element._prototypeUID; if (uid) { Element.stopObserving(element); element._prototypeUID = void 0; delete Element.Storage[uid]; } } Element.Methods = { visible: function(element) { return $(element).style.display != 'none'; }, toggle: function(element) { element = $(element); Element[Element.visible(element) ? 'hide' : 'show'](element); return element; }, hide: function(element) { element = $(element); element.style.display = 'none'; return element; }, show: function(element) { element = $(element); element.style.display = ''; return element; }, // only extend the element if it is a string - otherwise we don't need to extend the element remove: function(element) { if (Object.isString(element)) { element = $(element); } if (element.parentNode) { element.parentNode.removeChild(element); } return element; }, update: (function(){ var SELECT_ELEMENT_INNERHTML_BUGGY = (function(){ var el = document.createElement("select"), isBuggy = true; el.innerHTML = "<option value=\"test\">test</option>"; if (el.options && el.options[0]) { isBuggy = el.options[0].nodeName.toUpperCase() !== "OPTION"; } el = null; return isBuggy; })(); var TABLE_ELEMENT_INNERHTML_BUGGY = (function(){ try { var el = document.createElement("table"); if (el && el.tBodies) { el.innerHTML = "<tbody><tr><td>test</td></tr></tbody>"; var isBuggy = typeof el.tBodies[0] == "undefined"; el = null; return isBuggy; } } catch (e) { return true; } })(); var LINK_ELEMENT_INNERHTML_BUGGY = (function() { try { var el = document.createElement('div'); el.innerHTML = "<link>"; var isBuggy = (el.childNodes.length === 0); el = null; return isBuggy; } catch(e) { return true; } })(); var ANY_INNERHTML_BUGGY = SELECT_ELEMENT_INNERHTML_BUGGY || TABLE_ELEMENT_INNERHTML_BUGGY || LINK_ELEMENT_INNERHTML_BUGGY; var SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING = (function () { var s = document.createElement("script"), isBuggy = false; try { s.appendChild(document.createTextNode("")); isBuggy = !s.firstChild || s.firstChild && s.firstChild.nodeType !== 3; } catch (e) { isBuggy = true; } s = null; return isBuggy; })(); function update(element, content) { element = $(element); var purgeElement = Element._purgeElement; var descendants = element.getElementsByTagName('*'), i = descendants.length; while (i--) purgeElement(descendants[i]); if (content && content.toElement) content = content.toElement(); if (Object.isElement(content)) return element.update().insert(content); content = Object.toHTML(content); var tagName = element.tagName.toUpperCase(); if (tagName === 'SCRIPT' && SCRIPT_ELEMENT_REJECTS_TEXTNODE_APPENDING) { element.text = content; return element; } if (ANY_INNERHTML_BUGGY) { if (tagName in Element._insertionTranslations.tags) { while (element.firstChild) { element.removeChild(element.firstChild); } Element._getContentFromAnonymousElement(tagName, content.stripScripts()) .each(function(node) { element.appendChild(node) }); } else if (LINK_ELEMENT_INNERHTML_BUGGY && Object.isString(content) && content.indexOf('<link') > -1) { while (element.firstChild) { element.removeChild(element.firstChild); } var nodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts(), true); nodes.each(function(node) { element.appendChild(node) }); } else { element.innerHTML = content.stripScripts(); } } else { element.innerHTML = content.stripScripts(); } content.evalScripts.bind(content).defer(); return element; } return update; })(), replace: function(element, content) { element = $(element); if (content && content.toElement) content = content.toElement(); else if (!Object.isElement(content)) { content = Object.toHTML(content); var range = element.ownerDocument.createRange(); range.selectNode(element); content.evalScripts.bind(content).defer(); content = range.createContextualFragment(content.stripScripts()); } element.parentNode.replaceChild(content, element); return element; }, insert: function(element, insertions) { element = $(element); if (Object.isString(insertions) || Object.isNumber(insertions) || Object.isElement(insertions) || (insertions && (insertions.toElement || insertions.toHTML))) insertions = {bottom:insertions}; var content, insert, tagName, childNodes; for (var position in insertions) { content = insertions[position]; position = position.toLowerCase(); insert = Element._insertionTranslations[position]; if (content && content.toElement) content = content.toElement(); if (Object.isElement(content)) { insert(element, content); continue; } content = Object.toHTML(content); tagName = ((position == 'before' || position == 'after') ? element.parentNode : element).tagName.toUpperCase(); childNodes = Element._getContentFromAnonymousElement(tagName, content.stripScripts()); if (position == 'top' || position == 'after') childNodes.reverse(); childNodes.each(insert.curry(element)); content.evalScripts.bind(content).defer(); } return element; }, wrap: function(element, wrapper, attributes) { element = $(element); if (Object.isElement(wrapper)) $(wrapper).writeAttribute(attributes || { }); else if (Object.isString(wrapper)) wrapper = new Element(wrapper, attributes); else wrapper = new Element('div', wrapper); if (element.parentNode) element.parentNode.replaceChild(wrapper, element); wrapper.appendChild(element); return wrapper; }, inspect: function(element) { element = $(element); var result = '<' + element.tagName.toLowerCase(); $H({'id': 'id', 'className': 'class'}).each(function(pair) { var property = pair.first(), attribute = pair.last(), value = (element[property] || '').toString(); if (value) result += ' ' + attribute + '=' + value.inspect(true); }); return result + '>'; }, recursivelyCollect: function(element, property, maximumLength) { element = $(element); maximumLength = maximumLength || -1; var elements = []; while (element = element[property]) { if (element.nodeType == 1) elements.push(Element.extend(element)); if (elements.length == maximumLength) break; } return elements; }, // Collect items without extending them all: rawRecursivelyCollect: function(element, property) { element = $(element); var elements = []; while (element = element[property]) if (element.nodeType == 1) { elements.push(element); } return elements; }, ancestors: function(element) { return Element.recursivelyCollect(element, 'parentNode'); }, descendants: function(element) { return Element.select(element, "*"); }, firstDescendant: function(element) { element = $(element).firstChild; while (element && element.nodeType != 1) element = element.nextSibling; return $(element); }, immediateDescendants: function(element) { var results = [], child = $(element).firstChild; while (child) { if (child.nodeType === 1) { results.push(Element.extend(child)); } child = child.nextSibling; } return results; }, // Find the immediate descendents of the given element without extending them all rawImmediateDescendants: function(element) { if (!(element = $(element).firstChild)) return []; while (element && element.nodeType != 1) element = element.nextSibling; if (element) return [element].concat($(element).rawNextSiblings()); return []; }, previousSiblings: function(element, maximumLength) { return Element.recursivelyCollect(element, 'previousSibling'); }, nextSiblings: function(element) { return Element.recursivelyCollect(element, 'nextSibling'); }, // Find the next siblings without actually extending them all rawNextSiblings: function(element) { return $(element).rawRecursivelyCollect('nextSibling'); }, siblings: function(element) { element = $(element); return Element.previousSiblings(element).reverse() .concat(Element.nextSiblings(element)); }, match: function(element, selector) { element = $(element); if (Object.isString(selector)) return Prototype.Selector.match(element, selector); return selector.match(element); }, up: function(element, expression, index) { element = $(element); if (arguments.length == 1) return $(element.parentNode); var ancestors = Element.ancestors(element); return Object.isNumber(expression) ? ancestors[expression] : Prototype.Selector.find(ancestors, expression, index); }, down: function(element, expression, index) { element = $(element); if (arguments.length == 1) return Element.firstDescendant(element); return Object.isNumber(expression) ? Element.descendants(element)[expression] : Element.select(element, expression)[index || 0]; }, previous: function(element, expression, index) { element = $(element); if (Object.isNumber(expression)) index = expression, expression = false; if (!Object.isNumber(index)) index = 0; if (expression) { return Prototype.Selector.find(element.previousSiblings(), expression, index); } else { return element.recursivelyCollect("previousSibling", index + 1)[index]; } }, next: function(element, expression, index) { element = $(element); if (Object.isNumber(expression)) index = expression, expression = false; if (!Object.isNumber(index)) index = 0; if (expression) { return Prototype.Selector.find(element.nextSiblings(), expression, index); } else { var maximumLength = Object.isNumber(index) ? index + 1 : 1; return element.recursivelyCollect("nextSibling", index + 1)[index]; } }, select: function(element) { element = $(element); var expressions = Array.prototype.slice.call(arguments, 1).join(', '); return Prototype.Selector.select(expressions, element); }, adjacent: function(element) { element = $(element); var expressions = Array.prototype.slice.call(arguments, 1).join(', '); return Prototype.Selector.select(expressions, element.parentNode).without(element); }, identify: function(element) { element = $(element); var id = Element.readAttribute(element, 'id'); if (id) return id; do { id = 'anonymous_element_' + Element.idCounter++ } while ($(id)); Element.writeAttribute(element, 'id', id); return id; }, readAttribute: function(element, name) { element = $(element); if (Prototype.Browser.IE) { var t = Element._attributeTranslations.read; if (t.values[name]) return t.values[name](element, name); if (t.names[name]) name = t.names[name]; if (name.include(':')) { return (!element.attributes || !element.attributes[name]) ? null : element.attributes[name].value; } } return element.getAttribute(name); }, writeAttribute: function(element, name, value) { element = $(element); var attributes = { }, t = Element._attributeTranslations.write; if (typeof name == 'object') attributes = name; else attributes[name] = Object.isUndefined(value) ? true : value; for (var attr in attributes) { name = t.names[attr] || attr; value = attributes[attr]; if (t.values[attr]) name = t.values[attr](element, value); if (value === false || value === null) element.removeAttribute(name); else if (value === true) element.setAttribute(name, name); else element.setAttribute(name, value); } return element; }, getHeight: function(element) { return Element.getDimensions(element).height; }, getWidth: function(element) { return Element.getDimensions(element).width; }, classNames: function(element) { return new Element.ClassNames(element); }, hasClassName: function(element, className) { if (!(element = $(element))) return; var elementClassName = element.className; return (elementClassName.length > 0 && (elementClassName == className || new RegExp("(^|\\s)" + className + "(\\s|$)").test(elementClassName))); }, addClassName: function(element, className) { if (!(element = $(element))) return; if (!Element.hasClassName(element, className)) element.className += (element.className ? ' ' : '') + className; return element; }, removeClassName: function(element, className) { if (!(element = $(element))) return; element.className = element.className.replace( new RegExp("(^|\\s+)" + className + "(\\s+|$)"), ' ').strip(); return element; }, toggleClassName: function(element, className) { if (!(element = $(element))) return; return Element[Element.hasClassName(element, className) ? 'removeClassName' : 'addClassName'](element, className); }, cleanWhitespace: function(element) { element = $s(element); var node = element.firstChild; while (node) { var nextNode = node.nextSibling; if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) element.removeChild(node); node = nextNode; } return element; }, empty: function(element) { return $(element).innerHTML.blank(); }, descendantOf: function(element, ancestor) { element = $(element), ancestor = $(ancestor); if (element.compareDocumentPosition) return (element.compareDocumentPosition(ancestor) & 8) === 8; if (ancestor.contains) return ancestor.contains(element) && ancestor !== element; while (element = element.parentNode) if (element == ancestor) return true; return false; }, scrollTo: function(element) { element = $(element); var pos = Element.cumulativeOffset(element); window.scrollTo(pos[0], pos[1]); return element; }, getStyle: function(element, style) { element = $(element); style = style == 'float' ? 'cssFloat' : style.camelize(); var value = element.style[style]; if (!value || value == 'auto') { var css = document.defaultView.getComputedStyle(element, null); value = css ? css[style] : null; } if (style == 'opacity') return value ? parseFloat(value) : 1.0; return value == 'auto' ? null : value; }, getOpacity: function(element) { return $(element).getStyle('opacity'); }, setStyle: function(element, styles) { element = $(element); var elementStyle = element.style, match; if (Object.isString(styles)) { element.style.cssText += ';' + styles; return styles.include('opacity') ? element.setOpacity(styles.match(/opacity:\s*(\d?\.?\d*)/)[1]) : element; } for (var property in styles) if (property == 'opacity') element.setOpacity(styles[property]); else elementStyle[(property == 'float' || property == 'cssFloat') ? (Object.isUndefined(elementStyle.styleFloat) ? 'cssFloat' : 'styleFloat') : property] = styles[property]; return element; }, setOpacity: function(element, value) { element = $(element); element.style.opacity = (value == 1 || value === '') ? '' : (value < 0.00001) ? 0 : value; return element; }, makePositioned: function(element) { element = $s(element); var pos = Element.getStyle(element, 'position'); if (pos == 'static' || !pos) { element._madePositioned = true; element.style.position = 'relative'; if (Prototype.Browser.Opera) { element.style.top = 0; element.style.left = 0; } } return element; }, undoPositioned: function(element) { element = $(element); if (element._madePositioned) { element._madePositioned = undefined; element.style.position = element.style.top = element.style.left = element.style.bottom = element.style.right = ''; } return element; }, makeClipping: function(element) { element = $(element); if (element._overflow) return element; element._overflow = Element.getStyle(element, 'overflow') || 'auto'; if (element._overflow !== 'hidden') element.style.overflow = 'hidden'; return element; }, undoClipping: function(element) { element = $(element); if (!element._overflow) return element; element.style.overflow = element._overflow == 'auto' ? '' : element._overflow; element._overflow = null; return element; }, clonePosition: function(element, source) { var options = Object.extend({ setLeft: true, setTop: true, setWidth: true, setHeight: true, offsetTop: 0, offsetLeft: 0 }, arguments[2] || { }); source = $(source); var p = Element.viewportOffset(source), delta = [0, 0], parent = null; element = $(element); if (Element.getStyle(element, 'position') == 'absolute') { parent = Element.getOffsetParent(element); delta = Element.viewportOffset(parent); } if (parent == document.body) { delta[0] -= document.body.offsetLeft; delta[1] -= document.body.offsetTop; } if (options.setLeft) element.style.left = (p[0] - delta[0] + options.offsetLeft) + 'px'; if (options.setTop) element.style.top = (p[1] - delta[1] + options.offsetTop) + 'px'; if (options.setWidth) element.style.width = source.offsetWidth + 'px'; if (options.setHeight) element.style.height = source.offsetHeight + 'px'; return element; } }; Object.extend(Element.Methods, { getElementsBySelector: Element.Methods.select, childElements: Element.Methods.immediateDescendants }); Element._attributeTranslations = { write: { names: { className: 'class', htmlFor: 'for' }, values: { } } }; if (Prototype.Browser.Opera) { Element.Methods.getStyle = Element.Methods.getStyle.wrap( function(proceed, element, style) { switch (style) { case 'height': case 'width': if (!Element.visible(element)) return null; var dim = parseInt(proceed(element, style), 10); if (dim !== element['offset' + style.capitalize()]) return dim + 'px'; var properties; if (style === 'height') { properties = ['border-top-width', 'padding-top', 'padding-bottom', 'border-bottom-width']; } else { properties = ['border-left-width', 'padding-left', 'padding-right', 'border-right-width']; } return properties.inject(dim, function(memo, property) { var val = proceed(element, property); return val === null ? memo : memo - parseInt(val, 10); }) + 'px'; default: return proceed(element, style); } } ); Element.Methods.readAttribute = Element.Methods.readAttribute.wrap( function(proceed, element, attribute) { if (attribute === 'title') return element.title; return proceed(element, attribute); } ); } else if (Prototype.Browser.IE) { Element.Methods.getStyle = function(element, style) { element = $(element); style = (style == 'float' || style == 'cssFloat') ? 'styleFloat' : style.camelize(); var value = element.style[style]; if (!value && element.currentStyle) value = element.currentStyle[style]; if (style == 'opacity') { if (value = (element.getStyle('filter') || '').match(/alpha\(opacity=(.*)\)/)) if (value[1]) return parseFloat(value[1]) / 100; return 1.0; } if (value == 'auto') { if ((style == 'width' || style == 'height') && (element.getStyle('display') != 'none')) return element['offset' + style.capitalize()] + 'px'; return null; } return value; }; Element.Methods.setOpacity = function(element, value) { function stripAlpha(filter){ return filter.replace(/alpha\([^\)]*\)/gi,''); } element = $(element); var currentStyle = element.currentStyle; if ((currentStyle && !currentStyle.hasLayout) || (!currentStyle && element.style.zoom == 'normal')) element.style.zoom = 1; var filter = element.getStyle('filter'), style = element.style; if (value == 1 || value === '') { (filter = stripAlpha(filter)) ? style.filter = filter : style.removeAttribute('filter'); return element; } else if (value < 0.00001) value = 0; style.filter = stripAlpha(filter) + 'alpha(opacity=' + (value * 100) + ')'; return element; }; Element._attributeTranslations = (function(){ var classProp = 'className', forProp = 'for', el = document.createElement('div'); el.setAttribute(classProp, 'x'); if (el.className !== 'x') { el.setAttribute('class', 'x'); if (el.className === 'x') { classProp = 'class'; } } el = null; el = document.createElement('label'); el.setAttribute(forProp, 'x'); if (el.htmlFor !== 'x') { el.setAttribute('htmlFor', 'x'); if (el.htmlFor === 'x') { forProp = 'htmlFor'; } } el = null; return { read: { names: { 'class': classProp, 'className': classProp, 'for': forProp, 'htmlFor': forProp }, values: { _getAttr: function(element, attribute) { return element.getAttribute(attribute); }, _getAttr2: function(element, attribute) { return element.getAttribute(attribute, 2); }, _getAttrNode: function(element, attribute) { var node = element.getAttributeNode(attribute); return node ? node.value : ""; }, _getEv: (function(){ var el = document.createElement('div'), f; el.onclick = Prototype.emptyFunction; var value = el.getAttribute('onclick'); if (String(value).indexOf('{') > -1) { f = function(element, attribute) { attribute = element.getAttribute(attribute); if (!attribute) return null; attribute = attribute.toString(); attribute = attribute.split('{')[1]; attribute = attribute.split('}')[0]; return attribute.strip(); }; } else if (value === '') { f = function(element, attribute) { attribute = element.getAttribute(attribute); if (!attribute) return null; return attribute.strip(); }; } el = null; return f; })(), _flag: function(element, attribute) { return $(element).hasAttribute(attribute) ? attribute : null; }, style: function(element) { return element.style.cssText.toLowerCase(); }, title: function(element) { return element.title; } } } } })(); Element._attributeTranslations.write = { names: Object.extend({ cellpadding: 'cellPadding', cellspacing: 'cellSpacing' }, Element._attributeTranslations.read.names), values: { checked: function(element, value) { element.checked = !!value; }, style: function(element, value) { element.style.cssText = value ? value : ''; } } }; Element._attributeTranslations.has = {}; $w('colSpan rowSpan vAlign dateTime accessKey tabIndex ' + 'encType maxLength readOnly longDesc frameBorder').each(function(attr) { Element._attributeTranslations.write.names[attr.toLowerCase()] = attr; Element._attributeTranslations.has[attr.toLowerCase()] = attr; }); (function(v) { Object.extend(v, { href: v._getAttr2, src: v._getAttr2, type: v._getAttr, action: v._getAttrNode, disabled: v._flag, checked: v._flag, readonly: v._flag, multiple: v._flag, onload: v._getEv, onunload: v._getEv, onclick: v._getEv, ondblclick: v._getEv, onmousedown: v._getEv, onmouseup: v._getEv, onmouseover: v._getEv, onmousemove: v._getEv, onmouseout: v._getEv, onfocus: v._getEv, onblur: v._getEv, onkeypress: v._getEv, onkeydown: v._getEv, onkeyup: v._getEv, onsubmit: v._getEv, onreset: v._getEv, onselect: v._getEv, onchange: v._getEv }); })(Element._attributeTranslations.read.values); if (Prototype.BrowserFeatures.ElementExtensions) { (function() { function _descendants(element) { var nodes = element.getElementsByTagName('*'), results = []; for (var i = 0, node; node = nodes[i]; i++) if (node.tagName !== "!") // Filter out comment nodes. results.push(node); return results; } Element.Methods.down = function(element, expression, index) { element = $(element); if (arguments.length == 1) return element.firstDescendant(); return Object.isNumber(expression) ? _descendants(element)[expression] : Element.select(element, expression)[index || 0]; } })(); } } else if (Prototype.Browser.Gecko && /rv:1\.8\.0/.test(navigator.userAgent)) { Element.Methods.setOpacity = function(element, value) { element = $(element); element.style.opacity = (value == 1) ? 0.999999 : (value === '') ? '' : (value < 0.00001) ? 0 : value; return element; }; } else if (Prototype.Browser.WebKit) { Element.Methods.setOpacity = function(element, value) { element = $(element); element.style.opacity = (value == 1 || value === '') ? '' : (value < 0.00001) ? 0 : value; if (value == 1) if (element.tagName.toUpperCase() == 'IMG' && element.width) { element.width++; element.width--; } else try { var n = document.createTextNode(' '); element.appendChild(n); element.removeChild(n); } catch (e) { } return element; }; } if ('outerHTML' in document.documentElement) { Element.Methods.replace = function(element, content) { element = $(element); if (content && content.toElement) content = content.toElement(); if (Object.isElement(content)) { element.parentNode.replaceChild(content, element); return element; } content = Object.toHTML(content); var parent = element.parentNode, tagName = parent.tagName.toUpperCase(); if (Element._insertionTranslations.tags[tagName]) { var nextSibling = element.next(), fragments = Element._getContentFromAnonymousElement(tagName, content.stripScripts()); parent.removeChild(element); if (nextSibling) fragments.each(function(node) { parent.insertBefore(node, nextSibling) }); else fragments.each(function(node) { parent.appendChild(node) }); } else element.outerHTML = content.stripScripts(); content.evalScripts.bind(content).defer(); return element; }; } Element._returnOffset = function(l, t) { var result = [l, t]; result.left = l; result.top = t; return result; }; Element._getContentFromAnonymousElement = function(tagName, html, force) { var div = new Element('div'), t = Element._insertionTranslations.tags[tagName]; var workaround = false; if (t) workaround = true; else if (force) { workaround = true; t = ['', '', 0]; } if (workaround) { div.innerHTML = '&nbsp;' + t[0] + html + t[1]; div.removeChild(div.firstChild); for (var i = t[2]; i--; ) { div = div.firstChild; } } else { div.innerHTML = html; } return $A(div.childNodes); }; Element._insertionTranslations = { before: function(element, node) { element.parentNode.insertBefore(node, element); }, top: function(element, node) { element.insertBefore(node, element.firstChild); }, bottom: function(element, node) { element.appendChild(node); }, after: function(element, node) { element.parentNode.insertBefore(node, element.nextSibling); }, tags: { TABLE: ['<table>', '</table>', 1], TBODY: ['<table><tbody>', '</tbody></table>', 2], TR: ['<table><tbody><tr>', '</tr></tbody></table>', 3], TD: ['<table><tbody><tr><td>', '</td></tr></tbody></table>', 4], SELECT: ['<select>', '</select>', 1] } }; (function() { var tags = Element._insertionTranslations.tags; Object.extend(tags, { THEAD: tags.TBODY, TFOOT: tags.TBODY, TH: tags.TD }); })(); Element.Methods.Simulated = { hasAttribute: function(element, attribute) { attribute = Element._attributeTranslations.has[attribute] || attribute; var node = $(element).getAttributeNode(attribute); return !!(node && node.specified); } }; Element.Methods.ByTag = { }; Object.extend(Element, Element.Methods); (function(div) { if (!Prototype.BrowserFeatures.ElementExtensions && div['__proto__']) { window.HTMLElement = { }; window.HTMLElement.prototype = div['__proto__']; Prototype.BrowserFeatures.ElementExtensions = true; } div = null; })(document.createElement('div')); Element.extend = (function() { function checkDeficiency(tagName) { if (typeof window.Element != 'undefined') { var proto = window.Element.prototype; if (proto) { var id = '_' + (Math.random()+'').slice(2), el = document.createElement(tagName); proto[id] = 'x'; var isBuggy = (el[id] !== 'x'); delete proto[id]; el = null; return isBuggy; } } return false; } function extendElementWith(element, methods) { for (var property in methods) { var value = methods[property]; if (Object.isFunction(value) && !(property in element)) element[property] = value.methodize(); } } var HTMLOBJECTELEMENT_PROTOTYPE_BUGGY = checkDeficiency('object'); if (Prototype.BrowserFeatures.SpecificElementExtensions) { if (HTMLOBJECTELEMENT_PROTOTYPE_BUGGY) { return function(element) { if (element && typeof element._extendedByPrototype == 'undefined') { var t = element.tagName; if (t && (/^(?:object|applet|embed)$/i.test(t))) { extendElementWith(element, Element.Methods); extendElementWith(element, Element.Methods.Simulated); extendElementWith(element, Element.Methods.ByTag[t.toUpperCase()]); } } return element; } } return Prototype.K; } var Methods = { }, ByTag = Element.Methods.ByTag; var extend = Object.extend(function(element) { if (!element || typeof element._extendedByPrototype != 'undefined' || element.nodeType != 1 || element == window) return element; var methods = Object.clone(Methods), tagName = element.tagName.toUpperCase(); if (ByTag[tagName]) Object.extend(methods, ByTag[tagName]); extendElementWith(element, methods); element._extendedByPrototype = Prototype.emptyFunction; return element; }, { refresh: function() { if (!Prototype.BrowserFeatures.ElementExtensions) { Object.extend(Methods, Element.Methods); Object.extend(Methods, Element.Methods.Simulated); } } }); extend.refresh(); return extend; })(); if (document.documentElement.hasAttribute) { Element.hasAttribute = function(element, attribute) { return element.hasAttribute(attribute); }; } else { Element.hasAttribute = Element.Methods.Simulated.hasAttribute; } Element.addMethods = function(methods) { var F = Prototype.BrowserFeatures, T = Element.Methods.ByTag; if (!methods) { Object.extend(Form, Form.Methods); Object.extend(Form.Element, Form.Element.Methods); Object.extend(Element.Methods.ByTag, { "FORM": Object.clone(Form.Methods), "INPUT": Object.clone(Form.Element.Methods), "SELECT": Object.clone(Form.Element.Methods), "TEXTAREA": Object.clone(Form.Element.Methods), "BUTTON": Object.clone(Form.Element.Methods) }); } if (arguments.length == 2) { var tagName = methods; methods = arguments[1]; } if (!tagName) Object.extend(Element.Methods, methods || { }); else { if (Object.isArray(tagName)) tagName.each(extend); else extend(tagName); } function extend(tagName) { tagName = tagName.toUpperCase(); if (!Element.Methods.ByTag[tagName]) Element.Methods.ByTag[tagName] = { }; Object.extend(Element.Methods.ByTag[tagName], methods); } function copy(methods, destination, onlyIfAbsent) { onlyIfAbsent = onlyIfAbsent || false; for (var property in methods) { var value = methods[property]; if (!Object.isFunction(value)) continue; if (!onlyIfAbsent || !(property in destination)) destination[property] = value.methodize(); } } function findDOMClass(tagName) { var klass; var trans = { "OPTGROUP": "OptGroup", "TEXTAREA": "TextArea", "P": "Paragraph", "FIELDSET": "FieldSet", "UL": "UList", "OL": "OList", "DL": "DList", "DIR": "Directory", "H1": "Heading", "H2": "Heading", "H3": "Heading", "H4": "Heading", "H5": "Heading", "H6": "Heading", "Q": "Quote", "INS": "Mod", "DEL": "Mod", "A": "Anchor", "IMG": "Image", "CAPTION": "TableCaption", "COL": "TableCol", "COLGROUP": "TableCol", "THEAD": "TableSection", "TFOOT": "TableSection", "TBODY": "TableSection", "TR": "TableRow", "TH": "TableCell", "TD": "TableCell", "FRAMESET": "FrameSet", "IFRAME": "IFrame" }; if (trans[tagName]) klass = 'HTML' + trans[tagName] + 'Element'; if (window[klass]) return window[klass]; klass = 'HTML' + tagName + 'Element'; if (window[klass]) return window[klass]; klass = 'HTML' + tagName.capitalize() + 'Element'; if (window[klass]) return window[klass]; var element = document.createElement(tagName), proto = element['__proto__'] || element.constructor.prototype; element = null; return proto; } var elementPrototype = window.HTMLElement ? HTMLElement.prototype : Element.prototype; if (F.ElementExtensions) { copy(Element.Methods, elementPrototype); copy(Element.Methods.Simulated, elementPrototype, true); } if (F.SpecificElementExtensions) { for (var tag in Element.Methods.ByTag) { var klass = findDOMClass(tag); if (Object.isUndefined(klass)) continue; copy(T[tag], klass.prototype); } } Object.extend(Element, Element.Methods); delete Element.ByTag; if (Element.extend.refresh) Element.extend.refresh(); Element.cache = { }; }; document.viewport = { getDimensions: function() { return { width: this.getWidth(), height: this.getHeight() }; }, getScrollOffsets: function() { return Element._returnOffset( window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft, window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop); } }; (function(viewport) { var B = Prototype.Browser, doc = document, element, property = {}; function getRootElement() { if (B.WebKit && !doc.evaluate) return document; if (B.Opera && window.parseFloat(window.opera.version()) < 9.5) return document.body; return document.documentElement; } function define(D) { if (!element) element = getRootElement(); property[D] = 'client' + D; viewport['get' + D] = function() { return element[property[D]] }; return viewport['get' + D](); } viewport.getWidth = define.curry('Width'); viewport.getHeight = define.curry('Height'); })(document.viewport); Element.Storage = { UID: 1 }; Element.addMethods({ getStorage: function(element) { if (!(element = $(element))) return; var uid; if (element === window) { uid = 0; } else { if (typeof element._prototypeUID === "undefined") element._prototypeUID = Element.Storage.UID++; uid = element._prototypeUID; } if (!Element.Storage[uid]) Element.Storage[uid] = $H(); return Element.Storage[uid]; }, store: function(element, key, value) { if (!(element = $(element))) return; if (arguments.length === 2) { Element.getStorage(element).update(key); } else { Element.getStorage(element).set(key, value); } return element; }, retrieve: function(element, key, defaultValue) { if (!(element = $(element))) return; var hash = Element.getStorage(element), value = hash.get(key); if (Object.isUndefined(value)) { hash.set(key, defaultValue); value = defaultValue; } return value; }, clone: function(element, deep) { if (!(element = $(element))) return; var clone = element.cloneNode(deep); clone._prototypeUID = void 0; if (deep) { var descendants = Element.select(clone, '*'), i = descendants.length; while (i--) { descendants[i]._prototypeUID = void 0; } } return Element.extend(clone); }, purge: function(element) { if (!(element = $(element))) return; var purgeElement = Element._purgeElement; purgeElement(element); var descendants = element.getElementsByTagName('*'), i = descendants.length; while (i--) purgeElement(descendants[i]); return null; } }); (function() { function toDecimal(pctString) { var match = pctString.match(/^(\d+)%?$/i); if (!match) return null; return (Number(match[1]) / 100); } function getPixelValue(value, property, context) { var element = null; if (Object.isElement(value)) { element = value; value = element.getStyle(property); } if (value === null) { return null; } if ((/^(?:-)?\d+(\.\d+)?(px)?$/i).test(value)) { return window.parseFloat(value); } var isPercentage = value.include('%'), isViewport = (context === document.viewport); if (/\d/.test(value) && element && element.runtimeStyle && !(isPercentage && isViewport)) { var style = element.style.left, rStyle = element.runtimeStyle.left; element.runtimeStyle.left = element.currentStyle.left; element.style.left = value || 0; value = element.style.pixelLeft; element.style.left = style; element.runtimeStyle.left = rStyle; return value; } if (element && isPercentage) { context = context || element.parentNode; var decimal = toDecimal(value); var whole = null; var position = element.getStyle('position'); var isHorizontal = property.include('left') || property.include('right') || property.include('width'); var isVertical = property.include('top') || property.include('bottom') || property.include('height'); if (context === document.viewport) { if (isHorizontal) { whole = document.viewport.getWidth(); } else if (isVertical) { whole = document.viewport.getHeight(); } } else { if (isHorizontal) { whole = $(context).measure('width'); } else if (isVertical) { whole = $(context).measure('height'); } } return (whole === null) ? 0 : whole * decimal; } return 0; } function toCSSPixels(number) { if (Object.isString(number) && number.endsWith('px')) { return number; } return number + 'px'; } function isDisplayed(element) { var originalElement = element; while (element && element.parentNode) { var display = element.getStyle('display'); if (display === 'none') { return false; } element = $(element.parentNode); } return true; } var hasLayout = Prototype.K; if ('currentStyle' in document.documentElement) { hasLayout = function(element) { if (!element.currentStyle.hasLayout) { element.style.zoom = 1; } return element; }; } function cssNameFor(key) { if (key.include('border')) key = key + '-width'; return key.camelize(); } Element.Layout = Class.create(Hash, { initialize: function($super, element, preCompute) { $super(); this.element = $(element); Element.Layout.PROPERTIES.each( function(property) { this._set(property, null); }, this); if (preCompute) { this._preComputing = true; this._begin(); Element.Layout.PROPERTIES.each( this._compute, this ); this._end(); this._preComputing = false; } }, _set: function(property, value) { return Hash.prototype.set.call(this, property, value); }, set: function(property, value) { throw "Properties of Element.Layout are read-only."; }, get: function($super, property) { var value = $super(property); return value === null ? this._compute(property) : value; }, _begin: function() { if (this._prepared) return; var element = this.element; if (isDisplayed(element)) { this._prepared = true; return; } var originalStyles = { position: element.style.position || '', width: element.style.width || '', visibility: element.style.visibility || '', display: element.style.display || '' }; element.store('prototype_original_styles', originalStyles); var position = element.getStyle('position'), width = element.getStyle('width'); if (width === "0px" || width === null) { element.style.display = 'block'; width = element.getStyle('width'); } var context = (position === 'fixed') ? document.viewport : element.parentNode; element.setStyle({ position: 'absolute', visibility: 'hidden', display: 'block' }); var positionedWidth = element.getStyle('width'); var newWidth; if (width && (positionedWidth === width)) { newWidth = getPixelValue(element, 'width', context); } else if (position === 'absolute' || position === 'fixed') { newWidth = getPixelValue(element, 'width', context); } else { var parent = element.parentNode, pLayout = $(parent).getLayout(); newWidth = pLayout.get('width') - this.get('margin-left') - this.get('border-left') - this.get('padding-left') - this.get('padding-right') - this.get('border-right') - this.get('margin-right'); } element.setStyle({ width: newWidth + 'px' }); this._prepared = true; }, _end: function() { var element = this.element; var originalStyles = element.retrieve('prototype_original_styles'); element.store('prototype_original_styles', null); element.setStyle(originalStyles); this._prepared = false; }, _compute: function(property) { var COMPUTATIONS = Element.Layout.COMPUTATIONS; if (!(property in COMPUTATIONS)) { throw "Property not found."; } return this._set(property, COMPUTATIONS[property].call(this, this.element)); }, toObject: function() { var args = $A(arguments); var keys = (args.length === 0) ? Element.Layout.PROPERTIES : args.join(' ').split(' '); var obj = {}; keys.each( function(key) { if (!Element.Layout.PROPERTIES.include(key)) return; var value = this.get(key); if (value != null) obj[key] = value; }, this); return obj; }, toHash: function() { var obj = this.toObject.apply(this, arguments); return new Hash(obj); }, toCSS: function() { var args = $A(arguments); var keys = (args.length === 0) ? Element.Layout.PROPERTIES : args.join(' ').split(' '); var css = {}; keys.each( function(key) { if (!Element.Layout.PROPERTIES.include(key)) return; if (Element.Layout.COMPOSITE_PROPERTIES.include(key)) return; var value = this.get(key); if (value != null) css[cssNameFor(key)] = value + 'px'; }, this); return css; }, inspect: function() { return "#<Element.Layout>"; } }); Object.extend(Element.Layout, { PROPERTIES: $w('height width top left right bottom border-left border-right border-top border-bottom padding-left padding-right padding-top padding-bottom margin-top margin-bottom margin-left margin-right padding-box-width padding-box-height border-box-width border-box-height margin-box-width margin-box-height'), COMPOSITE_PROPERTIES: $w('padding-box-width padding-box-height margin-box-width margin-box-height border-box-width border-box-height'), COMPUTATIONS: { 'height': function(element) { if (!this._preComputing) this._begin(); var bHeight = this.get('border-box-height'); if (bHeight <= 0) { if (!this._preComputing) this._end(); return 0; } var bTop = this.get('border-top'), bBottom = this.get('border-bottom'); var pTop = this.get('padding-top'), pBottom = this.get('padding-bottom'); if (!this._preComputing) this._end(); return bHeight - bTop - bBottom - pTop - pBottom; }, 'width': function(element) { if (!this._preComputing) this._begin(); var bWidth = this.get('border-box-width'); if (bWidth <= 0) { if (!this._preComputing) this._end(); return 0; } var bLeft = this.get('border-left'), bRight = this.get('border-right'); var pLeft = this.get('padding-left'), pRight = this.get('padding-right'); if (!this._preComputing) this._end(); return bWidth - bLeft - bRight - pLeft - pRight; }, 'padding-box-height': function(element) { var height = this.get('height'), pTop = this.get('padding-top'), pBottom = this.get('padding-bottom'); return height + pTop + pBottom; }, 'padding-box-width': function(element) { var width = this.get('width'), pLeft = this.get('padding-left'), pRight = this.get('padding-right'); return width + pLeft + pRight; }, 'border-box-height': function(element) { if (!this._preComputing) this._begin(); var height = element.offsetHeight; if (!this._preComputing) this._end(); return height; }, 'border-box-width': function(element) { if (!this._preComputing) this._begin(); var width = element.offsetWidth; if (!this._preComputing) this._end(); return width; }, 'margin-box-height': function(element) { var bHeight = this.get('border-box-height'), mTop = this.get('margin-top'), mBottom = this.get('margin-bottom'); if (bHeight <= 0) return 0; return bHeight + mTop + mBottom; }, 'margin-box-width': function(element) { var bWidth = this.get('border-box-width'), mLeft = this.get('margin-left'), mRight = this.get('margin-right'); if (bWidth <= 0) return 0; return bWidth + mLeft + mRight; }, 'top': function(element) { var offset = element.positionedOffset(); return offset.top; }, 'bottom': function(element) { var offset = element.positionedOffset(), parent = element.getOffsetParent(), pHeight = parent.measure('height'); var mHeight = this.get('border-box-height'); return pHeight - mHeight - offset.top; }, 'left': function(element) { var offset = element.positionedOffset(); return offset.left; }, 'right': function(element) { var offset = element.positionedOffset(), parent = element.getOffsetParent(), pWidth = parent.measure('width'); var mWidth = this.get('border-box-width'); return pWidth - mWidth - offset.left; }, 'padding-top': function(element) { return getPixelValue(element, 'paddingTop'); }, 'padding-bottom': function(element) { return getPixelValue(element, 'paddingBottom'); }, 'padding-left': function(element) { return getPixelValue(element, 'paddingLeft'); }, 'padding-right': function(element) { return getPixelValue(element, 'paddingRight'); }, 'border-top': function(element) { return getPixelValue(element, 'borderTopWidth'); }, 'border-bottom': function(element) { return getPixelValue(element, 'borderBottomWidth'); }, 'border-left': function(element) { return getPixelValue(element, 'borderLeftWidth'); }, 'border-right': function(element) { return getPixelValue(element, 'borderRightWidth'); }, 'margin-top': function(element) { return getPixelValue(element, 'marginTop'); }, 'margin-bottom': function(element) { return getPixelValue(element, 'marginBottom'); }, 'margin-left': function(element) { return getPixelValue(element, 'marginLeft'); }, 'margin-right': function(element) { return getPixelValue(element, 'marginRight'); } } }); if ('getBoundingClientRect' in document.documentElement) { Object.extend(Element.Layout.COMPUTATIONS, { 'right': function(element) { var parent = hasLayout(element.getOffsetParent()); var rect = element.getBoundingClientRect(), pRect = parent.getBoundingClientRect(); return (pRect.right - rect.right).round(); }, 'bottom': function(element) { var parent = hasLayout(element.getOffsetParent()); var rect = element.getBoundingClientRect(), pRect = parent.getBoundingClientRect(); return (pRect.bottom - rect.bottom).round(); } }); } Element.Offset = Class.create({ initialize: function(left, top) { this.left = left.round(); this.top = top.round(); this[0] = this.left; this[1] = this.top; }, relativeTo: function(offset) { return new Element.Offset( this.left - offset.left, this.top - offset.top ); }, inspect: function() { return "#<Element.Offset left: #{left} top: #{top}>".interpolate(this); }, toString: function() { return "[#{left}, #{top}]".interpolate(this); }, toArray: function() { return [this.left, this.top]; } }); function getLayout(element, preCompute) { return new Element.Layout(element, preCompute); } function measure(element, property) { return $(element).getLayout().get(property); } function getDimensions(element) { element = $(element); var display = Element.getStyle(element, 'display'); if (display && display !== 'none') { return { width: element.offsetWidth, height: element.offsetHeight }; } var style = element.style; var originalStyles = { visibility: style.visibility, position: style.position, display: style.display }; var newStyles = { visibility: 'hidden', display: 'block' }; if (originalStyles.position !== 'fixed') newStyles.position = 'absolute'; Element.setStyle(element, newStyles); var dimensions = { width: element.offsetWidth, height: element.offsetHeight }; Element.setStyle(element, originalStyles); return dimensions; } // Implementing a new method to avoid retesting the entire application with clientHeight function getDimensionsEx(element) { element = $(element); var display = Element.getStyle(element, 'display'); if (display && display != 'none') { // Safari bug return {width: element.clientWidth, height: element.clientHeight}; } return getDimensions(element); } function getOffsetParent(element) { element = $(element); if (isDocument(element) || isDetached(element) || isBody(element) || isHtml(element)) return $(document.body); var isInline = (Element.getStyle(element, 'display') === 'inline'); if (!isInline && element.offsetParent) return $(element.offsetParent); while ((element = element.parentNode) && element !== document.body) { if (Element.getStyle(element, 'position') !== 'static') { return isHtml(element) ? $(document.body) : $(element); } } return $(document.body); } function cumulativeOffset(element) { element = $(element); var valueT = 0, valueL = 0; if (element.parentNode) { do { valueT += element.offsetTop || 0; valueL += element.offsetLeft || 0; element = element.offsetParent; } while (element); } return new Element.Offset(valueL, valueT); } function positionedOffset(element) { element = $(element); var layout = element.getLayout(); var valueT = 0, valueL = 0; do { valueT += element.offsetTop || 0; valueL += element.offsetLeft || 0; element = element.offsetParent; if (element) { if (isBody(element)) break; var p = Element.getStyle(element, 'position'); if (p !== 'static') break; } } while (element); valueL -= layout.get('margin-top'); valueT -= layout.get('margin-left'); return new Element.Offset(valueL, valueT); } function cumulativeScrollOffset(element) { var valueT = 0, valueL = 0; do { valueT += element.scrollTop || 0; valueL += element.scrollLeft || 0; element = element.parentNode; } while (element); return new Element.Offset(valueL, valueT); } function viewportOffset(forElement) { element = $(element); var valueT = 0, valueL = 0, docBody = document.body; var element = forElement; do { valueT += element.offsetTop || 0; valueL += element.offsetLeft || 0; if (element.offsetParent == docBody && Element.getStyle(element, 'position') == 'absolute') break; } while (element = element.offsetParent); element = forElement; do { if (element != docBody) { valueT -= element.scrollTop || 0; valueL -= element.scrollLeft || 0; } } while (element = element.parentNode); return new Element.Offset(valueL, valueT); } function absolutize(element) { element = $(element); if (Element.getStyle(element, 'position') === 'absolute') { return element; } var offsetParent = getOffsetParent(element); var eOffset = element.viewportOffset(), pOffset = offsetParent.viewportOffset(); var offset = eOffset.relativeTo(pOffset); var layout = element.getLayout(); element.store('prototype_absolutize_original_styles', { left: element.getStyle('left'), top: element.getStyle('top'), width: element.getStyle('width'), height: element.getStyle('height') }); element.setStyle({ position: 'absolute', top: offset.top + 'px', left: offset.left + 'px', width: layout.get('width') + 'px', height: layout.get('height') + 'px' }); return element; } function relativize(element) { element = $(element); if (Element.getStyle(element, 'position') === 'relative') { return element; } var originalStyles = element.retrieve('prototype_absolutize_original_styles'); if (originalStyles) element.setStyle(originalStyles); return element; } if (Prototype.Browser.IE) { getOffsetParent = getOffsetParent.wrap( function(proceed, element) { element = $(element); if (isDocument(element) || isDetached(element) || isBody(element) || isHtml(element)) return $(document.body); var position = element.getStyle('position'); if (position !== 'static') return proceed(element); element.setStyle({ position: 'relative' }); var value = proceed(element); element.setStyle({ position: position }); return value; } ); positionedOffset = positionedOffset.wrap(function(proceed, element) { element = $(element); if (!element.parentNode) return new Element.Offset(0, 0); var position = element.getStyle('position'); if (position !== 'static') return proceed(element); var offsetParent = element.getOffsetParent(); if (offsetParent && offsetParent.getStyle('position') === 'fixed') hasLayout(offsetParent); element.setStyle({ position: 'relative' }); var value = proceed(element); element.setStyle({ position: position }); return value; }); } else if (Prototype.Browser.Webkit) { cumulativeOffset = function(element) { element = $(element); var valueT = 0, valueL = 0; do { valueT += element.offsetTop || 0; valueL += element.offsetLeft || 0; if (element.offsetParent == document.body) if (Element.getStyle(element, 'position') == 'absolute') break; element = element.offsetParent; } while (element); return new Element.Offset(valueL, valueT); }; } Element.addMethods({ getLayout: getLayout, measure: measure, getDimensions: getDimensions, getDimensionsEx: getDimensionsEx, getOffsetParent: getOffsetParent, cumulativeOffset: cumulativeOffset, positionedOffset: positionedOffset, cumulativeScrollOffset: cumulativeScrollOffset, viewportOffset: viewportOffset, absolutize: absolutize, relativize: relativize }); function isBody(element) { return element.nodeName.toUpperCase() === 'BODY'; } function isHtml(element) { return element.nodeName.toUpperCase() === 'HTML'; } function isDocument(element) { return element.nodeType === Node.DOCUMENT_NODE; } function isDetached(element) { return element !== document.body && !Element.descendantOf(element, document.body); } if ('getBoundingClientRect' in document.documentElement) { Element.addMethods({ viewportOffset: function(element) { element = $(element); if (isDetached(element)) return new Element.Offset(0, 0); var rect = element.getBoundingClientRect(), docEl = document.documentElement; return new Element.Offset(rect.left - docEl.clientLeft, rect.top - docEl.clientTop); } }); } })(); window.$$ = function() { var expression = $A(arguments).join(', '); return Prototype.Selector.select(expression, document); }; Prototype.Selector = (function() { function select() { throw new Error('Method "Prototype.Selector.select" must be defined.'); } function match() { throw new Error('Method "Prototype.Selector.match" must be defined.'); } function find(elements, expression, index) { index = index || 0; var match = Prototype.Selector.match, length = elements.length, matchIndex = 0, i; for (i = 0; i < length; i++) { if (match(elements[i], expression) && index == matchIndex++) { return Element.extend(elements[i]); } } } function extendElements(elements) { for (var i = 0, length = elements.length; i < length; i++) { Element.extend(elements[i]); } return elements; } var K = Prototype.K; return { select: select, match: match, find: find, extendElements: (Element.extend === K) ? K : extendElements, extendElement: Element.extend }; })(); Prototype._original_property = window.Sizzle; /*! * Sizzle CSS Selector Engine - v1.0 * Copyright 2009, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * More information: http://sizzlejs.com/ */ (function(){ var chunker = /((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^[\]]*\]|['"][^'"]*['"]|[^[\]'"]+)+\]|\\.|[^ >+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g, done = 0, toString = Object.prototype.toString, hasDuplicate = false, baseHasDuplicate = true; [0, 0].sort(function(){ baseHasDuplicate = false; return 0; }); var Sizzle = function(selector, context, results, seed) { results = results || []; var origContext = context = context || document; if ( context.nodeType !== 1 && context.nodeType !== 9 ) { return []; } if ( !selector || typeof selector !== "string" ) { return results; } var parts = [], m, set, checkSet, check, mode, extra, prune = true, contextXML = isXML(context), soFar = selector; while ( (chunker.exec(""), m = chunker.exec(soFar)) !== null ) { soFar = m[3]; parts.push( m[1] ); if ( m[2] ) { extra = m[3]; break; } } if ( parts.length > 1 && origPOS.exec( selector ) ) { if ( parts.length === 2 && Expr.relative[ parts[0] ] ) { set = posProcess( parts[0] + parts[1], context ); } else { set = Expr.relative[ parts[0] ] ? [ context ] : Sizzle( parts.shift(), context ); while ( parts.length ) { selector = parts.shift(); if ( Expr.relative[ selector ] ) selector += parts.shift(); set = posProcess( selector, set ); } } } else { if ( !seed && parts.length > 1 && context.nodeType === 9 && !contextXML && Expr.match.ID.test(parts[0]) && !Expr.match.ID.test(parts[parts.length - 1]) ) { var ret = Sizzle.find( parts.shift(), context, contextXML ); context = ret.expr ? Sizzle.filter( ret.expr, ret.set )[0] : ret.set[0]; } if ( context ) { var ret = seed ? { expr: parts.pop(), set: makeArray(seed) } : Sizzle.find( parts.pop(), parts.length === 1 && (parts[0] === "~" || parts[0] === "+") && context.parentNode ? context.parentNode : context, contextXML ); set = ret.expr ? Sizzle.filter( ret.expr, ret.set ) : ret.set; if ( parts.length > 0 ) { checkSet = makeArray(set); } else { prune = false; } while ( parts.length ) { var cur = parts.pop(), pop = cur; if ( !Expr.relative[ cur ] ) { cur = ""; } else { pop = parts.pop(); } if ( pop == null ) { pop = context; } Expr.relative[ cur ]( checkSet, pop, contextXML ); } } else { checkSet = parts = []; } } if ( !checkSet ) { checkSet = set; } if ( !checkSet ) { throw "Syntax error, unrecognized expression: " + (cur || selector); } if ( toString.call(checkSet) === "[object Array]" ) { if ( !prune ) { results.push.apply( results, checkSet ); } else if ( context && context.nodeType === 1 ) { for ( var i = 0; checkSet[i] != null; i++ ) { if ( checkSet[i] && (checkSet[i] === true || checkSet[i].nodeType === 1 && contains(context, checkSet[i])) ) { results.push( set[i] ); } } } else { for ( var i = 0; checkSet[i] != null; i++ ) { if ( checkSet[i] && checkSet[i].nodeType === 1 ) { results.push( set[i] ); } } } } else { makeArray( checkSet, results ); } if ( extra ) { Sizzle( extra, origContext, results, seed ); Sizzle.uniqueSort( results ); } return results; }; Sizzle.uniqueSort = function(results){ if ( sortOrder ) { hasDuplicate = baseHasDuplicate; results.sort(sortOrder); if ( hasDuplicate ) { for ( var i = 1; i < results.length; i++ ) { if ( results[i] === results[i-1] ) { results.splice(i--, 1); } } } } return results; }; Sizzle.matches = function(expr, set){ return Sizzle(expr, null, null, set); }; Sizzle.find = function(expr, context, isXML){ var set, match; if ( !expr ) { return []; } for ( var i = 0, l = Expr.order.length; i < l; i++ ) { var type = Expr.order[i], match; if ( (match = Expr.leftMatch[ type ].exec( expr )) ) { var left = match[1]; match.splice(1,1); if ( left.substr( left.length - 1 ) !== "\\" ) { match[1] = (match[1] || "").replace(/\\/g, ""); set = Expr.find[ type ]( match, context, isXML ); if ( set != null ) { expr = expr.replace( Expr.match[ type ], "" ); break; } } } } if ( !set ) { set = context.getElementsByTagName("*"); } return {set: set, expr: expr}; }; Sizzle.filter = function(expr, set, inplace, not){ var old = expr, result = [], curLoop = set, match, anyFound, isXMLFilter = set && set[0] && isXML(set[0]); while ( expr && set.length ) { for ( var type in Expr.filter ) { if ( (match = Expr.match[ type ].exec( expr )) != null ) { var filter = Expr.filter[ type ], found, item; anyFound = false; if ( curLoop == result ) { result = []; } if ( Expr.preFilter[ type ] ) { match = Expr.preFilter[ type ]( match, curLoop, inplace, result, not, isXMLFilter ); if ( !match ) { anyFound = found = true; } else if ( match === true ) { continue; } } if ( match ) { for ( var i = 0; (item = curLoop[i]) != null; i++ ) { if ( item ) { found = filter( item, match, i, curLoop ); var pass = not ^ !!found; if ( inplace && found != null ) { if ( pass ) { anyFound = true; } else { curLoop[i] = false; } } else if ( pass ) { result.push( item ); anyFound = true; } } } } if ( found !== undefined ) { if ( !inplace ) { curLoop = result; } expr = expr.replace( Expr.match[ type ], "" ); if ( !anyFound ) { return []; } break; } } } if ( expr == old ) { if ( anyFound == null ) { throw "Syntax error, unrecognized expression: " + expr; } else { break; } } old = expr; } return curLoop; }; var Expr = Sizzle.selectors = { order: [ "ID", "NAME", "TAG" ], match: { ID: /#((?:[\w\u00c0-\uFFFF-]|\\.)+)/, CLASS: /\.((?:[\w\u00c0-\uFFFF-]|\\.)+)/, NAME: /\[name=['"]*((?:[\w\u00c0-\uFFFF-]|\\.)+)['"]*\]/, ATTR: /\[\s*((?:[\w\u00c0-\uFFFF-]|\\.)+)\s*(?:(\S?=)\s*(['"]*)(.*?)\3|)\s*\]/, TAG: /^((?:[\w\u00c0-\uFFFF\*-]|\\.)+)/, CHILD: /:(only|nth|last|first)-child(?:\((even|odd|[\dn+-]*)\))?/, POS: /:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^-]|$)/, PSEUDO: /:((?:[\w\u00c0-\uFFFF-]|\\.)+)(?:\((['"]*)((?:\([^\)]+\)|[^\2\(\)]*)+)\2\))?/ }, leftMatch: {}, attrMap: { "class": "className", "for": "htmlFor" }, attrHandle: { href: function(elem){ return elem.getAttribute("href"); } }, relative: { "+": function(checkSet, part, isXML){ var isPartStr = typeof part === "string", isTag = isPartStr && !/\W/.test(part), isPartStrNotTag = isPartStr && !isTag; if ( isTag && !isXML ) { part = part.toUpperCase(); } for ( var i = 0, l = checkSet.length, elem; i < l; i++ ) { if ( (elem = checkSet[i]) ) { while ( (elem = elem.previousSibling) && elem.nodeType !== 1 ) {} checkSet[i] = isPartStrNotTag || elem && elem.nodeName === part ? elem || false : elem === part; } } if ( isPartStrNotTag ) { Sizzle.filter( part, checkSet, true ); } }, ">": function(checkSet, part, isXML){ var isPartStr = typeof part === "string"; if ( isPartStr && !/\W/.test(part) ) { part = isXML ? part : part.toUpperCase(); for ( var i = 0, l = checkSet.length; i < l; i++ ) { var elem = checkSet[i]; if ( elem ) { var parent = elem.parentNode; checkSet[i] = parent.nodeName === part ? parent : false; } } } else { for ( var i = 0, l = checkSet.length; i < l; i++ ) { var elem = checkSet[i]; if ( elem ) { checkSet[i] = isPartStr ? elem.parentNode : elem.parentNode === part; } } if ( isPartStr ) { Sizzle.filter( part, checkSet, true ); } } }, "": function(checkSet, part, isXML){ var doneName = done++, checkFn = dirCheck; if ( !/\W/.test(part) ) { var nodeCheck = part = isXML ? part : part.toUpperCase(); checkFn = dirNodeCheck; } checkFn("parentNode", part, doneName, checkSet, nodeCheck, isXML); }, "~": function(checkSet, part, isXML){ var doneName = done++, checkFn = dirCheck; if ( typeof part === "string" && !/\W/.test(part) ) { var nodeCheck = part = isXML ? part : part.toUpperCase(); checkFn = dirNodeCheck; } checkFn("previousSibling", part, doneName, checkSet, nodeCheck, isXML); } }, find: { ID: function(match, context, isXML){ if ( typeof context.getElementById !== "undefined" && !isXML ) { var m = context.getElementById(match[1]); return m ? [m] : []; } }, NAME: function(match, context, isXML){ if ( typeof context.getElementsByName !== "undefined" ) { var ret = [], results = context.getElementsByName(match[1]); for ( var i = 0, l = results.length; i < l; i++ ) { if ( results[i].getAttribute("name") === match[1] ) { ret.push( results[i] ); } } return ret.length === 0 ? null : ret; } }, TAG: function(match, context){ return context.getElementsByTagName(match[1]); } }, preFilter: { CLASS: function(match, curLoop, inplace, result, not, isXML){ match = " " + match[1].replace(/\\/g, "") + " "; if ( isXML ) { return match; } for ( var i = 0, elem; (elem = curLoop[i]) != null; i++ ) { if ( elem ) { if ( not ^ (elem.className && (" " + elem.className + " ").indexOf(match) >= 0) ) { if ( !inplace ) result.push( elem ); } else if ( inplace ) { curLoop[i] = false; } } } return false; }, ID: function(match){ return match[1].replace(/\\/g, ""); }, TAG: function(match, curLoop){ for ( var i = 0; curLoop[i] === false; i++ ){} return curLoop[i] && isXML(curLoop[i]) ? match[1] : match[1].toUpperCase(); }, CHILD: function(match){ if ( match[1] == "nth" ) { var test = /(-?)(\d*)n((?:\+|-)?\d*)/.exec( match[2] == "even" && "2n" || match[2] == "odd" && "2n+1" || !/\D/.test( match[2] ) && "0n+" + match[2] || match[2]); match[2] = (test[1] + (test[2] || 1)) - 0; match[3] = test[3] - 0; } match[0] = done++; return match; }, ATTR: function(match, curLoop, inplace, result, not, isXML){ var name = match[1].replace(/\\/g, ""); if ( !isXML && Expr.attrMap[name] ) { match[1] = Expr.attrMap[name]; } if ( match[2] === "~=" ) { match[4] = " " + match[4] + " "; } return match; }, PSEUDO: function(match, curLoop, inplace, result, not){ if ( match[1] === "not" ) { if ( ( chunker.exec(match[3]) || "" ).length > 1 || /^\w/.test(match[3]) ) { match[3] = Sizzle(match[3], null, null, curLoop); } else { var ret = Sizzle.filter(match[3], curLoop, inplace, true ^ not); if ( !inplace ) { result.push.apply( result, ret ); } return false; } } else if ( Expr.match.POS.test( match[0] ) || Expr.match.CHILD.test( match[0] ) ) { return true; } return match; }, POS: function(match){ match.unshift( true ); return match; } }, filters: { enabled: function(elem){ return elem.disabled === false && elem.type !== "hidden"; }, disabled: function(elem){ return elem.disabled === true; }, checked: function(elem){ return elem.checked === true; }, selected: function(elem){ elem.parentNode.selectedIndex; return elem.selected === true; }, parent: function(elem){ return !!elem.firstChild; }, empty: function(elem){ return !elem.firstChild; }, has: function(elem, i, match){ return !!Sizzle( match[3], elem ).length; }, header: function(elem){ return /h\d/i.test( elem.nodeName ); }, text: function(elem){ return "text" === elem.type; }, radio: function(elem){ return "radio" === elem.type; }, checkbox: function(elem){ return "checkbox" === elem.type; }, file: function(elem){ return "file" === elem.type; }, password: function(elem){ return "password" === elem.type; }, submit: function(elem){ return "submit" === elem.type; }, image: function(elem){ return "image" === elem.type; }, reset: function(elem){ return "reset" === elem.type; }, button: function(elem){ return "button" === elem.type || elem.nodeName.toUpperCase() === "BUTTON"; }, input: function(elem){ return /input|select|textarea|button/i.test(elem.nodeName); } }, setFilters: { first: function(elem, i){ return i === 0; }, last: function(elem, i, match, array){ return i === array.length - 1; }, even: function(elem, i){ return i % 2 === 0; }, odd: function(elem, i){ return i % 2 === 1; }, lt: function(elem, i, match){ return i < match[3] - 0; }, gt: function(elem, i, match){ return i > match[3] - 0; }, nth: function(elem, i, match){ return match[3] - 0 == i; }, eq: function(elem, i, match){ return match[3] - 0 == i; } }, filter: { PSEUDO: function(elem, match, i, array){ var name = match[1], filter = Expr.filters[ name ]; if ( filter ) { return filter( elem, i, match, array ); } else if ( name === "contains" ) { return (elem.textContent || elem.innerText || "").indexOf(match[3]) >= 0; } else if ( name === "not" ) { var not = match[3]; for ( var i = 0, l = not.length; i < l; i++ ) { if ( not[i] === elem ) { return false; } } return true; } }, CHILD: function(elem, match){ var type = match[1], node = elem; switch (type) { case 'only': case 'first': while ( (node = node.previousSibling) ) { if ( node.nodeType === 1 ) return false; } if ( type == 'first') return true; node = elem; case 'last': while ( (node = node.nextSibling) ) { if ( node.nodeType === 1 ) return false; } return true; case 'nth': var first = match[2], last = match[3]; if ( first == 1 && last == 0 ) { return true; } var doneName = match[0], parent = elem.parentNode; if ( parent && (parent.sizcache !== doneName || !elem.nodeIndex) ) { var count = 0; for ( node = parent.firstChild; node; node = node.nextSibling ) { if ( node.nodeType === 1 ) { node.nodeIndex = ++count; } } parent.sizcache = doneName; } var diff = elem.nodeIndex - last; if ( first == 0 ) { return diff == 0; } else { return ( diff % first == 0 && diff / first >= 0 ); } } }, ID: function(elem, match){ return elem.nodeType === 1 && elem.getAttribute("id") === match; }, TAG: function(elem, match){ return (match === "*" && elem.nodeType === 1) || elem.nodeName === match; }, CLASS: function(elem, match){ return (" " + (elem.className || elem.getAttribute("class")) + " ") .indexOf( match ) > -1; }, ATTR: function(elem, match){ var name = match[1], result = Expr.attrHandle[ name ] ? Expr.attrHandle[ name ]( elem ) : elem[ name ] != null ? elem[ name ] : elem.getAttribute( name ), value = result + "", type = match[2], check = match[4]; return result == null ? type === "!=" : type === "=" ? value === check : type === "*=" ? value.indexOf(check) >= 0 : type === "~=" ? (" " + value + " ").indexOf(check) >= 0 : !check ? value && result !== false : type === "!=" ? value != check : type === "^=" ? value.indexOf(check) === 0 : type === "$=" ? value.substr(value.length - check.length) === check : type === "|=" ? value === check || value.substr(0, check.length + 1) === check + "-" : false; }, POS: function(elem, match, i, array){ var name = match[2], filter = Expr.setFilters[ name ]; if ( filter ) { return filter( elem, i, match, array ); } } } }; var origPOS = Expr.match.POS; for ( var type in Expr.match ) { Expr.match[ type ] = new RegExp( Expr.match[ type ].source + /(?![^\[]*\])(?![^\(]*\))/.source ); Expr.leftMatch[ type ] = new RegExp( /(^(?:.|\r|\n)*?)/.source + Expr.match[ type ].source ); } var makeArray = function(array, results) { array = Array.prototype.slice.call( array, 0 ); if ( results ) { results.push.apply( results, array ); return results; } return array; }; try { Array.prototype.slice.call( document.documentElement.childNodes, 0 ); } catch(e){ makeArray = function(array, results) { var ret = results || []; if ( toString.call(array) === "[object Array]" ) { Array.prototype.push.apply( ret, array ); } else { if ( typeof array.length === "number" ) { for ( var i = 0, l = array.length; i < l; i++ ) { ret.push( array[i] ); } } else { for ( var i = 0; array[i]; i++ ) { ret.push( array[i] ); } } } return ret; }; } var sortOrder; if ( document.documentElement.compareDocumentPosition ) { sortOrder = function( a, b ) { if ( !a.compareDocumentPosition || !b.compareDocumentPosition ) { if ( a == b ) { hasDuplicate = true; } return 0; } var ret = a.compareDocumentPosition(b) & 4 ? -1 : a === b ? 0 : 1; if ( ret === 0 ) { hasDuplicate = true; } return ret; }; } else if ( "sourceIndex" in document.documentElement ) { sortOrder = function( a, b ) { if ( !a.sourceIndex || !b.sourceIndex ) { if ( a == b ) { hasDuplicate = true; } return 0; } var ret = a.sourceIndex - b.sourceIndex; if ( ret === 0 ) { hasDuplicate = true; } return ret; }; } else if ( document.createRange ) { sortOrder = function( a, b ) { if ( !a.ownerDocument || !b.ownerDocument ) { if ( a == b ) { hasDuplicate = true; } return 0; } var aRange = a.ownerDocument.createRange(), bRange = b.ownerDocument.createRange(); aRange.setStart(a, 0); aRange.setEnd(a, 0); bRange.setStart(b, 0); bRange.setEnd(b, 0); var ret = aRange.compareBoundaryPoints(Range.START_TO_END, bRange); if ( ret === 0 ) { hasDuplicate = true; } return ret; }; } (function(){ var form = document.createElement("div"), id = "script" + (new Date).getTime(); form.innerHTML = "<a name='" + id + "'/>"; var root = document.documentElement; root.insertBefore( form, root.firstChild ); if ( !!document.getElementById( id ) ) { Expr.find.ID = function(match, context, isXML){ if ( typeof context.getElementById !== "undefined" && !isXML ) { var m = context.getElementById(match[1]); return m ? m.id === match[1] || typeof m.getAttributeNode !== "undefined" && m.getAttributeNode("id").nodeValue === match[1] ? [m] : undefined : []; } }; Expr.filter.ID = function(elem, match){ var node = typeof elem.getAttributeNode !== "undefined" && elem.getAttributeNode("id"); return elem.nodeType === 1 && node && node.nodeValue === match; }; } root.removeChild( form ); root = form = null; // release memory in IE })(); (function(){ var div = document.createElement("div"); div.appendChild( document.createComment("") ); if ( div.getElementsByTagName("*").length > 0 ) { Expr.find.TAG = function(match, context){ var results = context.getElementsByTagName(match[1]); if ( match[1] === "*" ) { var tmp = []; for ( var i = 0; results[i]; i++ ) { if ( results[i].nodeType === 1 ) { tmp.push( results[i] ); } } results = tmp; } return results; }; } div.innerHTML = "<a href='#'></a>"; if ( div.firstChild && typeof div.firstChild.getAttribute !== "undefined" && div.firstChild.getAttribute("href") !== "#" ) { Expr.attrHandle.href = function(elem){ return elem.getAttribute("href", 2); }; } div = null; // release memory in IE })(); if ( document.querySelectorAll ) (function(){ var oldSizzle = Sizzle, div = document.createElement("div"); div.innerHTML = "<p class='TEST'></p>"; if ( div.querySelectorAll && div.querySelectorAll(".TEST").length === 0 ) { return; } Sizzle = function(query, context, extra, seed){ context = context || document; if ( !seed && context.nodeType === 9 && !isXML(context) ) { try { return makeArray( context.querySelectorAll(query), extra ); } catch(e){} } return oldSizzle(query, context, extra, seed); }; for ( var prop in oldSizzle ) { Sizzle[ prop ] = oldSizzle[ prop ]; } div = null; // release memory in IE })(); if ( document.getElementsByClassName && document.documentElement.getElementsByClassName ) (function(){ var div = document.createElement("div"); div.innerHTML = "<div class='test e'></div><div class='test'></div>"; if ( div.getElementsByClassName("e").length === 0 ) return; div.lastChild.className = "e"; if ( div.getElementsByClassName("e").length === 1 ) return; Expr.order.splice(1, 0, "CLASS"); Expr.find.CLASS = function(match, context, isXML) { if ( typeof context.getElementsByClassName !== "undefined" && !isXML ) { return context.getElementsByClassName(match[1]); } }; div = null; // release memory in IE })(); function dirNodeCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) { var sibDir = dir == "previousSibling" && !isXML; for ( var i = 0, l = checkSet.length; i < l; i++ ) { var elem = checkSet[i]; if ( elem ) { if ( sibDir && elem.nodeType === 1 ){ elem.sizcache = doneName; elem.sizset = i; } elem = elem[dir]; var match = false; while ( elem ) { if ( elem.sizcache === doneName ) { match = checkSet[elem.sizset]; break; } if ( elem.nodeType === 1 && !isXML ){ elem.sizcache = doneName; elem.sizset = i; } if ( elem.nodeName === cur ) { match = elem; break; } elem = elem[dir]; } checkSet[i] = match; } } } function dirCheck( dir, cur, doneName, checkSet, nodeCheck, isXML ) { var sibDir = dir == "previousSibling" && !isXML; for ( var i = 0, l = checkSet.length; i < l; i++ ) { var elem = checkSet[i]; if ( elem ) { if ( sibDir && elem.nodeType === 1 ) { elem.sizcache = doneName; elem.sizset = i; } elem = elem[dir]; var match = false; while ( elem ) { if ( elem.sizcache === doneName ) { match = checkSet[elem.sizset]; break; } if ( elem.nodeType === 1 ) { if ( !isXML ) { elem.sizcache = doneName; elem.sizset = i; } if ( typeof cur !== "string" ) { if ( elem === cur ) { match = true; break; } } else if ( Sizzle.filter( cur, [elem] ).length > 0 ) { match = elem; break; } } elem = elem[dir]; } checkSet[i] = match; } } } var contains = document.compareDocumentPosition ? function(a, b){ return a.compareDocumentPosition(b) & 16; } : function(a, b){ return a !== b && (a.contains ? a.contains(b) : true); }; var isXML = function(elem){ return elem.nodeType === 9 && elem.documentElement.nodeName !== "HTML" || !!elem.ownerDocument && elem.ownerDocument.documentElement.nodeName !== "HTML"; }; var posProcess = function(selector, context){ var tmpSet = [], later = "", match, root = context.nodeType ? [context] : context; while ( (match = Expr.match.PSEUDO.exec( selector )) ) { later += match[0]; selector = selector.replace( Expr.match.PSEUDO, "" ); } selector = Expr.relative[selector] ? selector + "*" : selector; for ( var i = 0, l = root.length; i < l; i++ ) { Sizzle( selector, root[i], tmpSet ); } return Sizzle.filter( later, tmpSet ); }; window.Sizzle = Sizzle; })(); ;(function(engine) { var extendElements = Prototype.Selector.extendElements; function select(selector, scope) { return extendElements(engine(selector, scope || document)); } function match(element, selector) { return engine.matches(selector, [element]).length == 1; } Prototype.Selector.engine = engine; Prototype.Selector.select = select; Prototype.Selector.match = match; })(Sizzle); window.Sizzle = Prototype._original_property; delete Prototype._original_property; var Form = { reset: function(form) { form = $(form); form.reset(); return form; }, serializeElements: function(elements, options) { if (typeof options != 'object') options = { hash: !!options }; else if (Object.isUndefined(options.hash)) options.hash = true; var key, value, submitted = false, submit = options.submit, accumulator, initial; if (options.hash) { initial = {}; accumulator = function(result, key, value) { if (key in result) { if (!Object.isArray(result[key])) result[key] = [result[key]]; result[key].push(value); } else result[key] = value; return result; }; } else { initial = ''; accumulator = function(result, key, value) { return result + (result ? '&' : '') + encodeURIComponent(key) + '=' + encodeURIComponent(value); } } return elements.inject(initial, function(result, element) { if (!element.disabled && element.name) { key = element.name; value = $(element).getValue(); if (value != null && element.type != 'file' && (element.type != 'submit' || (!submitted && submit !== false && (!submit || key == submit) && (submitted = true)))) { result = accumulator(result, key, value); } } return result; }); } }; Form.Methods = { serialize: function(form, options) { return Form.serializeElements(Form.getElements(form), options); }, getElements: function(form) { var elements = $(form).getElementsByTagName('*'), element, arr = [ ], serializers = Form.Element.Serializers; for (var i = 0; element = elements[i]; i++) { arr.push(element); } return arr.inject([], function(elements, child) { if (serializers[child.tagName.toLowerCase()]) elements.push(Element.extend(child)); return elements; }) }, getInputs: function(form, typeName, name) { form = $(form); var inputs = form.getElementsByTagName('input'); if (!typeName && !name) return $A(inputs).map(Element.extend); for (var i = 0, matchingInputs = [], length = inputs.length; i < length; i++) { var input = inputs[i]; if ((typeName && input.type != typeName) || (name && input.name != name)) continue; matchingInputs.push(Element.extend(input)); } return matchingInputs; }, disable: function(form) { form = $(form); Form.getElements(form).invoke('disable'); return form; }, enable: function(form) { form = $(form); Form.getElements(form).invoke('enable'); return form; }, findFirstElement: function(form) { var elements = $(form).getElements().findAll(function(element) { return 'hidden' != element.type && !element.disabled; }); var firstByIndex = elements.findAll(function(element) { return element.hasAttribute('tabIndex') && element.tabIndex >= 0; }).sortBy(function(element) { return element.tabIndex }).first(); return firstByIndex ? firstByIndex : elements.find(function(element) { return /^(?:input|select|textarea)$/i.test(element.tagName); }); }, focusFirstElement: function(form) { form = $(form); var element = form.findFirstElement(); if (element) element.activate(); return form; }, request: function(form, options) { form = $(form), options = Object.clone(options || { }); var params = options.parameters, action = form.readAttribute('action') || ''; if (action.blank()) action = window.location.href; options.parameters = form.serialize(true); if (params) { if (Object.isString(params)) params = params.toQueryParams(); Object.extend(options.parameters, params); } if (form.hasAttribute('method') && !options.method) options.method = form.getAttribute('method'); return new Ajax.Request(action, options); } }; /*--------------------------------------------------------------------------*/ Form.Element = { focus: function(element) { $(element).focus(); return element; }, select: function(element) { $(element).select(); return element; } }; Form.Element.Methods = { serialize: function(element) { element = $(element); if (!element.disabled && element.name) { var value = element.getValue(); if (value != undefined) { var pair = { }; pair[element.name] = value; return Object.toQueryString(pair); } } return ''; }, getValue: function(element) { element = $(element); var method = element.tagName.toLowerCase(); return Form.Element.Serializers[method](element); }, setValue: function(element, value) { element = $(element); var method = element.tagName.toLowerCase(); Form.Element.Serializers[method](element, value); return element; }, clear: function(element) { $(element).value = ''; return element; }, present: function(element) { return $(element).value != ''; }, activate: function(element) { element = $(element); try { element.focus(); if (element.select && (element.tagName.toLowerCase() != 'input' || !(/^(?:button|reset|submit)$/i.test(element.type)))) element.select(); } catch (e) { } return element; }, disable: function(element) { element = $(element); element.disabled = true; return element; }, enable: function(element) { element = $(element); element.disabled = false; return element; } }; /*--------------------------------------------------------------------------*/ var Field = Form.Element; var $F = Form.Element.Methods.getValue; /*--------------------------------------------------------------------------*/ Form.Element.Serializers = (function() { function input(element, value) { switch (element.type.toLowerCase()) { case 'checkbox': case 'radio': return inputSelector(element, value); default: return valueSelector(element, value); } } function inputSelector(element, value) { if (Object.isUndefined(value)) return element.checked ? element.value : null; else element.checked = !!value; } function valueSelector(element, value) { if (Object.isUndefined(value)) return element.value; else element.value = value; } function select(element, value) { if (Object.isUndefined(value)) return (element.type === 'select-one' ? selectOne : selectMany)(element); var opt, currentValue, single = !Object.isArray(value); for (var i = 0, length = element.length; i < length; i++) { opt = element.options[i]; currentValue = this.optionValue(opt); if (single) { if (currentValue == value) { opt.selected = true; return; } } else opt.selected = value.include(currentValue); } } function selectOne(element) { var index = element.selectedIndex; return index >= 0 ? optionValue(element.options[index]) : null; } function selectMany(element) { var values, length = element.length; if (!length) return null; for (var i = 0, values = []; i < length; i++) { var opt = element.options[i]; if (opt.selected) values.push(optionValue(opt)); } return values; } function optionValue(opt) { return Element.hasAttribute(opt, 'value') ? opt.value : opt.text; } return { input: input, inputSelector: inputSelector, textarea: valueSelector, select: select, selectOne: selectOne, selectMany: selectMany, optionValue: optionValue, button: valueSelector }; })(); /*--------------------------------------------------------------------------*/ Abstract.TimedObserver = Class.create(PeriodicalExecuter, { initialize: function($super, element, frequency, callback) { $super(callback, frequency); this.element = $(element); this.lastValue = this.getValue(); }, execute: function() { var value = this.getValue(); if (Object.isString(this.lastValue) && Object.isString(value) ? this.lastValue != value : String(this.lastValue) != String(value)) { this.callback(this.element, value); this.lastValue = value; } } }); Form.Element.Observer = Class.create(Abstract.TimedObserver, { getValue: function() { return Form.Element.getValue(this.element); } }); Form.Observer = Class.create(Abstract.TimedObserver, { getValue: function() { return Form.serialize(this.element); } }); /*--------------------------------------------------------------------------*/ Abstract.EventObserver = Class.create({ initialize: function(element, callback) { this.element = $(element); this.callback = callback; this.lastValue = this.getValue(); if (this.element.tagName.toLowerCase() == 'form') this.registerFormCallbacks(); else this.registerCallback(this.element); }, onElementEvent: function() { var value = this.getValue(); if (this.lastValue != value) { this.callback(this.element, value); this.lastValue = value; } }, registerFormCallbacks: function() { Form.getElements(this.element).each(this.registerCallback, this); }, registerCallback: function(element) { if (element.type) { switch (element.type.toLowerCase()) { case 'checkbox': case 'radio': Event.observe(element, 'click', this.onElementEvent.bind(this)); break; default: Event.observe(element, 'change', this.onElementEvent.bind(this)); break; } } } }); Form.Element.EventObserver = Class.create(Abstract.EventObserver, { getValue: function() { return Form.Element.getValue(this.element); } }); Form.EventObserver = Class.create(Abstract.EventObserver, { getValue: function() { return Form.serialize(this.element); } }); (function() { var Event = { KEY_BACKSPACE: 8, KEY_TAB: 9, KEY_RETURN: 13, KEY_ESC: 27, KEY_LEFT: 37, KEY_UP: 38, KEY_RIGHT: 39, KEY_DOWN: 40, KEY_DELETE: 46, KEY_HOME: 36, KEY_END: 35, KEY_PAGEUP: 33, KEY_PAGEDOWN: 34, KEY_INSERT: 45, cache: {} }; var docEl = document.documentElement; var MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED = 'onmouseenter' in docEl && 'onmouseleave' in docEl; var isIELegacyEvent = function(event) { return false; }; if (window.attachEvent) { if (window.addEventListener) { isIELegacyEvent = function(event) { return !(event instanceof window.Event); }; } else { isIELegacyEvent = function(event) { return true; }; } } var _isButton; function _isButtonForDOMEvents(event, code) { return event.which ? (event.which === code + 1) : (event.button === code); } var legacyButtonMap = { 0: 1, 1: 4, 2: 2 }; function _isButtonForLegacyEvents(event, code) { return event.button === legacyButtonMap[code]; } function _isButtonForWebKit(event, code) { switch (code) { case 0: return event.which == 1 && !event.metaKey; case 1: return event.which == 2 || (event.which == 1 && event.metaKey); case 2: return event.which == 3; default: return false; } } if (window.attachEvent) { if (!window.addEventListener) { _isButton = _isButtonForLegacyEvents; } else { _isButton = function(event, code) { return isIELegacyEvent(event) ? _isButtonForLegacyEvents(event, code) : _isButtonForDOMEvents(event, code); } } } else if (Prototype.Browser.WebKit) { _isButton = _isButtonForWebKit; } else { _isButton = _isButtonForDOMEvents; } function isLeftClick(event) { return _isButton(event, 0) } function isMiddleClick(event) { return _isButton(event, 1) } function isRightClick(event) { return _isButton(event, 2) } function element(event) { event = Event.extend(event); var node = event.target, type = event.type, currentTarget = event.currentTarget; if (currentTarget && currentTarget.tagName) { if (type === 'load' || type === 'error' || (type === 'click' && currentTarget.tagName.toLowerCase() === 'input' && currentTarget.type === 'radio')) node = currentTarget; } if (node.nodeType == Node.TEXT_NODE) node = node.parentNode; return Element.extend(node); } function findElement(event, expression) { var element = Event.element(event); if (!expression) return element; while (element) { if (Object.isElement(element) && Prototype.Selector.match(element, expression)) { return Element.extend(element); } element = element.parentNode; } } function pointer(event) { return { x: pointerX(event), y: pointerY(event) }; } function pointerX(event) { var docElement = document.documentElement, body = document.body || { scrollLeft: 0 }; return event.pageX || (event.clientX + (docElement.scrollLeft || body.scrollLeft) - (docElement.clientLeft || 0)); } function pointerY(event) { var docElement = document.documentElement, body = document.body || { scrollTop: 0 }; return event.pageY || (event.clientY + (docElement.scrollTop || body.scrollTop) - (docElement.clientTop || 0)); } function stop(event) { Event.extend(event); event.preventDefault(); event.stopPropagation(); event.stopped = true; } Event.Methods = { isLeftClick: isLeftClick, isMiddleClick: isMiddleClick, isRightClick: isRightClick, element: element, findElement: findElement, pointer: pointer, pointerX: pointerX, pointerY: pointerY, stop: stop }; var methods = Object.keys(Event.Methods).inject({ }, function(m, name) { m[name] = Event.Methods[name].methodize(); return m; }); if (window.attachEvent) { function _relatedTarget(event) { var element; switch (event.type) { case 'mouseover': case 'mouseenter': element = event.fromElement; break; case 'mouseout': case 'mouseleave': element = event.toElement; break; default: return null; } return Element.extend(element); } var additionalMethods = { stopPropagation: function() { this.cancelBubble = true }, preventDefault: function() { this.returnValue = false }, inspect: function() { return '[object Event]' } }; Event.extend = function(event, element) { if (!event) return false; if (!isIELegacyEvent(event)) return event; if (event._extendedByPrototype) return event; event._extendedByPrototype = Prototype.emptyFunction; var pointer = Event.pointer(event); Object.extend(event, { target: event.srcElement || element, relatedTarget: _relatedTarget(event), pageX: pointer.x, pageY: pointer.y }); Object.extend(event, methods); Object.extend(event, additionalMethods); return event; }; } else { Event.extend = Prototype.K; } if (window.addEventListener) { Event.prototype = window.Event.prototype || document.createEvent('HTMLEvents').__proto__; Object.extend(Event.prototype, methods); } function _createResponder(element, eventName, handler) { var registry = Element.retrieve(element, 'prototype_event_registry'); if (Object.isUndefined(registry)) { CACHE.push(element); registry = Element.retrieve(element, 'prototype_event_registry', $H()); } var respondersForEvent = registry.get(eventName); if (Object.isUndefined(respondersForEvent)) { respondersForEvent = []; registry.set(eventName, respondersForEvent); } if (respondersForEvent.pluck('handler').include(handler)) return false; var responder; if (eventName.include(":")) { responder = function(event) { if (Object.isUndefined(event.eventName)) return false; if (event.eventName !== eventName) return false; Event.extend(event, element); handler.call(element, event); }; } else { if (!MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED && (eventName === "mouseenter" || eventName === "mouseleave")) { if (eventName === "mouseenter" || eventName === "mouseleave") { responder = function(event) { Event.extend(event, element); var parent = event.relatedTarget; while (parent && parent !== element) { try { parent = parent.parentNode; } catch(e) { parent = element; } } if (parent === element) return; handler.call(element, event); }; } } else { if (eventName === "beforeunload") { responder = function(event) { Event.extend(event, element); return handler.call(element, event); }; } else { responder = function(event) { Event.extend(event, element); handler.call(element, event); }; } } } responder.handler = handler; respondersForEvent.push(responder); return responder; } function _destroyCache() { for (var i = 0, length = CACHE.length; i < length; i++) { Event.stopObserving(CACHE[i]); CACHE[i] = null; } } var CACHE = []; if (Prototype.Browser.IE) window.attachEvent('onunload', _destroyCache); if (Prototype.Browser.WebKit) window.addEventListener('unload', Prototype.emptyFunction, false); var _getDOMEventName = Prototype.K, translations = { mouseenter: "mouseover", mouseleave: "mouseout" }; if (!MOUSEENTER_MOUSELEAVE_EVENTS_SUPPORTED) { _getDOMEventName = function(eventName) { return (translations[eventName] || eventName); }; } function observe(element, eventName, handler) { element = $(element); var responder = _createResponder(element, eventName, handler); if (!responder) return element; if (eventName.include(':')) { if (element.addEventListener) element.addEventListener("dataavailable", responder, false); else { element.attachEvent("ondataavailable", responder); element.attachEvent("onlosecapture", responder); } } else { var actualEventName = _getDOMEventName(eventName); if (element.addEventListener) element.addEventListener(actualEventName, responder, false); else element.attachEvent("on" + actualEventName, responder); } return element; } function stopObserving(element, eventName, handler) { element = $(element); var registry = Element.retrieve(element, 'prototype_event_registry'); if (!registry) return element; if (!eventName) { registry.each( function(pair) { var eventName = pair.key; stopObserving(element, eventName); }); return element; } var responders = registry.get(eventName); if (!responders) return element; if (!handler) { responders.each(function(r) { stopObserving(element, eventName, r.handler); }); return element; } var i = responders.length, responder; while (i--) { if (responders[i].handler === handler) { responder = responders[i]; break; } } if (!responder) return element; if (eventName.include(':')) { if (element.removeEventListener) element.removeEventListener("dataavailable", responder, false); else { element.detachEvent("ondataavailable", responder); element.detachEvent("onlosecapture", responder); } } else { var actualEventName = _getDOMEventName(eventName); if (element.removeEventListener) element.removeEventListener(actualEventName, responder, false); else element.detachEvent('on' + actualEventName, responder); } registry.set(eventName, responders.without(responder)); return element; } function fire(element, eventName, memo, bubble) { element = $(element); if (Object.isUndefined(bubble)) bubble = true; if (element == document && document.createEvent && !element.dispatchEvent) element = document.documentElement; var event; if (document.createEvent) { event = document.createEvent('HTMLEvents'); event.initEvent('dataavailable', bubble, true); } else { event = document.createEventObject(); event.eventType = bubble ? 'ondataavailable' : 'onlosecapture'; } event.eventName = eventName; event.memo = memo || { }; if (document.createEvent) element.dispatchEvent(event); else element.fireEvent(event.eventType, event); return Event.extend(event); } Event.Handler = Class.create({ initialize: function(element, eventName, selector, callback) { this.element = $(element); this.eventName = eventName; this.selector = selector; this.callback = callback; this.handler = this.handleEvent.bind(this); }, start: function() { Event.observe(this.element, this.eventName, this.handler); return this; }, stop: function() { Event.stopObserving(this.element, this.eventName, this.handler); return this; }, handleEvent: function(event) { var element = Event.findElement(event, this.selector); if (element) this.callback.call(this.element, event, element); } }); function on(element, eventName, selector, callback) { element = $(element); if (Object.isFunction(selector) && Object.isUndefined(callback)) { callback = selector, selector = null; } return new Event.Handler(element, eventName, selector, callback).start(); } Object.extend(Event, Event.Methods); Object.extend(Event, { fire: fire, observe: observe, stopObserving: stopObserving, on: on }); Element.addMethods({ fire: fire, observe: observe, stopObserving: stopObserving, on: on }); Object.extend(document, { fire: fire.methodize(), observe: observe.methodize(), stopObserving: stopObserving.methodize(), on: on.methodize(), loaded: false }); if (window.Event) Object.extend(window.Event, Event); else window.Event = Event; })(); (function() { /* Support for the DOMContentLoaded event is based on work by Dan Webb, Matthias Miller, Dean Edwards, John Resig, and Diego Perini. */ var timer; function fireContentLoadedEvent() { if (document.loaded) return; if (timer) window.clearTimeout(timer); document.loaded = true; document.fire('dom:loaded'); } function checkReadyState() { if (document.readyState === 'complete') { document.stopObserving('readystatechange', checkReadyState); fireContentLoadedEvent(); } } function pollDoScroll() { try { document.documentElement.doScroll('left'); } catch(e) { timer = pollDoScroll.defer(); return; } fireContentLoadedEvent(); } if (document.addEventListener) { document.addEventListener('DOMContentLoaded', fireContentLoadedEvent, false); } else { document.observe('readystatechange', checkReadyState); if (window == top) timer = pollDoScroll.defer(); } Event.observe(window, 'load', fireContentLoadedEvent); })(); Element.addMethods(); /*------------------------------- DEPRECATED -------------------------------*/ Hash.toQueryString = Object.toQueryString; var Toggle = { display: Element.toggle }; Element.Methods.childOf = Element.Methods.descendantOf; var Insertion = { Before: function(element, content) { return Element.insert(element, {before:content}); }, Top: function(element, content) { return Element.insert(element, {top:content}); }, Bottom: function(element, content) { return Element.insert(element, {bottom:content}); }, After: function(element, content) { return Element.insert(element, {after:content}); } }; var $continue = new Error('"throw $continue" is deprecated, use "return" instead'); var Position = { includeScrollOffsets: false, prepare: function() { this.deltaX = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0; this.deltaY = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; }, within: function(element, x, y) { if (this.includeScrollOffsets) return this.withinIncludingScrolloffsets(element, x, y); this.xcomp = x; this.ycomp = y; this.offset = Element.cumulativeOffset(element); return (y >= this.offset[1] && y < this.offset[1] + element.offsetHeight && x >= this.offset[0] && x < this.offset[0] + element.offsetWidth); }, withinIncludingScrolloffsets: function(element, x, y) { var offsetcache = Element.cumulativeScrollOffset(element); this.xcomp = x + offsetcache[0] - this.deltaX; this.ycomp = y + offsetcache[1] - this.deltaY; this.offset = Element.cumulativeOffset(element); return (this.ycomp >= this.offset[1] && this.ycomp < this.offset[1] + element.offsetHeight && this.xcomp >= this.offset[0] && this.xcomp < this.offset[0] + element.offsetWidth); }, overlap: function(mode, element) { if (!mode) return 0; if (mode == 'vertical') return ((this.offset[1] + element.offsetHeight) - this.ycomp) / element.offsetHeight; if (mode == 'horizontal') return ((this.offset[0] + element.offsetWidth) - this.xcomp) / element.offsetWidth; }, cumulativeOffset: Element.Methods.cumulativeOffset, positionedOffset: Element.Methods.positionedOffset, absolutize: function(element) { Position.prepare(); return Element.absolutize(element); }, relativize: function(element) { Position.prepare(); return Element.relativize(element); }, realOffset: Element.Methods.cumulativeScrollOffset, offsetParent: Element.Methods.getOffsetParent, page: Element.Methods.viewportOffset, clone: function(source, target, options) { options = options || { }; return Element.clonePosition(target, source, options); } }; /*--------------------------------------------------------------------------*/ if (!document.getElementsByClassName) document.getElementsByClassName = function(instanceMethods){ function iter(name) { return name.blank() ? null : "[contains(concat(' ', @class, ' '), ' " + name + " ')]"; } var _getElementsByClassName = instanceMethods.getElementsByClassName = Prototype.BrowserFeatures.XPath ? function(element, className) { className = className.toString().strip(); var cond = /\s/.test(className) ? $w(className).map(iter).join('') : iter(className); return cond ? document._getElementsByXPath('.//*' + cond, element) : []; } : function(element, className) { className = className.toString().strip(); var elements = [], classNames = (/\s/.test(className) ? $w(className) : null); if (!classNames && !className) return elements; var nodes = $(element).getElementsByTagName('*'); className = ' ' + className + ' '; for (var i = 0, child, cn; child = nodes[i]; i++) { if (child.className && (cn = ' ' + child.className + ' ') && (cn.include(className) || (classNames && classNames.all(function(name) { return !name.toString().blank() && cn.include(' ' + name + ' '); })))) elements.push(Element.extend(child)); } return elements; }; return function(className, parentElement) { return _getElementsByClassName( parentElement || document.body, className ); }; }(Element.Methods); /*--------------------------------------------------------------------------*/ Element.ClassNames = Class.create(); Element.ClassNames.prototype = { initialize: function(element) { this.element = $(element); }, _each: function(iterator) { this.element.className.split(/\s+/).select(function(name) { return name.length > 0; })._each(iterator); }, set: function(className) { this.element.className = className; }, add: function(classNameToAdd) { if (this.include(classNameToAdd)) return; this.set($A(this).concat(classNameToAdd).join(' ')); }, remove: function(classNameToRemove) { if (!this.include(classNameToRemove)) return; this.set($A(this).without(classNameToRemove).join(' ')); }, toString: function() { return $A(this).join(' '); } }; Object.extend(Element.ClassNames.prototype, Enumerable); /*--------------------------------------------------------------------------*/ (function() { window.Selector = Class.create({ initialize: function(expression) { this.expression = expression.strip(); }, findElements: function(rootElement) { return Prototype.Selector.select(this.expression, rootElement); }, match: function(element) { return Prototype.Selector.match(element, this.expression); }, toString: function() { return this.expression; }, inspect: function() { return "#<Selector: " + this.expression + ">"; } }); Object.extend(Selector, { matchElements: function(elements, expression) { var match = Prototype.Selector.match, results = []; for (var i = 0, length = elements.length; i < length; i++) { var element = elements[i]; if (match(element, expression)) { results.push(Element.extend(element)); } } return results; }, findElement: function(elements, expression, index) { index = index || 0; var matchIndex = 0, element; for (var i = 0, length = elements.length; i < length; i++) { element = elements[i]; if (Prototype.Selector.match(element, expression) && index === matchIndex++) { return Element.extend(element); } } }, findChildElements: function(element, expressions) { var selector = expressions.toArray().join(', '); return Prototype.Selector.select(selector, element || document); } }); })(); /* * * Copyright (c) 2007 Andrew Tetlaw * * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the "Software"), to deal in the Software without * restriction, including without limitation the rights to use, copy, * modify, merge, publish, distribute, sublicense, and/or sell copies * of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS * BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN * ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. * * * * * FastInit * http://tetlaw.id.au/view/javascript/fastinit * Andrew Tetlaw * Version 1.4.1 (2007-03-15) * Based on: * http://dean.edwards.name/weblog/2006/03/faster * http://dean.edwards.name/weblog/2006/06/again/ * Help from: * http://www.cherny.com/webdev/26/domloaded-object-literal-updated * */ var FastInit = { onload : function() { if (FastInit.done) { return; } FastInit.done = true; for(var x = 0, al = FastInit.f.length; x < al; x++) { FastInit.f[x](); } // check for doubleSubmit only if validateForm.js is included in the page and thus nameSpace 'doubleSubmit' is defined if(typeof window.doubleSubmit !== "undefined") { for ( i = 0; i < window.document.forms.length; i++ ) { // Below is necessary to make use of both form.onsubmit validations on individual pages // and form submit event handlers registered through Event.observe(..."submit"...) var originalFormOnSubmit = null; if(window.document.forms[i].onsubmit) { originalFormOnSubmit = window.document.forms[i].onsubmit; window.document.forms[i].onsubmit = function() { return; }; } // Form.submit() doesn't call form submit event handlers registered below, so we have to make // sure form submit event handlers get called when form.submit() is used to submit the form // Note : Browser does not trigger the onsubmit event if you call the submit method of a form // programmatically. Likewise, we don't call form.onsubmit() here and that validation if wanted // is up to the developer to do before calling form.submit() window.document.forms[i].originalFormSubmit = window.document.forms[i].submit; window.document.forms[i].submit = function() { if(doubleSubmit.handleFormSubmitEvents( null, this, null ) == false) { return false; } return this.originalFormSubmit(); }; Event.observe( window.document.forms[i], "submit", doubleSubmit.handleFormSubmitEvents .bindAsEventListener( this, window.document.forms[i], originalFormOnSubmit ) ); } } }, addOnLoad : function() { var a = arguments; for(var x = 0, al = a.length; x < al; x++) { if(typeof a[x] === 'function') { if (FastInit.done ) { a[x](); } else { FastInit.f.push(a[x]); } } } }, listen : function() { if (/WebKit|khtml/i.test(navigator.userAgent)) { FastInit.timer = setInterval(function() { if (/loaded|complete/.test(document.readyState)) { clearInterval(FastInit.timer); delete FastInit.timer; FastInit.onload(); }}, 10); } else if (document.addEventListener) { document.addEventListener('DOMContentLoaded', FastInit.onload, false); } else if(!FastInit.iew32) { if(window.addEventListener) { window.addEventListener('load', FastInit.onload, false); } else if (window.attachEvent) { return window.attachEvent('onload', FastInit.onload); } } }, f:[],done:false,timer:null,iew32:false }; /*@cc_on @*/ /*@if (@_win32) FastInit.iew32 = true; document.write('<script id="__ie_onload" defer src="' + ((location.protocol == 'https:') ? '//0' : 'javascript:void(0)') + '"><\/script>'); document.getElementById('__ie_onload').onreadystatechange = function(){if (this.readyState == 'complete') { FastInit.onload(); }}; /*@end @*/ FastInit.listen(); /** * Only include the contents of this file once - for example, if this is included in a lightbox we don't want to re-run * all of this - just use the loaded version. (i.e. rerunning would clear page.bundle which would remove all the * language strings for the current page) */ if (!window.page) { var page = {}; page.isLoaded = false; /** * Utility for adding and using localized messages on the page. */ page.bundle = {}; page.bundle.messages = {}; page.bundle.addKey = function( key, value ) { page.bundle.messages[key] = value; }; page.bundle.getString = function( key /*, arg1, arg2, ..., argN */ ) { var result = page.bundle.messages[key]; if ( !result ) { return "!!!!" + key + "!!!!!"; } else { if ( arguments.length > 1 ) { for ( var i = 1; i < arguments.length; i++ ) { result = result.replace( new RegExp("\\{"+(i-1)+"\\}","g"), arguments[i] ); } } return result; } }; /** * Provides support for lazy initialization of javascript behavior when a certain * event happens to a certain item. */ page.LazyInit = function( event, eventTypes, initCode ) { var e = event || window.event; var target = Event.element( event ); // This is because events bubble and we want a reference // to the element we registered the handlers on. target = page.util.upToClass(target, "jsInit"); for (var i = 0; i < eventTypes.length; i++ ) { target['on'+eventTypes[i]] = null; } eval( initCode ); //initCode can reference "target" }; /** * Evaluates any <script> tags in the provided string in the global scope. * Useful for evaluating scripts that come back in text from an Ajax call. * If signalObject is passed then signalObject.evaluatingScripts will be set to false when done. */ page.globalEvalScripts = function(str, evalExternalScripts, signalObject) { //Get any external scripts var waitForVars = []; var scriptVars = [ { script: 'bb_htmlarea', variable: ['HTMLArea'] }, { script: 'w_editor', variable: ['WebeqEditors'] }, { script: 'wysiwyg.js', variable: ['vtbe_attchfiles'] }, { script: 'gradebook_utils.js', variable: ['gradebook_utils'] }, { script: 'rubric.js', variable: ['rubricModule'] }, { script: 'gridmgmt.js', variable: ['gridMgmt'] }, { script: 'calendar-time.js', variable: ['calendar'] }, { script: 'widget.js', variable: ['widget'] }, { script: 'vtbeTinymce.js', variable: ['tinyMceWrapper'] }, { script: 'WhatsNewView.js', variable: ['WhatsNewView'] }, { script: 'tiny_mce.js', variable: ['tinymce','tinyMCE'] }, { script: 'slider.js', variable: ['Control.Slider'] } ]; if (evalExternalScripts) { var externalScriptRE = '<script[^>]*src=["\']([^>"\']*)["\'][^>]*>([\\S\\s]*?)<\/script>'; var scriptMatches = str.match(new RegExp(externalScriptRE, 'img')); if (scriptMatches && scriptMatches.length > 0) { $A(scriptMatches).each(function(scriptTag) { var matches = scriptTag.match(new RegExp(externalScriptRE, 'im')); if (matches && matches.length > 0 && matches[1] != '') { var scriptSrc = matches[1]; if (scriptSrc.indexOf('/dwr_open/') != -1) { // dwr_open calls will ONLY work if the current page's webapp == the caller's webapp, // otherwise we'll get a session error. THis will happen if a lightbox is loaded with // dynamic content from a different webapp (say /webapps/blackboard) while the main page // is loaded from /webapps/discussionboard. To avoid this, rewrite the url to use the // webapp associated with the current page. var newparts = scriptSrc.split('/'); var oldparts = window.location.pathname.split('/'); newparts[1] = oldparts[1]; newparts[2] = oldparts[2]; scriptSrc = newparts.join('/'); } var scriptElem = new Element('script', { type: 'text/javascript', src: scriptSrc }); var head = $$('head')[0]; head.appendChild(scriptElem); for ( var i = 0; i < scriptVars.length; i++ ) { if ( scriptSrc.indexOf( scriptVars[i].script ) != -1 ) { scriptVars[ i ].variable.each( function( s ) { waitForVars.push( s ); } ); break; } } } }); } } //Finding Comments in HTML Source Code Using Regular Expressions and replaces with empty value //Example: <!-- <script>alert("welcome");</script>--> = '' //So,that extractScripts won't find commented scripts to extract //str =str.replace(new RegExp('\<![ \r\n\t]*(--([^\-]|[\r\n]|-[^\-])*--[ \r\n\t]*)\>', 'img'), ''); page.delayAddExtractedScripts(str.extractScripts(), waitForVars, signalObject); }; // Evaluate any inline script - delay a bit to give the scripts above time to load // NOTE that this is not guaranteed to work - if there are delays loading and initializing // the scripts required then code in these scripts might fail to find the required variables // If it is for our code then updating waitForVars appropriately per script will work page.delayAddExtractedScripts = function (scripts, waitForVars, signalObject) { var count = 0; if (waitForVars.length === 0) { page.actuallyAddExtractedScripts(scripts, signalObject); } else { new PeriodicalExecuter( function( pe ) { if ( count < 100 ) { count++; if ( page.allVariablesDefined(waitForVars) ) { page.actuallyAddExtractedScripts(scripts, signalObject); pe.stop(); } } else // give up if it takes longer than 5s to load { page.actuallyAddExtractedScripts(scripts, signalObject); pe.stop(); } }.bind(this), 0.05 ); } }; page.variableDefined = function (avar) { if ( !window[avar] ) { if (avar.indexOf('.') > 0) { var parts = avar.split('.'); var obj = window[parts[0]]; for (var partNum = 1; obj && partNum < parts.length; partNum++) { obj = obj[parts[partNum]]; } if (obj) { return true; } } return false; } return true; }; page.allVariablesDefined = function(vars) { var result = true; for ( var i = 0; i < vars.length; i++ ) { if ( !page.variableDefined(vars[i]) ) { result = false; break; } } return result; }; page.actuallyAddExtractedScripts = function (scripts, signalObject) { var scriptExecutionDelay = 0; if( signalObject ) { scriptExecutionDelay = signalObject.delayScriptExecution; } scripts.each(function(script) { if ( script != '' ) { if ( Prototype.Browser.IE && window.execScript ) { ( function() { window.execScript( script ); }.delay( scriptExecutionDelay ) ); } else { ( function() { var scriptElem = new Element( 'script', { type : 'text/javascript' } ); var head = $$( 'head' )[ 0 ]; script = document.createTextNode( script ); scriptElem.appendChild( script ); head.appendChild( scriptElem ); head.removeChild( scriptElem ); }.delay( scriptExecutionDelay ) ); } } } ); if (signalObject) { signalObject.evaluatingScripts = false; } }; page.setIframeHeightAndWidth = function () { page.setIframeHeight(); page.setIframeWidth(); }; page.setIframeHeight = function () { try { var iframeElements = $$('iframe.cleanSlate'); var i = 0; for( i = 0; i < iframeElements.length; i++ ) { var iframeElement = iframeElements[i]; if ( iframeElement.contentWindow && iframeElement.contentWindow.document && iframeElement.contentWindow.document.body ) { var frameHeight = page.util.getMaxContentHeight( iframeElement ); iframeElement.style.height =iframeElement.contentWindow.document.body.scrollHeight + frameHeight + 300 +'px'; } } } catch( e ){} }; page.setIframeWidth = function () { try { var iframeElements = $$('iframe.cleanSlate'); var i = 0; for( i = 0; i < iframeElements.length; i++ ) { var iframeElement = iframeElements[i]; if ( iframeElement.contentWindow && iframeElement.contentWindow.document && iframeElement.contentWindow.document.body ) { var frameWidth = page.util.getMaxContentWidth( iframeElement ); iframeElement.style.width = frameWidth + 'px'; } } } catch( e ){} }; page.onResizeChannelIframe = function( channelExtRef ) { var frameId = 'iframe' + channelExtRef; var listId = 'list_channel' + channelExtRef; var f = $( frameId ); var fli = f.contentWindow.document.getElementById( listId ); if (fli) { f.style.height = fli.scrollHeight + 15 + "px"; } }; /** * Contains page-wide utility methods */ page.util = {}; /** * Returns whether the specific element has the specified class name. * Same as prototype's Element.hasClassName, except it doesn't extend the element (which is faster in IE). */ page.util.hasClassName = function ( element, className ) { var elementClassName = element.className; if ((typeof elementClassName == "undefined") || elementClassName.length === 0) { return false; } if (elementClassName == className || elementClassName.match(new RegExp("(^|\\s)" + className + "(\\s|$)"))) { return true; } return false; }; page.util.fireClick = function ( elem ) { if (Prototype.Browser.IE) { elem.fireEvent("onclick"); } else { var evt = document.createEvent("HTMLEvents"); evt.initEvent("click", true, true); elem.dispatchEvent(evt); } }; page.util.useARIA = function () { if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Firefox/x.x or Firefox x.x (ignoring remaining digits); var ffversion= parseFloat( RegExp.$1 ); // capture x.x portion and store as a number if (ffversion >= 1.9) { return true; } } else if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ //test for MSIE x.x; var ieversion= parseFloat( RegExp.$1 ); // capture x.x portion and store as a number if (ieversion>=8) { return true; } } return false; }; // Find an element with the given className, starting with the element passed in page.util.upToClass = function ( element, className ) { while (element && !page.util.hasClassName(element, className)) { element = element.parentNode; } return $(element); }; page.util.isRTL = function () { var els = document.getElementsByTagName("html"); var is_rtl = (typeof(els) != 'undefined' && els && els.length == 1 && els[0].dir == 'rtl' ); return is_rtl ; }; page.util.allImagesLoaded = function (imgList) { var allDone = true; if (imgList) { for ( var i = 0, c = imgList.length; i < c; i++ ) { var animg = imgList[i]; // TODO - this doesn't appear to work on IE. if ( !animg.complete ) { allDone = false; break; } } } return allDone; }; // Exposes (display but keep invisible) an invisible element for measurement // recursively traverses up the DOM looking for // a parent node of element whose display == 'none' // If found, sets its style to: display:block, position:absolute, and visibility:hidden // and saves it as element.hiddenNode so it can be easily unexposed page.util.exposeElementForMeasurement = function ( element ) { element = $(element); var e = element; var hiddenNode; // find parent node that is hidden while ( !hiddenNode && e && e.parentNode) { if ( $(e).getStyle('display') === 'none') { hiddenNode = $(e); } e = $(e.parentNode); } if ( hiddenNode ) { // save original style attributes: visibility, position, & display element.hiddenNode = hiddenNode; var style = hiddenNode.style; var originalStyles = { visibility: style.visibility, position: style.position, display: style.display }; var newStyles = { visibility: 'hidden', display: 'block' }; if (originalStyles.position !== 'fixed') { newStyles.position = 'absolute'; } hiddenNode.originalStyles = originalStyles; // set new style for: visibility, position, & display hiddenNode.setStyle( newStyles ); } }; // undo previous call to exposeElementForMeasurement page.util.unExposeElementForMeasurement = function ( element ) { element = $(element); if ( element && element.hiddenNode && element.hiddenNode.originalStyles ) { Element.setStyle( element.hiddenNode, element.hiddenNode.originalStyles ); element.hiddenNode.originalStyles = null; element.hiddenNode = null; } }; /** * Returns whether any part of the two elements overlap each other. */ page.util.elementsOverlap = function ( e1, e2 ) { var pos1 = $(e1).cumulativeOffset(); var a = { x1: pos1.left, y1: pos1.top, x2: pos1.left + e1.getWidth(), y2: pos1.top + e1.getHeight() }; var pos2 = $(e2).cumulativeOffset(); var b = { x1: pos2.left, y1: pos2.top, x2: pos2.left + e2.getWidth(), y2: pos2.top + e2.getHeight() }; return a.x1 < b.x2 && a.x2 > b.x1 && a.y1 < b.y2 && a.y2 > b.y1; }; /** * To handle the case where the focus is visible but too close to the bottom of the page, scroll the page up a bit. Note: when using scrollbar.js, use scrollBar.scrollTo() rather than focusAndScroll */ page.util.focusAndScroll= function(elem) { elem.focus(); return page.util.ensureVisible(elem); }; page.util.ensureVisible= function(elem) { var scrolltop = document.viewport.getScrollOffsets().top; var mytop = elem.cumulativeOffset()[1]; var height = document.viewport.getDimensions().height; var realtop = mytop - scrolltop; var thirty = height * 0.3; if (realtop > (height-thirty)) { window.scrollBy(0,thirty); } return false; }; page.util.processJSProtoString = function (string, checkToken) { // This value must match the value passed as the 2nd parameter to this string. // The goal is to pass a known value, as a constant, through the javascript: pseudo-protocol // handler. We can then examine the result to determine the decoding method used by the current // browser. var sniffToken = '%C3%A9'; // There are three known decoding cases, non-translated, UTF8, and unescape if (checkToken === unescape(sniffToken)) { // Unescape decoded return decodeURIComponent(escape(string)); } else if (checkToken === sniffToken) { // Non-translated return decodeURIComponent(string); } else { // UTF8 Decoded/Unknown return string; } }; /** * Find the first action bar that precedes sourceElement * Returns the action bar div element if found, null otherwise * * @param sourceElement */ page.util.findPrecedingActionBar = function( sourceElement ) { var actionBar = null; // Loop through each ancestor of sourceElement, // starting with parent, until an action bar is found sourceElement.ancestors().each( function( item ) { actionBar = item.previous('div.tabActionBar') || item.previous('div.actionBarMicro') || item.previous('div.actionBar'); if (actionBar) { throw $break; } }); return actionBar; }; page.util.getLargestDimensions = function (element) { var width = 0; var height = 0; var dim; while (element != document) { dim = $(element).getDimensions(); if (dim.width > width) { width = dim.width; } if (dim.height > height) { height = dim.height; } element = element.up(); } return { width: width, height: height }; }; /* * Resize the current window so that it will fit the largest dimensions found for the given element. * Will also reposition on the screen if required to fit. Will not size larger than the screen. * NOTE that this will only work for popup windows - main windows are typically in a tabset in * the browser and they don't allow resizing like this. That's OK because the main use case * for this method is to make sure popup windows are resized appropriately for their content. */ page.util.resizeToContent = function (startElement) { var dim = page.util.getLargestDimensions(startElement); var newWidth = dim.width; newWidth += 25; // TODO: Haven't figured out why I need this extra space yet... if (window.innerWidth > newWidth) { newWidth = window.innerWidth; } if (newWidth > screen.width) { newWidth = screen.width; } var newHeight = dim.height; newHeight += 100; // TODO: Haven't figured out why I need this extra space yet if (window.innerHeight > newHeight) { newHeight = window.innerHeight; } if (newHeight > screen.height) { newHeight = screen.height; } var left = 0; var top = 0; if ( window.screenLeft ) { left = window.screenLeft; top = window.screenTop; } else if ( window.screenX ) { left = window.screenX; top = window.screenY; } if (left + newWidth > screen.width) { left = screen.width - newWidth; if (left < 0) { left = 0; } } if (top + newHeight > screen.height) { top = screen.height - newHeight; if (top < 0) { top = 0; } } window.moveTo(left,top); window.resizeTo(newWidth,newHeight); }; /** * Sets the css position of all li elements that are contained in action bars on the page. * Since z-index only works on positioned elements, this function can be used to ensure that * divs with a higher z-index will always appear on top of any action bars on the page. * * @param cssPosition */ page.util.setActionBarPosition = function( cssPosition ) { $$( 'div.actionBar', 'div.tabActionBar', 'div.actionBarMicro' ).each( function( actionbar ) { actionbar.select( 'li' ).each( function( li ) { li.setStyle( {position: cssPosition} ); }); }); }; /** * Class for controlling the course menu-collapser. Also ensures the menu is * the right height */ page.PageMenuToggler = Class.create(); page.PageMenuToggler.prototype = { /** * initialize */ initialize: function( isMenuOpen,key,temporaryScope ) { page.PageMenuToggler.toggler = this; this.key = key; if (temporaryScope) { this.temporaryScope = temporaryScope; } else { this.temporaryScope = false; } this.isMenuOpen = isMenuOpen; this.puller = $('puller'); this.menuPullerLink = $(this.puller.getElementsByTagName('a')[0]); this.menuContainerDiv = $('menuWrap'); this.navigationPane = $('navigationPane'); this.contentPane = $('contentPanel') || $('contentPane'); this.navigationPane = $('navigationPane'); this.locationPane = $(this.navigationPane.parentNode); this.breadcrumbBar = $('breadcrumbs'); this.menu_pTop = parseInt(this.menuContainerDiv.getStyle('paddingTop'), 10); this.menu_pBottom = parseInt(this.menuContainerDiv.getStyle('paddingBottom'), 10); this.loc_pTop = parseInt(this.locationPane.getStyle('paddingTop'), 10); if ( this.breadcrumbBar ) { this.bc_pTop = parseInt(this.breadcrumbBar.getStyle('paddingTop'), 10); this.bc_pBottom = parseInt(this.breadcrumbBar.getStyle('paddingBottom'), 10); } else { this.bc_pTop = 0; this.bc_pBottom = 0; } this.toggleListeners = []; this.onResize( null ); // fix the menu size // Doesn't work in IE or Safari.. //Event.observe( window, 'resize', this.onResize.bindAsEventListener( this ) ); Event.observe( this.menuPullerLink, 'click', this.onToggleClick.bindAsEventListener( this ) ); }, /** * Adds a listener for course menu toggle events */ addToggleListener: function( listener ) { this.toggleListeners.push( listener ); }, /** * Notifies all registered toggle event listeners that a toggle has occurred. */ _notifyToggleListeners: function( isOpen ) { this.toggleListeners.each( function( listener ) { listener( isOpen ); }); }, notifyToggleListeners: function( isOpen ) { // we call once the toggle is complete and the DOM in its new state. 2012 themes add transition, which seems // to collide with the logic to get dimensions of dom element, so the delay is a 1 sec to let time for those // transitions to be done. this._notifyToggleListeners.bind( this, isOpen ).delay( 1 ); }, /** * getAvailableResponse */ getAvailableResponse : function ( req ) { var originalMenuOpen = this.isMenuOpen ; if ( req.responseText.length > 0 ) { if ( req.responseText == 'true' ) { this.isMenuOpen = true; } else { this.isMenuOpen = false; } } if ( originalMenuOpen != this.isMenuOpen ) { this.notifyToggleListeners( this.isMenuOpen ); this.menuContainerDiv.toggle(); this.puller.toggleClassName("pullcollapsed"); this.contentPane.toggleClassName("contcollapsed"); this.navigationPane.toggleClassName("navcollapsed"); } }, /** * Expands the menu. This can be used instead of toggling to explicitly * change the visibility of the menu. */ expand : function () { this.menuContainerDiv.show(); this.puller.removeClassName("pullcollapsed"); this.contentPane.removeClassName("contcollapsed"); this.navigationPane.removeClassName("navcollapsed"); this.isMenuOpen = true; var msg = page.bundle.messages[ "coursemenu.hide" ]; this.menuPullerLink.title = msg; $('expander').alt = msg; this.notifyToggleListeners( true ); if (this.temporaryScope) { UserDataDWRFacade.setStringTempScope( this.key, true ); } else { UserDataDWRFacade.setStringPermScope( this.key, true ); } }, /** * Collapses the menu. This can be used instead of toggling to explicitly * change the visibility of the menu. */ collapse : function () { this.menuContainerDiv.hide(); this.puller.addClassName("pullcollapsed"); this.contentPane.addClassName("contcollapsed"); this.navigationPane.addClassName("navcollapsed"); this.isMenuOpen = false; var msg = page.bundle.messages[ "coursemenu.show" ]; this.menuPullerLink.title = msg; $('expander').alt = msg; this.notifyToggleListeners( false ); if (this.temporaryScope) { UserDataDWRFacade.setStringTempScope( this.key, false ); } else { UserDataDWRFacade.setStringPermScope( this.key, false ); } }, /** * Event triggered when the puller toggle control is clicked. Changes the * menu from open to closed or closed to open depending on existing state. */ onToggleClick: function( event ) { if ( this.isMenuOpen ) { this.collapse(); } else { this.expand(); } Event.stop( event ); }, /** * onResize */ onResize: function( event ) { var menuHeight = this.menuContainerDiv.getHeight(); var contentHeight = this.contentPane.getHeight(); var maxHeight = ( menuHeight > contentHeight ) ? menuHeight : contentHeight; this.contentPane.setStyle({height: maxHeight + 'px'}); this.navigationPane.setStyle({height: maxHeight + 'px'}); } }; page.PageMenuToggler.toggler = null; /** * Class for controlling the page help toggler in the view toggle area */ page.PageHelpToggler = Class.create(); page.PageHelpToggler.prototype = { initialize: function( isHelpEnabled, showHelpText, hideHelpText, assumeThereIsHelp ) { page.PageHelpToggler.toggler = this; this.toggleListeners = []; this.isHelpEnabled = isHelpEnabled; this.showText = showHelpText; this.hideText = hideHelpText; this.contentPanel = $('contentPanel') || $('contentPane'); var helperList = []; if ( this.contentPanel && !assumeThereIsHelp) { var allElems = []; allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('p') ) ); allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('div') ) ); allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('li') ) ); allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('span') ) ); for ( var i = 0; i < allElems.length; i++ ) { var el = allElems[i]; if ( page.util.hasClassName( el, 'helphelp' ) || page.util.hasClassName( el, 'stepHelp' ) || page.util.hasClassName( el, 'taskbuttonhelp' ) || page.util.hasClassName( el, 'pageinstructions' ) ) { helperList.push( $(el) ); } } } var helpTextToggleLink = $('helpTextToggleLink'); if ( ( !helperList || helperList.length === 0) && !assumeThereIsHelp ) { if ( helpTextToggleLink ) { helpTextToggleLink.remove(); } } else { if ( !isHelpEnabled ) { helperList.invoke( "toggle" ); } if ( !this.showText ) { this.showText = page.bundle.getString("viewtoggle.editmode.showHelp"); } if ( !this.hideText ) { this.hideText = page.bundle.getString("viewtoggle.editmode.hideHelp"); } helpTextToggleLink.style.display = 'inline-block'; this.toggleLink = helpTextToggleLink; this.toggleImage = $(this.toggleLink.getElementsByTagName('img')[0]); Event.observe( this.toggleLink, "click", this.onToggleClick.bindAsEventListener( this ) ); $(this.toggleLink.parentNode).removeClassName('hidden'); this.updateUI(); } }, addToggleListener: function( listener ) { this.toggleListeners.push( listener ); }, _notifyToggleListeners: function() { this.toggleListeners.each( function( listener ) { listener( this.isHelpEnabled ); }); }, notifyToggleListeners: function() { // we notify once the whole menu collapse/expand is done, so the DOM is in final state this._notifyToggleListeners.bind( this ).delay( ); }, updateUI: function( ) { if ( this.isHelpEnabled ) { $("showHelperSetting").value = 'true'; this.toggleImage.src = "/images/ci/ng/small_help_on2.gif"; this.toggleLink.setAttribute( "title", this.showText ); this.toggleImage.setAttribute( "alt", this.showText ); } else { $("showHelperSetting").value = 'false'; this.toggleImage.src = "/images/ci/ng/small_help_off2.gif"; this.toggleLink.setAttribute( "title", this.hideText ); this.toggleImage.setAttribute( "alt", this.hideText ); } }, onToggleClick: function( event ) { // Toggle all elements that have the css class "helphelp" var helperList = []; if ( this.contentPanel ) { var allElems = []; allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('p') ) ); allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('div') ) ); allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('li') ) ); allElems = allElems.concat( $A(this.contentPanel.getElementsByTagName('span') ) ); for ( var i = 0; i < allElems.length; i++ ) { var el = allElems[i]; if ( page.util.hasClassName( el, 'helphelp' ) || page.util.hasClassName( el, 'stepHelp' ) || page.util.hasClassName( el, 'taskbuttonhelp' ) || page.util.hasClassName( el, 'pageinstructions' ) ) { $(el).toggle(); } } } if ( this.isHelpEnabled ) { this.isHelpEnabled = false; UserPageInstructionsSettingDWRFacade.setShowPageInstructions( "false" ); } else { this.isHelpEnabled = true; UserPageInstructionsSettingDWRFacade.setShowPageInstructions( "true" ); } this.updateUI(); this.notifyToggleListeners(); Event.stop( event ); } }; /** * Class for controlling the display of a context menu. */ page.ContextMenu = Class.create(); page.ContextMenu.prototype = { initialize: function( contextMenuContainer, divId, forceMenuRefresh ) { this.displayContextMenuLink = contextMenuContainer.down("a"); this.contextMenuContainer = contextMenuContainer; this.forceMenuRefresh = forceMenuRefresh; this.uniqueId = this.displayContextMenuLink.id.split('_')[1]; this.contextMenuDiv = this.displayContextMenuLink.savedDiv; if ( !this.contextMenuDiv ) { this.contextMenuDiv = contextMenuContainer.down("div");//$('cmdiv_' + this.uniqueId); this.displayContextMenuLink.savedDiv = this.contextMenuDiv; page.ContextMenu.hiddenDivs.set(divId,this.contextMenuDiv); } this.originalContextMenuDiv = this.contextMenuDiv.cloneNode(true); $(this.contextMenuDiv).setStyle({zIndex: 200}); this.displayContextMenuLink.appendChild( this.contextMenuDiv ); // Temporarily add the menu back where it started this.closeContextMenuLink = contextMenuContainer.down(".contextmenubar_top").down(0); this.contextParameters = contextMenuContainer.readAttribute("bb:contextParameters"); this.menuGeneratorURL = contextMenuContainer.readAttribute("bb:menuGeneratorURL"); this.nav = contextMenuContainer.readAttribute("bb:navItem"); this.enclosingTableCell = contextMenuContainer.up("td"); this.menuOrder = contextMenuContainer.readAttribute("bb:menuOrder"); this.overwriteNavItems = contextMenuContainer.readAttribute("bb:overwriteNavItems"); this.beforeShowFunc = contextMenuContainer.readAttribute("bb:beforeShowFunc"); if (this.beforeShowFunc) { this.beforeShowFunc = eval(this.beforeShowFunc); } if ( this.menuOrder ) { this.menuOrder = this.menuOrder.split(','); } if ( !this.contextParameters ) { this.contextParameters = ""; } if ( !this.menuGeneratorURL ) { this.menuGeneratorURL = ""; } if ( !this.nav ) { this.nav = ""; } this.dynamicMenu = false; if ( this.menuGeneratorURL ) { this.dynamicMenu = true; } if (this.dynamicMenu) { Event.observe( this.displayContextMenuLink, "click", this.generateDynamicMenu.bindAsEventListener( this ) ); } else { Event.observe( this.displayContextMenuLink, "click", this.onDisplayLinkClick.bindAsEventListener( this ) ); } Event.observe( this.closeContextMenuLink, "click", this.onCloseLinkClick.bindAsEventListener( this ) ); Event.observe( this.contextMenuDiv, "keydown", this.onKeyPress.bindAsEventListener( this ) ); // adding nowrap to table cell containing context menu // If no enclosing td is found, try th if ( !this.enclosingTableCell ) { this.enclosingTableCell = contextMenuContainer.up("th"); } if ( this.enclosingTableCell ) { if ( !this.enclosingTableCell.hasClassName("nowrapCell") ) { this.enclosingTableCell.addClassName("nowrapCell"); } // if label tag is an immediate parent of context menu span tag, it needs nowrap as well if ( this.enclosingTableCell.down("label") && !this.enclosingTableCell.down("label").hasClassName("nowrapLabel")) { this.enclosingTableCell.down("label").addClassName("nowrapLabel"); } } if ( !this.dynamicMenu ) { var contexMenuItems = contextMenuContainer.getElementsBySelector("li > a").each( function (link ) { if ( !link.up('li').hasClassName("contextmenubar_top") ) { Event.observe( link, 'focus', this.onAnchorFocus.bindAsEventListener( this ) ); Event.observe( link, 'blur', this.onAnchorBlur.bindAsEventListener( this ) ); } }.bind( this ) ); } this.useARIA = page.util.useARIA(); // remove the context menu div from the page for performance reasons - add it back when we need to show it Element.remove( this.contextMenuDiv ); }, onKeyPress: function( event ) { var elem, children, index; var key = event.keyCode || event.which; if ( key == Event.KEY_UP ) { elem = Event.element ( event ); children = this.contextMenuDiv.getElementsBySelector("li > a"); index = children.indexOf( elem ); if ( index > 0 ) { children[index - 1].focus(); } Event.stop( event ); } else if ( key == Event.KEY_DOWN ) { elem = Event.element ( event ); children = this.contextMenuDiv.getElementsBySelector("li > a"); index = children.indexOf( elem ); if ( index < ( children.length - 1 ) ) { children[index + 1].focus(); } Event.stop( event ); } else if ( key == Event.KEY_ESC ) { this.close(); this.displayContextMenuLink.focus(); Event.stop( event ); } else if ( key == Event.KEY_TAB ) { elem = Event.element ( event ); children = this.contextMenuDiv.getElementsBySelector("li > a"); index = children.indexOf( elem ); if ( (!event.shiftKey && index == children.length - 1) || (event.shiftKey && index === 0)) { this.close(); this.displayContextMenuLink.focus(); Event.stop( event ); } } else if ( key == Event.KEY_RETURN ) { if ( this.useARIA ) { elem = Event.element ( event ); (function() { page.util.fireClick( elem ); }.bind(this).defer()); Event.stop( event ); } } }, onAnchorFocus: function ( event ) { Event.element( event ).setStyle({ backgroundColor: '#FFFFFF' }); }, onAnchorBlur: function( event ) { Event.element( event ).setStyle({ backgroundColor: '' }); }, afterMenuGeneration: function( req ) { if ( this.dynamicMenu ) { var result; this.dynamicMenu = this.forceMenuRefresh; try { result = req.responseText.evalJSON( true ); if ( result.success == "true" ) { // append uniqueId to each li var menuHTML = result.contentMenuHTMLList.replace(/(<li.*?id=")(.*?)(".*?>)/g,"$1$2_"+this.uniqueId+"$3"); if ( this.forceMenuRefresh ) { this.contextMenuDiv.innerHTML = this.originalContextMenuDiv.innerHTML; } this.contextMenuDiv.insert({bottom:menuHTML}); $A(this.contextMenuDiv.getElementsByTagName("ul")).each( function( list, index ) { list.id = 'cmul'+index+'_'+this.uniqueId; }.bind(this) ); var contexMenuItems = this.contextMenuDiv.getElementsBySelector("li > a").each( function (link ) { if ( !link.up('li').hasClassName("contextmenubar_top") ) { Event.observe( link, 'focus', this.onAnchorFocus.bindAsEventListener( this ) ); Event.observe( link, 'blur', this.onAnchorBlur.bindAsEventListener( this ) ); } }.bind( this ) ); } else { new page.InlineConfirmation("error", result.errorMessage, false ); } } catch ( e ) { new page.InlineConfirmation("error", result.errorMessage, false ); } } this.showMenu(); //focus on the first menu item (function() { this.contextMenuDiv.down("a").focus(); }.bind(this).defer()); }, appendItems: function( items, menuItemContainer ) { if (!menuItemContainer) { var uls = this.contextMenuDiv.getElementsBySelector("ul"); menuItemContainer = uls[uls.length-1]; } items.each( function ( item ) { if ( item.type == "seperator" ) { if (menuItemContainer.getElementsBySelector("li").length === 0) { return; } var ul = new Element('ul'); menuItemContainer.parentNode.appendChild( ul ); menuItemContainer = ul; return; } if ( !this.menuItemTempate ) { var menuItems = this.contextMenuDiv.getElementsBySelector("li"); this.menuItemTempate = menuItems[menuItems.length-1]; } var mi = this.menuItemTempate.cloneNode( true ); var a = mi.down('a'); var name = item.key ? page.bundle.getString( item.key ) : item.name ? item.name : "?"; a.update( name ); a.title = item.title ? item.title : name; a.href = "#"; menuItemContainer.appendChild( mi ); Event.observe( a, 'focus', this.onAnchorFocus.bindAsEventListener( this ) ); Event.observe( a, 'blur', this.onAnchorBlur.bindAsEventListener( this ) ); Event.observe( a, 'click', this.onItemClick.bindAsEventListener( this, item.onclick, item.doNotSetFocusOnClick ) ); }.bind( this ) ); }, onItemClick: function( evt, func, doNotSetFocusOnClick ) { this.onCloseLinkClick( evt, doNotSetFocusOnClick ); func(); }, setItems: function( items ) { // rather than try to match up new items with existing items, it's easier to delete the existing items // (except for the close item) and then add the new items // remove existing menu items, except close menu var menuItems = this.contextMenuDiv.getElementsBySelector("li").each( function (li ) { if ( !li.hasClassName("contextmenubar_top") ) { if (!this.menuItemTempate) { this.menuItemTempate = li; } li.stopObserving(); li.remove(); } }.bind( this ) ); // should only be one menuItemContainer var menuItemContainers = this.contextMenuDiv.getElementsBySelector("ul").each( function (ul) { if ( !ul.down("li") ) { ul.remove(); } }.bind( this ) ); this.appendItems(items, menuItems[0].parentNode); }, showMenu : function() { if (this.beforeShowFunc) { this.beforeShowFunc(this); } page.ContextMenu.registerContextMenu( this ); this.reorderMenuItems(); if ( this.useARIA ) { this.initARIA(); } var offset = this.displayContextMenuLink.cumulativeOffset(); var scrollOffset = this.displayContextMenuLink.cumulativeScrollOffset(); var viewportScrollOffset = document.viewport.getScrollOffsets(); if ( this.displayContextMenuLink.up( 'div.lb-content' ) ) { // Fix offset for context menu link inside a lightbox offset[0] = offset[0] + viewportScrollOffset[0]; offset[1] = offset[1] + viewportScrollOffset[1]; } else { // Fix the offset if the item is in a scrolled container offset[0] = offset[0] - scrollOffset[0] + viewportScrollOffset[0]; offset[1] = offset[1] - scrollOffset[1] + viewportScrollOffset[1]; } document.body.appendChild( this.contextMenuDiv ); this.contextMenuDiv.setStyle({display: "block"}); var width = this.contextMenuDiv.getWidth(); var bodyWidth = $(document.body).getWidth(); if ( page.util.isRTL() ) { offset[0] = offset[0] + this.displayContextMenuLink.getWidth() - width; } if ( offset[0] + width > bodyWidth ) { offset[0] = offset[0] - width + 30; } if ( this.keepMenuToRight ) { // In case the link is very wide (i.e. gradecenter accessible mode cell link for really wide cell) // make sure the menu renders to the right side of the link var linkWidth = this.displayContextMenuLink.getDimensions().width; if (linkWidth > width) { // Only worry if the link is actually wider than the menu offset[0] += (linkWidth-width); } } // Don't start the menu off the left side of the window if ( offset[0] < 0 ) { offset[0] = 0; } var height = this.contextMenuDiv.getHeight(); var bodyHeight = $(document.body).getHeight(); if (bodyHeight === 0) { // TODO This is kindof a hack since body height == 0 on a stream page, but we hacked in a special case for // lb-content above so it isn't entirely unheard of... would just be nicer to make this bodyheight choice // determined by the calling page rather than trial and error... var streamDiv = this.displayContextMenuLink.up( 'div.stream_full' ); if (streamDiv) { bodyHeight = streamDiv.getHeight(); } } var ypos = offset[1] + this.displayContextMenuLink.getHeight() + 17; if ( ( height + ypos ) > bodyHeight ) { ypos -= height; ypos -= 34; } // Don't start the menu off the top of the screen if (ypos < 0 ) { ypos = 0; } if (height > bodyHeight) { // If the menu is too big to fit on the screen, set it to the height of the screen and allow scrollbars inside the menu this.contextMenuDiv.setStyle({ height: bodyHeight + "px", overflowY: "auto", overflowX: "hidden", left: offset[0] + "px", top: ypos + "px" }); } else { this.contextMenuDiv.setStyle({ left: offset[0] + "px", top: ypos + "px"}); } if ( !this.shim ) { this.shim = new page.popupShim( this.contextMenuDiv ); } this.shim.open(); }, initARIA: function() { if ( !this.initializedARIA ) { this.displayContextMenuLink.setAttribute( "aria-haspopup", "true" ); this.displayContextMenuLink.setAttribute( "role", "menubutton" ); this.contextMenuDiv.setAttribute( "role", "application" ); this.contextMenuDiv.down( "ul" ).setAttribute( "role", "menu" ); $A( this.contextMenuDiv.getElementsByTagName('a') ).each ( function( link ) { link.setAttribute( "role", "menuitem" ); link.parentNode.setAttribute( "role", "presentation" ); if ( !link.href.include("#") ) { Event.observe( link, 'click', function() { if ( this.ohref.toLowerCase().startsWith("javascript") ) { eval( decodeURIComponent(this.ohref) ); } else { if ( this.target ) { window.open( this.ohref, this.target ); } else { window.location = this.ohref; } } } ); link.ohref = link.href; link.removeAttribute( "href" ); link.tabIndex = "0"; link.setStyle( {cursor: 'pointer'} ); // make it look like a link. } }); this.initializedARIA = true; // Only initialize once. } }, reorderMenuItems : function() { if ( !this.menuOrder || this.menuOrder.length < 2 ) { return; } var orderMap = {}; var closeItem = null; var extraItems = []; // items not in order // Gather up all of the <li> tags in the menu and stick them in a map/object of id to the li object $A(this.contextMenuDiv.getElementsByTagName("li")).each( function( listItem ) { if (listItem.hasClassName("contextmenubar_top")) { closeItem = listItem; } else { if (this.menuOrder.indexOf(listItem.id) > -1) { orderMap[listItem.id] = listItem; // add item to map } else { extraItems.push(listItem); // listItem id not specified in menuOrder, so add listItem to extraItems } } }.bind(this) ); // Remove all the content from the context menu div $A(this.contextMenuDiv.getElementsByTagName("ul")).each( function( list ) { Element.remove(list); }.bind(this) ); // Re-add the special "close" item as the first item. var ulElement = $(document.createElement("ul")); if ( this.useARIA ) { ulElement.setAttribute('role','presentation'); } this.contextMenuDiv.insert({bottom:ulElement}); ulElement.insert({bottom:closeItem}); // Loop through the order, adding a <ul> at the start, and starting a new <ul> whenever a "*separator*" // is encountered, and adding the corresponding <li> for each of the ids in the order using the map/object this.menuOrder.each( function( id ) { if (id == "*separator*") { ulElement = $(document.createElement("ul")); if ( this.useARIA ) { ulElement.setAttribute('role','presentation'); } this.contextMenuDiv.insert({bottom:ulElement}); } else { ulElement.insert({bottom:orderMap[id]}); } }.bind(this) ); // Add any extraItems to thier own ul if (extraItems.length > 0) { ulElement = $(document.createElement("ul")); if ( this.useARIA ) { ulElement.setAttribute('role','presentation'); } this.contextMenuDiv.insert({bottom:ulElement}); extraItems.each( function( lineItem ) { ulElement.insert({bottom:lineItem}); }.bind(this) ); } // Remove any empty ULs and ensure that the added <ul>s have id of form "cmul${num}_${uniqueId}" $A(this.contextMenuDiv.getElementsByTagName("ul")).findAll( function( list ) { if ( list.childElements().length === 0 ) { list.remove(); return false; } else { return true; } }).each( function( list, index ) { list.id = 'cmul'+index+'_'+this.uniqueId; }.bind(this) ); this.menuOrder = null; // only re-order once }, generateDynamicMenu : function(event) { page.ContextMenu.closeAllContextMenus(); if (this.dynamicMenu) { var context_parameters = this.contextParameters; var menu_generator_url = this.menuGeneratorURL; var nav = this.nav; var overwriteNavItems = this.overwriteNavItems; if ( context_parameters ) { context_parameters = context_parameters.toQueryParams(); } else { context_parameters = {}; } var params = Object.extend({nav_item: nav }, context_parameters ); params = Object.extend( params, { overwriteNavItems : overwriteNavItems } ); new Ajax.Request(menu_generator_url, { method: 'post', parameters: params, onSuccess: this.afterMenuGeneration.bind( this ) }); } else { this.afterMenuGeneration(this); } $(event).preventDefault(); }, onDisplayLinkClick: function( event ) { page.ContextMenu.closeAllContextMenus(); if (this.dynamicMenu) { this.generateDynamicMenu(event); this.dynamicMenu = false; } else { this.showMenu(); //focus on the first menu item (function() { if (this.contextMenuDiv.style.display != 'none') { this.contextMenuDiv.down("a").focus(); } }.bind(this).defer()); $(event).preventDefault(); } }, onCloseLinkClick: function( event, doNotSetFocusOnClick ) { this.close(); var setFocusOnDisplayContextMenuLink = true; // grade center (in non-accessible mode) hides displayContextMenuLink onMouseOut, so we need to make sure it's doNotSetFocusOnClose flag is not set // before setting focus. if ( this.displayContextMenuLink.doNotSetFocusOnClose !== undefined && this.displayContextMenuLink.doNotSetFocusOnClose ) { setFocusOnDisplayContextMenuLink = false; } // We may not want to set focus on displayContextMenuLink when one of the menu items (other than Close Menu) is clicked. // Initially this behavior was required for Grade Center Quick Comment of a grade in the grid (see getGradeContextMenuItems function in gradebookgrid_cellctrl.js) if ( doNotSetFocusOnClick !== undefined && doNotSetFocusOnClick ) { setFocusOnDisplayContextMenuLink = false; } if ( setFocusOnDisplayContextMenuLink ) { this.displayContextMenuLink.focus(); } if (event) { Event.stop( event ); } }, close: function() { // Delay the removal of the element from the page so firefox will continue to process // the click on the menu item chosen (otherwise it stops processing as soon as we remove the // element resulting in the menu not actually working) (function() { this.closeNow(); }.bind(this).delay(0.1)); }, closeNow: function() { if (this.contextMenuDiv.style.display != "none") { var links = this.contextMenuDiv.getElementsBySelector("li > a"); links.each(function(link) { link.blur(); }); this.contextMenuDiv.style.display = "none"; Element.remove( this.contextMenuDiv ); if ( this.shim ) { this.shim.close(); } } } }; /** * Function called to change the 'arrow' of a breadcrumb to face downward when they are clicked for the * contextual menu. * @param uniqId - unique number which identifies the crumb which was clicked * @param size - the size of the breadcrumb * @return */ page.ContextMenu.changeArrowInBreadcrumb = function (uniqId, event) { page.ContextMenu.alignArrowsInBreadcrumb(event); $('arrowContext_'+uniqId).addClassName('contextArrowDown').removeClassName('contextArrow'); //Stop the click event to propagate anymore -else all arrows will be aligned again Event.stop( event ); return false; }; //To align all breadcrumb arrows in one direction page.ContextMenu.alignArrowsInBreadcrumb = function (event) { if ($('breadcrumbs') !== null){ var bList = $($('breadcrumbs').getElementsByTagName('ol')[0]); var bs = bList.immediateDescendants(); if (bs.length !== null && bs.length >1){ for (var i = 2; i <= bs.length; i++) { var arrowSpan = $('arrowContext_'+i); if (arrowSpan !== null ){ $('arrowContext_'+i).addClassName('contextArrow').removeClassName('contextArrowDown'); } } } } return false; }; // "static" methods page.ContextMenu.LI = function(event, divId, forceMenuRefresh) { page.LazyInit(event,['focus','mouseover'],'new page.ContextMenu(page.util.upToClass(target,\'contextMenuContainer\'), \'' + divId + '\',' + forceMenuRefresh + ');'); }; page.ContextMenu.contextMenus = []; // _Open_ context menus page.ContextMenu.registerContextMenu = function( menu ) { page.ContextMenu.contextMenus.push( menu ); }; page.ContextMenu.hiddenDivs = $H(); // All the menu divs on the page - only needed for cases such as view_spreadsheet2.js where we try to modify the menus outside this framework page.ContextMenu.hideMenuDiv = function( uniqueId) { var linkId = 'cmlink_' + uniqueId; var link = document.getElementById(linkId); if (link && !link.savedDiv ) { var elementId = 'cmdiv_' + uniqueId; var element = link.nextSibling; // Should be the text between the link and div but check anyways if ( !element || element.id != elementId) { element = element.nextSibling; if ( !element || element.id != elementId) { element = document.getElementById(elementId); } } if (element) { link.savedDiv = element; page.ContextMenu.hiddenDivs.set(uniqueId,element); Element.remove( element ); } } }; page.ContextMenu.addDivs = function() { $H(page.ContextMenu.hiddenDivs).values().each(function(ele) { document.body.appendChild(ele); }); }; page.ContextMenu.removeDivs = function() { $H(page.ContextMenu.hiddenDivs).values().each(function(ele) { Element.remove(ele); }); }; page.ContextMenu.closeAllContextMenus = function( event ) { var deferClose = false; if ( event ) { var e = Event.findElement( event, 'a' ); if ( e && e.href.indexOf("#contextMenu") >= 0 ) { Event.stop( event ); return; } deferClose = true; } page.ContextMenu.contextMenus.each( function( menu ) { if ( menu != this ) { if (deferClose) { menu.close(); } else { menu.closeNow(); } } }); page.ContextMenu.contextMenus = []; }; /** * Enables flyout menus to be opened using a keyboard or mouse. Enables * them to be viewed properly in IE as well. */ page.FlyoutMenu = Class.create(); page.FlyoutMenu.prototype = { initialize: function( subMenuListItem ) { this.subMenuListItem = $(subMenuListItem); this.menuLink = $(subMenuListItem.getElementsByTagName('a')[0]); //special case to render iframe shim under new course content build menu if (this.subMenuListItem.hasClassName('bcContent')) { var buildContentDiv = this.subMenuListItem.down("div.flyout"); if ( !buildContentDiv ) { this.subMenu = $(subMenuListItem.getElementsByTagName('ul')[0]); } else { this.subMenu = buildContentDiv; } } else { this.subMenu = $(subMenuListItem.getElementsByTagName('ul')[0]); } this.menuLink.flyoutMenu = this; // calculate the next/previous tab stops this.previousSibling = this.subMenuListItem.previous(); while ( this.previousSibling && (!this.previousSibling.down('a') || !this.previousSibling.visible()) ) { this.previousSibling = this.previousSibling.previous(); } this.nextSibling = this.subMenuListItem.next(); while ( this.nextSibling && (!this.nextSibling.down('a') || !this.nextSibling.visible()) ) { this.nextSibling = this.nextSibling.next(); } var rumble = $(this.subMenuListItem.parentNode.parentNode); this.inListActionBar = rumble && ( rumble.hasClassName("rumble_top") || rumble.hasClassName("rumble") ); Event.observe( this.menuLink, 'mouseover', this.onOpen.bindAsEventListener( this ) ); Event.observe( subMenuListItem, 'mouseout', this.onClose.bindAsEventListener( this ) ); Event.observe( this.menuLink, 'click', this.onLinkOpen.bindAsEventListener( this ) ); Event.observe( this.subMenuListItem, 'keydown', this.onKeyPress.bindAsEventListener( this ) ); $A( this.subMenu.getElementsByTagName('li') ).each ( function( li ) { $A(li.getElementsByTagName('a')).each( function( link ) { Event.observe( link, 'focus', this.onAnchorFocus.bindAsEventListener( this ) ); Event.observe( link, 'blur', this.onAnchorBlur.bindAsEventListener( this ) ); Event.observe( link, 'click', this.onLinkClick.bindAsEventListener( this, link ) ); }.bind( this ) ); }.bind( this ) ); // ARIA menus currently don't work properly in IE8, JAWS consumes arrow up/down keys this.useARIA = page.util.useARIA() && !Prototype.Browser.IE; if ( this.useARIA ) { this.initARIA(); } this.enabled = true; }, initARIA: function() { var inListActionBar = this.inListActionBar; if ( inListActionBar ) { this.subMenuListItem.up('ul').setAttribute( "role", "menubar" ); } this.subMenuListItem.setAttribute( "role", "menuitem" ); this.subMenu.setAttribute( "role", "menu" ); if ( !this.menuLink.hasClassName("notMenuLabel") ) { this.subMenu.setAttribute( "aria-labelledby", this.menuLink.id ); } $A( this.subMenu.getElementsByTagName('a') ).each ( function( link ) { link.setAttribute( "role", "menuitem" ); link.parentNode.setAttribute( "role", "presentation" ); // List action bars have onclick handlers that prevent submission of the page // if no items are selected, so we can't register new onclicks here because // otherwise we can't stop them from executing. if ( !inListActionBar ) { if ( !link.href.include("#") ) { Event.observe( link, 'click', function() { if ( this.ohref.toLowerCase().startsWith("javascript") ) { eval(decodeURIComponent(this.ohref) ); } else { if ( this.target ) { window.open( this.ohref, this.target ); } else { window.location = this.ohref; } } } ); link.ohref = link.href; link.removeAttribute( "href" ); link.tabIndex = "-1"; link.style.cursor = 'pointer'; // make it look like a link. } } }); }, setEnabled: function( enabled ) { this.enabled = enabled; if ( !enabled ) { this.subMenu.setStyle({ display: '' }); } }, onKeyPress: function( event ) { if (!this.enabled) { return; } var key = event.keyCode || event.which; var elem = Event.element ( event ); var children, index, link; if ( key == Event.KEY_UP ) { children = this.subMenu.getElementsBySelector("li > a"); index = children.indexOf( elem ); if ( index > 0 ) { children[index - 1].focus(); } else if ( index === 0 ) { children[children.length - 1].focus(); // wrap to bottom } Event.stop( event ); } else if ( key == Event.KEY_DOWN ) { children = this.subMenu.getElementsBySelector("li > a"); index = children.indexOf( elem ); if ( index == -1 ) { this.open(); (function() { this.subMenu.down("li > a").focus(); }.bind(this).defer()); } else if ( index < ( children.length - 1 ) ) { children[index + 1].focus(); } else if ( index == ( children.length - 1 ) ) { children[0].focus(); // wrap to top } Event.stop( event ); } else if ( key == Event.KEY_LEFT ) { if ( !this.previousSibling || ( this.previousSibling.hasClassName("mainButton") || this.previousSibling.hasClassName("mainButtonType") ) ) { this.executeTab( event, true, true ); } else if ( this.previousSibling ) { link = this.previousSibling.getElementsByTagName('a')[0]; if ( !link || !this.previousSibling.hasClassName("sub") ) { return; } this.close(); page.util.fireClick( link ); Event.stop( event ); } } else if ( key == Event.KEY_RIGHT ) { if ( !this.nextSibling || ( this.nextSibling.hasClassName("mainButton") || this.nextSibling.hasClassName("mainButtonType") ) ) { this.executeTab( event, true, false ); } else if ( this.nextSibling ) { link = this.nextSibling.getElementsByTagName('a')[0]; if ( !link || !this.nextSibling.hasClassName("sub") ) { return; } this.close(); page.util.fireClick( link ); Event.stop( event ); } } else if ( key == Event.KEY_ESC ) { this.close(); this.menuLink.focus(); Event.stop( event ); } else if ( key == Event.KEY_RETURN && this.useARIA && !this.inListActionBar ) { page.util.fireClick( elem ); Event.stop( event ); } else if ( key == Event.KEY_TAB && this.useARIA ) { this.executeTab( event, false, event.shiftKey ); } }, executeTab: function( event, forceMenuLinkTab, shift ) { var elem = Event.element ( event ); var link; if ( ( elem != this.menuLink ) || forceMenuLinkTab ) { if ( shift ) { // Go to previous menu if ( this.previousSibling ) { link = this.previousSibling.getElementsByTagName('a')[0]; if ( link ) { link.focus(); } else { this.menuLink.focus(); } } else { this.menuLink.focus(); } } else { // Go to next menu if ( this.nextSibling ) { link = this.nextSibling.getElementsByTagName('a')[0]; if ( link ) { link.focus(); } else { this.menuLink.focus(); } } else { this.menuLink.focus(); } } this.close(); Event.stop( event ); } }, onOpen: function( event ) { if (!this.enabled) { return; } this.open(); }, onClose: function( event ) { var to = $(event.relatedTarget || event.toElement); if ( !to || to.up('li.sub') != this.subMenuListItem ) { this.close(); } }, onLinkOpen: function( event ) { if (!this.enabled) { return; } this.open(); (function() { this.subMenu.down("li > a").focus(); }.bind(this).defer()); Event.stop( event ); }, resizeAfterShowHide: function() { // TODO - ideally this would just resize the outer div, but closing and opening 'works' this.close(); this.open(); }, open: function() { var alreadyShown = this.subMenu.getStyle('display') === 'block'; // If the menu is already showing (i.e. as_ce4 theme, we don't need to position it) if ( !alreadyShown ) { // Set position of action bar elements to static to enable z-index stack order page.util.setActionBarPosition( 'static' ); var menuTop = this.subMenuListItem.getHeight(); if ( this.subMenu.hasClassName( 'narrow' ) ) { menuTop = 0; } this.subMenuListItem.setStyle( {position: 'relative'} ); this.subMenu.setStyle( { display: 'block', zIndex: '999999', top: menuTop+'px', left: '0px', width: '', height: '', overflowY: '' }); var offset = Position.cumulativeOffset( this.subMenuListItem ); var menuDims = this.subMenu.getDimensionsEx(); var menuHeight = menuDims.height; var popupWidth = this.subMenu.getWidth(); var subListItemDims = this.subMenuListItem.getDimensions(); var menuWidth = subListItemDims.width; var viewportDimensions = document.viewport.getDimensions(); var scrollOffsets = document.viewport.getScrollOffsets(); var offsetTop = offset[1] - scrollOffsets.top; this.subMenu.flyoutMenu = this; if ( (offsetTop + menuHeight + subListItemDims.height) > viewportDimensions.height) { if ( (offsetTop - menuHeight) > 0 ) { // if menu goes below viewport but still fits on-page, show it above button this.subMenu.setStyle({ top: '-'+menuHeight+'px' }); } else { // we need to create scrollbars var newWidth = this.subMenu.getWidth() + 15; popupWidth = newWidth + 5; var newMenuHeight = viewportDimensions.height - (offsetTop + subListItemDims.height) - 20; var newMenuTop = menuTop; if (newMenuHeight < offsetTop) { // More space above than below newMenuHeight = offsetTop; newMenuTop = -offsetTop; } this.subMenu.setStyle( { display: 'block', zIndex: '999999', top: newMenuTop+'px', left: '0px', width: newWidth + 'px', height: newMenuHeight + 'px', overflowY: 'auto' }); } } var offsetLeft = offset[0] - scrollOffsets.left; if ( (offsetLeft + popupWidth) > viewportDimensions.width ) { var subMenuWidth = this.subMenuListItem.getWidth(); var newLeft = popupWidth - (viewportDimensions.width-offsetLeft); if ((newLeft > 0) && (newLeft < offsetLeft)) { newLeft = -newLeft; } else { newLeft = -offsetLeft; } this.subMenu.setStyle({ left: newLeft+'px' }); } if ( page.util.isRTL() ) { var newRight = 0; if ( (offsetLeft + menuWidth) - popupWidth < 0 ) { newRight = (offsetLeft + menuWidth) - popupWidth; } this.subMenu.setStyle({ left: '', right: newRight+'px'}); } if (!this.shim) { this.shim = new page.popupShim( this.subMenu); } this.shim.open(); } }, close: function() { // Reset position of action bar elements to relative page.util.setActionBarPosition( 'relative' ); this.subMenuListItem.setStyle({position: ''}); this.subMenu.setStyle({ display: '', top: '', left: '', width: '', height: '', overflowY: '' }); if ( this.shim ) { this.shim.close(); } }, onLinkClick: function( event, link ) { if (!this.enabled) { return; } setTimeout( this.blurLink.bind( this, link), 100); }, blurLink: function( link ) { link.blur(); if (page.util.hasClassName( link, "donotclose" )) { link.focus(); } else { this.close(); } }, onAnchorFocus: function ( event ) { if (!this.enabled) { return; } var link = Event.element( event ); link.setStyle({ backgroundColor: '#FFFFFF' }); }, onAnchorBlur: function( event ) { var link = Event.element( event ); link.setStyle({ backgroundColor: '' }); } }; /** * Class for providing functionality to menu palettes */ page.PaletteController = Class.create(); page.PaletteController.prototype = { /** * Constructor * * @param paletteIdStr Unique string identifier for a palette * @param expandCollapseIdStr Id value of anchor tag to be assigned * the palette expand/collapse functionality * @param closeOtherPalettesWhenOpen Whether to close all other palettes when this one is open */ initialize: function( paletteIdStr, expandCollapseIdStr, closeOtherPalettesWhenOpen, collapsed ) { // palette id string this.paletteItemStr = paletteIdStr; // palette element this.paletteItem = $(this.paletteItemStr); // default id string to palette contents container element this.defaultContentsContainerId = page.PaletteController.getDefaultContentsContainerId(this.paletteItemStr); // the currently active palette contents container element this.activeContentsContainer = $(this.defaultContentsContainerId); // expand/collapse palette toggle element this.paletteToggle = $(expandCollapseIdStr); if (this.paletteToggle) { Event.observe(this.paletteToggle, 'click', this.toggleExpandCollapsePalette.bindAsEventListener(this)); } this.closeOtherPalettesWhenOpen = closeOtherPalettesWhenOpen; page.PaletteController.registerPaletteBox(this); if (collapsed) { this.collapsePalette(true); } }, /** * Set the currently active palette contents container element * * @param container palette contents container element */ setActiveContentsContainer: function ( container ) { this.activeContentsContainer = container; }, /** * Get the currently active palette contents container element * * @return palette contents container element */ getActiveContentsContainer: function () { return this.activeContentsContainer; }, /** * Expands the palette if it's not already expanded. * * @return palette contents container element */ expandPalette: function ( doNotPersist ) { var itemPalClass = []; itemPalClass = this.paletteItem.className.split(" "); var h2 = $(this.paletteItemStr+"_paletteTitleHeading"); var expandCollapseLink = h2.getElementsByTagName('a')[0]; if ( !this.useFirstTagForExpandCollapse( h2 ) ) { expandCollapseLink = h2.getElementsByTagName('a')[1]; } var itemList = this.activeContentsContainer; if ( itemList.style.display == "none" ) { itemList.style.display = "block"; itemPalClass.length = itemPalClass.length - 1; this.paletteItem.className = itemPalClass.join(" "); h2.className = ""; var itemTitle = expandCollapseLink.innerHTML.stripTags().trim(); if ( !this.useFirstTagForExpandCollapse( h2 ) ) { itemTitle = h2.getElementsByTagName('a')[0].innerHTML.stripTags(); } expandCollapseLink.title = page.bundle.getString('expandCollapse.collapse.section.param', itemTitle); expandCollapseLink.up().setAttribute("aria-expanded", "true"); } if ( doNotPersist ) { return; } this.saveSessionStickyInfo( itemList.id, itemList.style.display ); }, /** * Collapses the palette if it's not already collapsed. * * @return palette contents container element */ collapsePalette: function ( doNotPersist ) { var itemPalClass = []; itemPalClass = this.paletteItem.className.split(" "); // Note - h2 is actually a div, not an h2 :) var h2 = $(this.paletteItemStr+"_paletteTitleHeading"); var expandCollapseLink = h2.getElementsByTagName('a')[0]; if ( !this.useFirstTagForExpandCollapse( h2 ) ) { expandCollapseLink = h2.getElementsByTagName('a')[1]; } var itemList = this.activeContentsContainer; if ( itemList.style.display != "none" ) { itemList.style.display = "none"; itemPalClass[itemPalClass.length] = 'navPaletteCol'; this.paletteItem.className = itemPalClass.join(" "); if (itemPalClass.indexOf('controlpanel') != -1) { } if (itemPalClass.indexOf('listCm')!=-1) { h2.className = "listCmCol"; // colors h2 background (removes background image) } if (itemPalClass.indexOf('tools') != -1) { h2.className = "toolsCol"; } var itemTitle = expandCollapseLink.innerHTML.stripTags(); if ( !this.useFirstTagForExpandCollapse( h2 ) ) { itemTitle = h2.getElementsByTagName('a')[0].innerHTML.stripTags().trim(); } expandCollapseLink.title = page.bundle.getString('expandCollapse.expand.section.param', itemTitle); expandCollapseLink.up().setAttribute("aria-expanded", "false"); } if (doNotPersist) { return; } this.saveSessionStickyInfo( itemList.id, itemList.style.display ); }, /** * Takes in a key value pair to save to the session as sticky data. * * @param key The key that will have the current course id appended to it to be saved to the session. * @param value The value to the key. */ saveSessionStickyInfo: function( key, value ) { /* Get the course id off of the global variable if exists, so that data is saved per * user session per course. If course doesn't exist, use empty string. */ var current_course_id = window.course_id ? window.course_id : ""; UserDataDWRFacade.setStringTempScope( key + current_course_id, value ); }, /** * Whether the first tag has js onclick event binding on it for palette collapse/expand * * @param h2 */ useFirstTagForExpandCollapse: function ( h2 ) { return h2.getElementsByTagName('a')[0].id.indexOf( "noneExpandCollapseTag" ) > -1 ? false : true; }, /** * Toggles a palette from expand to collapse and vice versa. * * @param event Optional event object if this method was bound to event. */ toggleExpandCollapsePalette: function ( event, doNotPersist ) { // To prevent default event behavior if ( event ) { Event.stop( event ); } if ( this.activeContentsContainer.style.display == "none" ) { // palette is currently closed, so we will be expanding it if ( this.closeOtherPalettesWhenOpen ) { // if closeOtherPalettesWhenOpen is set to true for this palette, close all other palettes page.PaletteController.closeAllOtherPalettes(this.paletteItemStr, doNotPersist); } this.expandPalette( doNotPersist ); } else { // palette is currently expanded, so we will be collapsing it this.collapsePalette( doNotPersist ); } } }; // "static" methods page.PaletteController.paletteBoxes = []; page.PaletteController.registerPaletteBox = function( paletteBox ) { page.PaletteController.paletteBoxes.push( paletteBox ); }; /** * Get the palette controller js object by palette id * * @param paletteId */ page.PaletteController.getPaletteControllerObjById = function( paletteId ) { return page.PaletteController.paletteBoxes.find( function( pb ) { return ( pb.paletteItemStr == paletteId ); } ); }; /** * Closes all palettes except the specified one * * @param paletteToKeepOpen */ page.PaletteController.closeAllOtherPalettes = function( paletteToKeepOpen, doNotPersist ) { for(var i = 0; i < page.PaletteController.paletteBoxes.length; i++) { var paletteItem = page.PaletteController.paletteBoxes[i]; if (paletteToKeepOpen !== paletteItem.paletteItemStr) { paletteItem.collapsePalette( doNotPersist ); } } }; /** * Toggles (expand/collapse) the contents of a nav palette by palette id * * @param paletteId * @param doNotPersist - optional param to suppress persisting state, default is to persist */ page.PaletteController.toggleExpandCollapsePalette = function( paletteId, doNotPersist ) { var paletteObj = page.PaletteController.getPaletteControllerObjById( paletteId ); paletteObj.toggleExpandCollapsePalette( null, doNotPersist); }; /** * Collapses the contents of a nav palette by palette id * * @param paletteId * @param doNotPersist - optional param to suppress persisting state, default is to persist */ page.PaletteController.collapsePalette = function( paletteId, doNotPersist ) { var paletteObj = page.PaletteController.getPaletteControllerObjById( paletteId ); paletteObj.collapsePalette( doNotPersist); }; /** * Expand the contents of a nav palette by palette id * * @param paletteId * @param doNotPersist - optional param to suppress persisting state, default is to persist */ page.PaletteController.expandPalette = function( paletteId, doNotPersist ) { var paletteObj = page.PaletteController.getPaletteControllerObjById( paletteId ); paletteObj.expandPalette( doNotPersist); }; /** * Set the active palette contents container (element containing the body * contents of a palette). The active contents container is used to toggle * visibility when expanding and collapsing menu palettes. * * @param paletteId * @param paletteContentsContainer Optional container to set. * If not given, the palette's active * container will not be changed. * @return The new active palette contents container element. * If no paletteContentsContainer element was passed, * The current active palette contents container element * will be returned. */ page.PaletteController.setActivePaletteContentsContainer = function( paletteId, paletteContentsContainer ) { var paletteObj = page.PaletteController.getPaletteControllerObjById( paletteId ); if ( paletteContentsContainer ) { paletteObj.setActiveContentsContainer( paletteContentsContainer ); } return paletteObj.getActiveContentsContainer(); }; /* * Get the default palette contents container id string * * @param paletteId */ page.PaletteController.getDefaultContentsContainerId = function( paletteId ) { return paletteId + "_contents"; }; /** * Class for providing expand/collapse functionality (with dynamic loading) */ page.ItemExpander = Class.create(); page.ItemExpander.prototype = { /** * Constructor * - expandLink - the link that when clicked will expand/collapse the item * - expandArea - the actual area that will get expanded/collapsed (if the item is dynamically loaded, this area will be populated dynamically) * - expandText - the text to show as a tooltip on the link for expanding * - collapseText - the text to show as a tooltip on the link for collapsing * - expandTitleText - the customized text for link title afer expanding the item; if null/undefined, use expandText * - collapseTitleText - the customized text for link title after collapsing the item;if null/undefined, use collapseText * - dynamic - whether the contents are dynamically loaded * - dynamicUrl - the URL to get the contents of the item from * - contextParameters - additional URL parameters to add when calling the dynamicUrl * - sticky - load/save expand state from UserData; true if null/undefined * - expanded - initially expanded; false if null/undefined */ initialize: function( expandLink, expandArea, expandText, collapseText, dynamic, dynamicUrl, contextParameters, expandTitleText, collapseTitleText, sticky, expanded ) { this.expandLink = $(expandLink); this.expandArea = $s(expandArea); // Register the expander so it can be found page.ItemExpander.itemExpanderMap[this.expandLink.id] = this; this.expandText = expandText.unescapeHTML(); this.collapseText = collapseText.unescapeHTML(); if ( expandTitleText !== null && expandTitleText !== undefined ) { this.expandTitleText = expandTitleText.unescapeHTML(); } else { this.expandTitleText = this.expandText; } if ( collapseTitleText !== null && collapseTitleText !== undefined ) { this.collapseTitleText = collapseTitleText.unescapeHTML(); } else { this.collapseTitleText = this.collapseText; } this.dynamic = dynamic; this.dynamicUrl = dynamicUrl; if ( contextParameters !== null && contextParameters !== undefined ) { this.contextParameters = contextParameters.toQueryParams(); } else { this.contextParameters = {}; } this.sticky = ( sticky !== null && sticky !== undefined ) ? sticky : true; this.expanded = ( expanded !== null && expanded !== undefined ) ? expanded : false; this.hasContents = !this.dynamic; if ( this.sticky ) { // get the course id off of the global variable if exists, because data is saved per user session per course var current_course_id = ( (typeof course_id != "undefined") && course_id !== null ) ? course_id : ""; UserDataDWRFacade.getStringTempScope( this.expandLink.id + current_course_id, this.getAvailableResponse.bind( this ) ); } this.expandCollapse( !this.expanded ); Event.observe( this.expandLink, "click", this.onToggleClick.bindAsEventListener( this ) ); }, getAvailableResponse : function ( response ) { var originalExpanded = this.expanded ; var cachedExpanded = false; if ( response.length > 0 ) { if ( response == 'true' ) { cachedExpanded = true; } else { cachedExpanded = false; } } if ( originalExpanded != cachedExpanded ) { //because we want the menu to be in the cached state, //we pass in the opposite so that expandCollapse changes the menu state. this.expandCollapse(originalExpanded); } }, onToggleClick: function( event ) { if ( event ) { Event.stop( event ); } this.expandCollapse(this.expanded); if ( this.sticky ) { // get the course id off of the global variable if exists, so that data is saved per user session per course var current_course_id = ( (typeof course_id != "undefined") && course_id !== null ) ? course_id : ""; UserDataDWRFacade.setStringTempScope( this.expandLink.id + current_course_id, this.expanded ); } }, expandCollapse: function(shouldCollapse) { var combo; if ( shouldCollapse ) //Collapse the item { $(this.expandArea).hide(); this.expandLink.title = this.expandTitleText; this.expandLink.up().setAttribute("aria-expanded", "false"); if ( this.expandLink.hasClassName("comboLink_active") ) { combo = this.expandLink.up("li").down(".submenuLink_active"); this.expandLink.removeClassName("comboLink_active"); this.expandLink.addClassName("comboLink"); if ( combo ) { combo.removeClassName("submenuLink_active"); combo.addClassName("submenuLink"); } } else { this.expandLink.removeClassName("open"); } this.expanded = false; } else //Expand the item { if ( this.hasContents ) { $(this.expandArea).setStyle({ zoom: 1 }); this.expandArea.show(); this.expandLink.title = this.collapseTitleText; this.expandLink.up().setAttribute("aria-expanded", "true"); if ( this.expandLink.hasClassName("comboLink") ) { combo = this.expandLink.up("li").down(".submenuLink"); this.expandLink.removeClassName("comboLink"); this.expandLink.addClassName("comboLink_active"); if ( combo ) { combo.removeClassName("submenuLink"); combo.addClassName("submenuLink_active"); } } else { this.expandLink.addClassName("open"); } } else if ( this.dynamic ) { this.loadData(); } this.expanded = true; } }, loadData: function() { new Ajax.Request( this.dynamicUrl, { method: "post", parameters: this.contextParameters, requestHeaders: { cookie: document.cookie }, onSuccess: this.afterLoadData.bind( this ) }); }, afterLoadData: function( req ) { try { var result = req.responseText.evalJSON( true ); if ( result.success != "true" ) { new page.InlineConfirmation("error", result.errorMessage, false ); } else { this.hasContents = true; this.expandArea.innerHTML = result.itemContents; $(this.expandArea).setStyle({ zoom: 1 }); this.expandArea.show(); this.expandLink.title = this.collapseTitleText; this.expandLink.up().setAttribute("aria-expanded", "true"); if ( this.expandLink.hasClassName("comboLink") ) { var combo = this.expandLink.up("li").down(".submenuLink"); this.expandLink.removeClassName("comboLink"); this.expandLink.addClassName("comboLink_active"); if ( combo ) { combo.removeClassName("submenuLink"); combo.addClassName("submenuLink_active"); } } else { this.expandLink.addClassName("open"); } this.expanded = true; } } catch ( e ) { //Invalid response } } }; page.ItemExpander.itemExpanderMap = {}; /** * Class for controlling the "breadcrumb expansion" (i.e. the "..." hiding the inner * breadcrumbs) */ page.BreadcrumbExpander = Class.create(); page.BreadcrumbExpander.prototype = { initialize: function( breadcrumbBar ) { var breadcrumbListElement = $(breadcrumbBar.getElementsByTagName('ol')[0]); var breadcrumbs = breadcrumbListElement.immediateDescendants(); if ( breadcrumbs.length > 4 ) { this.ellipsis = document.createElement("li"); var ellipsisLink = document.createElement("a"); ellipsisLink.setAttribute("href", "#"); ellipsisLink.setAttribute("title", page.bundle.getString('breadcrumbs.expand') ); ellipsisLink.innerHTML = "..."; this.ellipsis.appendChild( ellipsisLink ); this.ellipsis = Element.extend( this.ellipsis ); Event.observe( ellipsisLink, "click", this.onEllipsisClick.bindAsEventListener( this ) ); this.hiddenItems = $A(breadcrumbs.slice(2,breadcrumbs.length - 2)); breadcrumbListElement.insertBefore( this.ellipsis, this.hiddenItems[0] ); this.hiddenItems.invoke( "hide" ); } // Make sure the breadcrumbs don't run into the mode switcher var breadcrumbContainer = $(breadcrumbListElement.parentNode); var modeSwitcher = breadcrumbBar.down('.modeSwitchWrap'); if ( modeSwitcher ) { var containerWidth = breadcrumbContainer.getWidth(); var containerOffset = breadcrumbContainer.cumulativeOffset(); var modeSwitcherOffset = modeSwitcher.cumulativeOffset(); var modeSwitcherWidth = modeSwitcher.getWidth(); if ( page.util.isRTL() ) { if ( modeSwitcherOffset[0] + modeSwitcherWidth > containerOffset[0] ) { breadcrumbContainer.setStyle({ paddingLeft: ( modeSwitcherOffset[0] + modeSwitcherWidth ) + 'px'} ); } } // else //{ // breadcrumbContainer.setStyle({ paddingRight: ( containerWidth - ( modeSwitcherOffset[0] - containerOffset[0] ) ) + 'px'} ); //} } }, onEllipsisClick: function( event ) { this.hiddenItems.invoke( "show" ); this.ellipsis.hide(); Event.stop( event ); } }; /** * Dynamically creates an inline confirmation. */ page.InlineConfirmation = Class.create(); page.InlineConfirmation.prototype = { initialize: function( type, message, showRefreshLink, oneReceiptPerPage ) { var receiptId = $s('receipt_id'); // do not insert a duplicate receipt, if one already exists if(receiptId && oneReceiptPerPage) { return; } var cssClass = "bad"; if ( type == "success" ) { cssClass = "good"; } else if ( type == "warning" ) { cssClass = "warningReceipt"; } var contentPane = $('contentPanel') || $('portalPane'); var receiptHtml = '<div id="receipt_id" class="receipt '+ cssClass +'">'+ '<span class="inlineReceiptSpan" tabindex="-1" style="color:#FFFFFF">'+message+'</span>'; if ( showRefreshLink ) { receiptHtml += ' <a href="#refresh" onClick="document.location.href = document.location.href; return false;">' + page.bundle.getString("inlineconfirmation.refresh") + '</a>'; } receiptHtml += '<a class="close" href="#close" title="'+ page.bundle.getString("inlineconfirmation.close") +'" onClick="Element.remove( $(this).up(\'div.receipt\') ); return false;"><img alt="'+ page.bundle.getString("inlineconfirmation.close") +'" src="/images/ci/ng/close_mini.gif"></a></div>'; contentPane.insert({top:receiptHtml}); // use aria live region to announce this confirmation message rather than setting focus to it. (Too many things are fighting over setting focus) // Note: if this confirmation is invoked from a menu handler, it may not announce if focus is lost when the menu closes. See how courseTheme.js sets focus before invoking. var insertedA = contentPane.down('span.inlineReceiptSpan'); insertedA.setAttribute("aria-live","assertive"); insertedA.parentNode.setAttribute("role","application"); (function() { insertedA.update( insertedA.innerHTML ); }.defer(2)); // update live region so it is announced } }; page.NestedInlineConfirmationIdCounter = 0; page.NestedInlineConfirmation = Class.create(); page.NestedInlineConfirmation.prototype = { initialize: function( type, message, showRefreshLink, previousElement,showCloseLink, extracss, insertBefore, oneReceiptPerPage, fadeAway, focusDiv, fadingTime, insertTop, receiptDivId, focusOnRender ) { if ( Object.isUndefined( focusOnRender ) ) { focusOnRender = true; } var receiptId = $s('receipt_nested_id'); // do not insert a duplicate receipt, if one already exists var newDivId = 'receipt_nested_id'; if(receiptId) { if (oneReceiptPerPage) { return; } newDivId = newDivId + (page.NestedInlineConfirmationIdCounter++); } if (receiptDivId) { // Remove the old message with the same receiptDivId if there is one before adding a new one if ( $( receiptDivId ) != null ) { $( receiptDivId ).remove(); } newDivId = receiptDivId; } var cssClass = "bad"; if ( type == "success" ) { cssClass = "good"; } else if (type == "warning") { cssClass = "warningReceipt"; } if (!extracss) { extracss = ""; } var arrowSpan = ''; if (extracss.indexOf( "point", 0 ) != -1) { arrowSpan = '<span class="arrow"></span>'; } var contentPane = $(previousElement); if (!contentPane) { // TODO - if we can't find the element we wanted to insert before, is it OK to just drop the notification? return; } var receiptHtml = '<div id="'+newDivId+'" style="display:none" class="receipt '+ cssClass +' '+extracss +'">'+arrowSpan+ '<span class="inlineReceiptSpan areceipt" tabindex="-1">'+message+'</span>'; if ( showRefreshLink ) { receiptHtml += ' <a href="#refresh" onClick="document.location.href = document.location.href; return false;">' + page.bundle.getString("inlineconfirmation.refresh") + '</a>'; } if (showCloseLink) { // either this is a JS Snippet to execute on close or a simple true in which case we do nothing extra var onCloseFunction = ""; if ( typeof showCloseLink === "string" || showCloseLink instanceof String ) { if ( !page.closeReceiptLinkCounter ) { page.closeReceiptLinkCounter = 0; } else { ++page.closeReceiptLinkCounter; } onCloseFunction = "onReceiptClosed" + page.closeReceiptLinkCounter; receiptHtml += "<script type='text/javascript'>window." + onCloseFunction + " = function( ) { " + showCloseLink + " ; }; </script>"; onCloseFunction += "( );"; } receiptHtml += '<a class="close" href="#close" style="z-index:1000" title="' + page.bundle.getString("inlineconfirmation.close") + '" onClick="' + onCloseFunction + 'Element.remove( $(this).up(\'div.receipt\') ); return false;"><img alt="' + page.bundle.getString("inlineconfirmation.close") + '" src="/images/ci/ng/close_mini.gif"></a></div>'; } if ( insertBefore ) { contentPane.insert({before:receiptHtml}); } else if (insertTop) { contentPane.insert({top:receiptHtml}); } else { contentPane.insert({after:receiptHtml}); } this.insertedDiv = insertBefore?contentPane.previousSibling:(insertTop?contentPane.firstChild:contentPane.nextSibling); $(this.insertedDiv).show(); var insertedA = $(this.insertedDiv).down('span.inlineReceiptSpan'); var fadingDuration = fadingTime ? fadingTime : 5000; // For all cases (focus or not), set the aria assertive attribute to make sure this is announced by the screen reader insertedA.setAttribute("aria-live","assertive"); this.insertedDiv.setAttribute("role","application"); (function() { insertedA.update( insertedA.innerHTML ); }.defer(2)); // update live region so it is announced (needed for jaws 12) if ( focusOnRender ) { try { ( function() { try { if ( focusDiv ) { page.util.focusAndScroll( $( focusDiv ) ); } else { page.util.focusAndScroll( insertedA ); } } catch ( focusError ) { // Ignore focus errors. These can happens sometimes on IE if focus is set on an element that is located // inside another element that has recently been switched from a hidden state to a visible one. } }.defer() ); } catch ( focusError ) { // Ignore focus errors. These can happens sometimes on IE if focus is set on an element that is located // inside another element that has recently been switched from a hidden state to a visible one. } } else { // not setting focus to this confirmation - but still make sure it is visible. if ( focusDiv ) { page.util.ensureVisible( $( focusDiv ) ); } else { page.util.ensureVisible( insertedA ); } } if ( fadeAway ) { setTimeout( function() { Element.fade( $(this.insertedDiv), { duration : 0.3 } ); }.bind(this), fadingDuration ); } }, close: function() { if ( this.insertedDiv ) { this.insertedDiv.remove(); } } }; page.NestedInlineFadeAwayConfirmation = Class.create(); page.NestedInlineFadeAwayConfirmation.prototype = { initialize: function( type, message, showRefreshLink, element,showCloseLink, insertBefore, time ) { var fadingDuration = time ? time : 2000; new page.NestedInlineConfirmation(type, message, showRefreshLink, element,showCloseLink, "", insertBefore ); var elementToFade = insertBefore?element.previousSibling:element.nextSibling; setTimeout( function() { Element.fade( elementToFade, {duration:0.3} ); }, fadingDuration ); } }; page.NestedInlineFadeAwaySingleConfirmation = Class.create(); page.NestedInlineFadeAwaySingleConfirmation.prototype = { initialize: function( type, message, showRefreshLink, element,showCloseLink, insertBefore, time, newDivId ) { var fadingDuration = time ? time : 2000; new page.NestedInlineConfirmation(type, message, showRefreshLink, element,showCloseLink, "", insertBefore, false /*only one instance*/, null, null, null, null, newDivId ); var elementToFade = insertBefore?element.previousSibling:element.nextSibling; setTimeout( function() { Element.fade( elementToFade, {duration:0.3} ); }, fadingDuration ); } }; /** * Make sure the container as position: relative so that the offset can work */ page.MiniReceipt = Class.create(); page.MiniReceipt.prototype = { initialize: function( message, containerElement, top, left, time ) { var visibleDuration = time ? time : 2000; var top = top?top:-22; // usually show receipt above var left = left?left:0; var alreadyExistingReceipt = $( containerElement ).down( "div.miniReceipt" ); if ( alreadyExistingReceipt ) { alreadyExistingReceipt.hide( ); } var receiptHtml = '<div class="miniReceipt adding" style="display: none; top:' + top + 'px; left:'+ left + 'px" role="alert" aria-live="assertive">' + message + '</div>'; var receiptElement = $( containerElement ).insert( { top:receiptHtml } ).firstDescendant( ); receiptElement.show( ); setTimeout( function() { Element.fade( receiptElement, {duration:0.3, afterFinish: function() { receiptElement.remove(); } } ); }, visibleDuration ); } }; page.extendedHelp = function( helpattributes, windowName ) { window.helpwin = window.open('/webapps/blackboard/execute/viewExtendedHelp?' + helpattributes,windowName,'menubar=1,resizable=1,scrollbars=1,status=1,width=480,height=600'); window.helpwin.focus(); }; page.decoratePageBanner = function() { var bannerDiv = $('pageBanner'); // TODO: review this logic - we used to actually add a style to containerDiv but // we do not need it anymore - does the pagetitlediv hiding depend on containerdiv existing? probably, so leaving var containerDiv = $('contentPanel') || $('contentPane'); if ( bannerDiv && containerDiv ) { // hide empty title bar if ( !$('pageTitleText') && $('pageTitleDiv') ) { $('pageTitleDiv').hide(); } } }; page.initializeSinglePopupPage = function( pageId ) { // Initialize the single popup page, make sure the window will be closed by clicking submit or cancel, and the parent // window will be refreshed after submit. var items = document.forms; for ( var i = 0; i < items.length; i++ ) { var formItem = items[ i ]; formItem.observe( 'submit', function() { (function() { window.close(); if( window.opener.refreshConfirm ) { window.opener.refreshConfirm(pageId); } }.defer()); } ); if ( formItem.top_Cancel ) { Event.observe( formItem.top_Cancel, 'click', function( event ) { Event.stop( event ); window.close(); } ); } if ( formItem.bottom_Cancel ) { Event.observe( formItem.bottom_Cancel, 'click', function( event ) { Event.stop( event ); window.close(); } ); } } }; page.openLightbox = function( link, title, url, width, height ) { var lightboxParam = { defaultDimensions : { w : width ? width : 1000, h : height ? height : 800 }, contents : '<iframe src="' + url + '" width="100%" height="100%"/>', title : title, closeOnBodyClick : false, showCloseLink : true, useDefaultDimensionsAsMinimumSize : true }; var lightboxInstance = new lightbox.Lightbox( lightboxParam ); lightboxInstance.open(); }; page.printAndClose = function() { (function() { window.print(); window.close(); }.defer()); }; /** * Utility for data collection step manipulation */ page.steps = {}; page.steps.HIDE = "hide"; page.steps.SHOW = "show"; /** * Hide or show an array of steps given the step ids and * renumber all visible steps on the page. * * @param action - either page.steps.HIDE or page.steps.SHOW * @param stepIdArr - string array of step ids */ page.steps.hideShowAndRenumber = function ( action, stepIdArr ) { // hide or show each of the step ids given ($A(stepIdArr)).each( function( stepId ) { page.steps.hideShow( action, stepId ); }); // get all H3 elements that contain css class of "steptitle" var stepTitleTags = []; $A(document.getElementsByTagName('h3')).each( function( tag ) { if ( page.util.hasClassName( tag, 'steptitle' ) ) { stepTitleTags.push( $(tag) ); } }); // starting at number 1, renumber all of the visible steps var number = 1; stepTitleTags.each(function( stepTitleTag ) { if ( stepTitleTag.up('div').visible() ) { stepTitleTag.down('span').update(number); number++; } }); }; /** * Hide or show a single step given the step id. * * @param action - either page.steps.HIDE or page.steps.SHOW * @param stepId - string identifier to a single step */ page.steps.hideShow = function ( action, stepId ) { if ( action == page.steps.SHOW ) { $(stepId).show(); } else if ( action == page.steps.HIDE ) { $(stepId).hide(); } }; page.showChangeTextSizeHelp = function( ) { page.extendedHelp('internalhandle=change_text_size&helpkey=change_text_size','change_text_size' ); return false; }; page.showAccessibilityOptions = function() { var win = window.open('/webapps/portal/execute/changePersonalStyle?cmd=showAccessibilityOptions', 'accessibilityOptions','menubar=1,resizable=1,scrollbars=1,status=1,width=480,height=600'); win.focus(); }; page.toggleContrast = function( ) { new Ajax.Request('/webapps/portal/execute/changePersonalStyle?cmd=toggleContrast', { onSuccess: function(transport, json) { var fsWin; if (window.top.nav) { fsWin = window.top; } else if (window.opener && window.opener.top.nav) { fsWin = window.opener.top; window.close(); } if (fsWin) { fsWin.nav.location.reload(); fsWin.content.location.reload(); } else { window.top.location.reload(); } } }); return false; }; /** * IFrame-based shim used with popups so they render on top of all other page elements (including applets) */ page.popupShim = Class.create(); page.popupShim.prototype = { initialize: function( popup ) { this.popup = popup; }, close: function( ) { this.toggleOverlappingEmbeds( false ); }, open: function( ) { this.toggleOverlappingEmbeds( true ); }, toggleOverlappingEmbeds: function( turnOff ) { ['embed','object','applet','select'].each( function( tag ) { var elems = document.getElementsByTagName( tag ); for ( var i = 0, l = elems.length; i < l; i++ ) { var e = $(elems[i]); if ( !turnOff || ( page.util.elementsOverlap( this.popup, e ) && !e.descendantOf( this.popup ) ) ) { elems[i].style.visibility = ( turnOff ? 'hidden' : '' ); } } }.bind( this ) ); } }; /** * Looks through the children of the specified element for links with the specified * class name, and if it finds any, autowires lightboxes to them. If lightbox.js/effects.js * hasn't already been loaded, load it. */ page.LightboxInitializer = Class.create( { initialize: function( className, parentElement, justThisParent ) { this.className = className; if (justThisParent) { this.parentElement = parentElement; } var links = parentElement.getElementsByTagName('a'); for ( var i = 0, l = links.length; i < l; i++ ) { if ( page.util.hasClassName( links[i], className ) ) { if ( window.lightbox && window.Effect) { this._autowire(); } else { this._load(); } break; } } }, _autowire: function() { lightbox.autowireLightboxes( this.className, this.parentElement ); }, _load: function() { var h = $$('head')[0]; var scs = ( !window.lightbox ? ['/javascript/ngui/lightbox.js'] : []).concat( !window.Effect ? ['/javascript/scriptaculous/effects.js'] : [] ); scs.each( function( sc ) { var s = new Element('script', { type: 'text/javascript', src: sc } ); h.appendChild( s ); }); this._wait(); }, _wait: function() { var count = 0; new PeriodicalExecuter( function( pe ) { if ( count < 100 ) { count++; if ( window.lightbox && window.Effect ) { pe.stop(); this._autowire(); } } else // give up if it takes longer than 5s to load lightbox.js/effects.js { pe.stop(); } }.bind(this), 0.05 ); } }); page.YouTubeControls = { toggleAXControls : function( playerid, openYtControlsId, event ) { if( $( playerid.sub( 'ytEmbed', 'controls' ) ).style.display != 'block' ) { $( playerid.sub( 'ytEmbed', 'controls' ) ).style.display = 'block'; $( playerid.sub( 'ytEmbed', 'strip' ) ).style.display = 'block'; $( openYtControlsId ).addClassName( 'liveAreaTab' ); if ( window.lightbox && lightbox.getCurrentLightbox() ) { lightbox.getCurrentLightbox()._resizeAndCenterLightbox( false ); } } else { $( playerid.sub( 'ytEmbed', 'controls' ) ).style.display = 'none'; $( playerid.sub( 'ytEmbed', 'strip' ) ).style.display = 'none'; $( openYtControlsId ).removeClassName( 'liveAreaTab' ); if ( window.lightbox && lightbox.getCurrentLightbox() ) { lightbox.getCurrentLightbox()._resizeAndCenterLightbox( false ); } } Event.stop( event ); }, formatTime : function ( sec ) { var duration = parseInt( sec, 10 ); var totalMinutes = Math.floor( duration / 60 ); var hours = Math.floor( totalMinutes / 60 ); var seconds = duration % 60; var minutes = totalMinutes % 60; if ( hours > 0 ) { return hours + ':' + this.padZero( minutes ) + ':' + this.padZero( seconds ); } else { return this.padZero( minutes ) + ':' + this.padZero( seconds ); } }, padZero : function ( number ) { if (number < 10) { return "0" + number; } else { return number; } }, updateButtonLabels : function ( ytplayer, muteBtnId, playBtnId, status ) { if( ytplayer.isMuted() ) { $( muteBtnId ).update( page.bundle.getString( 'yt.unmute' ) ); } else { $( muteBtnId ).update( page.bundle.getString( 'yt.mute' ) ); } if( status == 1 ) { $( playBtnId ).update( page.bundle.getString( 'yt.pause' ) ); } else { $( playBtnId ).update( page.bundle.getString( 'yt.play' ) ); } }, updateIframeButtonLabels : function ( ytplayer, muteBtnId, playBtnId, status ) { if ( typeof ytplayer.isMuted !== 'undefined' ) { if( ytplayer.isMuted() ) { $( muteBtnId ).update( page.bundle.getString( 'yt.unmute' ) ); } else { $( muteBtnId ).update( page.bundle.getString( 'yt.mute' ) ); } } if( status == 1 ) { $( playBtnId ).update( page.bundle.getString( 'yt.pause' ) ); } else { $( playBtnId ).update( page.bundle.getString( 'yt.play' ) ); } } }; function onYouTubePlayerReady( playerid ) { var ytplayer = $( playerid ); if( !ytplayer ) { //ie fix: grab object tag instead of embed tag var objTagId = playerid.sub( 'ytEmbed', 'ytObject' ); ytplayer = $( objTagId ); } var playBtnId = playerid.sub( 'ytEmbed', 'playVideo' ); Event.observe( $( playBtnId ), 'click', function( event ) { if( ytplayer.getPlayerState() == 1 ) { ytplayer.pauseVideo(); } else { ytplayer.playVideo(); } Event.stop( event ); } ); var stopBtnId = playerid.sub( 'ytEmbed', 'stopVideo' ); Event.observe( $( stopBtnId ), 'click', function( event ) { ytplayer.pauseVideo(); ytplayer.seekTo( "0" ); $( playBtnId ).update( page.bundle.getString( 'yt.play' ) ); Event.stop( event ); } ); var volUpBtnId = playerid.sub( 'ytEmbed', 'volUp' ); Event.observe( $( volUpBtnId ), 'click', function( event ) { var currVol = ytplayer.getVolume(); if( currVol > 89 ) { ytplayer.setVolume( 100 ); } else { ytplayer.setVolume( currVol + 10 ); } Event.stop( event ); } ); var volDownBtnId = playerid.sub( 'ytEmbed', 'volDown' ); Event.observe( $( volDownBtnId ), 'click', function( event ) { var currVol = ytplayer.getVolume(); if( currVol < 11 ) { ytplayer.setVolume( 0 ); } else { ytplayer.setVolume( currVol - 10 ); } Event.stop( event ); } ); var muteBtnId = playerid.sub( 'ytEmbed', 'mute' ); Event.observe( $( muteBtnId ), 'click', function( event ) { if( ytplayer.isMuted() ) { ytplayer.unMute(); } else { ytplayer.mute(); } Event.stop( event ); } ); var timeDivId = playerid.sub( 'ytEmbed', 'currentTime' ); var statusDivId = playerid.sub( 'ytEmbed', 'currentStatus'); var dtTime = new Date(); new PeriodicalExecuter( function( pe ) { //lightbox closed, so stop this PeriodicalExecuter if( !$( timeDivId ) ) { pe.stop(); return; } //update the current time $( timeDivId ).update( page.YouTubeControls.formatTime( ytplayer.getCurrentTime() ) ); //update the current status var status = ytplayer.getPlayerState(); var statusStr = page.bundle.getString( 'yt.stopped' ); switch( status ) { case -1 : statusStr = page.bundle.getString( 'yt.stopped' ); break; case 0 : statusStr = page.bundle.getString( 'yt.ended' ); break; case 1 : statusStr = page.bundle.getString( 'yt.playing' ); break; case 2 : statusStr = page.bundle.getString( 'yt.paused' ); break; case 3 : statusStr = page.bundle.getString( 'yt.buffering' ); break; case 5 : statusStr = page.bundle.getString( 'yt.cued' ); break; } page.YouTubeControls.updateButtonLabels( ytplayer, muteBtnId, playBtnId, status ); $( statusDivId ).update( statusStr ); }.bind(this), 0.5 ); //wire the open/close controls wrapper var openYtControlsId = playerid.sub( 'ytEmbed', 'openYtControls' ); Event.observe( $( openYtControlsId ), 'click', function( event ) { page.YouTubeControls.toggleAXControls( playerid, openYtControlsId, event ); } ); var closeYtControlsId = playerid.sub( 'ytEmbed', 'closeYtControls' ); Event.observe( $( closeYtControlsId ), 'click', function( event ) { page.YouTubeControls.toggleAXControls( playerid, openYtControlsId, event ); } ); }; var youtubeisready; var tag = document.createElement( 'script' ); tag.src = "//www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName( 'script' )[ 0 ]; firstScriptTag.parentNode.insertBefore( tag, firstScriptTag ); function onYouTubeIframeAPIReady() { youtubeisready = true; page.util.bbPreptextareasforyoutube(); }; page.util.bbPreptextareasforyoutube = function(frameIds) { if( youtubeisready ) { if ( !frameIds ) { frameIds = $$( '.ytIframeClass' ); } var ytPlayers = []; frameIds.each( function( frameId ) { var ytPlayerId = frameId.id; var controlsId = ytPlayerId.replace("ytEmbed",""); var frameData = frameId.outerHTML; var videoId = ""; if( frameData.indexOf('//www.youtube.com/embed') != -1 ) { videoId = frameData.match("//www.youtube.com/embed/([\\d\\w-_]+)")[1]; } if( frameData.indexOf('//www.youtube.com/v') != -1 ) { videoId = frameData.match("//www.youtube.com/v/([\\d\\w-_]+)")[1]; } if( videoId === "" ) return; ytPlayerId.replace("ytEmbed", "videoId"); var ytplayer = new YT.Player(frameId, { videoId : videoId, playerVars : { wmode: 'transparent', rel : 0, modestbranding : 1, menu: 'disable' }, events : { 'onReady' : onPlayerReady, 'onStateChange' : onytplayerStateChange, 'onError' : onPlayerError } }); ytPlayers.push(ytplayer); var playBtnId = $("playVideo" + controlsId ); Event.observe( playBtnId, 'click', function( event ) { if ( ytplayer.getPlayerState() == 1 ) { ytplayer.pauseVideo(); } else { ytplayer.playVideo(); } Event.stop( event ); } ); var stopBtnId = $("stopVideo" + controlsId ); Event.observe( stopBtnId , 'click', function( event ) { ytplayer.pauseVideo(); ytplayer.seekTo( "0" ); $( playBtnId ).update( page.bundle.getString( 'yt.play' ) ); Event.stop( event ); } ); var volUpBtnId = $("volUp" + controlsId ); Event.observe( volUpBtnId , 'click', function( event ) { var currVol = ytplayer.getVolume(); if( currVol > 89 ) { ytplayer.setVolume( 100 ); } else { ytplayer.setVolume( currVol + 10 ); } Event.stop( event ); } ); var volDownBtnId = $("volDown" + controlsId ); Event.observe( volDownBtnId, 'click', function( event ) { var currVol = ytplayer.getVolume(); if( currVol < 11 ) { ytplayer.setVolume( 0 ); } else { ytplayer.setVolume( currVol - 10 ); } Event.stop( event ); } ); var muteBtnId = $("mute" + controlsId ); Event.observe( muteBtnId, 'click', function( event ) { if ( typeof ytplayer.isMuted !== 'undefined' ) { if( ytplayer.isMuted() ) { ytplayer.unMute(); } else { ytplayer.mute(); } } Event.stop( event ); } ); var timeDivId = ytPlayerId.sub( 'ytEmbed', 'currentTime' ); var statusDivId = ytPlayerId.sub( 'ytEmbed', 'currentStatus'); var dtTime = new Date(); new PeriodicalExecuter( function( pe ) { //lightbox closed, so stop this PeriodicalExecuter if( !$( timeDivId ) ) { pe.stop(); return; } //update the current time if ( typeof ytplayer.getCurrentTime !== 'undefined' ) { $( timeDivId ).update( page.YouTubeControls.formatTime( ytplayer.getCurrentTime() ) ); } //update the current status var status = -1; if ( typeof ytplayer.getPlayerState !== 'undefined' ) { status = ytplayer.getPlayerState(); } var statusStr = page.bundle.getString( 'yt.stopped' ); switch( status ) { case -1 : statusStr = page.bundle.getString( 'yt.stopped' ); break; case 0 : statusStr = page.bundle.getString( 'yt.ended' ); break; case 1 : statusStr = page.bundle.getString( 'yt.playing' ); break; case 2 : statusStr = page.bundle.getString( 'yt.paused' ); break; case 3 : statusStr = page.bundle.getString( 'yt.buffering' ); break; case 5 : statusStr = page.bundle.getString( 'yt.cued' ); break; } page.YouTubeControls.updateIframeButtonLabels( ytplayer, muteBtnId, playBtnId, status ); $( statusDivId ).update( statusStr ); }.bind(this), 0.5 ); //wire the open/close controls wrapper var openYtControlsId =$("openYtControls" + controlsId); Event.observe( openYtControlsId, 'click', function( event ) { page.YouTubeControls.toggleAXControls( ytPlayerId, openYtControlsId, event ); } ); var closeYtControlsId = ytPlayerId.sub( 'ytEmbed', 'closeYtControls' ); Event.observe( $( closeYtControlsId ), 'click', function( event ) { page.YouTubeControls.toggleAXControls( ytPlayerId, openYtControlsId, event ); } ); } ); } return ytPlayers; }; function onPlayerReady( event ) { event.target.stopVideo(); }; function onPlayerError( event ) { event.target.stopVideo(); }; function onytplayerStateChange( event ) { if ( event.data === 0 ) { event.target.playVideo(); event.target.stopVideo(); } }; page.util.flyoutMenuMainButtonKeyboardHandler = function( event ) { var key = event.keyCode || event.which; if (key == Event.KEY_LEFT || key == Event.KEY_RIGHT) { var elem = Event.element( event ); var target = elem.up( 'li' ); while ( true ) { if ( key == Event.KEY_LEFT ) { target = target.previous(); } else if ( key == Event.KEY_RIGHT ) { target = target.next(); } if ( !target || page.util.hasClassName( target, 'sub' ) || page.util.hasClassName( target, 'mainButton' ) || page.util.hasClassName( target, 'mainButtonType' ) ) { break; } } if ( target ) { var menuLinks = $A( target.getElementsByTagName( 'a' ) ); if ( menuLinks && menuLinks.length > 0 ) { menuLinks[ 0 ].focus(); Event.stop( event ); } } } }; page.util.initFlyoutMenuBehaviourForListActionMenuItems = function( container ) { //Initialize accessible flyout menu behavior if ( !container ) { container = document; } var uls = document.getElementsByTagName('ul'); if (uls) { var numUls = uls.length; for (var i = 0; i < numUls; i++) { var ul = uls[i]; if (page.util.hasClassName(ul, 'nav')) { var lis = ul.getElementsByTagName('li'); if (lis) { var numLis = lis.length; for (var j = 0; j < numLis; j++) { var li = lis[j]; if (page.util.hasClassName(li, 'sub')) { new page.FlyoutMenu($(li)); } else if (page.util.hasClassName(li, 'mainButton') || page.util.hasClassName(li, 'mainButtonType')) { var menuLinks = $A($(li).getElementsByTagName('a')); if (menuLinks && menuLinks.length > 0) { Event.observe(menuLinks[0], 'keydown', page.util.flyoutMenuMainButtonKeyboardHandler.bindAsEventListener(menuLinks[0])); } } } } } } } }; page.util.getMaxContentHeight = function( iframeElement ) { var maxHeight = iframeElement.contentWindow.document.body.scrollHeight; var frameElements; var iframeElements; if ( iframeElement.contentDocument ) { // getElementsByTagName() returns a NodeList object, which is immutable and cannot easily be converted to an array frameElements = iframeElement.contentDocument.getElementsByTagName("frame"); iframeElements = iframeElement.contentDocument.getElementsByTagName("iframe"); } var i = 0; var frameHeight; var frameElement; for( i = 0; i < frameElements.length; i++ ) { frameElement = frameElements[i]; if( frameElement.contentWindow && frameElement.contentWindow.document && frameElement.contentWindow.document.body ) { frameHeight = frameElement.contentWindow.document.body.scrollHeight; } if( frameHeight > maxHeight ) { maxHeight = frameHeight; } } for( i = 0; i < iframeElements.length; i++ ) { frameElement = iframeElements[i]; if( frameElement.contentWindow && frameElement.contentWindow.document && frameElement.contentWindow.document.body ) { frameHeight = frameElement.contentWindow.document.body.scrollHeight; } if( frameHeight > maxHeight ) { maxHeight = frameHeight; } } return maxHeight; }; page.util.getMaxContentWidth = function( iframeElement ) { var maxWidth = iframeElement.contentWindow.document.body.scrollWidth; var frameElements; var iframeElements; if ( iframeElement.contentDocument ) { // getElementsByTagName() returns a NodeList object, which is immutable and cannot easily be converted to an array frameElements = iframeElement.contentDocument.getElementsByTagName("frame"); iframeElements = iframeElement.contentDocument.getElementsByTagName("iframe"); } var i = 0; var frameWidth; var frameElement; for( i = 0; i < frameElements.length; i++ ) { frameElement = frameElements[i]; if( frameElement.contentWindow && frameElement.contentWindow.document && frameElement.contentWindow.document.body ) { frameWidth = frameElement.contentWindow.document.body.scrollWidth; } if( frameWidth > maxWidth ) { maxWidth = frameWidth; } } for( i = 0; i < iframeElements.length; i++ ) { frameElement = iframeElements[i]; if( frameElement.contentWindow && frameElement.contentWindow.document && frameElement.contentWindow.document.body ) { frameWidth = frameElement.contentWindow.document.body.scrollWidth; } if( frameWidth > maxWidth ) { maxWidth = frameWidth; } } return maxWidth; }; page.subheaderCleaner = { init : function( entityKind ) { var allHidden = true; var firstUl = null; var className = 'portletList-img courseListing ' + entityKind; $A( document.getElementsByClassName( className ) ).each( function( ul ) { if ( !ul.down() ) { ul.previous( 'h3' ).hide(); ul.hide(); if ( !firstUl ) { firstUl = ul; } } else { allHidden = false; } }); if ( allHidden && firstUl ) { firstUl.up( 'div' ).previous( 'div' ).show(); } } }; /** * Set up any JavaScript that will always be run on load (that doesn't depend on * any application logic / localization) here. * * Please leave this at the bottom of the file so it's easy to find. * */ FastInit.addOnLoad( function() { Event.observe( document.body, "click", page.ContextMenu.closeAllContextMenus.bindAsEventListener( window ) ); Event.observe( document.body, "click", page.ContextMenu.alignArrowsInBreadcrumb.bindAsEventListener( window ) ); Event.observe( document.body, 'keydown', function(event) { var key = event.keyCode || event.which; if ( key == 116 ) // reload current page on F5 key press { Event.stop( event ); // prevent browser from reloading complete frameset if ( Prototype.Browser.IE ) { event.keyCode = 0; } (function() { window.location.reload( true ); }.defer()); return false; } }); page.util.initFlyoutMenuBehaviourForListActionMenuItems(); if ( $('breadcrumbs') ) { new page.BreadcrumbExpander($('breadcrumbs')); // If we're in the content wrapper, hide the content wrapper breadcrumb frame // so that we don't get stacked breadcrumbs. if ( window.name === 'contentFrame' ) { var parent = window.parent; if ( parent ) { var frameset = parent.document.getElementById( 'contentFrameset' ); if ( frameset ) { frameset.rows = "*,100%"; } } } } var contentPane = $('contentPanel') || $('portalPane'); if ( contentPane ) { new page.LightboxInitializer( 'lb', contentPane ); } // add a label for inventory table checkboxes, if needed $A(document.getElementsByTagName("table")).each( function( table ) { if ( !page.util.hasClassName( table, 'inventory' ) ) { return; } var rows = table.rows; if ( rows.length < 2 ) { return; } for (var r = 0, rlen = rows.length - 1; r < rlen; r++) { var cells = rows[r+1].cells; // skip header row for (var c = 0, clen = cells.length; c < clen; c++) { var cell = $(cells[c]); var inp = cell.down('input'); if ( !inp || ( inp.type != 'checkbox' && inp.type != 'radio' ) ) { // We're only looking for checkbox/radio cells to label, so move on continue; } var lbl = cell.down('label'); if (lbl && !lbl.innerHTML.blank()) { break; // skip cells that already have a non-blank label } if ( !lbl ) { // add new label to checkbox lbl = new Element('label', {htmlFor: inp.id} ); lbl.addClassName('hideoff'); cell.insert({bottom:lbl}); } var headerCell = $(cell.parentNode).down('th'); if ( !headerCell ) { break; // skip rows without header cell } // create a temporary clone of the header cell and remove any hidden divs I.e. context menus var tempCell = $(headerCell.cloneNode(true)); var tempCellDivs = tempCell.getElementsByTagName("div"); for ( var i = 0; i < tempCellDivs.length; i++ ) { var d = tempCellDivs[i]; if ( d && !$(d).visible() ) { d.remove(); } } var lblBody = tempCell.innerHTML.replace( /<\/?[^>]*>/g, '' ); // strip html tags from header lblBody = page.bundle.getString('inventoryList.select.item', lblBody); lbl.update( lblBody ); // set label to header contents (minus tags) break; } } }); //set default font sizes to display text. hack to fix IE7 default font size issue. var sizes = {1:'xx-small', 2:'x-small', 3:'small', 4:'medium', 5:'large', 6:'x-large', 7:'xx-large'}; var fonts = document.getElementsByTagName('font'); for ( var i = 0; i < fonts.length; i++ ) { var font = fonts[i]; if ( font.size ) { // Since some font elements may be manually created by end users we have to handle random // values in here. if (!font.size.startsWith("+") && !font.size.startsWith("-")) { var fsize = parseInt(font.size, 10); if (fsize > 0 && fsize < 8) { font.style.fontSize = sizes[fsize]; } } } } page.scrollToEnsureVisibleElement(); page.isLoaded = true; }); /** * Class for adding an insertion marker within a list */ page.ListInsertionMarker = Class.create(); page.ListInsertionMarker.prototype = { initialize: function( listId, position, key, text ) { var list = $(listId); var listElements = list.childElements(); // create a marker list item var marker = new Element('li',{'id':listId+':'+key, 'class':'clearfix separator' }); marker.update('<h3 class="item" id=""><span class="reorder editmode"><span><img alt="" src="/images/ci/icons/generic_updown.gif"></span></span><span class="line"></span><span class="text">'+text+'</span></h3>'); //marker.setStyle({ position: 'relative', minHeight: '10px', padding: '0px', background: '#CCCCCC' }); position = ( position > listElements.length ) ? listElements.length : position; // add marker to list if (listElements.length === 0) { list.insert({top:marker}); // add marker to top of empty list } else if (listElements.length == position) { list.insert({bottom:marker}); // add marker after last element } else { listElements[position].insert({before:marker}); // add marker before element at position } var select = $('reorderControls'+listId).down('select'); // add a option for the marker to the keyboard repostioning select, if any if (select) { var option = new Element('option',{'value':key}).update( '-- '+text+' --' ); if (listElements.length === 0) { select.insert({top:option}); } else if (listElements.length == position) { select.insert({bottom:option}); } else { $(select.options[position]).insert({before:option}); } } } }; page.scrollToEnsureVisibleElement = function( ) { var params = window.location.search.parseQuery(); var ensureVisibleId = params.ensureVisibleId; if ( !ensureVisibleId ) { return; } var ensureVisibleElement = $(ensureVisibleId); if ( !ensureVisibleElement ) { return; } var pos = ensureVisibleElement.cumulativeOffset(); var scrollY = pos.top; var bodyHeight = $( document.body ).getHeight(); if (scrollY + ensureVisibleElement.getHeight() < bodyHeight) { return; // element is already visible } var receipt = $('inlineReceipt_good'); if ( receipt && receipt.visible() ) // pin receipt to top { var offset = receipt.cumulativeOffset(); offset.top = 0; var w = parseInt(receipt.getStyle('width'), 10); if ( Prototype.Browser.IE ) // width in IE includes border & padding, need to remove it { var bw = parseInt(receipt.getStyle('borderLeftWidth'), 10) + parseInt(receipt.getStyle('borderRightWidth'), 10); var pw = parseInt(receipt.getStyle('paddingLeft'), 10) + parseInt(receipt.getStyle('paddingRight'), 10); w = w - bw - pw; } receipt.setStyle({ position:"fixed", zIndex:"1000", left: offset.left + "px", top: offset.top + "px", width: w + "px"}); scrollY = scrollY - 2 * receipt.getHeight(); } // scroll window to show ensureVisibleElement window.scrollTo(0, scrollY ); }; /** * Recursively walks up the frameset stack asking each window to change their * document.domain attribute in anticipation of making a cross-site scripting * call to an LMS integration. * * <p>This should only be called from popup windows, as changing the document.domain * value of a window that is going to be reused later could do surprising things. * * @param domain Domain name shared by the Learn and LMS servers. */ page.setLmsIntegrationDomain = function( domain ) { if ( '' == domain ) { return; } try { if ( parent.page.setLmsIntegrationDomain ) { parent.page.setLmsIntegrationDomain( domain ); } } catch ( err ) { /* Ignore */ } document.domain = domain; }; page.refreshTopFrame = function() { if ( window.top.nav ) { window.top.nav.location.reload(); } }; // See BreadcrumbBarRenderer.java for code that calls this method. page.rewriteTaskStatusUntilDone = function( spanId, taskId, courseId ) { var theSpan = $(spanId); if (theSpan) { new Ajax.Request("/webapps/blackboard/execute/getSystemTaskStatus?taskId=" + taskId + "&course_id=" + courseId , { method: 'post', onSuccess: function(transport, json) { var result = transport.responseText.evalJSON( true ); theSpan = $(spanId); // reload it just in case it was removed between the request and response if (theSpan) { theSpan.update(result.text); if (result.complete == "false") { setTimeout(function() {page.rewriteTaskStatusUntilDone(spanId, taskId, courseId);}, 3000); } } }, onFailure: function(transport, json) { theSpan = $(spanId); //reload the span as above if (theSpan) { theSpan.hide(); $(spanId+'error').show(); } } }); } }; /* * Clean up the task id which associated with the specified course, so that the inline warning does not show up again */ page.cleanTaskId = function( courseId ) { // we don't care about the result, at worse it will display again on the next page var url = "/webapps/blackboard/execute/courseMain?action=cleanTaskId&course_id=" + courseId + "&sessionId=" + getCookie( 'JSESSIONID' ); new Ajax.Request( url, { method: 'post' } ); }; //that doesn't then any code utilizing these methods will not work 'as expected'. Current usage //as/of the writing of this code is "ok" with that - the user won't get the perfect experience but it won't completely fail either. page.putInSessionStorage = function( key, value ) { if ( typeof sessionStorage !== 'undefined' ) { sessionStorage[ getCookie( 'JSESSIONID' ) + key ] = value; } }; // any code utilizing these methods must have separately included cookie.js // since we don't always include cookie.js page.getFromSessionStorage = function( key ) { if ( typeof sessionStorage !== 'undefined' ) { return sessionStorage[ getCookie( 'JSESSIONID' ) + key ]; } return undefined; }; page.aria = {}; page.aria.show = function ( element ) { $(element).show(); element.setAttribute("aria-expanded", "true"); }; page.aria.hide = function ( element ) { $(element).hide(); element.setAttribute("aria-expanded", "false"); }; page.aria.toggle = function ( element ) { if (Element.visible($(element))) { page.aria.hide(element); } else { page.aria.show(element); } }; } // =================================================================== // Author: Matt Kruse <[email protected]> // WWW: http://www.mattkruse.com/ // // NOTICE: You may use this code for any purpose, commercial or // private, without any further permission from the author. You may // remove this notice from your final code if you wish, however it is // appreciated by the author if at least my web site address is kept. // // You may *NOT* re-distribute this code in any way except through its // use. That means, you can include it in your product, or your web // site, or any other form where the code is actually being used. You // may not put the plain javascript up on your site for download or // include it in your javascript libraries for download. // If you wish to share this code with others, please just point them // to the URL instead. // Please DO NOT link directly to my .js files from your site. Copy // the files to your server and use them there. Thank you. // =================================================================== // HISTORY // ------------------------------------------------------------------ // May 17, 2003: Fixed bug in parseDate() for dates <1970 // March 11, 2003: Added parseDate() function // March 11, 2003: Added "NNN" formatting option. Doesn't match up // perfectly with SimpleDateFormat formats, but // backwards-compatability was required. // ------------------------------------------------------------------ // These functions use the same 'format' strings as the // java.text.SimpleDateFormat class, with minor exceptions. // The format string consists of the following abbreviations: // // Field | Full Form | Short Form // -------------+--------------------+----------------------- // Year | yyyy (4 digits) | yy (2 digits), y (2 or 4 digits) // Month | MMM (name or abbr.)| MM (2 digits), M (1 or 2 digits) // | NNN (abbr.) | // Day of Month | dd (2 digits) | d (1 or 2 digits) // Day of Week | EE (name) | E (abbr) // Hour (1-12) | hh (2 digits) | h (1 or 2 digits) // Hour (0-23) | HH (2 digits) | H (1 or 2 digits) // Hour (0-11) | KK (2 digits) | K (1 or 2 digits) // Hour (1-24) | kk (2 digits) | k (1 or 2 digits) // Minute | mm (2 digits) | m (1 or 2 digits) // Second | ss (2 digits) | s (1 or 2 digits) // AM/PM | a | // // NOTE THE DIFFERENCE BETWEEN MM and mm! Month=MM, not mm! // Examples: // "MMM d, y" matches: January 01, 2000 // Dec 1, 1900 // Nov 20, 00 // "M/d/yy" matches: 01/20/00 // 9/2/00 // "MMM dd, yyyy hh:mm:ssa" matches: "January 01, 2000 12:30:45AM" // ------------------------------------------------------------------ var MONTH_NAMES=new Array('January','February','March','April','May','June','July','August','September','October','November','December','Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'); var DAY_NAMES=new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sun','Mon','Tue','Wed','Thu','Fri','Sat'); function LZ(x) {return(x<0||x>9?"":"0")+x} // ------------------------------------------------------------------ // isDate ( date_string, format_string ) // Returns true if date string matches format of format string and // is a valid date. Else returns false. // It is recommended that you trim whitespace around the value before // passing it to this function, as whitespace is NOT ignored! // ------------------------------------------------------------------ function isDate(val,format) { var date=getDateFromFormat(val,format); if (date==0) { return false; } return true; } // ------------------------------------------------------------------- // compareDates(date1,date1format,date2,date2format) // Compare two date strings to see which is greater. // Returns: // 1 if date1 is greater than date2 // 0 if date2 is greater than date1 of if they are the same // -1 if either of the dates is in an invalid format // ------------------------------------------------------------------- function compareDates(date1,dateformat1,date2,dateformat2) { var d1=getDateFromFormat(date1,dateformat1); var d2=getDateFromFormat(date2,dateformat2); if (d1==0 || d2==0) { return -1; } else if (d1 > d2) { return 1; } return 0; } // ------------------------------------------------------------------ // formatDate (date_object, format) // Returns a date in the output format specified. // The format string uses the same abbreviations as in getDateFromFormat() // ------------------------------------------------------------------ function formatDate(date,format) { format=format+""; var result=""; var i_format=0; var c=""; var token=""; var y=date.getYear()+""; var M=date.getMonth()+1; var d=date.getDate(); var E=date.getDay(); var H=date.getHours(); var m=date.getMinutes(); var s=date.getSeconds(); var yyyy,yy,MMM,MM,dd,hh,h,mm,ss,ampm,HH,H,KK,K,kk,k; // Convert real date parts into formatted versions var value=new Object(); if (y.length < 4) {y=""+(y-0+1900);} value["y"]=""+y; value["yyyy"]=y; value["yy"]=y.substring(2,4); value["M"]=M; value["MM"]=LZ(M); value["MMM"]=MONTH_NAMES[M-1]; value["NNN"]=MONTH_NAMES[M+11]; value["d"]=d; value["dd"]=LZ(d); value["E"]=DAY_NAMES[E+7]; value["EE"]=DAY_NAMES[E]; value["H"]=H; value["HH"]=LZ(H); if (H==0){value["h"]=12;} else if (H>12){value["h"]=H-12;} else {value["h"]=H;} value["hh"]=LZ(value["h"]); if (H>11){value["K"]=H-12;} else {value["K"]=H;} value["k"]=H+1; value["KK"]=LZ(value["K"]); value["kk"]=LZ(value["k"]); if (H > 11) { value["a"]="PM"; } else { value["a"]="AM"; } value["m"]=m; value["mm"]=LZ(m); value["s"]=s; value["ss"]=LZ(s); while (i_format < format.length) { c=format.charAt(i_format); token=""; while ((format.charAt(i_format)==c) && (i_format < format.length)) { token += format.charAt(i_format++); } if (value[token] != null) { result=result + value[token]; } else { result=result + token; } } return result; } // ------------------------------------------------------------------ // formatUTCDate (date_object, format) // Returns a date in the output format specified. // date_object is a UTC date // The format string uses the same abbreviations as in getDateFromFormat() // The following article explains how UTC comes into play: // http://blogs.msdn.com/marcelolr/archive/2008/06/04/javascript-date-utc-and-local-times.aspx // ------------------------------------------------------------------ function formatUTCDate(date,format) { format=format+""; var result=""; var i_format=0; var c=""; var token=""; var y=date.getUTCFullYear()+""; var M=date.getUTCMonth()+1; var d=date.getUTCDate(); var E=date.getUTCDay(); var H=date.getUTCHours(); var m=date.getUTCMinutes(); var s=date.getUTCSeconds(); var yyyy,yy,MMM,MM,dd,hh,h,mm,ss,ampm,HH,H,KK,K,kk,k; // Convert real date parts into formatted versions var value=new Object(); if (y.length < 4) {y=""+(y-0+1900);} value["y"]=""+y; value["yyyy"]=y; value["yy"]=y.substring(2,4); value["M"]=M; value["MM"]=LZ(M); value["MMM"]=MONTH_NAMES[M-1]; value["NNN"]=MONTH_NAMES[M+11]; value["d"]=d; value["dd"]=LZ(d); value["E"]=DAY_NAMES[E+7]; value["EE"]=DAY_NAMES[E]; value["H"]=H; value["HH"]=LZ(H); if (H==0){value["h"]=12;} else if (H>12){value["h"]=H-12;} else {value["h"]=H;} value["hh"]=LZ(value["h"]); if (H>11){value["K"]=H-12;} else {value["K"]=H;} value["k"]=H+1; value["KK"]=LZ(value["K"]); value["kk"]=LZ(value["k"]); if (H > 11) { value["a"]="PM"; } else { value["a"]="AM"; } value["m"]=m; value["mm"]=LZ(m); value["s"]=s; value["ss"]=LZ(s); while (i_format < format.length) { c=format.charAt(i_format); token=""; while ((format.charAt(i_format)==c) && (i_format < format.length)) { token += format.charAt(i_format++); } if (value[token] != null) { result=result + value[token]; } else { result=result + token; } } return result; } // ------------------------------------------------------------------ // Utility functions for parsing in getDateFromFormat() // ------------------------------------------------------------------ function _isInteger(val) { var digits="1234567890"; for (var i=0; i < val.length; i++) { if (digits.indexOf(val.charAt(i))==-1) { return false; } } return true; } function _getInt(str,i,minlength,maxlength) { for (var x=maxlength; x>=minlength; x--) { var token=str.substring(i,i+x); if (token.length < minlength) { return null; } if (_isInteger(token)) { return token; } } return null; } // ------------------------------------------------------------------ // getDateFromFormat( date_string , format_string ) // // This function takes a date string and a format string. It matches // If the date string matches the format string, it returns the // getTime() of the date. If it does not match, it returns 0. // ------------------------------------------------------------------ function getDateFromFormat(val,format) { val=val+""; format=format+""; var i_val=0; var i_format=0; var c=""; var token=""; var token2=""; var x,y; var now=new Date(); var year=now.getYear(); var month=now.getMonth()+1; var date=1; var hh=now.getHours(); var mm=now.getMinutes(); var ss=now.getSeconds(); var ampm=""; while (i_format < format.length) { // Get next token from format string c=format.charAt(i_format); token=""; while ((format.charAt(i_format)==c) && (i_format < format.length)) { token += format.charAt(i_format++); } // Extract contents of value based on format token if (token=="yyyy" || token=="yy" || token=="y") { if (token=="yyyy") { x=4;y=4; } if (token=="yy") { x=2;y=2; } if (token=="y") { x=2;y=4; } year=_getInt(val,i_val,x,y); if (year==null) { return 0; } i_val += year.length; if (year.length==2) { if (year > 70) { year=1900+(year-0); } else { year=2000+(year-0); } } } else if (token=="MMM"||token=="NNN"){ month=0; for (var i=0; i<MONTH_NAMES.length; i++) { var month_name=MONTH_NAMES[i]; if (val.substring(i_val,i_val+month_name.length).toLowerCase()==month_name.toLowerCase()) { if (token=="MMM"||(token=="NNN"&&i>11)) { month=i+1; if (month>12) { month -= 12; } i_val += month_name.length; break; } } } if ((month < 1)||(month>12)){return 0;} } else if (token=="EE"||token=="E"){ for (var i=0; i<DAY_NAMES.length; i++) { var day_name=DAY_NAMES[i]; if (val.substring(i_val,i_val+day_name.length).toLowerCase()==day_name.toLowerCase()) { i_val += day_name.length; break; } } } else if (token=="MM"||token=="M") { month=_getInt(val,i_val,token.length,2); if(month==null||(month<1)||(month>12)){return 0;} i_val+=month.length;} else if (token=="dd"||token=="d") { date=_getInt(val,i_val,token.length,2); if(date==null||(date<1)||(date>31)){return 0;} i_val+=date.length;} else if (token=="hh"||token=="h") { hh=_getInt(val,i_val,token.length,2); if(hh==null||(hh<1)||(hh>12)){return 0;} i_val+=hh.length;} else if (token=="HH"||token=="H") { hh=_getInt(val,i_val,token.length,2); if(hh==null||(hh<0)||(hh>23)){return 0;} i_val+=hh.length;} else if (token=="KK"||token=="K") { hh=_getInt(val,i_val,token.length,2); if(hh==null||(hh<0)||(hh>11)){return 0;} i_val+=hh.length;} else if (token=="kk"||token=="k") { hh=_getInt(val,i_val,token.length,2); if(hh==null||(hh<1)||(hh>24)){return 0;} i_val+=hh.length;hh--;} else if (token=="mm"||token=="m") { mm=_getInt(val,i_val,token.length,2); if(mm==null||(mm<0)||(mm>59)){return 0;} i_val+=mm.length;} else if (token=="ss"||token=="s") { ss=_getInt(val,i_val,token.length,2); if(ss==null||(ss<0)||(ss>59)){return 0;} i_val+=ss.length;} else if (token=="a") { if (val.substring(i_val,i_val+2).toLowerCase()=="am") {ampm="AM";} else if (val.substring(i_val,i_val+2).toLowerCase()=="pm") {ampm="PM";} else {return 0;} i_val+=2;} else { if (val.substring(i_val,i_val+token.length)!=token) {return 0;} else {i_val+=token.length;} } } // If there are any trailing characters left in the value, it doesn't match if (i_val != val.length) { return 0; } // Is date valid for month? if (month==2) { // Check for leap year if ( ( (year%4==0)&&(year%100 != 0) ) || (year%400==0) ) { // leap year if (date > 29){ return 0; } } else { if (date > 28) { return 0; } } } if ((month==4)||(month==6)||(month==9)||(month==11)) { if (date > 30) { return 0; } } // Correct hours value if (hh<12 && ampm=="PM") { hh=hh-0+12; } else if (hh>11 && ampm=="AM") { hh-=12; } var newdate=new Date(year,month-1,date,hh,mm,ss); return newdate.getTime(); } // ------------------------------------------------------------------ // parseDate( date_string [, prefer_euro_format] ) // // This function takes a date string and tries to match it to a // number of possible date formats to get the value. It will try to // match against the following international formats, in this order: // y-M-d MMM d, y MMM d,y y-MMM-d d-MMM-y MMM d // M/d/y M-d-y M.d.y MMM-d M/d M-d // d/M/y d-M-y d.M.y d-MMM d/M d-M // A second argument may be passed to instruct the method to search // for formats like d/M/y (european format) before M/d/y (American). // Returns a Date object or null if no patterns match. // ------------------------------------------------------------------ function parseDate(val) { var preferEuro=(arguments.length==2)?arguments[1]:false; generalFormats=new Array('y-M-d','MMM d, y','MMM d,y','y-MMM-d','d-MMM-y','MMM d'); monthFirst=new Array('M/d/y','M-d-y','M.d.y','MMM-d','M/d','M-d'); dateFirst =new Array('d/M/y','d-M-y','d.M.y','d-MMM','d/M','d-M'); var checkList=new Array('generalFormats',preferEuro?'dateFirst':'monthFirst',preferEuro?'monthFirst':'dateFirst'); var d=null; for (var i=0; i<checkList.length; i++) { var l=window[checkList[i]]; for (var j=0; j<l.length; j++) { d=getDateFromFormat(val,l[j]); if (d!=0) { return new Date(d); } } } return null; } // Gradebook is grade center namespace var Gradebook = { getModel: function() { try { if (window.gbModel) { return window.gbModel; // in case scope is GC/Course Frameset } if (parent.gbModel) { return parent.gbModel; } return parent.parent.gbModel; } catch (ignore) { return null; } }, clearModel: function() { parent.gbModel = null; } }; var GradebookUtil = { parseLocaleFloat : function( num ) { // substitute for later calls to not have to Gradebook.getModel().getNumberFormatter() GradebookUtil.parseLocaleFloat = Gradebook.getModel().getNumberFormatter().parseLocaleFloat; return GradebookUtil.parseLocaleFloat( num ); }, toLocaleFloat : function( num ) { GradebookUtil.toLocaleFloat = Gradebook.getModel().getNumberFormatter().getDisplayFloat; return GradebookUtil.toLocaleFloat( num ); }, round: function( num ) { return Math.round( num * 100) / 100; }, error : function( errorMsg ) { // firebug/IE console if ( console && console.error ) { console.error( errorMsg ); } }, log : function( logMsg ) { // firebug/IE console if ( console && console.log ) { console.log( logMsg ); } }, isIE: function () { return navigator.userAgent.toLowerCase().indexOf("msie") >= 0; }, isFFonMac: function() { return GradebookUtil.isMac() && GradebookUtil.isFirefox(); }, isFirefox: function() { return (navigator.userAgent.toLowerCase().indexOf("firefox") != -1); }, isMac: function() { return (navigator.userAgent.toLowerCase().indexOf("mac") != -1); }, getFloatLocaleFormatFromWindow: function() { var localeFloatFormat = { separator:'.', format:'' }; if ( window.LOCALE_SETTINGS ) { if ( LOCALE_SETTINGS.getString('number_format.decimal_point') ) { localeFloatFormat.separator = LOCALE_SETTINGS.getString('number_format.decimal_point'); } if ( LOCALE_SETTINGS.getString('float.allow.negative.format') ) { localeFloatFormat.format = LOCALE_SETTINGS.getString( 'float.allow.negative.format' ); } } else { var separator = page.bundle.getString('number_format.decimal_point'); if ( separator ) { localeFloatFormat.separator = separator; } } if ( !localeFloatFormat.format ) { // for some reason the current locale does not define the format, so let's build one if ( localeFloatFormat.separator === ',' ) { localeFloatFormat.format = '^[-]?[0-9]*(,[0-9]+)?$'; } else { localeFloatFormat.format = '^[-]?[0-9]*(\\.[0-9]+)?$'; } } return localeFloatFormat; }, isValidFloat: function ( n ) { if ( n instanceof Number || typeof( n ) == 'number' ) { return true; } n = '' + n; var trimmedVal = n.strip(); var floatLocaleFormat = null; var model = Gradebook.getModel(); if ( model && model.getFloatLocaleFormat() ) { floatLocaleFormat = model.getFloatLocaleFormat(); } else { // those settings would be the settings of the page where the javascript code // is executed, which might not be in the same locale as the course itself floatLocaleFormat = this.getFloatLocaleFormatFromWindow(); } if (trimmedVal.endsWith( floatLocaleFormat.separator )) { trimmedVal += '0'; } var re = new RegExp( floatLocaleFormat.format ); var isValidNum = trimmedVal.search( re ) === 0; return isValidNum; }, isGradeValueTooBig: function ( inputValue ) { return inputValue >= 10000000000; }, formatStudentName: function ( student ) { var nameData = {first:student.first, last:student.last, user:student.user}; return GradebookUtil.getMessage('userNameTemplate', nameData); }, trimId: function( primaryKey ) { if ( primaryKey.charAt(0) != '_' ) { return primaryKey; } return primaryKey.slice(1, primaryKey.lastIndexOf('_') ); }, getMessage: function (key, args) { if ( Gradebook.getModel() ) { return Gradebook.getModel().getMessage(key, args); } else { return key; } }, getElementsComputedStyle: function ( htmlElement, cssProperty, mozillaEquivalentCSS) { if ( arguments.length == 2 ) { mozillaEquivalentCSS = cssProperty; } var el = $(htmlElement); if ( el.currentStyle ) { return el.currentStyle[cssProperty]; } else { return document.defaultView.getComputedStyle(el, null).getPropertyValue(mozillaEquivalentCSS); } }, toViewportPosition: function(element) { return this._toAbsolute(element,true); }, /** * Compute the elements position in terms of the window viewport * so that it can be compared to the position of the mouse (dnd) * This is additions of all the offsetTop,offsetLeft values up the * offsetParent hierarchy, ...taking into account any scrollTop, * scrollLeft values along the way... * * Note: initially there was 2 implementations, one for IE, one for others. * Mozilla one seems to fit all though (tested XP: FF2,IE7, OSX: FF2, SAFARI) **/ _toAbsolute: function(element,accountForDocScroll, topParent ) { return this._toAbsoluteMozilla(element,accountForDocScroll,topParent); }, /** * Mozilla did not report all of the parents up the hierarchy via the * offsetParent property that IE did. So for the calculation of the * offsets we use the offsetParent property, but for the calculation of * the scrollTop/scrollLeft adjustments we navigate up via the parentNode * property instead so as to get the scroll offsets... * **/ _toAbsoluteMozilla: function(element,accountForDocScroll, topParent) { // possibly should be replaced by prototype viewportOffset var x = 0; var y = 0; var parent = element; while ( parent && ( !topParent || parent!=topParent ) ) { x += parent.offsetLeft; y += parent.offsetTop; parent = parent.offsetParent; } parent = element; while ( parent && parent != document.body && parent != document.documentElement && ( !topParent || parent!=topParent ) ) { if ( parent.scrollLeft ) { x -= parent.scrollLeft; } if ( parent.scrollTop ) { y -= parent.scrollTop; } parent = parent.parentNode; } if ( accountForDocScroll ) { x -= this.docScrollLeft(); y -= this.docScrollTop(); } return { x:x, y:y }; }, docScrollLeft: function() { if ( window.pageXOffset ) { return window.pageXOffset; } else if ( document.documentElement && document.documentElement.scrollLeft ) { return document.documentElement.scrollLeft; } else if ( document.body ) { return document.body.scrollLeft; } else { return 0; } }, docScrollTop: function() { if ( window.pageYOffset ) { return window.pageYOffset; } else if ( document.documentElement && document.documentElement.scrollTop ) { return document.documentElement.scrollTop; } else if ( document.body ) { return document.body.scrollTop; } else { return 0; } }, getChildElementByClassName: function(parent, childTag, childClassName) { var children = parent.getElementsByTagName(childTag); if (!children || children.length === 0) { return null; } for (var i = 0; i < children.length; i++) { if (children[i].className.indexOf(childClassName) >= 0) { return children[i]; } } return null; }, // returns true if the text area length is less than maxLength. // text area length is greater than maxLength, alerts user, sets focus to text area and returns false validateMaxLength : function( textArea, label, maxlength ) { var textLength = textArea.value.length; if ( maxlength < textLength ) { if ( (textLength - maxlength) > 1 ) { alert(JS_RESOURCES.getFormattedString('validation.maximum_length.plural', [label, maxlength, textLength - maxlength] )); } else { alert(JS_RESOURCES.getFormattedString('validation.maximum_length.singular', [label, maxlength] )); } textArea.focus(); return false; } else { return true; } } }; /** * Gradebook data grid * * PORTIONS OF THIS FILE ARE BASED ON RICO LIVEGRID 1.1.2 * * Copyright 2005 Sabre Airline Solutions * * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this * file except in compliance with the License. You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software distributed under the * License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, * either express or implied. See the License for the specific language governing permissions * and limitations under the License. * * @author "Bill Richard" * @version * * **/ Gradebook.GridModel = Class.create(); Gradebook.GridModel.prototype = { initialize : function(gradebookService) { this.gradebookService = gradebookService; this.courseId = gradebookService.courseId; this.rows = []; this.colDefs = []; this.colOrderMap = []; this.customViews = []; this.listeners = []; this.accessibleMode = false; this.resizingWindow = false; this.minimumRows = 10; this.isolatedStudentId = ''; this.floatLocaleFormat= null; // singleton on this document this._initMessages(); this.gridColorScheme = null; // stuff that needs to be stored to survive page refresh but not used by the model this.store = {}; window.gbModel = this; }, getFloatLocaleFormat: function() { return this.floatLocaleFormat; }, setFloatLocaleFormat: function( floatLocaleFormat ) { this.floatLocaleFormat = floatLocaleFormat; NumberFormatter.needToConvert = ( this.floatLocaleFormat.separator == ',' ); }, getNumberFormatter: function() { return NumberFormatter; }, getObject: function( name ) { return this.store[ name ]; }, newObject: function( name ) { var newObject = {}; this.store[ name ] = newObject; return newObject; }, setObject: function( name, object ) { this.store[ name ] = object; return object; }, removeObject: function( name ) { delete this.store[ name ]; }, newArray: function( name ) { this[ name ] = []; return this[ name ]; }, getCustomViews : function() { this.customViews.sort(function(a, b) { var aa = a.name.toLowerCase(); var bb = b.name.toLowerCase(); if (aa == bb) { return 0; } else if (aa < bb) { return -1; } else { return 1; } }); return this.customViews; }, // notify registered listeners that model data has changed fireModelChanged : function() { if (!this.messages && this.loadingLocalizedMessages) { // wait for the messages to be loaded before to do a reload window.setTimeout(this.fireModelChanged.bind(this), 50); } else { for ( var i = 0; i < this.listeners.length; i++) { this.listeners[i].modelChanged(); } } }, // notify registered listeners that model error has occured fireModelError : function(exception, serverReply) { for ( var i = 0; i < this.listeners.length; i++) { if (this.listeners[i].modelError) { this.listeners[i].modelError(exception, serverReply); } } }, addModelListener : function(listener) { this.listeners.push(listener); }, removeModelListeners : function() { this.listeners = []; }, updateGrade : function(newValue, newTextValue, userId, colDefId) { this.gradebookService.updateGrade((this.updateGradeCallback).bind(this), this.version, newValue, newTextValue, userId, colDefId); }, clearAll : function(isDelete, userId, colDefId) { this.gradebookService.clearAll((this.updateGradeCallback).bind(this), this.version, isDelete, userId, colDefId); }, clearSelected : function(attemptIds, isDelete, userId, colDefId) { this.gradebookService.clearSelected((this.updateGradeCallback).bind(this), this.version, attemptIds, isDelete, userId, colDefId); }, deleteColumn : function(colDefId) { this.gradebookService.deleteColumn(colDefId); }, modifyColumn : function(colDefId, colType) { this.gradebookService.modifyColumn(colDefId, colType); }, viewItemStats : function(itemId) { this.gradebookService.viewItemStats(itemId); }, viewSingleStudentGrades : function(userId) { this.isolatedStudentId = userId; this.gradebookService.reloadGrid(); }, restoreFromSingleStudentView : function() { this.isolatedStudentId = ''; this.gradebookService.reloadGrid(); }, viewStudentStats : function(userId) { this.gradebookService.viewStudentStats(userId); }, runReport : function(userId) { this.gradebookService.runReport(userId); }, hideColumn : function(colDefId) { // decrement numFrozenColumns if hiding a frozen column var idx = this.colDefMap[colDefId]; for ( var i = 0; i < this.colOrderMap.length; i++) { if (this.colOrderMap[i] == idx) { if (i < this.numFrozenColumns && this.numFrozenColumns > 1) { this.numFrozenColumns--; this.gradebookService.updateNumFrozenColumns(this.numFrozenColumns); } break; } } this.gradebookService.hideColumn(colDefId); }, setColumnStudentVisibility : function(colDefId, visible) { this.gradebookService.setColumnStudentVisibility((this.setColumnStudentVisibilityCallback).bind(this), colDefId, visible); }, showGradeDetails : function(userId, colDefId, focusCellId) { this.gradebookService.showGradeDetails(userId, colDefId, focusCellId); }, onAddComment : function(userId, colDefId) { this.gradebookService.loadComments(userId, colDefId, "studentComments", "instructorComments"); }, exemptGrade : function(userId, colDefId) { this.gradebookService.setExemption((this.updateGradeCallback).bind(this), this.version, userId, colDefId, true); }, clearExemption : function(userId, colDefId) { this.gradebookService.setExemption((this.updateGradeCallback).bind(this), this.version, userId, colDefId, false); }, setComments : function(userId, colDefId, studentComments, instructorComments) { this.gradebookService.setComments(userId, colDefId, studentComments, instructorComments); }, getRowByUserId : function(userId) { var rowIndex = this.rowUserIdMap[userId]; if ( rowIndex === undefined || this.rows[rowIndex][0].uid != userId) { return null; } return this.rows[rowIndex]; }, getScoreProvider : function( scoreProviderHandle ) { return this.scoreProvidersMap[ scoreProviderHandle ]; }, _getGradesForItemId : function(itemId, includeUnavailable) { var grades = []; var colIndex = this.colDefMap[itemId]; if (!colIndex) { GradebookUtil.error('GridModel _getGradesForItemId contains data for invalid column id: ' + itemId); return grades; } var rows = (includeUnavailable) ? this.rows : this.visibleRows; for ( var i = 0, len = rows.length; i < len; i++) { var data = rows[i][colIndex]; if (!data.metaData) { data.metaData = rows[i][0]; } if (includeUnavailable || data.metaData.isAvailable) { if (!data.colDef) { data.colDef = this.colDefs[colIndex]; } grades.push(new Gradebook.GridCell(data)); } } return grades; }, getColDefById : function(itemId) { return this.colDefs[this.colDefMap[itemId]]; }, getColumnByIndex: function( index ) { return this.colDefs[this.colOrderMap[index]]; }, setColumnStudentVisibilityCallback : function(retData) { if (!retData) { GradebookUtil.error('GridModel error updating column visibility'); return; } this.getColDefById(retData.columnId).vis = retData.vis; this.fireModelChanged(); }, updateGradeCallback : function(retData) { if (!retData || retData.length === 0) { GradebookUtil.error('GridModel error updating grade'); return; } var lastSavedDate = null; for ( var i = 0, len = retData.length; i < len; i++) { var data = retData[i]; var colDefId = data.itemId; var userId = data.courseUserId; var score = data.score; var textInput = data.textInput; var row = this.getRowByUserId(userId); var colIndex = this.colDefMap[colDefId]; if (!colIndex) { // ignore continue; } var gridCell = row[colIndex]; gridCell.tv = textInput; if (textInput.length === 0 && score === 0) { gridCell.v = '-'; } else { gridCell.v = score; } gridCell.or = (data.override) ? "y" : null; gridCell.x = (data.exempt) ? "y" : null; gridCell.ng = (data.needsGrading) ? "y" : null; gridCell.ip = (data.inProgress) ? "y" : null; gridCell.notExcluded = !data.excluded; gridCell.mp = data.points; gridCell.attemptsInfo = null; gridCell.numAtt = data.numOfAttempts; if ( lastSavedDate === null ) { lastSavedDate = data.lastSavedDate; } gridCell.orBefAtt = data.overrideBeforeAttempt; } this.lastLogEntryTS = lastSavedDate; this.fireModelChanged(); }, setResizingWindow : function(f) { this.resizingWindow = f; }, getResizingWindow : function() { return this.resizingWindow; }, setMinimumRows : function(minRows) { if (minRows < 5) { minRows = 5; } if (minRows > 50) { minRows = 50; } this.minimumRows = minRows; }, getMinimumRows : function() { return this.minimumRows; }, getColorScheme: function( gradeCell ) { // we get the color scheme by priority order // (in case for example the cell has a grade and is needs grading // then the grade range is used first) if ( gradeCell.isExempt() ) { return "cs_ex"; } var colorScheme = this.gridColorScheme; if ( colorScheme && gradeCell.isGraded() ) { var normalizedPoints = gradeCell.getNormalizedGrade(); if ( normalizedPoints !== null ) { normalizedPoints = normalizedPoints * 100; // lower bound >= value > upper bound for ( var i = 0; i < colorScheme.length; ++i ) { var range = colorScheme[ i ]; if ( range.u && normalizedPoints >= range.u ) { continue; } if ( range.l && normalizedPoints < range.l ) { continue; } return range.cid; } } } if ( gradeCell.needsGrading() ) { return "cs_ng"; } if ( gradeCell.attemptInProgress() ) { return "cs_ip"; } return ""; }, _reportException : function(e) { this.fireModelError(e, e.message); }, _reportError : function(t) { this.fireModelError('error getting data from server', t.statusText); }, getVisibleColDefIndex : function(id) { var colnum = this.colDefMap[id]; if (colnum === undefined || this.colDefs[colnum] === undefined || !this.colDefs[colnum].gbvis) { return -1; } for ( var i = 0, len = this.colOrderMap.length; i < len; i++) { if (this.colOrderMap[i] == colnum) { return i; } } return -1; }, updateUserVisibility : function(userId, visible) { this.gradebookService.updateUserVisibility(userId, visible); }, _hasNewUsers : function(jsonBook) { if (!jsonBook || !jsonBook.rows) { return false; } for ( var i = 0; i < jsonBook.rows.length; i++) { if (!this.getRowByUserId(jsonBook.rows[i][0].uid)) { return true; } } return false; }, _containsUser : function(rows, userId) { for ( var i = 0; i < rows.length; i++) { if (rows[i][0].uid == userId) { return true; } } return false; }, // called by view to get a window of row data // returns iterators to get row data in correct order while skipping hidden columns getRowIterators : function(startRow, numRows, startCol) { var rows = this.visibleRows; if (!startRow) { startRow = 0; } if (!startCol) { startCol = 0; } if (!numRows) { numRows = rows.length; } var endRow = startRow + numRows; if (startRow < 0 || startRow >= rows.length) { GradebookUtil.error('getRowIterators startRow out of range. Max is: ' + rows.length - 1 + ' startRow is: ' + startRow); return null; } if (numRows < 0 || numRows > rows.length) { GradebookUtil.error('getRowIterators numRows out of range. Max is: ' + rows.length + ' numRows is: ' + numRows); return null; } if (startCol < 0 || startCol >= this.colOrderMap.length) { GradebookUtil.error('getRowIterators startCol out of range. Max is: ' + this.colOrderMap.length + ' startCol is: ' + startCol); return null; } if (endRow > rows.length) { endRow = rows.length; GradebookUtil.error('Error: GridModel getRowIterators input args requesting too much data. startRow = ' + startRow + ' numRows = ' + numRows + ' rows.length = ' + rows.length); return null; } var results = []; var index = 0; for ( var i = startRow; i < endRow; i++) { results[index++] = new Gradebook.GridRowIterator(rows[i], this.colOrderMap, startCol, this.colDefs); } return results; }, // called by view to get the column definitions // returns iterator to get definitions in correct order while skipping hidden columns getColDefIterator : function(startCol) { if (!startCol) { startCol = 0; } if (startCol < 0 || startCol >= this.colOrderMap.length) { GradebookUtil.error('getColDefIterator startCol out of range. Max is: ' + this.colOrderMap.length + ' startCol is: ' + startCol); return null; } return new Gradebook.ColDefIterator(this.colDefs, this.colOrderMap, startCol); }, // called by view to determine how much vertical scroll is needed getNumRows : function() { if (this.visibleRows) { return this.visibleRows.length; } else { return 0; } }, // called by view to determine how much horizontal scroll is needed getNumColDefs : function() { return this.colOrderMap.length; }, // called by view to determine how many columns to freeze getNumFrozenColumns : function() { return this.numFrozenColumns; }, getSortDir : function() { return this.sortDir; }, // columnId is optional, it will return the sort index currently used if not specified // Also, if there is no defined sortColumnId and you pass in undefined then it will pick // the first column and use that to sort on. getSortIndex : function( columnId ) { var sortColumnId = columnId?columnId:this.sortColumnId; if ( !sortColumnId ) { var fc = this.colOrderMap[0]; if (fc) { var cd = this.colDefs[fc]; if (cd) { sortColumnId = cd.id; if (!this.sortColumnId && sortColumnId) { this.sortColumnId = sortColumnId; } } } if (!sortColumnId) { return -1; } } var colnum = this.colDefMap[ sortColumnId ]; if (colnum === undefined) { return -1; } else { var sortColumn; for( var i =0; i< this.colOrderMap.length; i++) { if( this.colOrderMap[i] == colnum) { sortColumn = i; break; } } if (sortColumn === undefined || this.colDefs[ sortColumn ] === undefined || this.colDefs[ sortColumn ].deleted == "Y") { return -1; } else { return sortColumn; } } }, reSort : function() { if (this.sortColumnId === undefined || this.sortDir === undefined) { return; } var colnum = this.getSortIndex(); if (colnum == -1) { return; } this.sort(colnum, this.sortDir); }, setDefaultView : function(view) { this.defView = view; this.gradebookService.setDefaultView(view); }, getDefaultView : function() { if (!this._isValidView(this.defView)) { this.defView = 'fullGC'; } return this.defView; }, setCategoryFilter : function(category) { this.categoryFilter = category; // override category for current view this.checkedNoStudents( ); // clear selected when switching view/status }, setStatusFilter : function(status) { if (status.startsWith("stat_")) { status = status.substr(5, status.length - 5); } this.statusFilter = status; // override status for current view this.checkedNoStudents( ); // clear selected when switching view/status }, setInitialCurrentView : function(view) { this.initialView = view; }, // set the current view to a fullGC, custom view, or grading period // view param is: // 'fullGC' for full // 'cv_123' for custom views // '456' for grading periods // if specified view is invalid, use default, if default is invalid, use full // setCurrentView : function(view) { this.categoryFilter = null; // clear category override this.statusFilter = null; // clear status override this.currentCustomView = null; this.currentGradingPeriodId = null; if (!this._isValidView(view)) { view = this.defView; } if (!this._isValidView(view)) { view = 'fullGC'; } if (view == 'fullGC') { // use a custom view for full grade center to allow category/status overrides this.currentCustomView = Gradebook.CustomView.getFullGC(this); } else if (view.startsWith('cv_')) { var idx = this.customViewMap[view.substring(3)]; this.currentCustomView = this.customViews[idx]; } else if (view.startsWith('gp_')) { this.currentGradingPeriodId = view.substring(3); } this.currentView = view; this.checkedNoStudents( ); // clear selected when switching view }, _isValidView : function(view) { if (!view) { return false; } if (view == 'fullGC') { return true; } if (view.startsWith('cv_') && this.customViewMap[ view.substring( 3 ) ] !== 'undefined' && this.customViewMap[ view.substring( 3 ) ] !== null ) { var idx = this.customViewMap[view.substring(3)]; return this.customViews[idx].evaluate(); } if (view.startsWith('gp_')) { return this.gradingPeriodMap && this.gradingPeriodMap[view.substring(3)]; } return false; }, _applyCustomView : function() { var row; if (this.isolatedStudentId) { this.visibleRows = []; row = this.getRowByUserId(this.isolatedStudentId); this.visibleRows.push(row); } if (!this.currentCustomView) { return; } this.currentCustomView.evaluate(this); var userIds = this.currentCustomView.getUserIds(); if (this.isolatedStudentId) { return; } this.visibleRows = []; // loop through custom view users and add to visibleRows for ( var i = 0, len = userIds.length; i < len; i++) { row = this.getRowByUserId(userIds[i]); if (row) { this.visibleRows.push(row); } } }, getCustomView : function(cvId) { var idx = this.customViewMap[cvId]; if (!idx) { return null; } else { return this.customViews[idx]; } }, getCurrentCustomView : function() { return this.currentCustomView; }, getCurrentStatus : function() { if (!this.isStatusView()) { return 'stat_ALL'; } else if (this.statusFilter) { return this.statusFilter; } else { return this.currentCustomView.display.items; } }, getCurrentCategory : function() { if (!this.isStatusView()) { return 'c_all'; } else if (this.categoryFilter) { return this.categoryFilter; } else if (this.currentCustomView.category == 'c_all') { return 'c_all'; } else { return 'c_' + this.currentCustomView.aliasMap[this.currentCustomView.category]; } }, isStatusView : function() { return this.currentCustomView && this.currentCustomView.searchType == 'status'; }, getCurrentViewName : function() { if (this.currentCustomView) { return this.currentCustomView.name; } else if (this.currentGradingPeriodId) { return this.gradingPeriodMap[this.currentGradingPeriodId].name; } else { return ""; } }, getCurrentViewStatus : function() { var s = this.getCurrentStatus(); if (s.startsWith("stat_")) { s = s.substr(5, status.length - 5); } if (s == "ALL") { return this.getMessage('all_statusesMsg'); } else if (s == "NA") { return this.getMessage('not_attemptedMsg'); } else if (s == "C") { return this.getMessage('completedMsg'); } else if (s == "NG") { return this.getMessage('needs_gradingMsg'); } else if (s == "IP") { return this.getMessage('in_progressMsg'); } else if (s == "EM") { return this.getMessage('edited_manuallyMsg'); } }, sortColumns : function(sortBy) { if ( this.sortColAscending == undefined ) { this.sortColAscending = true; } if (sortBy) { if (this.currentSortColumnBy == sortBy) { this.sortColAscending = !this.sortColAscending; } else { this.sortColAscending = true; this.currentSortColumnBy = sortBy; } } else if (!this.currentSortColumnBy) { this.currentSortColumnBy = 'pos'; } var sortFunc = null; sortBy = this.currentSortColumnBy; if (sortBy == 'pos') { sortFunc = this._sortColByPosFunc.bind(this); } else if (sortBy == 'categories') { sortFunc = this._sortColByCategoriesFunc.bind(this); } else if (sortBy == 'dueDate') { sortFunc = this._sortColByDueDateFunc.bind(this); } else if (sortBy == 'creationdate') { sortFunc = this._sortColByCreationDateFunc.bind(this); } else if (sortBy == 'points') { sortFunc = this._sortColByPointsFunc.bind(this); } else if (sortBy == 'name') { sortFunc = this._sortColByNameFunc.bind(this); } var tempColDefs = []; var i, cd, len, idx; if (this.currentCustomView) { var colIds = this.currentCustomView.getDisplayItemIds(); tempColDefs = this._getVisibleToAll(this.currentCustomView.includeHiddenItems, colIds); for (i = 0, len = colIds.length; i < len; i++) { cd = this.colDefs[this.colDefMap[colIds[i]]]; tempColDefs.push(cd); } } else { // filter out colDefs that are: deleted, hidden, not in all grading periods // or not in current grading period for (i = 0, len = this.colDefs.length; i < len; i++) { cd = this.colDefs[i]; if (cd.deleted || !cd.gbvis) { continue; } var cgp = this.currentGradingPeriodId; var ingp = (!cgp || cgp == cd.gpid || cgp == 'all' || (cgp == 'none' && !cd.gpid)); if (cd.visAll || !cd.isGrade() || ingp) { tempColDefs.push(cd); } } } tempColDefs.sort(sortFunc); // compute colOrderMap based on the sorted columns this.colOrderMap = []; for (var i = 0; i < tempColDefs.length; i++) { this.colOrderMap[i] = this.colDefMap[tempColDefs[i].id]; } }, _getVisibleToAll : function(includeHidden, excludeIds) { var tempColDefs = []; for ( var i = 0, len = this.colDefs.length; i < len; i++) { var cd = this.colDefs[i]; if (excludeIds.indexOf(cd.id) != -1) { continue; } var visAll = cd.visAll || !cd.isGrade(); if (cd.deleted || !visAll || (!includeHidden && !cd.gbvis)) { continue; } tempColDefs.push(cd); } return tempColDefs; }, // if both a & b are NOT visible to all, returns null // if both a & b are visible to all, sorts by position // if a is visible to all, returns -1 so visible to all columns come first // if b is visible to all, returns 1 so visible to all columns come first _sortVisibleToAll : function(a, b) { var aVisAll = a.visAll || !a.isGrade(); var bVisAll = b.visAll || !b.isGrade(); if (!aVisAll && !bVisAll) { return null; } else if (aVisAll && bVisAll) { return a.pos - b.pos; } else if (aVisAll) { return -1; } else if (bVisAll) { return 1; } }, _sortColDir : function(result) { return (this.sortColAscending) ? result : result * -1; }, _sortColByPosFunc : function(a, b) { var sf = this._sortVisibleToAll(a, b); if (sf) { return sf; } var gpPosA = ( !a.gpid || a.gpid.blank() ) ? -1 : this.gradingPeriodMap[a.gpid].pos; var gpPosB = ( !b.gpid || b.gpid.blank() ) ? -1 : this.gradingPeriodMap[b.gpid].pos; var res; if (gpPosA == gpPosB) { res = a.pos - b.pos; } else if (gpPosA >= 0 && gpPosB >= 0) { res = gpPosA - gpPosB; } else if (gpPosB == -1) { res = -1; } else { res = 1; } return this._sortColDir(res); }, _sortColByPointsFunc : function(a, b) { var sf = this._sortVisibleToAll(a, b); if (sf) { return sf; } var aa = a.points; var bb = b.points; var res; if (aa == bb) { res = a.cdate - b.cdate; } else if (aa < bb) { res = -1; } else { res = 1; } return this._sortColDir(res); }, _sortColByNameFunc : function(a, b) { var sf = this._sortVisibleToAll(a, b); if (sf) { return sf; } var aa = a.name.toLocaleLowerCase(); var bb = b.name.toLocaleLowerCase(); var res; if (aa == bb) { res = a.cdate - b.cdate; } else if (aa < bb) { res = -1; } else { res = 1; } return this._sortColDir(res); }, _sortColByDueDateFunc : function(a, b) { var sf = this._sortVisibleToAll(a, b); if (sf) { return sf; } var aa = a.due; var bb = b.due; var res; if (aa == bb) { res = a.cdate - b.cdate; } else if (aa === 0) { res = 1; // items with no due date, appear after items with due date } else if (bb === 0) { res = -1; // items with no due date, appear after items with due date } else if (aa < bb) { res = -1; } else { res = 1; } return this._sortColDir(res); }, _sortColByCreationDateFunc : function(a, b) { var sf = this._sortVisibleToAll(a, b); if (sf) { return sf; } var res = a.cdate - b.cdate; return this._sortColDir(res); }, _sortColByCategoriesFunc : function(a, b) { var sf = this._sortVisibleToAll(a, b); if (sf) { return sf; } var aa = a.getCategory(); var bb = b.getCategory(); var res; if (aa == bb) { res = a.cdate - b.cdate; } else if (aa < bb) { res = -1; } else { res = 1; } return this._sortColDir(res); }, sort : function(colnum, sortdir, secondaryColumnId ) { if (colnum < -1 || colnum >= this.colOrderMap.length) { GradebookUtil.error('sort colnum out of range. Max is: ' + this.colOrderMap.length + ' colnum is: ' + colnum); return; } this.sortDir = sortdir; var sortFunc; if (colnum == -1) { this.sortColumnId = null; if (sortdir == 'ASC') { sortFunc = this._sortCheckedASC.bind(this); } else { sortFunc = this._sortCheckedDESC.bind(this); } } else { var sortColumn = this.colOrderMap[colnum]; var colDef = this.colDefs[sortColumn]; this.sortColumnId = colDef.id; if(!secondaryColumnId) { if ( this.sortColumnId == "LN" ) { secondaryColumnId = this.colDefMap[ "FN" ]; } else if ( this.sortColumnId == "FN" ) { secondaryColumnId = this.colDefMap[ "LN" ]; } } sortFunc = colDef.getSortFunction( sortdir, secondaryColumnId?this.colDefs[ secondaryColumnId ]:null ); } // Quicksort used in Chrome is not stable (as of May 28, 2012) so we need a measure to prevent random reordering of variables with equal values for ( var i = 0, len = this.visibleRows.length; i < len; i++) { this.visibleRows[i].customSortKey = i; } this.visibleRows.sort(sortFunc); /* getStudents( includeHidden ) when includeHidden is true needs to return all students, * and, ideally, we want those sorted in the same way they are in the grid. * So to achieve this, rows and visibleRows are kept in sync. Note that if they * are equal, then getStudents will use visibleRows so no need to sync. * This is not ideal as we do 2 sorts here. Possibly we could store the last used sort * function and apply when getStudents is called. It would not be perfect as it would * not retain secondary sort, but that might be enough (or retain the last 2 sort functions)? */ if ( this.visibleRows.size() != this.rows.size() ) { // Quicksort used in Chrome is not stable (as of May 28, 2012) so we need a measure to prevent random reordering of variables with equal values for ( var i = 0, len = this.rows.length; i < len; i++) { this.rows[i].customSortKey = i; } this.rows.sort(sortFunc); for ( var i = 0, len = this.rows.length; i < len; i++) { var c = this.rows[i][0]; this.rowUserIdMap[c.uid] = i; } } }, _sortCheckedASC : function(a, b) { var aa = a[0].isRowChecked ? 1 : 0; var bb = b[0].isRowChecked ? 1 : 0; if (aa == bb) { if (aa) { return 0; } else { return (a.customSortKey > b.customSortKey ? -1 : 1); } } if (aa < bb) { return -1; } return 1; }, _sortCheckedDESC : function(a, b) { var aa = a[0].isRowChecked ? 1 : 0; var bb = b[0].isRowChecked ? 1 : 0; if (aa == bb) { if (aa) { return 0; } else { return (a.customSortKey > b.customSortKey ? 1 : -1); } } if (bb < aa) { return -1; } return 1; }, // called by cumultive item authoring and reporting getColDefs : function(gradeColumnsOnly, includeHidden) { var colDefs = this.colDefs; var retColDefs = []; for ( var i = 0, len = colDefs.length; i < len; i++) { var c = colDefs[i]; if (!c.deleted && (!gradeColumnsOnly || c.isGrade()) && (includeHidden || !c.isHidden())) { retColDefs.push(c); } } return retColDefs; }, // called by grade detail page and report page getCurrentColDefs : function(includeCalculated) { var colDefs = this.colDefs; var retColDefs = []; for ( var i = 0, len = this.colOrderMap.length; i < len; i++) { var c = colDefs[this.colOrderMap[i]]; if (c.isGrade() && (includeCalculated || !c.isCalculated())) { retColDefs.push(c); } } return retColDefs; }, // called by grade detail page getNextColDefId : function(colDefs, colDefId) { for ( var i = 0; i < colDefs.length - 1; i++) { if (colDefs[i].getID() == colDefId) { return colDefs[i + 1].getID(); } } return null; }, // called by grade detail page getPrevColDefId : function(colDefs, colDefId) { for ( var i = 1; i < colDefs.length; i++) { if (colDefs[i].getID() == colDefId) { return colDefs[i - 1].getID(); } } return null; }, // called by grade detail, row visibility, etc. getStudents : function(includeHidden) { /* if includeHidden = true, it is still possible that visibleRows == rows. * We sort rows only if rows != visibleRows, according to the sort function */ var rows = (includeHidden && this.visibleRows.size() != this.rows.size() ) ? this.rows : this.visibleRows; var students = []; var LAST_NAME_COL_IDX = 0; var FIRST_NAME_COL_IDX = 1; var USER_NAME_COL_IDX = 2; if (rows) { // NOTE: We are no longer re-sorting the rows here. Instead we will honor whatever sort order // the user had previously chosen in the grid. This makes the sorting of grading consistent // across different views. (Confirmed change with Erika) for ( var i = 0; i < rows.length; i++) { var s = {}; var row = rows[i]; s.last = row[LAST_NAME_COL_IDX].v; s.sortval = row[LAST_NAME_COL_IDX].sortval; s.first = row[FIRST_NAME_COL_IDX].v; s.user = row[USER_NAME_COL_IDX].v; s.id = row[0].uid; s.hidden = row[0].isHidden; s.available = row[0].isAvailable; students.push(s); } } return students; }, // called by cumulative item page getGradingPeriods : function() { return this.gradingPeriods; }, // called by cumulative item page getCategories : function() { return this.categories; }, // called by grade detail page getNextUserId : function(userId) { for ( var i = 0; i < this.visibleRows.length - 1; i++) { if (this.visibleRows[i][0].uid == userId) { return this.visibleRows[i + 1][0].uid; } } return null; }, // called by grade detail page getPrevUserId : function(userId) { for ( var i = 1; i < this.visibleRows.length; i++) { if (this.visibleRows[i][0].uid == userId) { return this.visibleRows[i - 1][0].uid; } } return null; }, // called by grade detail page; returns null if invalid colId getRawValue : function(colId, displayValue) { var colIndex = this.colDefMap[colId]; if (colIndex === undefined) { return null; } var colDef = this.colDefs[colIndex]; return colDef.getRawValue(displayValue); }, // called by grade detail page; returns null if invalid colId getDisplayValue : function(colId, rawValue) { var colIndex = this.colDefMap[colId]; if (colIndex === undefined) { return null; } var colDef = this.colDefs[colIndex]; return colDef.getDisplayValue(rawValue); }, // called by grade detail page; returns null if invalid colId getDisplayType : function(colId) { var colIndex = this.colDefMap[colId]; if (colIndex === undefined) { return null; } var colDef = this.colDefs[colIndex]; return colDef.getDisplayType(); }, // called by grade detail page; returns validate error or null if no error validate : function(colId, newValue) { var colIndex = this.colDefMap[colId]; if (colIndex === undefined) { return null; } var colDef = this.colDefs[colIndex]; return colDef.validate(newValue); }, getCheckedStudentIds : function() { var rows = this.visibleRows; var students = []; for ( var i = 0, len = rows.length; i < len; i++) { if (rows[i][0].isRowChecked) { students.push(rows[i][0].uid); } } return students; }, checkedAllStudents : function() { var rows = this.visibleRows; for ( var i = 0, len = rows.length; i < len; i++) { rows[i][0].isRowChecked = true; } this.fireModelChanged(); }, checkedNoStudents : function() { var rows = this.visibleRows; if ( rows ) { for ( var i = 0, len = rows.length; i < len; i++) { rows[i][0].isRowChecked = false; } this.fireModelChanged(); } }, invertCheckedStudents : function() { var rows = this.visibleRows; for ( var i = 0, len = rows.length; i < len; i++) { rows[i][0].isRowChecked = !rows[i][0].isRowChecked; } this.fireModelChanged(); }, checkedRangeOfStudents : function(uid1, uid2) { var startId; var rows = this.visibleRows; for ( var i = 0, len = rows.length; i < len; i++) { var uid = rows[i][0].uid; if (!startId && (uid != uid1 && uid != uid2)) { continue; } else if (!startId && uid == uid1) { startId = uid; } else if (!startId && uid == uid2) { startId = uid; } else if (uid == uid1 || uid == uid2) { break; } else { rows[i][0].isRowChecked = true; } } this.fireModelChanged(); }, clearAttempts : function(colId, clearOption, startDate, endDate) { this.gradebookService.clearAttempts(colId, clearOption, startDate, endDate); }, updateGroups : function() { var crsId = this.courseId; if (crsId.indexOf("_") >= 0) { crsId = crsId.split("_")[1]; } var gradeCenterContentFrame = window.frames.gradecenterframe; // Grade Center Frame in SSL mode if (!gradeCenterContentFrame) { gradeCenterContentFrame = window.frames.content; // regular course content frame } if (!gradeCenterContentFrame.GradebookDWRFacade) { gradeCenterContentFrame = window.frames.content.frames.main; } gradeCenterContentFrame.GradebookDWRFacade.getGroups(crsId, Gradebook.GridModel.prototype.updateGroupsCallback); }, updateGroupsCallback : function(retData) { var groupsMap = []; var groups = []; var h = $H(retData); h.each(function(pair) { var g = {}; g.id = pair.key; g.uids = pair.value; groupsMap[g.id] = groups.length; groups.push(g); }); var model = Gradebook.getModel(); model.groupsMap = groupsMap; model.groups = groups; }, // used by reporting getReportData : function(reportDef) { var LAST_NAME_COL_IDX = 0; // get rows for students to include in report var userIds = null; if (reportDef.students == 'BYGROUPS') { if (!reportDef.groupIds) { GradebookUtil.error('GridModel error getReportData: no reportDef.groupIds'); return null; } userIds = this._getUserIdsByGroupIds(reportDef.groupIds); } else if (reportDef.students == 'BYSTUDENT') { if (!reportDef.studentIds) { GradebookUtil.error('GridModel error getReportData: no reportDef.studentIds'); return null; } userIds = reportDef.studentIds; } var rows = this._getRowsByUserIds(userIds); if (!reportDef.includeHiddenStudents) { rows = this._removeHiddenStudents(rows); } // get columns to include in report var colDefs; if ( reportDef.columns == 'GRID_VIEW' ) { colDefs = this.getCurrentColDefs(true); } else if ( reportDef.columns == 'ALLITEMS' ) { colDefs = this.getColDefs( true/*only grade columns*/, reportDef.includeHiddenColumns ); colDefs.sort( this._sortColByPosFunc.bind(this) ); // sort by position } else { if (reportDef.columns == 'BYITEM') { colDefs = this._getColDefsById(reportDef.itemIds); } else if (reportDef.columns == 'BYGP') { colDefs = this._getColDefsByGradingPeriodId(reportDef.gradingPeriodIds); } else if (reportDef.columns == 'BYCAT') { colDefs = this._getColDefsByCategoryId(reportDef.categoryIds); } if (!reportDef.includeHiddenColumns) { colDefs = this._removeHiddenColumns(colDefs); } colDefs.sort( this._sortColByPosFunc.bind(this) ); // sort by position } //before printing the report, sort on student's last name,according to PM's requirement rows.sort(function(a, b) { var aa = a[LAST_NAME_COL_IDX].sortval; var bb = b[LAST_NAME_COL_IDX].sortval; if (aa == bb) { return 0; } else if (aa < bb) { return -1; } else { return 1; } }); // create return data structure var reportData = {}; reportData.columnInfoMap = []; reportData.studentGradeInfo = []; var i, len, len0; // add column data for (i = 0, len = colDefs.length; i < len; i++) { var cdef = colDefs[i]; var cdata = {}; reportData.columnInfoMap[cdef.id] = cdata; cdata.name = cdef.getName(); if (reportDef.columnInfoDescription) { cdata.description = 'tbd'; // server will provide desc map } if (reportDef.columnInfoDueDate) { cdata.dueDate = cdef.getDueDate(); } if (reportDef.columnInfoStatsMedian || reportDef.columnInfoStatsAverage) { var stats = cdef.getStats(true); // include unavailable students cdata.statsMedian = stats.median; cdata.statsAverage = stats.avg; } } // add student data for (i = 0, len0 = rows.length; i < len0; i++) { var row = rows[i]; var rd = {}; reportData.studentGradeInfo.push(rd); if (reportDef.firstName) { rd.firstName = this._getStudentAttribute(row, 'FN'); } if (reportDef.lastName) { rd.lastName = this._getStudentAttribute(row, 'LN'); } if (reportDef.studentId) { rd.studentId = this._getStudentAttribute(row, 'SI'); } if (reportDef.userName) { rd.userName = this._getStudentAttribute(row, 'UN'); } if (reportDef.lastAccessed) { rd.lastAccessed = this._getStudentAttribute(row, 'LA'); if (rd.lastAccessed && rd.lastAccessed > 0) { var date = new Date(); date.setTime(rd.lastAccessed); rd.lastAccessed = formatDate(date, 'MMM d, y'); } } rd.grades = []; for ( var c = 0, len1 = colDefs.length; c < len1; c++) { var g = {}; g.cid = colDefs[c].id; var gridCell = this._getGrade(row, colDefs[c]); if (gridCell.attemptInProgress() && !gridCell.isOverride()) { g.grade = this.getMessage('inProgressMsg'); } else if (gridCell.needsGrading() && !gridCell.isOverride()) { g.grade = this.getMessage('needsGradingMsg'); } else { g.grade = gridCell.getCellValue(); } rd.grades.push(g); } } return reportData; }, _getGrade : function(row, colDef) { var colIndex = this.colDefMap[colDef.id]; if (!colIndex) { GradebookUtil.error('GridModel _getGrade invalid column id: ' + colDef.id); return null; } var data = row[colIndex]; if (!data.metaData) { data.metaData = row[0]; } if (!data.colDef) { data.colDef = colDef; } return new Gradebook.GridCell(data); }, _getStudentAttribute : function(row, colDefId) { var colIndex = this.colDefMap[colDefId]; if ( Object.isUndefined( colIndex ) ) { GradebookUtil.error('GridModel _getStudentAttribute invalid column id: ' + colDefId); return null; } return row[colIndex].v; }, _removeHiddenStudents : function(students) { var retStudents = []; for ( var i = 0, len = students.length; i < len; i++) { if (!students[i][0].isHidden) { retStudents.push(students[i]); } } return retStudents; }, _removeHiddenColumns : function(colDefs) { var retColDefs = []; for ( var i = 0, len = colDefs.length; i < len; i++) { if (!colDefs[i].isHidden()) { retColDefs.push(colDefs[i]); } } return retColDefs; }, _getColDefsById : function(itemIds) { var colDefs = []; for ( var i = 0, len = this.colDefs.length; i < len; i++) { if (itemIds.indexOf(this.colDefs[i].id) != -1) { colDefs.push(this.colDefs[i]); } } return colDefs; }, _getColDefsByCategoryId : function(categoryIds) { var colDefs = []; for ( var i = 0, len = this.colDefs.length; i < len; i++) { if (categoryIds.indexOf(this.colDefs[i].catid) != -1) { colDefs.push(this.colDefs[i]); } } return colDefs; }, _getColDefsByGradingPeriodId : function(gradingPeriodIds) { var colDefs = []; for ( var i = 0, len = this.colDefs.length; i < len; i++) { if (gradingPeriodIds.indexOf(this.colDefs[i].gpid) != -1) { colDefs.push(this.colDefs[i]); } } return colDefs; }, _getRowsByUserIds : function(userIds) { var rows = this.rows; if (!userIds) { return rows; } var retRows = []; for ( var i = 0, len = rows.length; i < len; i++) { if (userIds.indexOf(rows[i][0].uid) != -1) { retRows.push(rows[i]); } } return retRows; }, _getUserIdsByGroupIds : function(groupIds) { if (!this.groupsMap || !this.groups) { GradebookUtil.error('GridModel error getUserIdsByGroupIds: no groups'); return null; } var userIds = []; for ( var i = 0; i < groupIds.length; i++) { var index = this.groupsMap[Number(groupIds[i])]; if ( undefined === index ) { GradebookUtil.error('GridModel error getUserIdsByGroupIds: no group for id: ' + groupIds[i]); continue; } var group = this.groups[index]; for ( var g = 0; g < group.uids.length; g++) { if (userIds.indexOf(group.uids[g]) == -1) { userIds.push(String(group.uids[g])); } } } return userIds; }, // called by student stats page getStudentStats : function(userId, currentViewOnly) { var studentStats = {}; studentStats.catStats = []; var catMap = []; var i, catStat; // get columns, either all or current view var colDefs = []; var len = currentViewOnly ? this.colOrderMap.length : this.colDefs.length; for (i = 0; i < len; i++) { var idx = currentViewOnly ? this.colOrderMap[i] : i; var c = this.colDefs[idx]; if (!c.deleted && c.isGrade() && !c.isCalculated()) { colDefs.push(c); } } var row = this.getRowByUserId(userId); for (i = 0; i < colDefs.length; i++) { var colDef = colDefs[i]; var catId = colDef.getCategoryID(); catStat = catMap[catId]; if (!catStat) { catStat = {}; catStat.name = colDef.getCategory(); catStat.qtyGraded = 0; catStat.qtyInProgress = 0; catStat.qtyNeedsGrading = 0; catStat.qtyExempt = 0; catStat.sum = 0; catStat.avg = 0; catMap[catId] = catStat; studentStats.catStats.push(catStat); } var grade = this._getGrade(row, colDef); var val = grade.getValue(); var isNull = (val == '-'); var isIP = grade.attemptInProgress(); var isNG = grade.needsGrading(); var isExempt = grade.isExempt(); var isVal = (!isNull && !isIP && !isNG && !isExempt); if (isIP) { catStat.qtyInProgress++; } else if (isNG) { catStat.qtyNeedsGrading++; } else if (isExempt) { catStat.qtyExempt++; } if (isVal) { catStat.qtyGraded++; if (colDef.isCalculated()) { val = parseFloat(val) / parseFloat(grade.getPointsPossible()) * 100.0; } catStat.sum += parseFloat(val); } } studentStats.numItemsCompleted = 0; var totNumExempt = 0; for (i = 0; i < studentStats.catStats.length; i++) { catStat = studentStats.catStats[i]; if (catStat.sum > 0) { catStat.avg = catStat.sum / parseFloat(catStat.qtyGraded); catStat.avg = NumberFormatter.getDisplayFloat(catStat.avg.toFixed(2)); } totNumExempt += catStat.qtyExempt; studentStats.numItemsCompleted += (catStat.qtyNeedsGrading + catStat.qtyGraded); } studentStats.numItems = colDefs.length - totNumExempt; return studentStats; }, getAccessibleMode : function() { return this.accessibleMode; }, setAccessibleMode : function(accessibleMode) { this.accessibleMode = accessibleMode; }, setMessages : function(messages) { this.messages = messages; }, getMessage : function(key, args) { if (this.messages) { if( args ) { var msgTemplate = new Template(this.messages[key]); return msgTemplate.evaluate(args); } else { return this.messages[key]; } } else { return key; } } }; ////////////////////////////Utility ////////////////////////////////////// Gradebook.GridRowIterator = Class.create(); Gradebook.GridRowIterator.prototype = { initialize : function(dataArray, orderMap, startIndex, colDefs) { this.dataArray = dataArray; this.orderMap = orderMap; this.currentIndex = startIndex; this.colDefs = colDefs; }, hasNext : function() { return this.currentIndex < this.orderMap.length; }, next : function() { if (this.currentIndex >= this.orderMap.length) { GradebookUtil.error('GridRowIterator out of data. length = ' + this.orderMap.length); return null; } var idx = this.orderMap[this.currentIndex++]; var data = this.dataArray[idx]; // add colDef & metedata reference to cell data, if not already there if (!data.colDef) { data.colDef = this.colDefs[idx]; } if (!data.metaData) { data.metaData = this.dataArray[0]; // first cell is extended with metadata } return data; } }; Gradebook.ColDefIterator = Class.create(); Gradebook.ColDefIterator.prototype = { initialize : function(dataArray, orderMap, startIndex) { this.dataArray = dataArray; this.orderMap = orderMap; this.currentIndex = startIndex; }, hasNext : function() { return this.currentIndex < this.orderMap.length; }, next : function() { if (this.currentIndex >= this.orderMap.length) { GradebookUtil.error('ColDefIterator out of data. length = ' + this.orderMap.length); return null; } return this.dataArray[this.orderMap[this.currentIndex++]]; } }; Gradebook.numberComparator = function(a, b) { return a - b; }; var NumberFormatter = { // usually called from frameset scope and re-set when the locale format is set on the model needToConvert : false, toStringMin2Digits: function( num, maxPrecision ) { if ( 2 == maxPrecision ) { return NumberFormatter.getDisplayFloat( num.toFixed( 2 ) ); } // now will try to get as little extra digits as needed, up to 5 var roundBase = 100; var maxRoundBase = Math.pow( 10, maxPrecision ); var mostPreciseRounding = Math.round( num * maxRoundBase ) / maxRoundBase; for ( var i = 2; i < maxPrecision; ++ i ) { var floatRound = Math.round( num * roundBase ) / roundBase; roundBase *= 10; if ( floatRound == mostPreciseRounding ) { // adding any more digit will not add any more precision return NumberFormatter.getDisplayFloat( num.toFixed( i ) ); } } return NumberFormatter.getDisplayFloat( num.toFixed( maxPrecision ) ); }, getDisplayFloat : function(f) { if (!NumberFormatter.needToConvert) { return f; } f = '' + f; return f.replace('.', ','); }, getDotFloat : function(f) { if (!NumberFormatter.needToConvert) { return f; } f = '' + f; return f.replace(',', '.'); }, parseLocaleFloat: function ( num ) { if ( !num ) { return NaN; } var dotFloat = NumberFormatter.getDotFloat( num ); return parseFloat( dotFloat ); } }; // called to load model with server data Gradebook.GridModel.prototype.requestLoadData = function(forceFlush) { this.lastUpdateTS = new Date().getTime(); this.gradebookService.requestLoadData((this._loadDataFromJSON).bind(this), (this._reportError).bind(this), (this._reportException).bind(this), forceFlush); }; // called to update model with server data Gradebook.GridModel.prototype.requestUpdateData = function() { var timeSinceLastUpdate = new Date().getTime() - this.lastUpdateTS; // don't update if window is resizing and we've reloaded in the last 5 // minutes if (!this.usingCachedBook && this.resizingWindow && (timeSinceLastUpdate < 5 * 60 * 1000)) { this.fireModelChanged(); return; } this.lastUpdateTS = new Date().getTime(); var customViewId = null; if (this.currentCustomView && this.currentCustomView.usesGroups()) { customViewId = this.currentCustomView.id; } this.gradebookService.requestUpdateData(this.version, this.lastUserChangeTS, this.usersHash, this.scoreProvidersHash, customViewId, (this._updateDataFromJSON).bind(this), (this._reportError).bind(this), (this._reportException).bind(this)); }; function registerScoreProviderActionController( controller, ctrlJsName ) { var model = Gradebook.getModel(); for (var i in model.scoreProviderActionsMap) { if ( model.scoreProviderActionsMap.hasOwnProperty( i ) ) { var action = model.scoreProviderActionsMap[i]; if (action.controlLogic && action.controlLogic.indexOf( ctrlJsName ) > -1) { action.controller = controller; return; } } } } // callback when initializing this gradebook model with server data Gradebook.GridModel.prototype._loadDataFromJSON = function(reply) { var jsonBook; try { if (typeof (JSON) === 'object' && typeof (JSON.parse) === 'function') { jsonBook = JSON.parse(reply.responseText); } else { jsonBook = eval('(' + reply.responseText + ')'); } } catch (e) { this.fireModelError(e, reply.responseText); return; } if (jsonBook.cachedBook) { // user specific data is data added ontop of the cached data to replace // part of the cached data (since the cached data is per course, not per user) // right now there is only one per-user data: the edit content for item in score provider if ( jsonBook.currentUserData && jsonBook.currentUserData.scoreProvidersCurrentUser ) { jsonBook.cachedBook.scoreProvidersCurrentUser = jsonBook.currentUserData.scoreProvidersCurrentUser; } jsonBook = jsonBook.cachedBook; this.usingCachedBook = true; } try { this.schemaMap = []; var i, len; for (i = 0; i < jsonBook.schemas.length; i++) { jsonBook.schemas[i] = this._createSchema(jsonBook.schemas[i].type, jsonBook.schemas[i]); this.schemaMap[jsonBook.schemas[i].id] = jsonBook.schemas[i]; } this.colDefMap = []; for (i = 0; i < jsonBook.colDefs.length; i++) { jsonBook.colDefs[i] = this._createColDef(jsonBook.colDefs[i], this, this.schemaMap); this.colDefMap[jsonBook.colDefs[i].id] = i; } // embelish 1st cell of each row with some flags this.rowUserIdMap = []; if (jsonBook.rows) { for (i = 0, len = jsonBook.rows.length; i < len; i++) { var c = jsonBook.rows[i][0]; c.isRowChecked = false; c.isHidden = false; c.isAvailable = c.avail; c.comput_err = false; this.rowUserIdMap[c.uid] = i; } } this.customViewMap = []; if (jsonBook.customViews) { for (i = 0; i < jsonBook.customViews.length; i++) { jsonBook.customViews[i] = new Gradebook.CustomView(jsonBook.customViews[i], this); this.customViewMap[jsonBook.customViews[i].id] = i; } } this.groupsMap = []; if (jsonBook.groups) { for (i = 0; i < jsonBook.groups.length; i++) { this.groupsMap[jsonBook.groups[i].id] = i; } } this._setScoreProviders( jsonBook ); this.gridColorScheme = jsonBook.colorscheme; this._buildCategoryNameMap( jsonBook ); Object.extend(this, jsonBook); // assign json properties to this object this._buildGradingPeriodMap(); this._setStudentInfoLayout(); this.setCurrentView(this.initialView); this._updateVisibleRows(jsonBook); this.sortColumns(); if (this.colDefMap.LN !== undefined) { if (this.colDefs[this.colDefMap.LN].gbvis) { this.sort( this.getSortIndex( 'LN' ), 'ASC', this.getSortIndex( 'FN' ) ); } else { this.sort( this.getSortIndex( undefined ), 'ASC' ); } } this.lastLogEntryTS = jsonBook.lastLogEntryTS; if (!this.usingCachedBook) { this.initialView = null; this.fireModelChanged(); } else { this.requestUpdateData(); } } catch (e2) { this.fireModelError(e2); } }; Gradebook.GridModel.prototype._setScoreProviders = function( jsonBook ) { if ( jsonBook.scoreProviders ) { this.scoreProvidersMap = []; this.scoreProviderActionsMap = []; this.scoreProvidersHash = jsonBook.scoreProvidersHash; for ( i = 0; i < jsonBook.scoreProviders.length; i++) { this.scoreProvidersMap[jsonBook.scoreProviders[i].handle] = jsonBook.scoreProviders[i]; var actions = jsonBook.scoreProviders[i].actions; if (actions) { for (var j = 0; j < actions.length; j++) { this.scoreProviderActionsMap[actions[j].id] = actions[j]; if (actions[j].controlLogic) { $$('head')[0].appendChild( new Element('script', { type: 'text/javascript', src: actions[j].controlLogic } ) ); } } } } if ( jsonBook.scoreProvidersCurrentUser ) { for ( i = 0; i < jsonBook.scoreProvidersCurrentUser.length; i++) { var spu = jsonBook.scoreProvidersCurrentUser[ i ]; if ( spu ) { // statically handled for the time being since it is only a single per-user attribute this.scoreProvidersMap[ spu.handle ].allowContentEdit = spu.allowContentEdit?true:false; } } } } }; // callback when updating this gradebook model with server data Gradebook.GridModel.prototype._updateDataFromJSON = function(reply) { var jsonBook; try { if (typeof (JSON) === 'object' && typeof (JSON.parse) === 'function') { jsonBook = JSON.parse(reply.responseText); } else { jsonBook = eval('(' + reply.responseText + ')'); } } catch (e) { this.fireModelError(e, reply.responseText); return; } try { // need to reinitialize if new users added to pick up existing grades // when a user is re-enabled if (this._hasNewUsers(jsonBook)) { this.requestLoadData(true /* * force flush since extra users cannot be * loaded by delta */); return; } this.version = jsonBook.version; this.lastUserChangeTS = jsonBook.lastUserChangeTS; this.usersHash = jsonBook.usersHash; this.numFrozenColumns = jsonBook.numFrozenColumns; this.gradingPeriods = jsonBook.gradingPeriods; this.categories = jsonBook.categories; this._buildCategoryNameMap(jsonBook); this.studentInfoLayouts = jsonBook.studentInfoLayouts; this.pubColID = jsonBook.pubColID; this.defView = jsonBook.defView; var i, len; this._setScoreProviders( jsonBook ); if (jsonBook.schemas) { for (i = 0; i < jsonBook.schemas.length; i++) { // create a new schema if one with same id does not already exists var schema = this.schemaMap[jsonBook.schemas[i].id]; if (schema === undefined) { schema = this._createSchema(jsonBook.schemas[i].type, jsonBook.schemas[i]); this.schemaMap[jsonBook.schemas[i].id] = schema; } else { Object.extend(schema, jsonBook.schemas[i]); } } } if (jsonBook.groups) { if (!this.groupsMap || !this.groups || this.groups.length === 0) { this.groupsMap = []; this.groups = jsonBook.groups; for (i = 0; i < jsonBook.groups.length; i++) { this.groupsMap[jsonBook.groups[i].id] = i; } } else { for (i = 0; i < jsonBook.groups.length; i++) { var group = this.groupsMap[jsonBook.groups[i].id]; if (group === undefined) { this.groupsMap[jsonBook.groups[i].id] = this.groups.length; this.groups.push(jsonBook.groups[i]); } else { this.groups[group] = jsonBook.groups[i]; } } } } if (jsonBook.colDefs) { for (i = 0; i < jsonBook.colDefs.length; i++) { // create a new colDef if one with same id does not already exists var colIndex = this.colDefMap[jsonBook.colDefs[i].id]; if (!colIndex) { if (jsonBook.colDefs[i].deleted) { continue; } this.colDefMap[jsonBook.colDefs[i].id] = this.colDefs.length; this.colDefs.push(this._createColDef(jsonBook.colDefs[i], this, this.schemaMap)); } else { // we should actually discard the previous version and replace it with // the new one // however all cells hold a ref to the object making this // impractical. With incoming // refactoring that should not be an issue since col def will // always be looked up by // cell index in the row - right now only delete the src since it // is omitted from payload // when absent var colDef = this.colDefs[colIndex]; colDef.comput_err = false; if (colDef.src) { delete colDef.src; } Object.extend(colDef, jsonBook.colDefs[i]); // clear all grades in column if computation error for column if (jsonBook.colDefs[i].comput_err) { var grades = this._getGradesForItemId(jsonBook.colDefs[i].id, true); for ( var g = 0; g < grades.length; g++) { grades[g].initialize(grades[g].colDef, grades[g].metaData); } } if (colDef.deleted) { this.colDefMap[colDef.id] = null; } if (colDef.sid) { colDef.primarySchema = this.schemaMap[colDef.sid]; } if (colDef.ssid && colDef.ssid.length > 0) { colDef.secondarySchema = this.schemaMap[colDef.ssid]; } else { colDef.secondarySchema = null; } } } } // need to add any new row data? if (this.rows && this.rows.length > 0) { var numNewCols = this.colDefs.length - this.rows[0].length; if (this.rows.length > 0 && numNewCols > 0) { for (i = 0; i < this.rows.length; i++) { for ( var c = 0; c < numNewCols; c++) { this.rows[i].push( {}); // add empty cell for each new column } } } } var tempArray; if (jsonBook.rows) { // users changed, need to resync if (jsonBook.type == "delta_with_user") { // remove rows from model that are not in json data tempArray = []; for (i = 0; i < this.rows.length; i++) { if (this._containsUser(jsonBook.rows, this.rows[i][0].uid)) { tempArray.push(this.rows[i]); } } this.rows = tempArray; } this.rowUserIdMap = []; for (i = 0, len = this.rows.length; i < len; i++) { this.rowUserIdMap[this.rows[i][0].uid] = i; } // update rows for (i = 0; i < jsonBook.rows.length; i++) { var row = this.getRowByUserId(jsonBook.rows[i][0].uid); if (!row) { GradebookUtil.error('Can not update non-existing row for user id: ' + jsonBook.rows[i][0].uid); } else { this._updateRowDataFromJSON(row, jsonBook.rows[i], this.colDefs, this.colDefMap); } } } this._buildGradingPeriodMap(); if (jsonBook.customViews) { for (i = 0; i < jsonBook.customViews.length; i++) { // create a new custom view if one with same id does not already exists var idx = this.customViewMap[jsonBook.customViews[i].id]; if (idx === undefined) { this.customViewMap[jsonBook.customViews[i].id] = this.customViews.length; this.customViews.push(new Gradebook.CustomView(jsonBook.customViews[i], this)); } else { this.customViews[idx] = new Gradebook.CustomView(jsonBook.customViews[i], this); } } } if ( jsonBook.colorscheme ) { this.gridColorScheme = jsonBook.colorscheme; } // remove any custom views not in customViewIds if (this.customViews) { tempArray = []; this.customViewMap = []; for (i = 0; i < this.customViews.length; i++) { if (jsonBook.customViewIds.indexOf(Number(this.customViews[i].id)) != -1) { this.customViewMap[this.customViews[i].id] = tempArray.length; tempArray.push(this.customViews[i]); } } this.customViews = tempArray; } this._setStudentInfoLayout(); if (this.initialView || this.usingCachedBook) { this.setCurrentView(this.initialView); this.initialView = null; } this.lastLogEntryTS = jsonBook.lastLogEntryTS; this._updateVisibleRows(jsonBook); this.sortColumns(); this.reSort(); this.usingCachedBook = false; this.checkedNoStudents(); // do this last, it will fireModelChanged } catch (e2) { this.fireModelError(e2); } }; Gradebook.GridModel.prototype._updateRowDataFromJSON = function(thisRow, jsonRow, colDefs, colDefMap) { for ( var i = 0; i < jsonRow.length; i++) { var colIndex = colDefMap[jsonRow[i].c]; colDefs[colIndex].comput_err = false; var currentCell = thisRow[colIndex]; // reset any property that is not always part of the cell data if (currentCell.mp) { delete currentCell.mp; } if (currentCell.x) { delete currentCell.x; } if (currentCell.ax) { delete currentCell.ax; } if (currentCell.excluded) { delete currentCell.excluded; } if (currentCell.numAtt) { delete currentCell.numAtt; } if (currentCell.or) { delete currentCell.or; } if (currentCell.orBefAtt) { delete currentCell.orBefAtt; } if (currentCell.ip) { delete currentCell.ip; } if (currentCell.ng) { delete currentCell.ng; } if (currentCell.na) { delete currentCell.na; } delete currentCell.attemptsInfo; Object.extend(currentCell, jsonRow[i]); } thisRow[0].isAvailable = thisRow[0].avail; }; Gradebook.GridModel.prototype._createColDef = function(jsonColDef, model, schemaMap) { if (jsonColDef.type == "s") { return new Gradebook.StudentAttributeColDef(jsonColDef, model, schemaMap); } else { return new Gradebook.GradeColDef(jsonColDef, model, schemaMap); } }; Gradebook.GridModel.prototype._createSchema = function(type, jsonSchema) { if (type == "S") { return new Gradebook.NumericSchema(jsonSchema, this); } else if (type == "X") { return new Gradebook.TextSchema(jsonSchema, this); } else if (type == "P") { return new Gradebook.PercentageSchema(jsonSchema, this); } else if (type == "C") { return new Gradebook.CompleteIncompleteSchema(jsonSchema, this); } else if (type == "T") { return new Gradebook.LetterSchema(jsonSchema, this); } else { return null; } }; Gradebook.GridModel.prototype._buildGradingPeriodMap = function() { this.gradingPeriodMap = []; if (this.gradingPeriods) { for ( var i = 0, len = this.gradingPeriods.length; i < len; i++) { this.gradingPeriodMap[this.gradingPeriods[i].id] = this.gradingPeriods[i]; } this.gradingPeriods.sort(function(a, b) { var aa = a.name.toLowerCase(); var bb = b.name.toLowerCase(); if (aa == bb) { return 0; } else if (aa < bb) { return -1; } else { return 1; } }); } }; Gradebook.GridModel.prototype._setStudentInfoLayout = function() { // set pos & gbvis for student attribute columns from studentInfoLayouts for ( var i = 0; i < this.studentInfoLayouts.length; i++) { var colIndex = this.colDefMap[this.studentInfoLayouts[i].id]; if (colIndex === undefined) { continue; } var colDef = this.colDefs[colIndex]; colDef.gbvis = this.studentInfoLayouts[i].gbvis; colDef.pos = this.studentInfoLayouts[i].pos; } }; Gradebook.GridModel.prototype._updateVisibleRows = function(jsonBook) { var showAll = (!jsonBook.hiddenStudentIds || jsonBook.hiddenStudentIds.length === 0); this.visibleRows = []; var rows = this.rows; // loop through rows and set hidden flag for each row, add to visibleRows // if not hidden for ( var i = 0, len = rows.length; i < len; i++) { var row = rows[i]; var isHidden = !showAll && (jsonBook.hiddenStudentIds.indexOf(Number(row[0].uid)) != -1); row[0].isHidden = isHidden; if (!isHidden) { this.visibleRows.push(row); } } this._applyCustomView(); }; Gradebook.GridModel.prototype._buildCategoryNameMap = function(jsonBook) { this.catNameMap = []; if (jsonBook.categories) { for ( var i = 0; i < jsonBook.categories.length; i++) { this.catNameMap[jsonBook.categories[i].id] = jsonBook.categories[i].name; } } }; Gradebook.GridModel.prototype._initMessages = function() { if (this.messages) { return; } this.loadingLocalizedMessages = true; this.gradebookService.requestLoadMessages((this._onMessageLoaded).bind(this), (this._reportError).bind(this), (this._reportException).bind(this)); }; Gradebook.GridModel.prototype._onMessageLoaded = function(reply) { var messagesJSON = eval('(' + reply.responseText + ')'); this.messages = messagesJSON.gradebook2Messages; delete this.loadingLocalizedMessages; }; /** * Gradebook data grid * * PORTIONS OF THIS FILE ARE BASED ON RICO LIVEGRID 1.1.2 * * Copyright 2005 Sabre Airline Solutions * * Licensed under the Apache License, Version 2.0 (the "License"); you may not * use this file except in compliance with the License. You may obtain a copy of * the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the * License for the specific language governing permissions and limitations under * the License. * * @author "Bill Richard" * @version * * */ Gradebook.ColDef = Class.create(); Gradebook.ColDef.prototype = { initialize : function(jsonObj, model, schemaMap) { this.model = model; Object.extend(this, jsonObj); // assign json properties to this object if (this.sid) { this.primarySchema = schemaMap[this.sid]; } if (this.ssid) { this.secondarySchema = schemaMap[this.ssid]; } }, /** * In the case of headers, the colum definition is treated as a cell, so little trick here * to have a uniform api: getGridCell().getColumnDefinition() in all cases */ getColumnDefinition: function( ) { return this; }, getSortFunction : function( sortdir, secondarySortColumn ) { this.secondarySortColumn = secondarySortColumn; // can be null, in that case no second sorting if (sortdir == 'ASC') { return this._sortASC.bind(this); } else { return this._sortDESC.bind(this); } }, validate : function(newValue, matchPartial) { if (!this.primarySchema) { return null; } else { return this.primarySchema.validate(newValue, matchPartial); } }, _sortASC : function(a, b, isSecondary, fromSortDESC ) { isSecondary = isSecondary || ( !this.secondarySortColumn ); var sortColumnIndex = this.model.colDefMap[ this.id ]; var aa = a[ sortColumnIndex ].sortval !== undefined?a[ sortColumnIndex ].sortval:a[ sortColumnIndex ].v; var bb = b[ sortColumnIndex ].sortval !== undefined?b[ sortColumnIndex ].sortval:b[ sortColumnIndex ].v; // Quicksort used in Chrome is not stable (as of May 28, 2012) so we need a measure to prevent random reordering of variables with equal values if(fromSortDESC) { var equalReturnVal = (a.customSortKey > b.customSortKey ? -1 : 1); } else { var equalReturnVal = (a.customSortKey > b.customSortKey ? 1 : -1); } if (!aa && !bb) { return isSecondary?equalReturnVal:this.secondarySortColumn._sortASC( a, b, true, fromSortDESC); } if (!aa) { return -1; } if (!bb) { return 1; } if ( isNaN( aa ) || isNaN( bb ) ) { aa = ( "" + aa ).toLocaleUpperCase(); bb = ( "" + bb ).toLocaleUpperCase(); var stringCompare = aa.localeCompare( bb ); if ( stringCompare === 0 ) { return isSecondary?equalReturnVal:this.secondarySortColumn._sortASC( a, b, true, fromSortDESC); } return stringCompare; } if (aa == bb) { return isSecondary?equalReturnVal:this.secondarySortColumn._sortASC( a, b, true, fromSortDESC); } if (aa < bb) { return -1; } return 1; }, _sortDESC : function(a, b) { return this._sortASC( b, a, null, true); }, getEditValue : function(gridCell) { if (!this.primarySchema) { return gridCell.getValue(); } return this.primarySchema.getEditValue(gridCell); }, // called by GridCell.getCellValue to get value for rendering in spreadsheet // uses primary (and optional secondary) schema to convert value to proper // display format getCellValue : function(gridCell) { if (!this.primarySchema) { return gridCell.getValue(); } var cellVal = this.primarySchema.getCellValue(gridCell); if (this.secondarySchema) { var cellVal2 = this.secondarySchema.getCellValue(gridCell); cellVal += ' <span>(' + cellVal2 + ')</span>'; } return cellVal; }, // called by GridCell.getAltValue to get alt (mouse over) value for rendering // in spreadsheet // same as getCellValue unless there is a secondary schema getAltValue : function(gridCell) { if (gridCell.isExempt()) { return this.model.getMessage('cmExemptGrade'); } if (!this.primarySchema) { return this.getCellValue(gridCell); } var cellVal = this.primarySchema.getAltValue(gridCell); if (this.secondarySchema) { var cellVal2 = this.secondarySchema.getAltValue(gridCell); cellVal += ' (' + cellVal2 + ')'; } return cellVal; }, getSortValue : function(gridCell) { if ( gridCell.data && gridCell.data.sortval !== undefined ) { return gridCell.sortval; } return gridCell.getValue(); }, getName : function() { return this.name; }, getID : function() { return this.id; }, getPoints : function() { return this.points; }, getPointsForDisplay : function() { var formattedPoints = NumberFormatter.getDisplayFloat(this.points); if (this.isCalculated()) { formattedPoints = GradebookUtil.getMessage( 'variesPerStudentMsg', { points: formattedPoints } ); } return formattedPoints; }, getAliasID : function() { return this.id; }, getCategoryID : function() { return this.catid; }, getCategory : function() { if (!this.catid) { return ""; } if (!this.model.catNameMap) { return ""; } var name = this.model.catNameMap[Number(this.catid)]; if (name) { return name; } return ""; }, getCategoryAliasID : function() { return this.catid; }, getGradingPeriodID : function() { return this.gpid; }, getGradingPeriod : function() { if (!this.gpid || !this.model.gradingPeriodMap ) { return ""; } var gp = this.model.gradingPeriodMap[Number(this.gpid)]; if ( gp ) { return gp.name; } return ""; }, isHidden : function() { return !this.gbvis; }, isScorable : function() { return this.scrble; }, isPublic : function() { return (this.id == this.model.pubColID); }, isVisibleToStudents : function() { return this.vis; }, hideColumn : function() { this.gbvis = false; this.model.hideColumn( this.id ); }, canHide : function() { return true; }, toggleColumnStudentVisibility : function() { this.model.setColumnStudentVisibility( this.id, !this.vis ); }, getDisplayType : function() { return this.primarySchema.type; }, hasError : function() { return this.comput_err; }, // called by model.getDisplayValue when external pages need to convert a // rawValue // This function passes this.points to schema.getDisplayValue. // This method should not be called for this colDef if this colDef is a // calculated // column, because we do not have access to the gridCell to get its max // points. // todo: determine how to handle error condition if this column is a calulated // col getDisplayValue : function(rawValue) { if (this.primarySchema) { return this.primarySchema.getDisplayValue(rawValue, this.points); } return rawValue; }, getSecondaryDisplayValue : function(rawValue) { if (this.secondarySchema) { return this.secondarySchema.getDisplayValue(rawValue, this.points); } return; } }; Gradebook.GradeColDef = Class.create(); Object.extend(Gradebook.GradeColDef.prototype, Gradebook.ColDef.prototype); Object.extend(Gradebook.GradeColDef.prototype, { initialize : function(jsonObj, model, schemaMap) { this.linkrefid = ""; Gradebook.ColDef.prototype.initialize.call(this, jsonObj, model, schemaMap); }, getRawValue : function(newValue) { var score = newValue; // compute score based on primary schema if (this.primarySchema) { var rawValue = this.primarySchema.getRawValue(newValue, this); score = parseFloat(rawValue); if (!GradebookUtil.isValidFloat(rawValue)) { if (typeof (rawValue) == "string") { return rawValue; } score = 0; } } return score; }, getSortValue : function(gridCell) { if ( this.primarySchema ) { return this.primarySchema.getSortValue( gridCell ); } else { return gridCell.getValue(); } }, updateGrade : function(newValue, userId) { var score = this.getRawValue(newValue); var textValue = newValue; this.model.updateGrade(score, textValue, userId, this.id); }, // get the grade for this column in the given row, use shared instance of // gridcell A // use for sort comparisons only... does not support multiple simultaneous // instances _getGradeA : function(row) { if (!this.colIndex) { this.colIndex = this.model.colDefMap[this.id]; } var data = row[this.colIndex]; if (!data.metaData) { data.metaData = row[0]; } if (!data.colDef) { data.colDef = this; } var gc = Gradebook.GradeColDef.gridCellA; if (!gc) { Gradebook.GradeColDef.gridCellA = new Gradebook.GridCell(); gc = Gradebook.GradeColDef.gridCellA; } gc.setData(data); return gc; }, // get the grade for this column in the given row, use shared instance of // gridcell B // use for sort comparisons only... does not support multiple simultaneous // instances _getGradeB : function(row) { if (!this.colIndex) { this.colIndex = this.model.colDefMap[this.id]; } var data = row[this.colIndex]; if (!data.metaData) { data.metaData = row[0]; } if (!data.colDef) { data.colDef = this; } var gc = Gradebook.GradeColDef.gridCellB; if (!gc) { Gradebook.GradeColDef.gridCellB = new Gradebook.GridCell(); gc = Gradebook.GradeColDef.gridCellB; } gc.setData(data); return gc; }, _sortASC : function(a, b, isSecondary ) { // if secondary sort is null, we rely on the JS engine stable sort to derive sub-ordering isSecondary = isSecondary || ( !this.secondarySortColumn ); var gradeA = this._getGradeA(a); var gradeB = this._getGradeB(b); var aa = gradeA.getSortValue(); var bb = gradeB.getSortValue(); if (gradeA.colDef.primarySchema instanceof Gradebook.TextSchema) { var stringComparaison = aa.localeCompare( bb ); if ( stringComparaison === 0 ) { return isSecondary?0:this.secondarySortColumn._sortASC(a, b, true); } return stringComparaison; } var aaa = parseFloat(aa); var bbb = parseFloat(bb); var aNull = (aa == '-'); var bNull = (bb == '-'); var ax = gradeA.isExempt(); var bx = gradeB.isExempt(); var aIP = gradeA.attemptInProgress(); var bIP = gradeB.attemptInProgress(); var aNG = gradeA.needsGrading(); var bNG = gradeB.needsGrading(); var aOr = gradeA.isOverride(); var bOr = gradeB.isOverride(); var aNoScore = (aNull || isNaN(aaa) || ax || ( !aOr && ( aIP || aNG ) ) ); var bNoScore = (bNull || isNaN(bbb) || bx || ( !bOr && ( bIP || bNG ) ) ); var aVal = (ax) ? 1 : (aIP) ? 2 : (aNG) ? 3 : (aNull) ? 0 : aa; var bVal = (bx) ? 1 : (bIP) ? 2 : (bNG) ? 3 : (bNull) ? 0 : bb; if (aNoScore || bNoScore) { if (aNoScore && bNoScore) { if (aVal == bVal) { return isSecondary?0:this.secondarySortColumn._sortASC(a, b, true); } else { return aVal - bVal; } } if (aNoScore) { return -1; } else { return 1; } } else { if (aaa == bbb) { return isSecondary?0:this.secondarySortColumn._sortASC(a, b, true); } else { return aaa - bbb; } } }, _sortDESC : function(a, b) { return this._sortASC( b, a ); }, isAllowAttemptGrading: function() { var scoreProvider = this.getScoreProvider(); // default is true unless specified otherwise in the score provider return scoreProvider?scoreProvider.allowAttempGrading:true; }, /** * Used to determine if an attempt is just a grade holder or if it * can be expected to actually contain data behind it. That is determined * by the score provider being attempt based or not. If no score provider * then it is assumed the attempt might contain payload. */ isAttemptWithPayload: function( ) { if ( this.isManual( ) ) { return false; } var scoreProvider = this.getScoreProvider(); return scoreProvider?scoreProvider.attemptBased:true; }, isGrade : function() { return true; }, isCalculated : function() { return this.type != "N"; }, isTotal : function() { return this.type == "T"; }, isWeighted : function() { return this.type == "W"; }, getType : function() { switch (this.type) { case "T": return 'total'; case "W": return 'weighted'; case "A": return 'average'; case "M": return 'minMax'; } return "grade"; }, isManual : function() { return this.manual; }, isUserCreated : function() { return this.userCreated; }, isAlignable : function() { return this.align && this.align == 'y'; }, isAttemptAverage : function() { return this.avg && this.avg == 'y'; }, isHideAttemptScore : function() { return this.hideAtt; }, isTextSchema : function(schemaId) { var schema = this.model.schemaMap[schemaId]; if (schema && (schema.type == "X")) { return true; } return false; }, isAssessment : function() { return (this.src && this.src == 'resource/x-bb-assessment'); }, isAssignment : function() { return (this.src && this.src == 'resource/x-bb-assignment'); }, hasRubricAssociations : function() { return (this.hasRubrics && this.hasRubrics == "y"); }, getRubricIds : function() { return this.rubricIds; }, supportsMenuItem : function( menuItemName ) { if ( Object.isUndefined( this.unsupportedActionNames ) ) { return true; } else { return !this.unsupportedActionNames.include( menuItemName ); } }, getScoreProvider : function() { if (!this.src) { return ""; } return this.model.scoreProvidersMap[this.src]; }, isAllowMulti : function() { return (this.am && this.am == "y"); }, clearAttemptsByDate : function(startDate, endDate) { this.model.clearAttempts(this.id, 'BYDATE', startDate, endDate); }, clearAttempts : function(option) { this.model.clearAttempts(this.id, option); }, getFirstUserWithCurrentViewAttempt : function(anonymousMode) { var grades = this.model._getGradesForItemId(this.id, false /* includeUnavailable */); if (anonymousMode) { grades.sort(function() { return (Math.round(Math.random()) - 0.5); }); } var filterType = this.model.getCurrentStatus().toUpperCase(); if (!filterType) { filterType = "STAT_ALL"; } if (filterType.startsWith("STAT_")) { filterType = filterType.substr(5, filterType.length - 5); } if (filterType == "ALL") { filterType = "NN"; // we can't grade null grades } // find first user that has a grade which passes the current filter for ( var i = 0; i < grades.length; i++) { if (grades[i].passesFilter(filterType)) { if (grades[i].isOverride() && !grades[i].hasAttempts()) { continue; } else { return grades[i].getUserId(); } } } return null; }, _gradeAttempts: function ( anonymousMode ) { var userId = this.getFirstUserWithCurrentViewAttempt( anonymousMode ); if (userId === null){ alert(this.model.getMessage('noUsersFoundAlertMsg')); return; } // get attempts for user var s = this.model.getCurrentStatus(); if (s.startsWith("stat_")) { s = s.substr( 5, status.length - 5 ); } var url = "/webapps/gradebook/do/instructor/getJSONAttemptData?itemId="+this.id+"&course_id="+this.model.courseId+"&userId="+userId+'&status='+s; this.model.gradebookService.makeAjaxRequest(url, function ( resp ){ var attempts = resp.responseJSON; if (attempts === null || attempts.length === 0){ alert(this.model.getMessage('noAttemptsFoundAlertMsg')); return; } var groupAttemptId = ( attempts[0].groupAttemptId !== 0 ) ? attempts[0].groupAttemptId : null; this.gradeAttempt( userId, attempts[0].aid, anonymousMode, groupAttemptId ); }.bind(this)); }, gradeAttempt: function ( userId, attemptId, anonymousMode, groupAttemptId, stat, returnUrl, mode, source ) { var url = '/webapps/gradebook/do/instructor/performGrading'; var status = stat ? stat : this.model.statusFilter; if (!status) { status = "stat_ALL"; } if (status.startsWith("stat_")) { status = status.substr(5,status.length-5); // remove starting "stat_" } var cancelGradeUrl = returnUrl ? returnUrl : '/webapps/gradebook/do/instructor/enterGradeCenter?course_id='+this.model.courseId; url = url.concat( "?course_id=", this.model.courseId, "&status=", status, "&viewInfo=", encodeURIComponent( this.model.getCurrentViewName() ), "&itemId=", this.id, "&courseMembershipId=", userId, "&category=", encodeURIComponent( this.getCategory() ), "&itemName=", encodeURIComponent( this.getName() ), "&source=", source ? source : "cp_gradebook", "&mode=", mode ? mode : "invokeFromGradeCenter", "&anonymousMode=", anonymousMode ? anonymousMode : "false", "&cancelGradeUrl=", encodeURIComponent( cancelGradeUrl ) ); if ( groupAttemptId ) { url += "&groupAttemptId=" + groupAttemptId; } if ( attemptId ) { url += "&attemptId=" + attemptId; } this.postGradingForm( url ); }, /* There has been an occurrence in IE9/IE8 (not in compatibility mode) where the upper frame Element * did not seem to have the prototype constructor. This caused the code to choke. The problem seemed * to be limited to a hotfix branch, but we'll play it safe and just go the lengthier route of using * native DOM methods rather than using 'new gcFrame.Element' in the three instances below. */ postGradingForm: function ( url ) { var gcFrame = (top.content.gradecenterframe) ? top.content.gradecenterframe : top.content; var gradingForm = document.createElement('form'); gradingForm.setAttribute('method', 'post'); gradingForm.setAttribute('action', url); gcFrame.document.body.insert({ bottom:gradingForm }); var vo; var students = this.model.getStudents(); var retStudents = []; for (var i = 0; i < students.length; i++) { vo = {}; vo.name = GradebookUtil.formatStudentName( students[i] ); vo.id = students[i].id; retStudents.push( vo ); } var studentsInputElement = gcFrame.document.createElement('input'); studentsInputElement.setAttribute('type','hidden'); studentsInputElement.setAttribute('name','students'); studentsInputElement.setAttribute('value','{"students":'+Object.toJSON(retStudents)+'}'); gradingForm.insert({bottom:studentsInputElement}); var items = this.model.getCurrentColDefs(); var retItems = []; for (var j = 0; j < items.length; j++) { if (!items[j].isAssignment() && !items[j].isAssessment()) { continue; } var txt = items[j].getName() + ' ('+items[j].getCategory() +')'; vo = {}; vo.name = txt; vo.id = items[j].getID(); retItems.push( vo ); } var itemsInputElement = gcFrame.document.createElement('input'); itemsInputElement.setAttribute('type','hidden'); itemsInputElement.setAttribute('name','items'); itemsInputElement.setAttribute('value','{"items":'+Object.toJSON(retItems)+'}'); gradingForm.insert({bottom:itemsInputElement}); gradingForm.submit(); }, hasContextMenuInfo : function() { return true; }, getDueDate : function() { var dueDate = GradebookUtil.getMessage('noneMsg'); //ldue is the date localized in server if ( this.ldue && this.ldue != 0 ) { dueDate = this.ldue; } return dueDate; }, // called by item stats page getStats : function(includeUnavailableStudents) { var grades = this.model._getGradesForItemId(this.id, includeUnavailableStudents); if (this.primarySchema instanceof Gradebook.TextSchema) { grades = []; } var values = []; var sum = 0; var stats = {}; stats.count = 0; stats.minVal = null; stats.maxVal = null; stats.qtyNull = 0; stats.qtyInProgress = 0; stats.qtyNeedsGrading = 0; stats.qtyExempt = 0; for ( var i = 0; i < grades.length; i++) { var grade = grades[i]; if (grade.isExcluded()) { continue; } var val = grade.getValue(); var isNull = (val == '-' || val === '' || null === val ); var isIP = grade.attemptInProgress(); var isNG = grade.needsGrading(); var isExempt = grade.isExempt(); var isVal = (!isNull && !isExempt); if (!grade.isOverride() && isIP) { // non-manually graded, in progress attempts are excluded from the statistics isVal = false; } if (isIP) { stats.qtyInProgress++; } else if (isNG) { stats.qtyNeedsGrading++; } else if (isExempt) { stats.qtyExempt++; } else if (isNull) { stats.qtyNull++; } if (isVal) { if (this.isCalculated()) { val = (parseFloat(val) / parseFloat( grade.getPointsPossible() ) * 100.0); } values.push(val); sum += parseFloat(val); stats.minVal = ( null === stats.minVal ) ? val : Math.min(val, stats.minVal); stats.maxVal = ( null === stats.maxVal ) ? val : Math.max(val, stats.maxVal); } } stats.count = values.length; if (values.length === 0 || this.isHideAttemptScore()) { stats.avg = ''; stats.range = ''; stats.minVal = ''; stats.maxVal = ''; stats.median = ''; stats.variance = ''; stats.stdDev = ''; } else { stats.avg = sum / values.length; stats.range = stats.maxVal - stats.minVal; values.sort(Gradebook.numberComparator); if (values.length == 1) { stats.median = values[0]; } else if (values.length % 2) { // number of values is odd, the median is the middle value stats.median = values[parseInt(values.length / 2, 10)]; } else { // number of values is even, the median is the average of the two middle // values stats.median = (values[values.length / 2 - 1] + values[values.length / 2]) / 2; } stats.variance = this._computeVariance(values, stats.avg); stats.stdDev = Math.sqrt(stats.variance); stats.maxVal = this._formatFloat(stats.maxVal); stats.minVal = this._formatFloat(stats.minVal); stats.avg = this._formatFloat(stats.avg); stats.range = this._formatFloat(stats.range); stats.median = this._formatFloat(stats.median); stats.variance = this._formatFloat(stats.variance); stats.stdDev = this._formatFloat(stats.stdDev); } stats.gradeDistribution = this.primarySchema.getGradeDistribution(values, this.isCalculated() ? 100 : this.points, stats); return stats; }, _formatFloat : function(f) { try { if (f) { return NumberFormatter.getDisplayFloat(f.toFixed(2)); } } catch (e) { // ignore and return the current value } return f; }, _computeVariance : function(values, average) { var sumXMeanSquare = 0; for ( var i = 0; i < values.length; i++) { var xMean = values[i] - average; sumXMeanSquare += (xMean * xMean); } return sumXMeanSquare / values.length; }, getInfo : function() { var publicLabel; if (this.isPublic()) { publicLabel = GradebookUtil.getMessage('isMsg'); } else { publicLabel = GradebookUtil.getMessage('isNotMsg'); } var includedInCalculationsLabel; if (this.isScorable()) { includedInCalculationsLabel = GradebookUtil.getMessage('yesMsg'); } else { includedInCalculationsLabel = GradebookUtil.getMessage('noMsg'); } var points = this.getPointsForDisplay(); var info = {}; info.itemInfoId = this.getID(); info.itemInfoName = this.name; info.itemInfoCategory = this.getCategory(); info.itemInfoSchema = this.primarySchema.name; info.itemInfoPoints = (points === 0 ? "-" : points); info.itemInfoPublic = publicLabel; info.itemInfoIncludedInCalculations = includedInCalculationsLabel; info.itemInfoDueDate = this.getDueDate(); return info; } }); Gradebook.StudentAttributeColDef = Class.create(); Object.extend(Gradebook.StudentAttributeColDef.prototype, Gradebook.ColDef.prototype); Object.extend(Gradebook.StudentAttributeColDef.prototype, { initialize : function(jsonObj, model, schemaMap) { Gradebook.ColDef.prototype.initialize.call(this, jsonObj, model, schemaMap); this.vis = true; }, isGrade : function() { return false; }, isCalculated : function() { return false; }, isTotal : function() { return false; }, isWeighted : function() { return false; }, getType : function() { return "student"; }, getCellValue : function(gridCell) { return gridCell.getValue(); }, getRawValue : function(newValue) { return newValue; }, canHide : function() { return (this.model.colOrderMap[0] != this.model.colDefMap[this.id]); }, hasContextMenuInfo : function() { return true; } }); /* GridCell class wraps and provides functionality to a data cell in the grade center. Each HTML cell controller will contain a GridCell to allow manipulating the data cell that is currently assigned to it. When data cells are retrieved for processing they are wrapped in a GridCell. brichard */ Gradebook.GridCell = Class.create(); Gradebook.GridCell.prototype = { initialize : function(data) { if (data) { this.setData(data); } }, setData : function(data) { this.data = data; this.colDef = data.colDef; this.metaData = data.metaData; if (this.colDef.id == 'UN') { this.metaData.userNameDataCell = data; } }, passesFilter : function(f) { var ng = this.needsGrading(); var ip = this.attemptInProgress(); var or = this.isOverride(); var x = this.isExempt(); var sv = this.getValue(this); var svn = sv == '-'; var svnn = sv != '-'; var na = svn && !ip && !ng && !this.colDef.isCalculated() && !this.isExcluded(); var c = !ip && !ng && !x && svnn; var nn = ip || ng || or || svnn; if (f == 'IP') { return ip; } else if (f == 'NG') { return ng && !or; } else if (f == 'EM') { return or; } else if (f == 'X') { return x; } else if (f == "NA") { return na; // notAttempted } else if (f == "NN") { return nn; // not null } else if (f == "C") { return c || or; // completed/graded } else { return true; // all } }, getUserId : function() { return this.metaData.uid; }, getInstitutionUserId : function( ) { return this.metaData.iuid; }, getKey : function() { return this.colDef.id + '_' + this.metaData.uid; }, getUserName : function() { return this.metaData.userNameDataCell.v; }, isHidden : function() { return this.metaData.isHidden; }, setHidden : function(h) { this.metaData.isHidden = h; }, isRowChecked : function() { return this.metaData.isRowChecked; }, canAddComment : function() { // Can add comments for: overridden, exempted, or graded cells return this.isOverride() || this.isExempt() || ( this.isPersisted() && !this.needsGrading() && !this.attemptInProgress() && this.isGraded() && !this.colDef.isAttemptAverage() ); }, isActivity : function() { return this.colDef.src && !this.colDef.getScoreProvider().attemptBased; }, hasGradableAttempts : function() { return (!this.isActivity() && (this.colDef.src || this.colDef.extAttemptHandler) && (this.hasAttempts() || this.data.ax /* has exempted attempt */)); }, isExcluded : function() { return this.data.excluded || (this.colDef.limitedAttendance && !this.isPersisted()); }, isPersisted : function() { return ("v" in this.data); }, setRowChecked : function(c) { this.metaData.isRowChecked = c; this.colDef.model.fireModelChanged(); // updates the counter on the grid }, isAvailable : function() { return this.metaData.isAvailable; }, isGrade : function() { return (this.colDef.isGrade()); }, isOverride : function() { return (this.data.or && this.data.or == "y" && !this.colDef.isCalculated()); }, /* * Did the override occurred before the attempt creation? If so * we will show the needs grading icon. */ isOverrideBeforeNeedsGrading: function() { return ( this.data.orBefAtt && this.data.orBefAtt == "y" ); }, needsGrading : function() { return (this.data.ng && this.data.ng && this.data.ng == "y"); }, attemptInProgress : function() { return (this.data.ip && this.data.ip && this.data.ip == "y"); }, isGraded : function() { var tv = this.getTextValue(); return (tv != '-' && tv.length > 0); }, isComplete : function() { if (this.colDef.primarySchema instanceof Gradebook.CompleteIncompleteSchema) { return this.isGraded(); } else { return false; } }, isExempt : function() { return (this.data.x && this.data.x == "y"); }, hasMultipleAttempts : function() { return (this.data.numAtt && this.data.numAtt == "M"); }, hasOneAttempt : function() { return (!this.data.numAtt || this.data.numAtt == "1"); }, hasAttempts : function() { return this.hasOneAttempt() || this.hasMultipleAttempts(); }, validate : function(newValue, matchPartial) { return this.colDef.validate(newValue, matchPartial); }, getColumnDefinition: function( ) { return this.colDef; }, update : function(newValue) { this.colDef.updateGrade(newValue, this.getUserId()); }, clearAll : function(isDelete) { this.colDef.model.clearAll(isDelete, this.getUserId(), this.colDef.id); }, clearSelected : function(attemptIds, isDelete) { this.colDef.model.clearSelected(attemptIds, isDelete, this.getUserId(), this.colDef.id); }, // called by CellController.renderHTML to get value for spreadsheet getCellValue : function() { return this.colDef.getCellValue(this); }, // called by GridCell.getAltValue to get alt (mouse over) value for rendering // in spreadsheet getAltValue : function() { if (this.isGrade() && !this.isGraded()) { return GradebookUtil.getMessage('noGradeMsg'); } return this.colDef.getAltValue(this); }, // called by CellController.startEdit to get input value for editing getEditValue : function() { if ( !this.isGraded() ) { return ""; } return this.colDef.getEditValue(this); }, getSortValue : function() { return this.colDef.getSortValue(this); }, getNormalizedValue: function() { if ( this.data.v !== undefined && this.data.v !== null && this.getPointsPossible() ) { return this.data.v / this.getPointsPossible(); } return NaN; }, getPointsPossible : function() { if (this.data.mp) { return this.data.mp; } else if (this.colDef.points) { return this.colDef.points; } else { return 0; } }, getTextValue : function() { if (this.data.tv) { return this.data.tv; } else { return '-'; } }, getValue : function() { // do not use if ( this.data.v ) since it will prevent 0 to display properly if ( this.data.v !== undefined && this.data.v !== null ) { return this.data.v; } else { return '-'; } }, getNormalizedGrade: function() { if (this.data.v !== undefined && this.data.v !== null) { var pointsPossible = this.getPointsPossible(); if ( pointsPossible > 0 ) { return this.data.v / pointsPossible; } } return null; }, canEdit : function() { return (this.isGrade() && !this.isExcluded() && !this.colDef.isCalculated() && !this.colDef.isHideAttemptScore()); }, loadAttemptsInfo : function(callbackFunction) { var currentCell = this; this.colDef.model.gradebookService.loadAttemptsInfo(this.getUserId(), this.colDef.id, function(attempts) { currentCell.loadAttemptsInfoCallback.call(currentCell, attempts, callbackFunction); }); }, loadAttemptsInfoCallback : function(attempts, callbackFunction) { this.data.attemptsInfo = []; for ( var i = 0; i < attempts.length; ++i) { this.data.attemptsInfo.push(new Gradebook.AttemptInfo(this, attempts[i])); } callbackFunction(this); }, getMenuDynItems : function() { var dynItems = []; var gradeCell = this; for ( var i = 0; i < this.data.attemptsInfo.length; ++i) { var attemptId = gradeCell.data.attemptsInfo[i].id; var groupAttemptId = gradeCell.data.attemptsInfo[i].groupAttemptId; // note that we cannot create a function as a direct closure here // since it would rely on this function scope which actually changes // as we iterate i.e. all functions will point to the same scope which // ends // up being the scope as at the last iteration. // To 'freeze' the scope we create a new local scope calling another // function using current parameters. //Don't display the 'not_attempted' attempts var attemptInfo = this.data.attemptsInfo[ i ]; if ( attemptInfo.status != "na" ) { dynItems.push( { id : "attemptDynItem", title : "", name : attemptInfo.getText(), onclick : this.getGotoAttemptFunction( attemptId, groupAttemptId ) } ); dynItems[i].title = this.removeMarkup(dynItems[i].name); } } return dynItems; }, removeMarkup : function (text) { while ( text.indexOf( "<" ) > -1 ) { text = text.substr( 0, text.indexOf( '<' ) ) + text.substr( text.indexOf( '>') + 1 ); } return text; }, getGotoAttemptFunction : function(attemptId, groupAttemptId) { var gradeCell = this; var currentAttemptId = attemptId; var currentGroupAttemptId = groupAttemptId; return function() { gradeCell.gotoAttempt.call(gradeCell, attemptId, groupAttemptId); }; }, gotoAttempt : function(attemptId, groupAttemptId) { if (this.colDef.groupActivity && !groupAttemptId) { this.showGradeDetails(); return; } this.colDef.gradeAttempt( this.getUserId(), attemptId, false, groupAttemptId ); }, gotoActivity : function() { this.gotoAttempt(); }, hasContextMenuInfo : function(cellController) { if (this.isGrade()) { return !this.isExcluded() && !this.colDef.isCalculated(); } else { return true; } }, hideUser : function() { this.colDef.model.updateUserVisibility( this.getUserId(), false ); } }; Gradebook.AttemptInfo = Class.create(); Object.extend(Gradebook.AttemptInfo.prototype, { initialize : function(gradeCel, attemptData) { this.gradeCel = gradeCel; this.id = attemptData.id; this.date = attemptData.date; this.score = attemptData.score; this.status = attemptData.status; this.exempt = attemptData.exempt; if (attemptData.groupAttemptId) { this.groupAttemptId = attemptData.groupAttemptId; this.groupName = attemptData.groupName; this.override = attemptData.override; this.groupScore = attemptData.groupScore; this.groupStatus = attemptData.groupStatus; } }, getScoreDisplayValue : function() { if (this.status) { if (this.status == "ip") { return this.gradeCel.colDef.model.gridImages.attemptInProgress; } return this.gradeCel.colDef.model.gridImages.needsGrading; } var primaryValue = this.gradeCel.colDef.getDisplayValue(this.score); var secondaryValue = this.gradeCel.colDef.getSecondaryDisplayValue(this.score); if (secondaryValue) { primaryValue += " (" + secondaryValue + ")"; } return primaryValue; }, getGroupScoreDisplayValue : function() { if (this.groupStatus) { if (this.groupStatus == "ip") { return this.gradeCel.colDef.model.gridImages.attemptInProgress; } return this.gradeCel.colDef.model.gridImages.needsGrading; } var primaryValue = this.gradeCel.colDef.getDisplayValue(this.groupScore); var secondaryValue = this.gradeCel.colDef.getSecondaryDisplayValue(this.groupScore); if (secondaryValue) { primaryValue += " (" + secondaryValue + ")"; } return primaryValue; }, getText : function() { var exemptIcon = ""; if (this.exempt) { var altText = this.gradeCel.colDef.model.getMessage('exemptAttemptMsg'); exemptIcon = "<img src='/images/ci/gradebook/exempt.gif' alt='" + altText + "' title='" + altText + "'>"; } if (!this.groupAttemptId) { if (!Gradebook.GridCell.attemptTemplate) { Gradebook.GridCell.attemptTemplate = new Template(this.gradeCel.colDef.model.getMessage('attemptInfoMsg')); } return Gradebook.GridCell.attemptTemplate.evaluate( { date : this.date, score : this.getScoreDisplayValue(), exempt : exemptIcon }); } if (!this.override) { if (!Gradebook.GridCell.groupAttemptTemplate) { Gradebook.GridCell.groupAttemptTemplate = new Template(this.gradeCel.colDef.model.getMessage('groupAttemptInfoMsg')); } return Gradebook.GridCell.groupAttemptTemplate.evaluate( { date : this.date, score : this.getScoreDisplayValue(), groupName : this.groupName, exempt : exemptIcon }); } if (!Gradebook.GridCell.groupAttemptOverrideTemplate) { Gradebook.GridCell.groupAttemptOverrideTemplate = new Template(this.gradeCel.colDef.model.getMessage('groupAttemptInfoWithOverrideMsg')); } return Gradebook.GridCell.groupAttemptOverrideTemplate.evaluate( { date : this.date, score : this.getScoreDisplayValue(), groupName : this.groupName, groupScore : this.getGroupScoreDisplayValue(), exempt : exemptIcon }); } }); /** * Gradebook data grid * * PORTIONS OF THIS FILE ARE BASED ON RICO LIVEGRID 1.1.2 * * Copyright 2005 Sabre Airline Solutions * * Licensed under the Apache License, Version 2.0 (the "License"); you may not * use this file except in compliance with the License. You may obtain a copy of * the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the * License for the specific language governing permissions and limitations under * the License. * * @author "Bill Richard" * @version * * */ Gradebook.NumericSchema = Class.create(); Gradebook.NumericSchema.prototype = { initialize : function(jsonObj, model) { this.model = model; Object.extend(this, jsonObj); // assign json properties to this object }, getGradeDistribution : function(grades, points, stats) { return Gradebook.PercentageSchema.prototype.getGradeDistribution(grades, points, stats); }, // called by ColDef.getCellValue to get value for spreadsheet getCellValue : function(gridCell) { // for grades, we show a precision up to 5, otherwise show the historic 2 digits precision var maxPrecision = ( gridCell.colDef.isCalculated()?2:5 ); return this.getDisplayValue( gridCell.getValue(), gridCell.getPointsPossible(), maxPrecision ); }, // called by ColDef.getCellValue to get alt value for spreadsheet getAltValue : function(gridCell) { return this.getCellValue( gridCell ); }, // this is the value that appears in the input box when editing getEditValue : function(gridCell) { return this.getCellValue(gridCell); }, getSortValue : function(gridCell) { return gridCell.getValue(); }, // called by: this.getCellValue to get value for spreadsheet or // by colDef.getDisplayValue when external pages need to convert a rawValue getDisplayValue : function(rawValue, points, maxPrecision ) { if (rawValue == '-' || rawValue.length === 0) { return rawValue; } if ( 2 == maxPrecision ) { return NumberFormatter.getDisplayFloat( parseFloat(rawValue).toFixed(2) ); } else { if ( !maxPrecision ) { maxPrecision = 5; } return NumberFormatter.toStringMin2Digits( parseFloat( rawValue ), maxPrecision ); } }, getRawValue : function(displayValue, colDef) { return NumberFormatter.getDotFloat(displayValue); }, validate : function(newValue, matchPartial) { if (!newValue || newValue == "0" || newValue == "-") { return null; } if (!GradebookUtil.isValidFloat( newValue )) { return GradebookUtil.getMessage('invalidNumberErrorMsg'); } if ( GradebookUtil.isGradeValueTooBig( newValue ) ) { return GradebookUtil.getMessage('gradeValueTooBigErrorMsg'); } var val = '' +newValue; var idx = val.indexOf('.'); if (idx > -1 && (val.length - idx - 1) > 5) { return GradebookUtil.getMessage('tooManyDecimalPlacesErrorMsg'); } else { return null; } } }; Gradebook.TextSchema = Class.create(); Gradebook.TextSchema.prototype = { initialize : function(jsonObj, model) { this.model = model; Object.extend(this, jsonObj); // assign json properties to this object }, getGradeDistribution : function(grades, points, stats) { return null; }, // this is the value that appears in the input box when editing getEditValue : function(gridCell) { return this.getCellValue(gridCell); }, // called by ColDef.getCellValue to get value for spreadsheet getCellValue : function(gridCell) { return this.getDisplayValue(gridCell.getTextValue(), gridCell.getPointsPossible()); }, getAltValue : function(gridCell) { return this.getCellValue( gridCell ); }, getSortValue : function(gridCell) { return gridCell.getTextValue().toUpperCase(); }, // called by: this.getCellValue to get value for spreadsheet or // by colDef.getDisplayValue when external pages need to convert a rawValue getDisplayValue : function(rawValue, points) { return rawValue; }, getRawValue : function(displayValue, colDef) { return displayValue; }, validate : function( newValue, matchPartial ) { //Prevent submission of text that is longer than 32 characters to prevent a database error if (newValue.length > 32) { return GradebookUtil.getMessage('textValueTooLongErrorMsg'); } return null; } }; Gradebook.PercentageSchema = Class.create(); Gradebook.PercentageSchema.prototype = { initialize : function(jsonObj, model) { this.model = model; Object.extend(this, jsonObj); // assign json properties to this object }, // called by ColDef.getStats getGradeDistribution : function(grades, points, stats) { var i, len; var dist = []; var range = []; range.count = 0; range.text = GradebookUtil.getMessage('lessThanZeroMsg'); dist.push(range); for (i = 0; i < 10; i++) { range = []; range.count = 0; range.low = (i * 10); range.high = (i * 10) + ((i < 9) ? 9 : 10); var args = {0:range.low, 1:range.high}; range.text = GradebookUtil.getMessage('rangeIndicatorMsg', args); dist.push(range); } range = []; range.count = 0; range.text = GradebookUtil.getMessage('greaterThanHundredMsg'); dist.push(range); for (i = 0, len = grades.length; i < len; i++) { var percent = (points) ? (parseFloat(grades[i]) / parseFloat(points) * 100.0) : parseFloat(grades[i]); if (percent == 100) { percent -= 0.1; // 100 should fall into 90-100 bin } var index = parseInt(percent / 10.0, 10) + 1; if (percent < 0) { index = 0; } if (percent > 100) { index = 11; } dist[index].count++; } dist.reverse(); return dist; }, // called by ColDef.getCellValue to get value for spreadsheet getCellValue : function(gridCell) { return this.getDisplayValue(gridCell.getValue(), gridCell.getPointsPossible()); }, // called by ColDef.getCellValue to get value for spreadsheet getAltValue : function(gridCell) { return this.getCellValue( gridCell ); }, // this is the value that appears in the input box when editing getEditValue : function(gridCell) { return this.getCellValue(gridCell); }, getSortValue : function(gridCell) { return gridCell.getNormalizedValue(); }, // called by: this.getCellValue to get value for spreadsheet or // by colDef.getDisplayValue when external pages need to convert a rawValue getDisplayValue : function(rawValue, points) { if (parseFloat(points) === 0.0 || rawValue == '-' || rawValue.length === 0) { return rawValue; } var percent = parseFloat(rawValue) / parseFloat(points) * 100.0; return NumberFormatter.getDisplayFloat(parseFloat(percent).toFixed(2)) + '%'; }, getRawValue : function(displayValue, colDef) { var points = (colDef.points) ? colDef.points : 100; displayValue = displayValue.replace('%', ''); displayValue = NumberFormatter.getDotFloat(displayValue); return ( parseFloat(displayValue) * parseFloat(points) ) / 100.0; }, validate : function(newValue, matchPartial) { newValue = newValue.replace('%', ''); if (!newValue || newValue == "0" || newValue == "-") { return null; } if (!GradebookUtil.isValidFloat( newValue )) { return GradebookUtil.getMessage('invalidNumberErrorMsg'); } if ( GradebookUtil.isGradeValueTooBig( newValue ) ) { return GradebookUtil.getMessage('gradeValueTooBigErrorMsg'); } var val = '' +newValue; var idx = val.indexOf('.'); if (idx > -1 && (val.length - idx - 1) > 4) { return GradebookUtil.getMessage('tooManyDecimalPlacesErrorMsg'); } else { return null; } } }; Gradebook.CompleteIncompleteSchema = Class.create(); Gradebook.CompleteIncompleteSchema.prototype = { initialize : function(jsonObj, model) { this.model = model; Object.extend(this, jsonObj); // assign json properties to this object }, // called by ColDef.getStats getGradeDistribution : function(grades, points, stats) { var dist = []; var range = []; range.count = stats.qtyNull; range.text = GradebookUtil.getMessage('incompleteMsg'); dist.push(range); range = []; range.count = grades.length; range.text = GradebookUtil.getMessage('completeMsg'); dist.push(range); dist.reverse(); return dist; }, // called by ColDef.getCellValue to get value for spreadsheet getCellValue : function(gridCell) { return this.getDisplayValue(gridCell.getTextValue(), gridCell.getPointsPossible()); }, getAltValue : function(gridCell) { var rawValue = this.getCellValue(gridCell); if (rawValue != '-' && rawValue.length > 0) { return GradebookUtil.getMessage('completedMsg'); } else { return '-'; } }, // this is the value that appears in the input box when editing getEditValue : function(gridCell) { return gridCell.getValue(); }, getSortValue : function(gridCell) { var tv = gridCell.getTextValue().toUpperCase(); if (tv == '-') { return '-'; } else { return gridCell.getValue(); } }, // called by: this.getCellValue to get value for spreadsheet or // by colDef.getDisplayValue when external pages need to convert a rawValue getDisplayValue : function(rawValue, points) { if (rawValue != '-' && rawValue.length > 0) { return '<img border="0" width="16" height="16" src="/images/ci/icons/checkmark_ia.gif" alt="' + GradebookUtil.getMessage('completedMsg') + '">'; } else { return '-'; } }, getRawValue : function(displayValue, colDef) { return displayValue; }, validate : function(newValue, matchPartial) { if (!newValue || newValue == "0" || newValue == "-") { return null; } // todo: determine what is allowed. I.E. is "-" allowed? // allow empty string or number // return (newValue.length == 0 || parseFloat(newValue)); if (!GradebookUtil.isValidFloat(newValue)) { return GradebookUtil.getMessage('invalidNumberErrorMsg'); } else { return null; } } }; Gradebook.LetterSchema = Class.create(); Gradebook.LetterSchema.prototype = { initialize : function(jsonObj, model) { this.model = model; Object.extend(this, jsonObj); // assign json properties to this object }, // called by ColDef.getStats getGradeDistribution : function(grades, points, stats) { var dist = []; var symMap = []; this.symbols.each(function(s) { var range = []; range.count = 0; range.text = s.sym; symMap[s.sym] = dist.length; dist.push(range); }); for ( var i = 0, len = grades.length; i < len; i++) { var val = this.getDisplayValue(grades[i], points); var index = symMap[val]; if ( index >= 0 ) { dist[index].count++; } } return dist; }, // called by ColDef.getCellValue to get value for spreadsheet getCellValue : function(gridCell) { // Pass in the raw value, not the text value so we can convert it to the current grading schema text properly // (I.e. if you have a grading schema A/B/C and enter A then getTextValue will give you 'A' but then if you // change the grading schema to be FOO/FUM you will still see 'A' here if we use textValue whereas using the value // will use whatever A mapped to as a value and convert it to FOO/FUM as appropriate) return this.getDisplayValue(gridCell.getValue(), gridCell.getPointsPossible()); }, getAltValue : function(gridCell) { return this.getCellValue( gridCell ); }, // this is the value that appears in the input box when editing getEditValue : function(gridCell) { return this.getCellValue(gridCell); }, getSortValue : function(gridCell) { return gridCell.getNormalizedValue(); }, // called by: this.getCellValue to get value for spreadsheet or // by colDef.getDisplayValue when external pages need to convert a rawValue getDisplayValue : function(rawValue, points) { if (parseFloat(points) === 0.0 || rawValue == '-' || rawValue.length === 0) { return rawValue; } if ( isNaN( rawValue ) ) { // see if raw value is one of the symbols var matchingSymbol; rawValue = rawValue.toUpperCase(); this.symbols.each(function(s) { if (rawValue == s.sym.toUpperCase()) { matchingSymbol = s.sym; throw $break; // needed to get out of each loop } }); if (matchingSymbol) { return matchingSymbol; } return rawValue; } var retVal = rawValue; var percent = parseFloat(rawValue) / parseFloat(points) * 100.0; this.symbols.each(function(s) { if (percent >= s.lb && percent <= s.ub) { retVal = s.sym; throw $break; // needed to get out of each loop } }); return retVal; }, getRawValue : function(displayValue, colDef) { // What it SHOULD be doing is: // Column created with Letter as primary display and secondary display of % - // worth 10 points // Enter A - go to schema and determine that A = 95% use 95% to determine // score of 9.5 - store 9.5 and display A // Enter 9 - determine the 9 is 90% (item is out of 10) 90% is an A - store 9 // and display A var points = (colDef.points) ? colDef.points : 100; displayValue = '' + displayValue; displayValue = displayValue.replace('%', ''); var score = displayValue.toUpperCase(); this.symbols.each(function(s) { if (score == s.sym.toUpperCase()) { score = (parseFloat(s.abs) / 100.0) * points; throw $break; // needed to get out of each loop } }); return score; }, validate : function(newValue, matchPartial) { if (!newValue || newValue == "0" || newValue == "-") { return null; } // allow numeric value for letter schemas too if (GradebookUtil.isValidFloat(newValue)) { return null; } var retVal = GradebookUtil.getMessage('invalidLetterErrorMsg'); newValue = newValue.toUpperCase(); this.symbols.each(function(s) { if (newValue == s.sym.toUpperCase() || (matchPartial && s.sym.toUpperCase().startsWith(newValue))) { retVal = null; throw $break; // needed to get out of each loop } }); return retVal; } }; /** * Gradebook data grid * * PORTIONS OF THIS FILE ARE BASED ON RICO LIVEGRID 1.1.2 * * Copyright 2005 Sabre Airline Solutions * * Licensed under the Apache License, Version 2.0 (the "License"); you may not * use this file except in compliance with the License. You may obtain a copy of * the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the * License for the specific language governing permissions and limitations under * the License. * * @author "Bill Richard" * @version * * */ // Gradebook.GridModel ----------------------------------------------------- Gradebook.CustomView = Class.create(); Gradebook.CustomView.prototype = { initialize : function(jsonObj, model) { this.model = model; Object.extend(this, jsonObj); // assign json properties to this object }, // evaluate this custom view; determine userIds & itemIds for view // returns false if the formula cannot be evaluated, else true evaluate : function() { try { if (this.definition) { var ext = eval('({' + this.definition + '})'); Object.extend(this, ext); this.definition = null; } this.userIds = []; this.colIds = []; this.aliasMap = []; for ( var i = 0, len = this.aliases.length; i < len; i++) { this.aliasMap[this.aliases[i].key] = this.aliases[i].val; } if (this.formula) { this._evaluateAdvanced(); this._computeDisplayItems(); } else if (this.searchType == 'status') { this._evaluateStatus(); } else { this._evaluateBasic(); this._computeDisplayItems(); } return true; } catch (e) { var errorMsg = GradebookUtil.getMessage( 'custViewRenderErrorMsg', { name: this.name } ); alert( errorMsg ); return false; } }, usesGroups : function() { for ( var i = 0, len = this.aliases.length; i < len; i++) { if (this.aliases[i].key.startsWith('gr')) { return true; } } return false; }, getUserIds : function() { return this.userIds; }, getDisplayItemIds : function() { return this.colIds; }, _computeDisplayItems : function() { // map aliased ids to real ids if (this.display.ids) { this.display.unAliasedIds = []; for ( var i = 0, len = this.display.ids.length; i < len; i++) { var id = this.aliasMap[this.display.ids[i]]; if (!id) { throw 'missing alias'; } this.display.unAliasedIds.push(id); } } var colDefs = this.model.getColDefs(false, this.display.showhidden); var dispType = this.display.items.toUpperCase(); if (dispType == "BYITEM") { this.colIds = this._getItemsById(); } else if (dispType == "INCRI") { // in criteria this.colIds = this._getItemsInCriteria(); } else if (dispType == "BYCAT") { // by category this.colIds = this._getItemsByCategoryId(colDefs); } else if (dispType == "BYGP") { // by grading period this.colIds = this._getItemsByGradingPeriodId(colDefs); } else if (dispType == "ALLITEM") { this.colIds = this._getAllItems(colDefs); } else if (dispType == "IVS") { this.colIds = this._getItemsByVisibilityToStudents(colDefs, true); } else if (dispType == "INVS") { this.colIds = this._getItemsByVisibilityToStudents(colDefs, false); } else if (dispType == "NOITEM") { this.colIds = []; } }, _getItemsById : function() { return this.display.unAliasedIds; }, _getItemsInCriteria : function() { var itemIds = []; // get items that are used in criteria; which are in aliases for ( var i = 0, len = this.aliases.length; i < len; i++) { if (this.aliases[i].key.startsWith('I_')) { itemIds.push(this.aliases[i].val); } } return itemIds; }, _getItemsByCategoryId : function(colDefs) { var itemIds = []; // get items that have category id in display.ids for ( var i = 0, len = colDefs.length; i < len; i++) { if (this.display.unAliasedIds.indexOf(colDefs[i].catid) != -1) { itemIds.push(colDefs[i].id); } } return itemIds; }, _getItemsByGradingPeriodId : function(colDefs) { var itemIds = []; // get items that have grading period id in display.ids for ( var i = 0, len = colDefs.length; i < len; i++) { if (this.display.unAliasedIds.indexOf(colDefs[i].gpid) != -1) { itemIds.push(colDefs[i].id); } } return itemIds; }, _getItemsByVisibilityToStudents : function(colDefs, vis) { var itemIds = []; // get items that have grading period id in display.ids for ( var i = 0, len = colDefs.length; i < len; i++) { if (colDefs[i].vis == vis) { itemIds.push(colDefs[i].id); } } return itemIds; }, _getAllItems : function(colDefs) { var itemIds = []; for ( var i = 0, len = colDefs.length; i < len; i++) { itemIds.push(colDefs[i].id); } return itemIds; }, _evaluateStatus : function() { var i, len, id; if (this.students.userIds && this.students.userIds[0] == "all") { var showstuhidden = this.students.showstuhidden; var modelStudents = this.model.getStudents(showstuhidden); for (i = 0, len = modelStudents.length; i < len; i++) { this.userIds.push(modelStudents[i].id); } } else if (this.students.userIds) { var uids = this.students.userIds; for (i = 0, len = uids.length; i < len; i++) { id = this.aliasMap[uids[i]]; if (!id) { throw 'missing alias'; } this.userIds.push(id); } } else if (this.students.groupIds) { var groupIds = []; for (i = 0, len = this.students.groupIds.length; i < len; i++) { id = this.aliasMap[this.students.groupIds[i]]; if (!id) { throw 'missing alias'; } groupIds.push(id); } var getUserIdsByGroupIdsFunc = this.model._getUserIdsByGroupIds.bind(this.model); this.userIds = getUserIdsByGroupIdsFunc(groupIds); } else { throw 'no userIds or groupIds in smart view'; } var colDefs = this.model.getColDefs(false, this.display.showhidden); this.colIds = []; var catid; if (this.model.categoryFilter) { var cf = this.model.categoryFilter; catid = cf.startsWith('c_') ? cf.substr(2, cf.length - 2) : cf; } else if (this.category == 'c_all') { catid = 'all'; } else { catid = this.aliasMap[this.category]; } for (i = 0, len = colDefs.length; i < len; i++) { if (colDefs[i].catid == catid || catid == "all" && colDefs[i].isGrade()) { this.colIds.push(colDefs[i].id); } } var filterType; if (this.model.statusFilter) { var sf = this.model.statusFilter; filterType = sf.startsWith('stat_') ? sf.substr(5, sf.length - 5) : sf; } else { filterType = this.display.items; } if (filterType == "ALL") { return; // no filtering needed } if (this.colIds.length === 0) { this.userIds = []; return; } var rowFlags = []; var colFlags = []; var temp_userIds = []; var temp_colIds = []; var r, c, rlen, clen; for (r = 0, len = this.userIds.length; r < len; r++) { rowFlags.push(false); } for (c = 0, len = this.colIds.length; c < len; c++) { colFlags.push(false); } // evaluate filter to determine which user/col to include. for (r = 0, rlen = this.userIds.length; r < rlen; r++) { var row = this.model.getRowByUserId(this.userIds[r]); for (c = 0, clen = this.colIds.length; c < clen; c++) { var colIndex = this.model.colDefMap[this.colIds[c]]; var colDef = this.model.colDefs[colIndex]; var grade = this._getGrade(row, colDef); if (grade.passesFilter(filterType)) { if (!rowFlags[r]) { rowFlags[r] = true; temp_userIds.push(this.userIds[r]); } if (!colFlags[c]) { colFlags[c] = true; temp_colIds.push(this.colIds[c]); } } } } this.userIds = temp_userIds; this.colIds = temp_colIds; }, _getGrade : function(row, colDef) { var colIndex = this.model.colDefMap[colDef.id]; var data = row[colIndex]; if (!data.metaData) { data.metaData = row[0]; } if (!data.colDef) { data.colDef = colDef; } if (!this.gridCell) { this.gridCell = new Gradebook.GridCell(); } this.gridCell.setData(data); return this.gridCell; }, _evaluateBasic : function() { var i, len; if (this.students.userIds && this.students.userIds[0] != "all") { var uids = this.students.userIds; for (i = 0, len = uids.length; i < len; i++) { var id = this.aliasMap[uids[i]]; if (!id) { throw 'missing alias'; } this.userIds.push(id); } } else { // all students var showstuhidden = this.students.showstuhidden; var modelStudents = this.model.getStudents(showstuhidden); for (i = 0, len = modelStudents.length; i < len; i++) { this.userIds.push(modelStudents[i].id); } } }, _evaluateAdvanced : function() { var i, len; // lazily compute postfix formula & criteriaMap if (!this.postFixFormula) { this.postFixFormula = this.infix2postfix(this.formula); } if (!this.criteriaMap) { this.criteriaMap = []; for (i = 0, len = this.criteria.length; i < len; i++) { this.criteriaMap[this.criteria[i].fid] = i; } } // test each row and add to userIds if it passes formula var rows = this.model.rows; for (i = 0, len = rows.length; i < len; i++) { if (this._evaluateFormulaForRow(rows[i])) { this.userIds.push(rows[i][0].uid); } } }, _evaluateFormulaForRow : function(row) { // only one criteria in formula if (this.postFixFormula.length == 1) { return this._evalCriteria(this.postFixFormula[0], row); } // evaluate postfix formula: // * push non-operators on stack // * when operators are encountered: // pop two operands off stack // evaluate operands (criteria) // apply operator to the two evaluated operands // store result on stack // * pop & return final result var stack = []; for ( var i = 0, len = this.postFixFormula.length; i < len; i++) { var tok = this.postFixFormula[i]; switch (tok) { case "AND": case "OR": if (stack.length < 2) { throw (this.model.getMessage('custViewStackEmptyMsg') + tok); } var op2 = stack.pop(); var op1 = stack.pop(); var firstValue = op1; if (typeof (op1) == 'string') { firstValue = this._evalCriteria(op1, row); } var secondValue = op2; if (typeof (op2) == 'string') { secondValue = this._evalCriteria(op2, row); } if (tok == "AND") { stack.push((firstValue && secondValue)); } else if (tok == "OR") { stack.push((firstValue || secondValue)); } break; default: stack.push(tok); break; } } if (stack.length != 1) { throw this.model.getMessage('custViewUnableToEvaluateMsg'); } else { return stack.pop(); } }, _getAliasOrId : function(id) { if (id.startsWith('I_') || id.startsWith('c_') || id.startsWith('gp_') || id.startsWith('gr_') || id.startsWith('st_')) { return this.aliasMap[id]; } else { return id; } }, _evalCriteria : function(fid, row) { // look up criteria by fid var crit = this.criteria[this.criteriaMap[fid]]; var colId = this._getAliasOrId(crit.cid); if (!colId) { throw 'missing alias'; } var colDefMap = this.model.colDefMap; var colIdx = colDefMap[colId]; if (colId == 'SV' || colId == 'GM') { colIdx = 0; } if (colIdx === undefined || colIdx === null) { throw 'missing alias'; } var colDef = this.model.colDefs[colIdx]; var gridCell = this._getGrade(row, colDef); var evalFunc = this._getEvalCriteriaFunc(crit); return evalFunc(crit, gridCell); }, _evalAvailableCriteria : function(crit, gridCell) { var avail = (gridCell.isAvailable()) ? "A" : "U"; return crit.value == avail; }, _evalStatusCriteria : function(crit, gridCell) { return gridCell.passesFilter(crit.value); }, _evalStudentVisibleCriteria : function(crit, gridCell) { var avail = (gridCell.isHidden()) ? "H" : "V"; return crit.value == avail; }, _evalGroupMembershipCriteria : function(crit, gridCell) { // There may be 1 or more values passed. We allow multiple selection of Groups var result = (crit.cond == "eq") ? false : true; var groupNames = crit.value.split(","); for ( var i = 0, len = groupNames.length; i < len; i++) { var groupId = this.aliasMap[groupNames[i]]; if (!groupId) { throw 'missing alias'; } var userId = gridCell.getUserId(); var inGroup = this._userIsInGroup(userId, groupId); result = ((crit.cond == "eq") ? result || inGroup : result && !inGroup); } return result; }, _evalLastAccessedCriteria : function(crit, gridCell) { var cellVal = new Date(gridCell.getValue()).getTime(); if (crit.cond == "eq") { var numMSecPerDay = 1000 * 60 * 60 * 24; var v1 = parseInt(cellVal / numMSecPerDay, 10); var v2 = parseInt(crit.value / numMSecPerDay, 10); return (v1 == v2); } else if (crit.cond == "be") { return (cellVal < crit.value); } else if (crit.cond == "af") { return (cellVal > crit.value); } }, _defaultEvalCriteria : function(crit, gridCell) { var cellVal = gridCell.getValue(); var critVal; var isSchemaCIC = gridCell.colDef.primarySchema instanceof Gradebook.CompleteIncompleteSchema; //the customView with Complete/Incomplete Schema takes null/empty grades as Incomplete // LRN-49079 cells with manually overridden grades are also considered in a graded status if ( !isSchemaCIC && ( gridCell.attemptInProgress() || gridCell.needsGrading() || ( gridCell.isGrade() && !gridCell.isGraded() ) || gridCell.isExempt() ) ) { return false; } var operator = crit.cond; // '-' will end up NaN if ( crit.value != '-') { critVal = gridCell.colDef.getRawValue( crit.value ); } else { critVal = '-'; } if (this._isNumber(cellVal) && this._isNumber(critVal) && crit.ctype != 'st') { var dblCellVal = this._toNumber(cellVal); var dblCritVal = this._toNumber(critVal); var dblCritVal2 = crit.value2 ? this._toNumber(gridCell.colDef.getRawValue(crit.value2)) : 0; if (operator == "eq") { return (dblCellVal == dblCritVal); } else if (operator == "neq") { return (dblCellVal != dblCritVal); } else if (operator == "gt") { return (dblCellVal > dblCritVal); } else if (operator == "lt") { return (dblCellVal < dblCritVal); } else if (operator == "le") { return (dblCellVal <= dblCritVal); } else if (operator == "ge") { return (dblCellVal >= dblCritVal); } else if (operator == "bet") { return ((dblCritVal <= dblCellVal) && (dblCellVal <= dblCritVal2)); } } else if ( typeof (critVal) == "string" ) { var cellTextValue = gridCell.getTextValue(); //if data.tv is not empty if ( cellTextValue != '-' && cellTextValue !== undefined && cellTextValue !== null && typeof ( cellTextValue ) == "string") { // replace gridCell.getValue() with gridCell.getTextValue() cellVal = cellTextValue.toUpperCase(); } else { // LRN-46192 gridCell.tv is undefined for username, lastname, firstname and studentid columns, so use gridCell.v instead cellVal = cellVal.toUpperCase(); } critVal = critVal.toUpperCase(); if (operator == "eq") { if ( isSchemaCIC ) { var gradeNotEmpty = cellTextValue != '-' && cellTextValue.length > 0 ; cellVal= gradeNotEmpty ? "C" : "IC"; } return (cellVal == critVal); } else if (operator == "neq") { return (cellVal != critVal); } else if (operator == "bw") { return (cellVal.startsWith(critVal)); } else if (operator == "con") { return (cellVal.indexOf(critVal) != -1); } } else { throw (this.model.getMessage('custViewDataTypeMismatchMsg') + ' ' + crit.fid); } }, _getEvalCriteriaFunc : function(crit) { if (!this.evalCriteriaFuncMap) { this.evalCriteriaFuncMap = []; this.evalCriteriaFuncMap.AV = this._evalAvailableCriteria.bind(this); this.evalCriteriaFuncMap.SV = this._evalStudentVisibleCriteria.bind(this); this.evalCriteriaFuncMap.LA = this._evalLastAccessedCriteria.bind(this); this.evalCriteriaFuncMap.GM = this._evalGroupMembershipCriteria.bind(this); } var func = this.evalCriteriaFuncMap[crit.cid]; if (!func) { if (crit.cond == 'se' ) { func = this._evalStatusCriteria.bind(this); } else { func = this._defaultEvalCriteria.bind(this); } } return func; }, _userIsInGroup : function(userId, groupId) { userId = Number(userId); var groups = this.model.groups; for ( var i = 0, len = groups.length; i < len; i++) { if (groups[i].id == groupId) { return (groups[i].uids.indexOf(userId) != -1); } } return false; }, getValidationError : function(f, criteriaLst) { try { var postFix = this.infix2postfix(f, criteriaLst); return null; } catch (e) { return e; } }, infix2postfix : function(formula, criteriaLst) { var f = formula; f = f.gsub(/\(/, ' ( '); // add spaces around parens f = f.gsub(/\)/, ' ) '); // add spaces around parens var a = $w(f); // split into array var stack = []; var out = []; var tok; for ( var i = 0, len = a.length; i < len; i++) { tok = a[i].toUpperCase(); switch (tok) { case "AND": case "OR": while (this._isOperator(stack[stack.length - 1])) { out.push(stack.pop()); } stack.push(tok.toUpperCase()); break; case "(": stack.push(tok); break; case ")": var foundStart = false; while (stack.length > 0) { tok = stack.pop(); if (tok == "(") { foundStart = true; break; } else { out.push(tok); } } if (stack.length === 0 && !foundStart) { throw (this.model.getMessage('custViewMismatchedParensMsg') + ' ' + this.name); } break; default: if (criteriaLst && criteriaLst.indexOf(tok) == -1) { throw this.model.getMessage('criteriaNotFoundMsg'); } out.push(tok); break; } } while (stack.length > 0) { tok = stack.pop(); if (tok == '(') { throw (this.model.getMessage('custViewMismatchedParensMsg') + ' ' + this.name); } out.push(tok); } return out; }, _isOperator : function(s) { return (s == 'OR' || s == 'AND'); }, _isNumber : function(s) { return (isNaN(parseFloat(s)) ? false : true); }, _toNumber : function(s) { if (typeof (s) == "number") { return s; } else { var n = parseFloat(s); return n.valueOf(); } } }; Gradebook.CustomView.getFullGC = function(model) { var json = {}; json.name = model.getMessage('fullGradeCenterMsg'); json.id = 'fullGC'; json.definition = "\"searchType\":\"status\",\"category\":\"c_all\",\"students\":{\"userIds\":[\"all\"],\"showstuhidden\":false}, \"display\":{ \"items\":\"ALL\",\"showhidden\":false}"; json.aliases = []; return new Gradebook.CustomView(json, model); }; var frameset = {}; frameset.getTopFrameHeight = function() { return $('navFrame').getHeight(); }; frameset.setTopFrameHeight = function( height ) { $('navFrame').setStyle({height: height + 'px'}); frameset.onResize(); }; frameset.onResize = function(ev) { var windowHeight = document.viewport.getHeight(); var topFrameHeight = $('navFrame').getHeight(); var contentFrame = $('contentFrame'); contentFrame.hide(); contentFrame.setStyle({height: (windowHeight - topFrameHeight) + 'px'}); contentFrame.show(); }; frameset.openHelpWindow = function( helpUrl ) { var features='width=900, height=675, toolbar=yes, location=yes, menubar=yes, scrollbars=yes, status=yes, resizable=yes'; newWindow=window.open(helpUrl,'_blank',features); if(newWindow != null){ newWindow.focus(); } return false; }; var globalNavMenu = { // how long after the menu loses focus to wait, before closing it MENU_CLOSE_TIMER_INTERVAL: 1000, // the id of the timer responsible for closing the menu menuCloseTimerId : null, // the key code for the space key KEY_SPACE: 32, ACTIVE_SECTION_KEY: "globalNavMenu:activeSection", /** * Starts a timer that closes the menu after a short interval. */ initiateMenuClose : function () { globalNavMenu.menuCloseTimerId = setTimeout ( function() { globalNavMenu.toggleMenu(false); }, globalNavMenu.MENU_CLOSE_TIMER_INTERVAL ); }, /** * Called when the menu loses focus. * * @param event An onmouseout event */ menuAbandoned: function (event) { // figure out where the mouse has moved to var target = event.toElement || event.relatedTarget; // if it hasn't moved anywhere within the confines of the menu or its invoking link, // start the process of closing it if ( target && target != $("global-nav-flyout") && !target.up("#global-nav-flyout") && target != $("global-nav") && !target.up("#global-nav") ) { globalNavMenu.initiateMenuClose(); } }, /** * Called when the menu gains focus */ menuEntered: function () { // if the menu is scheduled to be closed, cancel the close if ( globalNavMenu.menuCloseTimerId ) { clearTimeout(globalNavMenu.menuCloseTimerId); globalNavMenu.menuCloseTimerId = null; } }, /** * Initialize the menu. */ init : function( toolActivityEnabled ) { // initialize the tool_service if ( toolActivityEnabled ) { top.tool_service.register ( "globalnavmenu", globalNavMenu.activityListener ); } globalNavMenu.attachEventHandlers(); }, attachEventHandlers : function () { Event.observe( window, "resize", function() { globalNavMenu.toggleMenu( false ); } ); Event.observe( window, "beforeunload", function() { globalNavMenu.toggleMenu( false ); } ); // for ie only, we invoke the menu when the link is focused, because that's the only way // to get it to open with the accesskey -- IE fires a focus event, not a click event, // when the menu's access key is pressed if ( Prototype.Browser.IE ) { $("global-nav-link").observe( "focus", globalNavMenu.onNavLinkClick ); } else { $("global-nav-link").observe( "click", globalNavMenu.onNavLinkClick ); } // watch for focus entering/exiting the menu or the menu header $("global-nav-link").observe( "mouseout", globalNavMenu.menuAbandoned ); $("global-nav-link").observe( "mouseover", globalNavMenu.menuEntered ); $("global-nav-flyout").observe( "mouseout", globalNavMenu.menuAbandoned ); $("global-nav-flyout").observe( "mouseover", globalNavMenu.menuEntered ); $("global-nav-flyout").observe( "click", welcomeOverlay.closeOverlay ); // watch for menu rail shortcut clicks $$("#global-list-tools a").each( function( shortcut ) { if ( !shortcut.onclick ) { shortcut.observe( "click", globalNavMenu.onShortcutClick ); } }); // attach event handlers to section headers $$(".accordion_toggle").each( function( sectionHeader ) { // open/close the section when its header is clicked sectionHeader.observe( "click", globalNavMenu.onSectionClick ); // watch for keyboard events on the section headers sectionHeader.observe( "keydown", function (event) { var contentArea = this.down(); var sectionId = contentArea.readAttribute( "data-section-id" ); var sectionUri = contentArea.readAttribute( "data-section-uri" ); var sectionContent = $(sectionId+'-content'); var sectionTitle = $(sectionId+'-title'); // TODO is there a more generic way to do this var key = event.keyCode; switch (key) { // open the section case Event.KEY_RETURN: case Event.KEY_RIGHT: case globalNavMenu.KEY_SPACE: if ( !sectionContent.visible() ) { globalNavMenu.openSection( sectionContent, sectionUri ); } globalNavMenu.focusFirstSectionLink(sectionContent); event.stop(); break; // move focus to the next section header case Event.KEY_DOWN: var nextToggle = sectionTitle.next(".accordion_toggle"); // if there's another section below us if ( nextToggle ) { nextToggle.focus(); } // otherwise, we're at the bottom of the section area else { $('topframe.home.label').focus(); } event.stop(); break; // focus the previous section header case Event.KEY_UP: var previousToggle = sectionTitle.previous(".accordion_toggle"); if ( previousToggle ) { previousToggle.focus(); } event.stop(); break; case Event.KEY_LEFT: // if the section is open, close it if ( sectionContent.visible() ) { globalNavMenu.closeSection( sectionContent ); } // otherwise, focus the first section in the rail else { globalNavMenu.focusFirstShortcut(); } event.stop(); break; } }); }); // attach event handlers to the bottom buttons $$(".bottom-buttons a").each( function ( bottomButton ) { // keyboard navigation for the bottom buttons bottomButton.observe( "keydown", function(event) { var key = event.keyCode; switch (key) { // down takes you to the next button over case Event.KEY_DOWN: var nextButton = this.up("li").next(); if (nextButton) nextButton.down("a").focus(); event.stop(); break; // up takes you to the previous button, or the previous section if we're already // at the leftmost extent of the button area case Event.KEY_UP: // if this is the first button, jump back up the last section if ( this == $$(".bottom-buttons a:first").first() ) { var lastSection = $$(".accordion-wrapper div.accordion_toggle:last").first(); if ( lastSection ) lastSection.focus(); } // otherwise, move to the previous button else { this.up(0).previous('li', 0).down('a', 0).focus(); } event.stop(); break; case Event.KEY_TAB: // if this is the last button, close the menu if ( this == $$(".bottom-buttons a:last").first() ) { globalNavMenu.keyboardCloseMenu(); event.stop(); } break; }; }); }); // attach event handlers to the rail shortcuts $$(".mybb-tools a").each( function( sectionHeader ) { // keyboard navigation for shortcuts sectionHeader.observe( "keydown", function( event ) { var key = event.keyCode; switch (key) { // down takes you to the next shortcut case Event.KEY_DOWN: var nextShortcut = this.up(0).next("li"); if ( nextShortcut ) nextShortcut.down("a", 0).focus(); event.stop(); break; // previous takes you to the previous shortcut case Event.KEY_UP: var previousShortcut = this.up(0).previous("li", 0); if ( previousShortcut ) previousShortcut.down("a").focus(); event.stop(); break; // right moves to the menu sections case Event.KEY_RIGHT: $$(".accordion-wrapper div:first").first().focus(); event.stop(); break; } }); }); // keyboard navigation for the menu header $("global-nav-link").observe( "keydown", function(event) { var key = event.keyCode; switch (key) { // space toggles the menu case globalNavMenu.KEY_SPACE: globalNavMenu.toggleMenu(); break; // down opens the menu case Event.KEY_DOWN: globalNavMenu.toggleMenu(true); break; // up closes the menu case Event.KEY_UP: globalNavMenu.toggleMenu(false); break; // tab focuses the first shortcut, if the menu's open case Event.KEY_TAB: if ( $("global-nav-flyout").visible() ) { globalNavMenu.focusFirstShortcut(); event.stop(); } break; } }); // keyboard navigation for the menu $("global-nav-flyout").observe( "keydown", function(event) { var key = event.keyCode; switch (key) { // escape closes the menu case Event.KEY_ESC: globalNavMenu.keyboardCloseMenu(); break; } }); }, /** * Hide/show the menu. * * @param show Whether to hide or show the menu. */ toggleMenu: function ( show, preview ) { var menu = $("global-nav-flyout"); var menuLink = $("global-nav-link"); var menuImage = $("global-toggle-img"); var isPreview = preview && "true" === preview; // if the caller didn't express a preference, toggle the menu display if ( show === undefined ) show = !menu.visible(); if ( show && !menu.visible() ) { menuLink.addClassName("active"); menu.setAttribute( 'aria-expanded', 'true'); menu.show(); menuImage.setAttribute( 'src','/images/ci/mybb/arrowUp-topnav.png' ); menuImage.setAttribute( 'alt', page.bundle.getString( "globalnav.menu.collapse" ) ); if ( !isPreview ) { UserDataDWRFacade.getStringTempScope( globalNavMenu.ACTIVE_SECTION_KEY, globalNavMenu.handleActiveSection ); globalNavMenu.resizeMenu(); } // this is an awful hack. it's here because (a) the event that open the menu goes on to steal any focus we try to apply // when the menu opens; and (b) we can't stop the event because it's used to trigger the display of the welcome overlay. // bah. setTimeout(globalNavMenu.focusFirstShortcut, 200); } else if ( menu.visible() ) { if ( !isPreview ) { globalNavMenu.saveActiveSection(); } if ( $('global-more-tools') && $('global-more-tools').visible() ) { $('global-more-tools').hide(); } menuLink.removeClassName("active"); menu.setAttribute( 'aria-expanded', 'false'); menu.hide(); menuImage.setAttribute( 'src','/images/ci/mybb/arrowDown-topnav.png' ); menuImage.setAttribute( 'alt',page.bundle.getString( "globalnav.menu.expand" ) ); } }, /** * Called when the menu link is clicked. */ onNavLinkClick : function( event ) { var preview = $("global-nav").readAttribute("data-preview") ; globalNavMenu.toggleMenu ( !$("global-nav-flyout").visible(), preview ); // note: we would like to stop propagation of this event -- it causes us focus issues -- but we // can't, because it's needed for the welcome menu overlay // need to prevent page jumping behavior on preview pages // tried javascript:void(0), href="globalNavMenu.onNavLinkClick()" but they either don't work or mess up menu closer // on some browsers. event propagation is needed on real menu. hence hack. if ( "true" === preview ) { Event.stop( event ); } }, resizeMenu : function() { var winHeight = document.viewport.getHeight(); var nav = $('global-nav-flyout'); var navOffset = nav.viewportOffset().top; // new height of the entire global nav - min( 600px, the height of the viewport - offset ) var newHeight = 600; if ( newHeight > winHeight - navOffset ) { newHeight = winHeight - navOffset; } nav.setStyle( { height: newHeight +'px' } ); // the height of all of the toggles + the bottomButtons var totalToggleHeight = $('bottomButtons' ).getHeight(); $$('#vertical_container > .accordion_toggle').each(function(e){ if ( newHeight > totalToggleHeight + e.getHeight() ) { totalToggleHeight += e.getHeight(); } }); // the height of the accordion content sections (this affects the height of the global nav) // set the accordions to fit in the remaining space var accordionContentHeight = newHeight - totalToggleHeight + "px"; $$('#vertical_container > .accordion_content').invoke('setStyle', { height: accordionContentHeight }); // resize the sideNav globalNavMenu.resizeRail(); }, resizeRail : function() { // if window has been resized with non empty more tools box, we need to redraw the box according to new viewport size // so move all shortcuts out back to shortcut list first to start over if ( $$('#global-more-tools > li').size() > 0 ) { $$('#global-more-tools > li').each( function( shortcut ) { $('global-more-link').insert( { before : shortcut } ); }); } var shortcuts = $$('#global-list-tools > li'); // more link is always hidden if ( shortcuts && shortcuts.length > 1 ) { var globalHeight = $('global-nav-flyout').getHeight(); var listHeight = $('global-list-tools').getHeight(); //if the sidenav is larger than the menu if( listHeight > globalHeight) { //resize the sidenav $('global-nav-tools').setStyle( { height : globalHeight +'px'}); $('global-more-link').show(); // start from the second to last list item (this avoids the More link, which is the last item in the list) // if the tools menu is larger than the global nav, insert the items that overflow into a separate list // a while loop? are you kidding? somebody save me from myself. var i = shortcuts.size()-2; while ( listHeight > globalHeight && i >= 0 ) { // move one shortcut to more box then remeasure sidenav height $( 'global-more-tools' ).insert( { top: shortcuts[i] } ); listHeight = $('global-list-tools').getHeight(); i--; } } if( $$('#global-more-tools > li').size() === 0 ) { $('global-more-link').hide(); } } }, drawMoreBox : function() { // need to show it first to get heights var more = $('global-more-tools'); more.show(); var items = $$('#global-more-tools > li').size(); var gridSize = Math.sqrt(items); gridSize = Math.ceil(gridSize); var item = $$('#global-more-tools li')[0]; var itemHeight = item.getHeight() + item.style.paddingTop + item.style.paddingBottom; gridSize *= itemHeight; more.setStyle({height: gridSize +'px', width: gridSize +'px'}); }, onMoreClick : function( event ) { var e = event || window.event; var eventElement = Event.element( e ); if ( eventElement.up( '.more-link' ) ) { var moreToolsBox = $('global-more-tools'); if ( !moreToolsBox.visible() ) { globalNavMenu.drawMoreBox(); } else { moreToolsBox.hide(); } } eventElement.up().toggleClassName( 'active' ); return false; }, onShortcutClick : function( event ) { var e = event || window.event; Event.stop( e ); globalNavMenu.toggleMenu ( false ); welcomeOverlay.closeOverlay(); top.frames.content.location = this.href; return false; }, onSectionClick : function( event ) { var e = event || window.event; Event.stop( e ); var contentArea = this.down(); var sectionId = contentArea.readAttribute( "data-section-id" ); var sectionUri = contentArea.readAttribute( "data-section-uri" ); var sectionContentDiv = $(sectionId+'-content'); if ( sectionContentDiv.visible() ) { globalNavMenu.closeSection ( sectionContentDiv ); } else { globalNavMenu.openSection ( sectionContentDiv, sectionUri ); } return false; }, closeSection: function ( sectionContentDiv ) { var allowCaching = "true" === sectionContentDiv.readAttribute( "data-allow-caching" ); if ( sectionContentDiv.visible() ) { // no caching allowed - wipe out contents if ( !allowCaching ) { sectionContentDiv.innerHTML = ""; } sectionContentDiv.setAttribute( 'aria-expanded', 'false' ); sectionContentDiv.setAttribute( 'aria-hidden', 'true' ); sectionContentDiv.hide(); } }, openSection: function ( sectionContentDiv, sectionUri ) { $$('.accordion_content').each( function( s ){ globalNavMenu.closeSection( s ); }); var allowCaching = "true" === sectionContentDiv.readAttribute( "data-allow-caching" ); sectionContentDiv.setAttribute( 'aria-expanded', 'true' ); sectionContentDiv.setAttribute( 'aria-hidden', 'false' ); if ( !allowCaching || sectionContentDiv.empty() ) { sectionContentDiv.addClassName("section-loading"); sectionContentDiv.show(); new Ajax.Request( sectionUri, { method: 'get', asynchronous: true, onSuccess: function(transport) { var result = transport.responseText; if ( result ) { sectionContentDiv.insert( { top: result } ); globalNavMenu.attachSectionContentEventHandlers (sectionContentDiv); globalNavMenu.focusFirstSectionLink(sectionContentDiv); } sectionContentDiv.removeClassName("section-loading"); } }); } else { sectionContentDiv.show(); } }, attachSectionContentEventHandlers: function(sectionContent) { // TBD I wonder whether we should be doing this at the menu level; or, rather, whether // we should be doing it more generically sectionContent.select("a").each ( function (anchor) { anchor.observe( "keydown", function(event) { var key = event.keyCode; var accordionContentContainer = this.up(".accordion_content"); switch (key) { case Event.KEY_LEFT: var sectionId = accordionContentContainer.readAttribute("data-section-id"); // close the accordion section and put focus on the toggle globalNavMenu.closeSection( $(sectionId + "-content") ); accordionContentContainer.previous().focus(); event.stop(); break; } }); }); }, handleActiveSection : function( sectionId ) { var sectionContentDiv = $(sectionId+"-content"); if ( sectionId.blank() || !sectionContentDiv ) { sectionContentDiv = $$("div.accordion_content").first(); } var sectionUri = sectionContentDiv.readAttribute("data-section-uri"); globalNavMenu.openSection( sectionContentDiv, sectionUri ); }, saveActiveSection : function() { var activeSectionId = null; $$('.accordion_content').each( function( s ){ if ( s.visible() ) { activeSectionId = s.readAttribute("data-section-id"); return; } }); if ( activeSectionId ) { UserDataDWRFacade.setStringTempScope( globalNavMenu.ACTIVE_SECTION_KEY, activeSectionId ); } else { UserDataDWRFacade.removeStringTempScope( globalNavMenu.ACTIVE_SECTION_KEY ); } }, updateTotalCount : function () { var total = top.tool_service.getActivityCounts().values().inject( 0, function ( acc, count ) { return acc + count; }); var globalAvatar = $("global-avatar"); // display the total, or hide the badge, depending on whether we have any activity if ( total > 0 ) { var badgeTotalElement = $("badgeTotal"); var badgeCountElement = $("badgeTotalCount"); // update the badge var badgeValue = top.tool_service.formatCount(total, top.tool_service.MAX_COUNT); badgeCountElement.innerHTML = badgeValue; badgeTotalElement.setStyle( { visibility : 'visible'} ); } else { $("badgeTotal").setStyle( { visibility : 'hidden'} ); } }, activityListener : { activityCountsUpdated : function () { if ( top.tool_service.getActivityCounts() ) { top.tool_service.getActivityCounts().each ( function ( pair ) { // if the tool has any activity, display its badge if ( pair.value > 0 ) { globalNavMenu.showToolActivityValue( pair.key, pair.value ); } // ... otherwise hide it else { globalNavMenu.removeToolActivityValue( pair.key ); } }); globalNavMenu.updateTotalCount(); } else { $("badgeTotal").setStyle( { visibility : 'hidden'} ); } }, activityCountUpdated : function ( toolId ) { var badgeValue = top.tool_service.getActivityCountForTool(toolId); if ( badgeValue && badgeValue > 0 ) { globalNavMenu.showToolActivityValue( toolId, badgeValue ); } else { globalNavMenu.removeToolActivityValue( toolId ); } globalNavMenu.updateTotalCount(); } }, // used by course section : course_menu_section.jsp goToUrl: function( targetUrl ) { // hide the menu globalNavMenu.toggleMenu( false ); // replace the entire page window.top.location.href = targetUrl; return false; }, /** * Inserts the tool activity value in the badge element. * * @param toolId The tool whose activity count we're updating * @param activityCount The activity count */ showToolActivityValue: function( toolId, activityCount ) { var badge = $(toolId + "::badge"); // update the badge if ( badge ) { var badgeValue = top.tool_service.formatCount(activityCount, top.tool_service.MAX_TOOL_COUNT); badge.innerHTML = badgeValue; badge.show(); // update hidden screen reader label to include activity data var shortcut = $(toolId + "_AXLabel"); shortcut.innerHTML = shortcut.getAttribute("data-tool-title") + " - " + page.bundle.getString("tool.activity.description"); } }, /** * Removes tool actvity values from the UI. * * @param The tool whose activity count we're updating. */ removeToolActivityValue: function( toolId ) { var badge = $(toolId + "::badge"); if ( badge ) { badge.innerHTML = ""; // necessary to prevent JAWS/IE from announcing the value, even when it's hidden: known issue with JAWS and hidden <spans> inside <a> tags badge.hide(); // wipe out screen reader label var shortcut = $(toolId + "_AXLabel"); shortcut.innerHTML = ""; } }, focusFirstShortcut: function() { var firstShortcut = $$(".mybb-tools a:first").first(); if ( firstShortcut ) { firstShortcut.focus(); } }, focusFirstSectionLink: function ( container ) { // next try to focus on the first non-hidden link var links = container.select ("a[class!='hideoff']" ); if ( links && links.length > 0 ) { $( links[ 0 ] ).focus(); } }, keyboardCloseMenu: function() { // temporarily suppress the on-focus-open behavior of IE, because we don't want the menu to pop // back open as soon as it's closed if ( Prototype.Browser.IE ) { $("global-nav-link").stopObserving( "focus", globalNavMenu.onNavLinkClick ); } globalNavMenu.toggleMenu(false); $("global-nav-link").focus(); // re-instate on-focus-open if ( Prototype.Browser.IE ) { window.setTimeout ( function() { $("global-nav-link").observe( "focus", globalNavMenu.onNavLinkClick ) }, 50 ); } } }; var BrowserSpecific = { registerListeners: function() { if( Prototype.Browser.IE ) { var inputs = $A(document.getElementsByTagName('input')); //Enter key submit handling added only for IE browser. if( inputs ) { inputs.each( function( input ) { if(input.type === 'text' && !page.util.hasClassName(input,'noFormSubmitIE')) { Event.observe( input, "keypress", this.checkEnterKeyToSubmit.bindAsEventListener( this, input ) ); } }.bind( this ) ); } } }, checkEnterKeyToSubmit: function(event, input) { //if generated character code is equal to ascii 13 (if enter key) if(event.keyCode == 13 && input.form) { var submitButtons = $(input.form).getInputs('submit'); if(submitButtons && submitButtons.size() > 0) { submitButtons.first().click(); } Event.stop(event); } else { return true; } }, // Fix FireFox bug which converts absolute links pasted into a VTBE into relative ones which // start with a variable number of "../". // https://bugzilla.mozilla.org/show_bug.cgi?id=613517 handleFirefoxPastedLinksBug: function( baseUrl, vtbeText ) { if ( !baseUrl || !vtbeText ) { return vtbeText; } if ( Prototype.Browser.Gecko ) { if( !$( baseUrl.empty() ) && !$( vtbeText.empty() ) ) { //e.g. extract out "http://localhost:80" from "http://localhost:80/webapps/Bb-wiki-BBLEARN/" // port is optional var absoluteUrlPrefix = baseUrl.match(/https?:[\d]*\/\/[^\/]+/); // e.g."../../../bbcswebdav/xid-2202_1" into "http://localhost:80/bbcswebdav/xid-2202_1" vtbeText = vtbeText.replace(/(\.\.\/)+(sessions|bbcswebdav|courses|@@)/g, absoluteUrlPrefix + "/" + "$2"); } } return vtbeText; }, disableEnterKeyInTextBoxes: function (document) { var inputs = $A(document.getElementsByTagName('input')); if( inputs ) { inputs.each ( function( input ) { //must add special className for IE textboxes if( Prototype.Browser.IE ) { input.addClassName( 'noFormSubmitIE' ); } Event.observe( input, 'keypress', this.disableEnterKey ); }.bind( this ) ); } }, disableEnterKey: function( event ) { if( event.keyCode != Event.KEY_RETURN ) { return; } Event.stop( event ); return; } };

// Provide a default path to dwr.engine if (dwr == null) var dwr = {}; if (dwr.engine == null) dwr.engine = {}; if (DWREngine == null) var DWREngine = dwr.engine; if (UserDataDWRFacade == null) var UserDataDWRFacade = {}; UserDataDWRFacade._path = '/webapps/portal/dwr_open'; UserDataDWRFacade.getStringTempScope = function(p0, callback) { dwr.engine._execute(UserDataDWRFacade._path, 'UserDataDWRFacade', 'getStringTempScope', p0, callback); } UserDataDWRFacade.removeStringTempScope = function(p0, callback) { dwr.engine._execute(UserDataDWRFacade._path, 'UserDataDWRFacade', 'removeStringTempScope', p0, callback); } UserDataDWRFacade.setStringTempScope = function(p0, p1, callback) { dwr.engine._execute(UserDataDWRFacade._path, 'UserDataDWRFacade', 'setStringTempScope', p0, p1, callback); } UserDataDWRFacade.getStringPermScope = function(p0, callback) { dwr.engine._execute(UserDataDWRFacade._path, 'UserDataDWRFacade', 'getStringPermScope', p0, callback); } UserDataDWRFacade.setStringPermScope = function(p0, p1, callback) { dwr.engine._execute(UserDataDWRFacade._path, 'UserDataDWRFacade', 'setStringPermScope', p0, p1, callback); } UserDataDWRFacade.removeStringPermScope = function(p0, callback) { dwr.engine._execute(UserDataDWRFacade._path, 'UserDataDWRFacade', 'removeStringPermScope', p0, callback); }

/** * MyBlackboard javascript library * * @since 9.1 SP10 * @author rshehadeh */ var mybb = { TOOL_LISTENER_ID : "mybb", CANVAS_ID : "mybbCanvas", TOOL_ID_SEPARATOR : "_____", /** * Set up MyBb * * @param initialToolUri The URI of the tool to display when MyBb first appears */ setup: function( initialToolUri ) { // define resizing behavior for mybb Event.observe( window, "resize", this.resizeCanvas ); // listen for messages coming in from our child tools Event.observe ( window, "message", this.handleToolMessage ); // arrange for our own dissolution Event.observe ( window, "unload", this.teardown ); // initialize the tool_service top.tool_service.register ( mybb.TOOL_LISTENER_ID, this.activityListener ); // load up the chosen tool $( mybb.CANVAS_ID ).src = initialToolUri; overflow_handler.init( "mybbListTools", mybb.getWindowHeight ); }, /** * Resize the tool canvas to reflect the current size of the browser window. */ resizeCanvas : function() { var winH = mybb.getWindowHeight(); var bbCanv = $( mybb.CANVAS_ID ); if ( bbCanv ) { bbCanv.style.height = winH - 12 + 'px'; } }, getWindowHeight : function() { var winH; if ( window.innerHeight ) { winH = window.innerHeight; } else if ( window.document.documentElement && window.document.documentElement.clientHeight ) { winH = window.document.documentElement.clientHeight; } else { winH = document.body.offsetHeight; } return winH; }, /** * Switch to the tool with the given id. * * This function also gets fresh activity data for both the previous and the newly- * selected tool. * * @selectedToolId The id of the tool we're switching to */ switchTool: function ( selectedToolId ) { var selectedTool = $(selectedToolId); var currentTool = $$('#side_nav li.active').first(); var tabs = $$( '#side_nav > ul > li' ); tabs.each( function( e ) { e.className = ''; } ); selectedTool.addClassName( 'active' ); // get the latest badge counts for both the current and selected tools if ( selectedTool.id ) { top.tool_service.getActivityDataForTool ( selectedTool.id ); } if ( currentTool.id ) { top.tool_service.getActivityDataForTool ( currentTool.id ); } // set the title of the my bb canvas to the selected tool and focus the iframe $( mybb.CANVAS_ID ).title = $( selectedToolId ).down( "a" ).title; $( mybb.CANVAS_ID ).focus(); // close the more tools menu if available and visible var myBbMoreTools = $('mybbMoreTools'); if ( myBbMoreTools && myBbMoreTools.visible() ) { myBbMoreTools.hide(); } }, /** * Get the id of the currently-selected tool. * * @return Tool id. Or undefined, if no tool is selected */ getCurrentToolId : function ( currentTool ) { var activeTool = $$('#side_nav li.active'); return activeTool ? activeTool.first().id : undefined; }, /** * Handle incoming messages from MyBb tools. * * @param event A postMessage */ handleToolMessage : function ( event ) { if ( event.data ) { // TODO make sure the origin is one of the registered tools // request to make a given tool active if( event.data.type === "switchTool" ) { var fullToolId = event.data.pluginId + mybb.TOOL_ID_SEPARATOR + event.data.toolId; var selectedTool = $(fullToolId); /* make sure that the selectedTool exists and differs from the * currently active tool before switching the active tool */ if ( selectedTool && mybb.getCurrentToolId() != fullToolId ) { mybb.switchTool ( selectedTool ); } } } }, /** * Pull MyBlackboard apart */ teardown: function () { top.tool_service.unregister (mybb.TOOL_LISTENER_ID); }, /** * Inserts the tool activity value in the badge element. * * @param toolId The tool whose activity we're showing * @param activityCount The count */ showActivityValue: function(toolId, activityCount) { var badge = $(toolId + "::badge"); if ( badge ) { // update the badge var badgeValue = top.tool_service.formatCount(activityCount, top.tool_service.MAX_TOOL_COUNT); badge.innerHTML = badgeValue; badge.show(); // update the screen reader img to include activity data var altImg = $(toolId + "_altImg"); altImg.alt = altImg.getAttribute("data-tool-title") + " - " + page.bundle.getString("mybb.tool.activity.description", badgeValue ); } }, /** * Get rid of all signs of a tool's activity count. * * @param toolId The id of the tool whose activity count is being cleared */ removeActivityValue: function( toolId ) { var badge = $(toolId + "::badge"); if ( badge ) { badge.hide(); var altImg = $(toolId + "_altImg"); altImg.alt = altImg.getAttribute("data-tool-title"); } }, /** * The listener we register for activity update events */ activityListener : { activityCountsUpdated : function () { if ( top.tool_service.getActivityCounts() ) { top.tool_service.getActivityCounts().each ( function ( pair ) { // if the tool has any activity, display its badge if ( pair.value > 0 ) { mybb.showActivityValue ( pair.key, pair.value ); } // ... otherwise hide it else { mybb.removeActivityValue ( pair.key ); } }); } }, activityCountUpdated : function ( toolId ) { var badgeValue = top.tool_service.getActivityCountForTool(toolId); if ( badgeValue && badgeValue > 0 ) { mybb.showActivityValue ( toolId, badgeValue ); } else { mybb.removeActivityValue ( toolId ); } } }, /** * Attaches events to MyBb shortcuts in the global nav menu. * * @param toolIds The ids of the shortcuts to attach events to */ attachShortcutHandler: function ( toolIds ) { // a handler that de-selects all top-level tabs toolIds.each( function ( toolId ) { Event.observe ( $(toolId), "click", function () { var activeTab = top.frames.nav.$$('table#appTabList td[class=active]') ; if ( activeTab.size() ){ activeTab.first().removeClassName('active'); } }); }); } };

var welcomeOverlay = { initOverlay: function() { var welcomeOverlayTitle = $( 'welcomeOverlayHello' ); if ( welcomeOverlayTitle ) { welcomeOverlayTitle.focus(); var bodyEl = $$('body')[0]; if ( bodyEl ) { bodyEl.setStyle({ overflow: 'auto' }); } } var tooltipImg = $( 'overlayTooltipImg' ); if ( tooltipImg ) { var tooltipContent = tooltipImg.readAttribute('alt'); tooltipImg.up().insert('<span class="tooltip">' + tooltipContent + '</span>') } }, closeOverlay: function() { var overlay = $( 'welcomeOverlay' ); if ( overlay ) { var bodyEl = $$('body')[0]; if ( bodyEl ) { bodyEl.setStyle({ overflow: 'hidden' }); } overlay.hide(); $( 'welcomeOverlayMessage' ).hide(); $( 'welcomeOverlayWhatsNew' ).hide(); } } };

var ProfileAccess = (function () { var PROFILE_ACCESSOR_ATTR = 'data-profile-accessor'; var PROFILE_ID_ATTR = 'data-profile-id'; var PROFILE_CHANGED_ID_ATTR = 'data-profile-changed-id'; return Class.create({ initialize:function (urlStem, sessionRedirectUri, linkUri, socialOn, ajaxNonceKey, ajaxNonce) { this.urlStem = urlStem; this.sessionRedirectUri = sessionRedirectUri; this.linkUri = linkUri; this.socialOn = socialOn; this.ajaxNonceKey = ajaxNonceKey; this.ajaxNonce = ajaxNonce; // Watch for clicks on profile accessor Event.observe(document.body, 'click', this.onAccessClick.bindAsEventListener(this)); }, onAccessClick:function (ev) { // If the click was on an accessor, handle it. var target = $(Event.findElement(ev, 'a')); if (target && target.readAttribute(PROFILE_ACCESSOR_ATTR)) { Event.stop(ev); this.handleProfileAccess(); } }, handleProfileAccess:function () { var self = this; new Ajax.Request(this.urlStem + 'optin/isOptedIn', { method:'get', onSuccess:function (response) { var body = response.responseJSON; if (body.optIn) { self.goToProfile(); } else { // Make sure that the lightbox in the frameset gets invoked if user clicks the link in MyBb if (window === top) { self.showOptInLightbox(); } else { top.profileAccess.showOptInLightbox(); } } }, onFailure:function (response) { alert(page.bundle.getString("optin.processing.error")); window.location.reload(); } }); }, goToProfile:function () { // Find the profile accessor var accessLink = $$('['+PROFILE_ACCESSOR_ATTR+'=true]')[0]; if (accessLink) { var profileId = accessLink.readAttribute(PROFILE_ID_ATTR); if (profileId) { // did the profileId change during login? var profileLink = this.linkUri; var changedId = accessLink.readAttribute(PROFILE_CHANGED_ID_ATTR); if (changedId) { profileLink = profileLink.replace(profileId, changedId); } if (this.socialOn) { social.Profile.toggleView(social.Profile.DISPLAY_TARGET_MYBB, profileLink); } else { social.Profile.toggleView(social.Profile.DISPLAY_TARGET_WINDOW, profileLink); } } } }, showOptInLightbox:function () { var lb = new lightbox.Lightbox({ ajax:{ url:this.urlStem + 'optin/lightboxContents', defaultDimensions:{ w:640, h:480 }, useDefaultDimensionsAsMinimumSize:true } }); lb.open(); }, onChangeTosCheckbox:function () { var checkbox = $('acceptCloudTosCheckbox'); var optInButton = $('cloudTosAccept'); if (checkbox.checked) { optInButton.removeClassName('disabled'); } else { optInButton.addClassName('disabled'); } }, toggleInstitutionTos:function (ev) { var tos = $('institutionTos'); if (tos) { tos.toggle(); // Make sure the lightbox resizes to fit the content lightbox.getCurrentLightbox()._resizeAndCenterLightbox(false); } }, setLightboxProcessing:function () { var lbContent = $('cloud-tos-lightbox'); if (lbContent) { lbContent.innerHTML = '&nbsp;'; lbContent.setStyle({height: '100%'}); lbContent.addClassName('lb-loading'); } }, optOut:function () { var existingProfile = !!$('existingProfileWarning'); if (!existingProfile || confirm(page.bundle.getString("optin.decline.confirm.existing"))) { this.setLightboxProcessing(); var parameters = {}; parameters[this.ajaxNonceKey] = this.ajaxNonce; new Ajax.Request(this.urlStem + 'optin/optOut', { parameters:parameters, onSuccess:function (response) { window.location.reload(); }, onFailure:function (response) { alert(page.bundle.getString("optin.processing.error")); window.location.reload(); } }); } }, optIn:function () { var self = this; var optInButton = $('cloudTosAccept'); if (!optInButton.hasClassName('disabled')) { this.setLightboxProcessing(); var parameters = {}; parameters[this.ajaxNonceKey] = this.ajaxNonce; new Ajax.Request(this.urlStem + 'optin/optIn', { parameters:parameters, onSuccess:function (response) { var body = response.responseJSON; if (!body) { alert(page.bundle.getString("optin.processing.error")); window.location.reload(); } else { var sessionForm = $('optInSessionForm'); sessionForm.target = '_top'; sessionForm.action = self.sessionRedirectUri; sessionForm.token.value = body.token; sessionForm.ts.value = body.ts; sessionForm.n.value = body.n; sessionForm.cs.value = body.cs; sessionForm.sig.value = body.sig; sessionForm.dest.value = body.dest; sessionForm.submit(); } }, onFailure:function (response) { alert(page.bundle.getString("optin.processing.error")); window.location.reload(); } }); } } }); }());

// script.aculo.us builder.js v1.9.0, Thu Dec 23 16:54:48 -0500 2010 // Copyright (c) 2005-2010 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) // // script.aculo.us is freely distributable under the terms of an MIT-style license. // For details, see the script.aculo.us web site: http://script.aculo.us/ var Builder = { NODEMAP: { AREA: 'map', CAPTION: 'table', COL: 'table', COLGROUP: 'table', LEGEND: 'fieldset', OPTGROUP: 'select', OPTION: 'select', PARAM: 'object', TBODY: 'table', TD: 'table', TFOOT: 'table', TH: 'table', THEAD: 'table', TR: 'table' }, // note: For Firefox < 1.5, OPTION and OPTGROUP tags are currently broken, // due to a Firefox bug node: function(elementName) { elementName = elementName.toUpperCase(); // try innerHTML approach var parentTag = this.NODEMAP[elementName] || 'div'; var parentElement = document.createElement(parentTag); try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707 parentElement.innerHTML = "<" + elementName + "></" + elementName + ">"; } catch(e) {} var element = parentElement.firstChild || null; // see if browser added wrapping tags if(element && (element.tagName.toUpperCase() != elementName)) element = element.getElementsByTagName(elementName)[0]; // fallback to createElement approach if(!element) element = document.createElement(elementName); // abort if nothing could be created if(!element) return; // attributes (or text) if(arguments[1]) if(this._isStringOrNumber(arguments[1]) || (arguments[1] instanceof Array) || arguments[1].tagName) { this._children(element, arguments[1]); } else { var attrs = this._attributes(arguments[1]); if(attrs.length) { try { // prevent IE "feature": http://dev.rubyonrails.org/ticket/2707 parentElement.innerHTML = "<" +elementName + " " + attrs + "></" + elementName + ">"; } catch(e) {} element = parentElement.firstChild || null; // workaround firefox 1.0.X bug if(!element) { element = document.createElement(elementName); for(attr in arguments[1]) element[attr == 'class' ? 'className' : attr] = arguments[1][attr]; } if(element.tagName.toUpperCase() != elementName) element = parentElement.getElementsByTagName(elementName)[0]; } } // text, or array of children if(arguments[2]) this._children(element, arguments[2]); return $(element); }, _text: function(text) { return document.createTextNode(text); }, ATTR_MAP: { 'className': 'class', 'htmlFor': 'for' }, _attributes: function(attributes) { var attrs = []; for(attribute in attributes) attrs.push((attribute in this.ATTR_MAP ? this.ATTR_MAP[attribute] : attribute) + '="' + attributes[attribute].toString().escapeHTML().gsub(/"/,'&quot;') + '"'); return attrs.join(" "); }, _children: function(element, children) { if(children.tagName) { element.appendChild(children); return; } if(typeof children=='object') { // array can hold nodes and text children.flatten().each( function(e) { if(typeof e=='object') element.appendChild(e); else if(Builder._isStringOrNumber(e)) element.appendChild(Builder._text(e)); }); } else if(Builder._isStringOrNumber(children)) element.appendChild(Builder._text(children)); }, _isStringOrNumber: function(param) { return(typeof param=='string' || typeof param=='number'); }, build: function(html) { var element = this.node('div'); $(element).update(html.strip()); return element.down(); }, dump: function(scope) { if(typeof scope != 'object' && typeof scope != 'function') scope = window; //global scope var tags = ("A ABBR ACRONYM ADDRESS APPLET AREA B BASE BASEFONT BDO BIG BLOCKQUOTE BODY " + "BR BUTTON CAPTION CENTER CITE CODE COL COLGROUP DD DEL DFN DIR DIV DL DT EM FIELDSET " + "FONT FORM FRAME FRAMESET H1 H2 H3 H4 H5 H6 HEAD HR HTML I IFRAME IMG INPUT INS ISINDEX "+ "KBD LABEL LEGEND LI LINK MAP MENU META NOFRAMES NOSCRIPT OBJECT OL OPTGROUP OPTION P "+ "PARAM PRE Q S SAMP SCRIPT SELECT SMALL SPAN STRIKE STRONG STYLE SUB SUP TABLE TBODY TD "+ "TEXTAREA TFOOT TH THEAD TITLE TR TT U UL VAR").split(/\s+/); tags.each( function(tag){ scope[tag] = function() { return Builder.node.apply(Builder, [tag].concat($A(arguments))); }; }); } };// script.aculo.us effects.js v1.9.0, Thu Dec 23 16:54:48 -0500 2010 // Copyright (c) 2005-2010 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) // Contributors: // Justin Palmer (http://encytemedia.com/) // Mark Pilgrim (http://diveintomark.org/) // Martin Bialasinki // // script.aculo.us is freely distributable under the terms of an MIT-style license. // For details, see the script.aculo.us web site: http://script.aculo.us/ // converts rgb() and #xxx to #xxxxxx format, // returns self (or first argument) if not convertable String.prototype.parseColor = function() { var color = '#'; if (this.slice(0,4) == 'rgb(') { var cols = this.slice(4,this.length-1).split(','); var i=0; do { color += parseInt(cols[i]).toColorPart() } while (++i<3); } else { if (this.slice(0,1) == '#') { if (this.length==4) for(var i=1;i<4;i++) color += (this.charAt(i) + this.charAt(i)).toLowerCase(); if (this.length==7) color = this.toLowerCase(); } } return (color.length==7 ? color : (arguments[0] || this)); }; /*--------------------------------------------------------------------------*/ Element.collectTextNodes = function(element) { return $A($(element).childNodes).collect( function(node) { return (node.nodeType==3 ? node.nodeValue : (node.hasChildNodes() ? Element.collectTextNodes(node) : '')); }).flatten().join(''); }; Element.collectTextNodesIgnoreClass = function(element, className) { return $A($(element).childNodes).collect( function(node) { return (node.nodeType==3 ? node.nodeValue : ((node.hasChildNodes() && !Element.hasClassName(node,className)) ? Element.collectTextNodesIgnoreClass(node, className) : '')); }).flatten().join(''); }; Element.setContentZoom = function(element, percent) { element = $(element); element.setStyle({fontSize: (percent/100) + 'em'}); if (Prototype.Browser.WebKit) window.scrollBy(0,0); return element; }; Element.getInlineOpacity = function(element){ return $(element).style.opacity || ''; }; Element.forceRerendering = function(element) { try { element = $(element); var n = document.createTextNode(' '); element.appendChild(n); element.removeChild(n); } catch(e) { } }; /*--------------------------------------------------------------------------*/ var Effect = { _elementDoesNotExistError: { name: 'ElementDoesNotExistError', message: 'The specified DOM element does not exist, but is required for this effect to operate' }, Transitions: { linear: Prototype.K, sinoidal: function(pos) { return (-Math.cos(pos*Math.PI)/2) + .5; }, reverse: function(pos) { return 1-pos; }, flicker: function(pos) { var pos = ((-Math.cos(pos*Math.PI)/4) + .75) + Math.random()/4; return pos > 1 ? 1 : pos; }, wobble: function(pos) { return (-Math.cos(pos*Math.PI*(9*pos))/2) + .5; }, pulse: function(pos, pulses) { return (-Math.cos((pos*((pulses||5)-.5)*2)*Math.PI)/2) + .5; }, spring: function(pos) { return 1 - (Math.cos(pos * 4.5 * Math.PI) * Math.exp(-pos * 6)); }, none: function(pos) { return 0; }, full: function(pos) { return 1; } }, DefaultOptions: { duration: 1.0, // seconds fps: 100, // 100= assume 66fps max. sync: false, // true for combining from: 0.0, to: 1.0, delay: 0.0, queue: 'parallel' }, tagifyText: function(element) { var tagifyStyle = 'position:relative'; if (Prototype.Browser.IE) tagifyStyle += ';zoom:1'; element = $(element); $A(element.childNodes).each( function(child) { if (child.nodeType==3) { child.nodeValue.toArray().each( function(character) { element.insertBefore( new Element('span', {style: tagifyStyle}).update( character == ' ' ? String.fromCharCode(160) : character), child); }); Element.remove(child); } }); }, multiple: function(element, effect) { var elements; if (((typeof element == 'object') || Object.isFunction(element)) && (element.length)) elements = element; else elements = $(element).childNodes; var options = Object.extend({ speed: 0.1, delay: 0.0 }, arguments[2] || { }); var masterDelay = options.delay; $A(elements).each( function(element, index) { new effect(element, Object.extend(options, { delay: index * options.speed + masterDelay })); }); }, PAIRS: { 'slide': ['SlideDown','SlideUp'], 'blind': ['BlindDown','BlindUp'], 'appear': ['Appear','Fade'] }, toggle: function(element, effect, options) { element = $(element); effect = (effect || 'appear').toLowerCase(); return Effect[ Effect.PAIRS[ effect ][ element.visible() ? 1 : 0 ] ](element, Object.extend({ queue: { position:'end', scope:(element.id || 'global'), limit: 1 } }, options || {})); } }; Effect.DefaultOptions.transition = Effect.Transitions.sinoidal; /* ------------- core effects ------------- */ Effect.ScopedQueue = Class.create(Enumerable, { initialize: function() { this.effects = []; this.interval = null; }, _each: function(iterator) { this.effects._each(iterator); }, add: function(effect) { var timestamp = new Date().getTime(); var position = Object.isString(effect.options.queue) ? effect.options.queue : effect.options.queue.position; switch(position) { case 'front': // move unstarted effects after this effect this.effects.findAll(function(e){ return e.state=='idle' }).each( function(e) { e.startOn += effect.finishOn; e.finishOn += effect.finishOn; }); break; case 'with-last': timestamp = this.effects.pluck('startOn').max() || timestamp; break; case 'end': // start effect after last queued effect has finished timestamp = this.effects.pluck('finishOn').max() || timestamp; break; } effect.startOn += timestamp; effect.finishOn += timestamp; if (!effect.options.queue.limit || (this.effects.length < effect.options.queue.limit)) this.effects.push(effect); if (!this.interval) this.interval = setInterval(this.loop.bind(this), 15); }, remove: function(effect) { this.effects = this.effects.reject(function(e) { return e==effect }); if (this.effects.length == 0) { clearInterval(this.interval); this.interval = null; } }, loop: function() { var timePos = new Date().getTime(); for(var i=0, len=this.effects.length;i<len;i++) this.effects[i] && this.effects[i].loop(timePos); } }); Effect.Queues = { instances: $H(), get: function(queueName) { if (!Object.isString(queueName)) return queueName; return this.instances.get(queueName) || this.instances.set(queueName, new Effect.ScopedQueue()); } }; Effect.Queue = Effect.Queues.get('global'); Effect.Base = Class.create({ position: null, start: function(options) { if (options && options.transition === false) options.transition = Effect.Transitions.linear; this.options = Object.extend(Object.extend({ },Effect.DefaultOptions), options || { }); this.currentFrame = 0; this.state = 'idle'; this.startOn = this.options.delay*1000; this.finishOn = this.startOn+(this.options.duration*1000); this.fromToDelta = this.options.to-this.options.from; this.totalTime = this.finishOn-this.startOn; this.totalFrames = this.options.fps*this.options.duration; this.render = (function() { function dispatch(effect, eventName) { if (effect.options[eventName + 'Internal']) effect.options[eventName + 'Internal'](effect); if (effect.options[eventName]) effect.options[eventName](effect); } return function(pos) { if (this.state === "idle") { this.state = "running"; dispatch(this, 'beforeSetup'); if (this.setup) this.setup(); dispatch(this, 'afterSetup'); } if (this.state === "running") { pos = (this.options.transition(pos) * this.fromToDelta) + this.options.from; this.position = pos; dispatch(this, 'beforeUpdate'); if (this.update) this.update(pos); dispatch(this, 'afterUpdate'); } }; })(); this.event('beforeStart'); if (!this.options.sync) Effect.Queues.get(Object.isString(this.options.queue) ? 'global' : this.options.queue.scope).add(this); }, loop: function(timePos) { if (timePos >= this.startOn) { if (timePos >= this.finishOn) { this.render(1.0); this.cancel(); this.event('beforeFinish'); if (this.finish) this.finish(); this.event('afterFinish'); return; } var pos = (timePos - this.startOn) / this.totalTime, frame = (pos * this.totalFrames).round(); if (frame > this.currentFrame) { this.render(pos); this.currentFrame = frame; } } }, cancel: function() { if (!this.options.sync) Effect.Queues.get(Object.isString(this.options.queue) ? 'global' : this.options.queue.scope).remove(this); this.state = 'finished'; }, event: function(eventName) { if (this.options[eventName + 'Internal']) this.options[eventName + 'Internal'](this); if (this.options[eventName]) this.options[eventName](this); }, inspect: function() { var data = $H(); for(property in this) if (!Object.isFunction(this[property])) data.set(property, this[property]); return '#<Effect:' + data.inspect() + ',options:' + $H(this.options).inspect() + '>'; } }); Effect.Parallel = Class.create(Effect.Base, { initialize: function(effects) { this.effects = effects || []; this.start(arguments[1]); }, update: function(position) { this.effects.invoke('render', position); }, finish: function(position) { this.effects.each( function(effect) { effect.render(1.0); effect.cancel(); effect.event('beforeFinish'); if (effect.finish) effect.finish(position); effect.event('afterFinish'); }); } }); Effect.Tween = Class.create(Effect.Base, { initialize: function(object, from, to) { object = Object.isString(object) ? $(object) : object; var args = $A(arguments), method = args.last(), options = args.length == 5 ? args[3] : null; this.method = Object.isFunction(method) ? method.bind(object) : Object.isFunction(object[method]) ? object[method].bind(object) : function(value) { object[method] = value }; this.start(Object.extend({ from: from, to: to }, options || { })); }, update: function(position) { this.method(position); } }); Effect.Event = Class.create(Effect.Base, { initialize: function() { this.start(Object.extend({ duration: 0 }, arguments[0] || { })); }, update: Prototype.emptyFunction }); Effect.Opacity = Class.create(Effect.Base, { initialize: function(element) { this.element = $(element); if (!this.element) throw(Effect._elementDoesNotExistError); // make this work on IE on elements without 'layout' if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout)) this.element.setStyle({zoom: 1}); var options = Object.extend({ from: this.element.getOpacity() || 0.0, to: 1.0 }, arguments[1] || { }); this.start(options); }, update: function(position) { this.element.setOpacity(position); } }); Effect.Move = Class.create(Effect.Base, { initialize: function(element) { this.element = $(element); if (!this.element) throw(Effect._elementDoesNotExistError); var options = Object.extend({ x: 0, y: 0, mode: 'relative' }, arguments[1] || { }); this.start(options); }, setup: function() { this.element.makePositioned(); this.originalLeft = parseFloat(this.element.getStyle('left') || '0'); this.originalTop = parseFloat(this.element.getStyle('top') || '0'); if (this.options.mode == 'absolute') { this.options.x = this.options.x - this.originalLeft; this.options.y = this.options.y - this.originalTop; } }, update: function(position) { this.element.setStyle({ left: (this.options.x * position + this.originalLeft).round() + 'px', top: (this.options.y * position + this.originalTop).round() + 'px' }); } }); // for backwards compatibility Effect.MoveBy = function(element, toTop, toLeft) { return new Effect.Move(element, Object.extend({ x: toLeft, y: toTop }, arguments[3] || { })); }; Effect.Scale = Class.create(Effect.Base, { initialize: function(element, percent) { this.element = $(element); if (!this.element) throw(Effect._elementDoesNotExistError); var options = Object.extend({ scaleX: true, scaleY: true, scaleContent: true, scaleFromCenter: false, scaleMode: 'box', // 'box' or 'contents' or { } with provided values scaleFrom: 100.0, scaleTo: percent }, arguments[2] || { }); this.start(options); }, setup: function() { this.restoreAfterFinish = this.options.restoreAfterFinish || false; this.elementPositioning = this.element.getStyle('position'); this.originalStyle = { }; ['top','left','width','height','fontSize'].each( function(k) { this.originalStyle[k] = this.element.style[k]; }.bind(this)); this.originalTop = this.element.offsetTop; this.originalLeft = this.element.offsetLeft; var fontSize = this.element.getStyle('font-size') || '100%'; ['em','px','%','pt'].each( function(fontSizeType) { if (fontSize.indexOf(fontSizeType)>0) { this.fontSize = parseFloat(fontSize); this.fontSizeType = fontSizeType; } }.bind(this)); this.factor = (this.options.scaleTo - this.options.scaleFrom)/100; this.dims = null; if (this.options.scaleMode=='box') this.dims = [this.element.offsetHeight, this.element.offsetWidth]; if (/^content/.test(this.options.scaleMode)) this.dims = [this.element.scrollHeight, this.element.scrollWidth]; if (!this.dims) this.dims = [this.options.scaleMode.originalHeight, this.options.scaleMode.originalWidth]; }, update: function(position) { var currentScale = (this.options.scaleFrom/100.0) + (this.factor * position); if (this.options.scaleContent && this.fontSize) this.element.setStyle({fontSize: this.fontSize * currentScale + this.fontSizeType }); this.setDimensions(this.dims[0] * currentScale, this.dims[1] * currentScale); }, finish: function(position) { if (this.restoreAfterFinish) this.element.setStyle(this.originalStyle); }, setDimensions: function(height, width) { var d = { }; if (this.options.scaleX) d.width = width.round() + 'px'; if (this.options.scaleY) d.height = height.round() + 'px'; if (this.options.scaleFromCenter) { var topd = (height - this.dims[0])/2; var leftd = (width - this.dims[1])/2; if (this.elementPositioning == 'absolute') { if (this.options.scaleY) d.top = this.originalTop-topd + 'px'; if (this.options.scaleX) d.left = this.originalLeft-leftd + 'px'; } else { if (this.options.scaleY) d.top = -topd + 'px'; if (this.options.scaleX) d.left = -leftd + 'px'; } } this.element.setStyle(d); } }); Effect.Highlight = Class.create(Effect.Base, { initialize: function(element) { this.element = $(element); if (!this.element) throw(Effect._elementDoesNotExistError); var options = Object.extend({ startcolor: '#ffff99' }, arguments[1] || { }); this.start(options); }, setup: function() { // Prevent executing on elements not in the layout flow if (this.element.getStyle('display')=='none') { this.cancel(); return; } // Disable background image during the effect this.oldStyle = { }; if (!this.options.keepBackgroundImage) { this.oldStyle.backgroundImage = this.element.getStyle('background-image'); this.element.setStyle({backgroundImage: 'none'}); } if (!this.options.endcolor) this.options.endcolor = this.element.getStyle('background-color').parseColor('#ffffff'); if (!this.options.restorecolor) this.options.restorecolor = this.element.getStyle('background-color'); // init color calculations this._base = $R(0,2).map(function(i){ return parseInt(this.options.startcolor.slice(i*2+1,i*2+3),16) }.bind(this)); this._delta = $R(0,2).map(function(i){ return parseInt(this.options.endcolor.slice(i*2+1,i*2+3),16)-this._base[i] }.bind(this)); }, update: function(position) { this.element.setStyle({backgroundColor: $R(0,2).inject('#',function(m,v,i){ return m+((this._base[i]+(this._delta[i]*position)).round().toColorPart()); }.bind(this)) }); }, finish: function() { this.element.setStyle(Object.extend(this.oldStyle, { backgroundColor: this.options.restorecolor })); } }); Effect.ScrollTo = function(element) { var options = arguments[1] || { }, scrollOffsets = document.viewport.getScrollOffsets(), elementOffsets = $(element).cumulativeOffset(); if (options.offset) elementOffsets[1] += options.offset; return new Effect.Tween(null, scrollOffsets.top, elementOffsets[1], options, function(p){ scrollTo(scrollOffsets.left, p.round()); } ); }; /* ------------- combination effects ------------- */ Effect.Fade = function(element) { element = $(element); var oldOpacity = element.getInlineOpacity(); var options = Object.extend({ from: element.getOpacity() || 1.0, to: 0.0, afterFinishInternal: function(effect) { if (effect.options.to!=0) return; effect.element.hide().setStyle({opacity: oldOpacity}); } }, arguments[1] || { }); return new Effect.Opacity(element,options); }; Effect.Appear = function(element) { element = $(element); var options = Object.extend({ from: (element.getStyle('display') == 'none' ? 0.0 : element.getOpacity() || 0.0), to: 1.0, // force Safari to render floated elements properly afterFinishInternal: function(effect) { effect.element.forceRerendering(); }, beforeSetup: function(effect) { effect.element.setOpacity(effect.options.from).show(); }}, arguments[1] || { }); return new Effect.Opacity(element,options); }; Effect.Puff = function(element) { element = $(element); var oldStyle = { opacity: element.getInlineOpacity(), position: element.getStyle('position'), top: element.style.top, left: element.style.left, width: element.style.width, height: element.style.height }; return new Effect.Parallel( [ new Effect.Scale(element, 200, { sync: true, scaleFromCenter: true, scaleContent: true, restoreAfterFinish: true }), new Effect.Opacity(element, { sync: true, to: 0.0 } ) ], Object.extend({ duration: 1.0, beforeSetupInternal: function(effect) { Position.absolutize(effect.effects[0].element); }, afterFinishInternal: function(effect) { effect.effects[0].element.hide().setStyle(oldStyle); } }, arguments[1] || { }) ); }; Effect.BlindUp = function(element) { element = $(element); element.makeClipping(); return new Effect.Scale(element, 0, Object.extend({ scaleContent: false, scaleX: false, restoreAfterFinish: true, afterFinishInternal: function(effect) { effect.element.hide().undoClipping(); } }, arguments[1] || { }) ); }; Effect.BlindDown = function(element) { element = $(element); var elementDimensions = element.getDimensions(); return new Effect.Scale(element, 100, Object.extend({ scaleContent: false, scaleX: false, scaleFrom: 0, scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, restoreAfterFinish: true, afterSetup: function(effect) { effect.element.makeClipping().setStyle({height: '0px'}).show(); }, afterFinishInternal: function(effect) { effect.element.undoClipping(); } }, arguments[1] || { })); }; Effect.SwitchOff = function(element) { element = $(element); var oldOpacity = element.getInlineOpacity(); return new Effect.Appear(element, Object.extend({ duration: 0.4, from: 0, transition: Effect.Transitions.flicker, afterFinishInternal: function(effect) { new Effect.Scale(effect.element, 1, { duration: 0.3, scaleFromCenter: true, scaleX: false, scaleContent: false, restoreAfterFinish: true, beforeSetup: function(effect) { effect.element.makePositioned().makeClipping(); }, afterFinishInternal: function(effect) { effect.element.hide().undoClipping().undoPositioned().setStyle({opacity: oldOpacity}); } }); } }, arguments[1] || { })); }; Effect.DropOut = function(element) { element = $(element); var oldStyle = { top: element.getStyle('top'), left: element.getStyle('left'), opacity: element.getInlineOpacity() }; return new Effect.Parallel( [ new Effect.Move(element, {x: 0, y: 100, sync: true }), new Effect.Opacity(element, { sync: true, to: 0.0 }) ], Object.extend( { duration: 0.5, beforeSetup: function(effect) { effect.effects[0].element.makePositioned(); }, afterFinishInternal: function(effect) { effect.effects[0].element.hide().undoPositioned().setStyle(oldStyle); } }, arguments[1] || { })); }; Effect.Shake = function(element) { element = $(element); var options = Object.extend({ distance: 20, duration: 0.5 }, arguments[1] || {}); var distance = parseFloat(options.distance); var split = parseFloat(options.duration) / 10.0; var oldStyle = { top: element.getStyle('top'), left: element.getStyle('left') }; return new Effect.Move(element, { x: distance, y: 0, duration: split, afterFinishInternal: function(effect) { new Effect.Move(effect.element, { x: -distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) { new Effect.Move(effect.element, { x: distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) { new Effect.Move(effect.element, { x: -distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) { new Effect.Move(effect.element, { x: distance*2, y: 0, duration: split*2, afterFinishInternal: function(effect) { new Effect.Move(effect.element, { x: -distance, y: 0, duration: split, afterFinishInternal: function(effect) { effect.element.undoPositioned().setStyle(oldStyle); }}); }}); }}); }}); }}); }}); }; Effect.SlideDown = function(element) { element = $(element).cleanWhitespace(); // SlideDown need to have the content of the element wrapped in a container element with fixed height! var oldInnerBottom = element.down().getStyle('bottom'); var elementDimensions = element.getDimensions(); return new Effect.Scale(element, 100, Object.extend({ scaleContent: false, scaleX: false, scaleFrom: window.opera ? 0 : 1, scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, restoreAfterFinish: true, afterSetup: function(effect) { effect.element.makePositioned(); effect.element.down().makePositioned(); if (window.opera) effect.element.setStyle({top: ''}); effect.element.makeClipping().setStyle({height: '0px'}).show(); }, afterUpdateInternal: function(effect) { effect.element.down().setStyle({bottom: (effect.dims[0] - effect.element.clientHeight) + 'px' }); }, afterFinishInternal: function(effect) { effect.element.undoClipping().undoPositioned(); effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom}); } }, arguments[1] || { }) ); }; Effect.SlideUp = function(element) { element = $(element).cleanWhitespace(); var oldInnerBottom = element.down().getStyle('bottom'); var elementDimensions = element.getDimensions(); return new Effect.Scale(element, window.opera ? 0 : 1, Object.extend({ scaleContent: false, scaleX: false, scaleMode: 'box', scaleFrom: 100, scaleMode: {originalHeight: elementDimensions.height, originalWidth: elementDimensions.width}, restoreAfterFinish: true, afterSetup: function(effect) { effect.element.makePositioned(); effect.element.down().makePositioned(); if (window.opera) effect.element.setStyle({top: ''}); effect.element.makeClipping().show(); }, afterUpdateInternal: function(effect) { effect.element.down().setStyle({bottom: (effect.dims[0] - effect.element.clientHeight) + 'px' }); }, afterFinishInternal: function(effect) { effect.element.hide().undoClipping().undoPositioned(); effect.element.down().undoPositioned().setStyle({bottom: oldInnerBottom}); } }, arguments[1] || { }) ); }; // Bug in opera makes the TD containing this element expand for a instance after finish Effect.Squish = function(element) { return new Effect.Scale(element, window.opera ? 1 : 0, { restoreAfterFinish: true, beforeSetup: function(effect) { effect.element.makeClipping(); }, afterFinishInternal: function(effect) { effect.element.hide().undoClipping(); } }); }; Effect.Grow = function(element) { element = $(element); var options = Object.extend({ direction: 'center', moveTransition: Effect.Transitions.sinoidal, scaleTransition: Effect.Transitions.sinoidal, opacityTransition: Effect.Transitions.full }, arguments[1] || { }); var oldStyle = { top: element.style.top, left: element.style.left, height: element.style.height, width: element.style.width, opacity: element.getInlineOpacity() }; var dims = element.getDimensions(); var initialMoveX, initialMoveY; var moveX, moveY; switch (options.direction) { case 'top-left': initialMoveX = initialMoveY = moveX = moveY = 0; break; case 'top-right': initialMoveX = dims.width; initialMoveY = moveY = 0; moveX = -dims.width; break; case 'bottom-left': initialMoveX = moveX = 0; initialMoveY = dims.height; moveY = -dims.height; break; case 'bottom-right': initialMoveX = dims.width; initialMoveY = dims.height; moveX = -dims.width; moveY = -dims.height; break; case 'center': initialMoveX = dims.width / 2; initialMoveY = dims.height / 2; moveX = -dims.width / 2; moveY = -dims.height / 2; break; } return new Effect.Move(element, { x: initialMoveX, y: initialMoveY, duration: 0.01, beforeSetup: function(effect) { effect.element.hide().makeClipping().makePositioned(); }, afterFinishInternal: function(effect) { new Effect.Parallel( [ new Effect.Opacity(effect.element, { sync: true, to: 1.0, from: 0.0, transition: options.opacityTransition }), new Effect.Move(effect.element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }), new Effect.Scale(effect.element, 100, { scaleMode: { originalHeight: dims.height, originalWidth: dims.width }, sync: true, scaleFrom: window.opera ? 1 : 0, transition: options.scaleTransition, restoreAfterFinish: true}) ], Object.extend({ beforeSetup: function(effect) { effect.effects[0].element.setStyle({height: '0px'}).show(); }, afterFinishInternal: function(effect) { effect.effects[0].element.undoClipping().undoPositioned().setStyle(oldStyle); } }, options) ); } }); }; Effect.Shrink = function(element) { element = $(element); var options = Object.extend({ direction: 'center', moveTransition: Effect.Transitions.sinoidal, scaleTransition: Effect.Transitions.sinoidal, opacityTransition: Effect.Transitions.none }, arguments[1] || { }); var oldStyle = { top: element.style.top, left: element.style.left, height: element.style.height, width: element.style.width, opacity: element.getInlineOpacity() }; var dims = element.getDimensions(); var moveX, moveY; switch (options.direction) { case 'top-left': moveX = moveY = 0; break; case 'top-right': moveX = dims.width; moveY = 0; break; case 'bottom-left': moveX = 0; moveY = dims.height; break; case 'bottom-right': moveX = dims.width; moveY = dims.height; break; case 'center': moveX = dims.width / 2; moveY = dims.height / 2; break; } return new Effect.Parallel( [ new Effect.Opacity(element, { sync: true, to: 0.0, from: 1.0, transition: options.opacityTransition }), new Effect.Scale(element, window.opera ? 1 : 0, { sync: true, transition: options.scaleTransition, restoreAfterFinish: true}), new Effect.Move(element, { x: moveX, y: moveY, sync: true, transition: options.moveTransition }) ], Object.extend({ beforeStartInternal: function(effect) { effect.effects[0].element.makePositioned().makeClipping(); }, afterFinishInternal: function(effect) { effect.effects[0].element.hide().undoClipping().undoPositioned().setStyle(oldStyle); } }, options) ); }; Effect.Pulsate = function(element) { element = $(element); var options = arguments[1] || { }, oldOpacity = element.getInlineOpacity(), transition = options.transition || Effect.Transitions.linear, reverser = function(pos){ return 1 - transition((-Math.cos((pos*(options.pulses||5)*2)*Math.PI)/2) + .5); }; return new Effect.Opacity(element, Object.extend(Object.extend({ duration: 2.0, from: 0, afterFinishInternal: function(effect) { effect.element.setStyle({opacity: oldOpacity}); } }, options), {transition: reverser})); }; Effect.Fold = function(element) { element = $(element); var oldStyle = { top: element.style.top, left: element.style.left, width: element.style.width, height: element.style.height }; element.makeClipping(); return new Effect.Scale(element, 5, Object.extend({ scaleContent: false, scaleX: false, afterFinishInternal: function(effect) { new Effect.Scale(element, 1, { scaleContent: false, scaleY: false, afterFinishInternal: function(effect) { effect.element.hide().undoClipping().setStyle(oldStyle); } }); }}, arguments[1] || { })); }; Effect.Morph = Class.create(Effect.Base, { initialize: function(element) { this.element = $(element); if (!this.element) throw(Effect._elementDoesNotExistError); var options = Object.extend({ style: { } }, arguments[1] || { }); if (!Object.isString(options.style)) this.style = $H(options.style); else { if (options.style.include(':')) this.style = options.style.parseStyle(); else { this.element.addClassName(options.style); this.style = $H(this.element.getStyles()); this.element.removeClassName(options.style); var css = this.element.getStyles(); this.style = this.style.reject(function(style) { return style.value == css[style.key]; }); options.afterFinishInternal = function(effect) { effect.element.addClassName(effect.options.style); effect.transforms.each(function(transform) { effect.element.style[transform.style] = ''; }); }; } } this.start(options); }, setup: function(){ function parseColor(color){ if (!color || ['rgba(0, 0, 0, 0)','transparent'].include(color)) color = '#ffffff'; color = color.parseColor(); return $R(0,2).map(function(i){ return parseInt( color.slice(i*2+1,i*2+3), 16 ); }); } this.transforms = this.style.map(function(pair){ var property = pair[0], value = pair[1], unit = null; if (value.parseColor('#zzzzzz') != '#zzzzzz') { value = value.parseColor(); unit = 'color'; } else if (property == 'opacity') { value = parseFloat(value); if (Prototype.Browser.IE && (!this.element.currentStyle.hasLayout)) this.element.setStyle({zoom: 1}); } else if (Element.CSS_LENGTH.test(value)) { var components = value.match(/^([\+\-]?[0-9\.]+)(.*)$/); value = parseFloat(components[1]); unit = (components.length == 3) ? components[2] : null; } var originalValue = this.element.getStyle(property); return { style: property.camelize(), originalValue: unit=='color' ? parseColor(originalValue) : parseFloat(originalValue || 0), targetValue: unit=='color' ? parseColor(value) : value, unit: unit }; }.bind(this)).reject(function(transform){ return ( (transform.originalValue == transform.targetValue) || ( transform.unit != 'color' && (isNaN(transform.originalValue) || isNaN(transform.targetValue)) ) ); }); }, update: function(position) { var style = { }, transform, i = this.transforms.length; while(i--) style[(transform = this.transforms[i]).style] = transform.unit=='color' ? '#'+ (Math.round(transform.originalValue[0]+ (transform.targetValue[0]-transform.originalValue[0])*position)).toColorPart() + (Math.round(transform.originalValue[1]+ (transform.targetValue[1]-transform.originalValue[1])*position)).toColorPart() + (Math.round(transform.originalValue[2]+ (transform.targetValue[2]-transform.originalValue[2])*position)).toColorPart() : (transform.originalValue + (transform.targetValue - transform.originalValue) * position).toFixed(3) + (transform.unit === null ? '' : transform.unit); this.element.setStyle(style, true); } }); Effect.Transform = Class.create({ initialize: function(tracks){ this.tracks = []; this.options = arguments[1] || { }; this.addTracks(tracks); }, addTracks: function(tracks){ tracks.each(function(track){ track = $H(track); var data = track.values().first(); this.tracks.push($H({ ids: track.keys().first(), effect: Effect.Morph, options: { style: data } })); }.bind(this)); return this; }, play: function(){ return new Effect.Parallel( this.tracks.map(function(track){ var ids = track.get('ids'), effect = track.get('effect'), options = track.get('options'); var elements = [$(ids) || $$(ids)].flatten(); return elements.map(function(e){ return new effect(e, Object.extend({ sync:true }, options)) }); }).flatten(), this.options ); } }); Element.CSS_PROPERTIES = $w( 'backgroundColor backgroundPosition borderBottomColor borderBottomStyle ' + 'borderBottomWidth borderLeftColor borderLeftStyle borderLeftWidth ' + 'borderRightColor borderRightStyle borderRightWidth borderSpacing ' + 'borderTopColor borderTopStyle borderTopWidth bottom clip color ' + 'fontSize fontWeight height left letterSpacing lineHeight ' + 'marginBottom marginLeft marginRight marginTop markerOffset maxHeight '+ 'maxWidth minHeight minWidth opacity outlineColor outlineOffset ' + 'outlineWidth paddingBottom paddingLeft paddingRight paddingTop ' + 'right textIndent top width wordSpacing zIndex'); Element.CSS_LENGTH = /^(([\+\-]?[0-9\.]+)(em|ex|px|in|cm|mm|pt|pc|\%))|0$/; String.__parseStyleElement = document.createElement('div'); String.prototype.parseStyle = function(){ var style, styleRules = $H(); if (Prototype.Browser.WebKit) style = new Element('div',{style:this}).style; else { String.__parseStyleElement.innerHTML = '<div style="' + this + '"></div>'; style = String.__parseStyleElement.childNodes[0].style; } Element.CSS_PROPERTIES.each(function(property){ if (style[property]) styleRules.set(property, style[property]); }); if (Prototype.Browser.IE && this.include('opacity')) styleRules.set('opacity', this.match(/opacity:\s*((?:0|1)?(?:\.\d*)?)/)[1]); return styleRules; }; if (document.defaultView && document.defaultView.getComputedStyle) { Element.getStyles = function(element) { var css = document.defaultView.getComputedStyle($(element), null); return Element.CSS_PROPERTIES.inject({ }, function(styles, property) { styles[property] = css[property]; return styles; }); }; } else { Element.getStyles = function(element) { element = $(element); var css = element.currentStyle, styles; styles = Element.CSS_PROPERTIES.inject({ }, function(results, property) { results[property] = css[property]; return results; }); if (!styles.opacity) styles.opacity = element.getOpacity(); return styles; }; } Effect.Methods = { morph: function(element, style) { element = $(element); new Effect.Morph(element, Object.extend({ style: style }, arguments[2] || { })); return element; }, visualEffect: function(element, effect, options) { element = $(element); var s = effect.dasherize().camelize(), klass = s.charAt(0).toUpperCase() + s.substring(1); new Effect[klass](element, options); return element; }, highlight: function(element, options) { element = $(element); new Effect.Highlight(element, options); return element; } }; $w('fade appear grow shrink fold blindUp blindDown slideUp slideDown '+ 'pulsate shake puff squish switchOff dropOut').each( function(effect) { Effect.Methods[effect] = function(element, options){ element = $(element); Effect[effect.charAt(0).toUpperCase() + effect.substring(1)](element, options); return element; }; } ); $w('getInlineOpacity forceRerendering setContentZoom collectTextNodes collectTextNodesIgnoreClass getStyles').each( function(f) { Effect.Methods[f] = Element[f]; } ); Element.addMethods(Effect.Methods); // script.aculo.us dragdrop.js v1.9.0, Thu Dec 23 16:54:48 -0500 2010 // Copyright (c) 2005-2010 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) // // script.aculo.us is freely distributable under the terms of an MIT-style license. // For details, see the script.aculo.us web site: http://script.aculo.us/ if(Object.isUndefined(Effect)) throw("dragdrop.js requires including script.aculo.us' effects.js library"); var Droppables = { drops: [], remove: function(element) { this.drops = this.drops.reject(function(d) { return d.element==$(element) }); }, add: function(element) { element = $s(element); var options = Object.extend({ greedy: true, hoverclass: null, tree: false, mayBeNested: true // mayBeNested added to try and speed up dragging in flat lists }, arguments[1] || { }); // cache containers if(options.containment) { options._containers = []; var containment = options.containment; if(Object.isArray(containment)) { containment.each( function(c) { options._containers.push($(c)) }); } else { options._containers.push($(containment)); } } if(options.accept) options.accept = [options.accept].flatten(); Element.makePositioned(element); // fix IE options.element = element; this.drops.push(options); }, findDeepestChild: function(drops) { deepest = drops[0]; for (i = 1; i < drops.length; ++i) if (Element.isParent(drops[i].element, deepest.element)) deepest = drops[i]; return deepest; }, isContained: function(element, drop) { var containmentNode; if(drop.tree) { containmentNode = element.treeNode; } else { containmentNode = element.parentNode; } return drop._containers.detect(function(c) { return containmentNode == c }); }, isAffected: function(point, element, drop) { return ( (drop.element!=element) && Position.within(drop.element, point[0], point[1]) ) && // Call within before isContained because it will return false more frequently ((!drop._containers) || this.isContained(element, drop)) && ((!drop.accept) || (Element.classNames(element).detect( function(v) { return drop.accept.include(v) } ) )); }, deactivate: function(drop) { if(drop.hoverclass) Element.removeClassName(drop.element, drop.hoverclass); this.last_active = null; }, activate: function(drop) { if(drop.hoverclass) Element.addClassName(drop.element, drop.hoverclass); this.last_active = drop; }, show: function(point, element) { if(!this.drops.length) return; var drop, affected = []; // Optimizations for sortable lists that are guaranteed not to be nested (i.e. if you are // over a droppable element then that is the one and only one you could be over) if(this.last_active && !this.last_active.mayBeNested && Droppables.isAffected(point, element, this.last_active)) { drop = this.last_active; Position.within(drop.element, point[0], point[1]); if(drop.onHover) drop.onHover(element, drop.element, Position.overlap(drop.overlap, drop.element)); return; } this.drops.each( function(drop) { if(Droppables.isAffected(point, element, drop)) { affected.push(drop); if (!drop.mayBeNested) { // If we know we're not a nested list, break out as soon as we find an affected element throw $break; } } }); if(affected.length>0) drop = Droppables.findDeepestChild(affected); if(this.last_active && this.last_active != drop) this.deactivate(this.last_active); if (drop) { Position.within(drop.element, point[0], point[1]); if(drop.onHover) drop.onHover(element, drop.element, Position.overlap(drop.overlap, drop.element)); if (drop != this.last_active) Droppables.activate(drop); } }, fire: function(event, element) { if(!this.last_active) return; Position.prepare(); if (this.isAffected([Event.pointerX(event), Event.pointerY(event)], element, this.last_active)) if (this.last_active.onDrop) { this.last_active.onDrop(element, this.last_active.element, event); return true; } }, reset: function() { if(this.last_active) this.deactivate(this.last_active); } }; var Draggables = { drags: [], observers: [], register: function(draggable) { if(this.drags.length == 0) { this.eventMouseUp = this.endDrag.bindAsEventListener(this); this.eventMouseMove = this.updateDrag.bindAsEventListener(this); this.eventKeypress = this.keyPress.bindAsEventListener(this); Event.observe(document, "mouseup", this.eventMouseUp); Event.observe(document, "mousemove", this.eventMouseMove); Event.observe(document, "keypress", this.eventKeypress); } this.drags.push(draggable); }, unregister: function(draggable) { this.drags = this.drags.reject(function(d) { return d==draggable }); if(this.drags.length == 0) { Event.stopObserving(document, "mouseup", this.eventMouseUp); Event.stopObserving(document, "mousemove", this.eventMouseMove); Event.stopObserving(document, "keypress", this.eventKeypress); } }, activate: function(draggable) { if(draggable.options.delay) { this._timeout = setTimeout(function() { Draggables._timeout = null; // Skip this (see comment below) window.focus(); Draggables.activeDraggable = draggable; }.bind(this), draggable.options.delay); } else { // Do not do this - let the window gain focus through other paths - window.focus(); // allows keypress events if window isn't currently focused, fails for Safari this.activeDraggable = draggable; } }, deactivate: function() { this.activeDraggable = null; }, updateDrag: function(event) { if(!this.activeDraggable) return; var pointer = [Event.pointerX(event), Event.pointerY(event)]; // Mozilla-based browsers fire successive mousemove events with // the same coordinates, prevent needless redrawing (moz bug?) if(this._lastPointer && (this._lastPointer.inspect() == pointer.inspect())) return; this._lastPointer = pointer; this.activeDraggable.updateDrag(event, pointer); }, endDrag: function(event) { if(this._timeout) { clearTimeout(this._timeout); this._timeout = null; } if(!this.activeDraggable) return; this._lastPointer = null; this.activeDraggable.endDrag(event); this.activeDraggable = null; }, keyPress: function(event) { if(this.activeDraggable) this.activeDraggable.keyPress(event); }, addObserver: function(observer) { this.observers.push(observer); this._cacheObserverCallbacks(); }, removeObserver: function(element) { // element instead of observer fixes mem leaks this.observers = this.observers.reject( function(o) { return o.element==element }); this._cacheObserverCallbacks(); }, notify: function(eventName, draggable, event) { // 'onStart', 'onEnd', 'onDrag' if(this[eventName+'Count'] > 0) this.observers.each( function(o) { if(o[eventName]) o[eventName](eventName, draggable, event); }); if(draggable.options[eventName]) draggable.options[eventName](draggable, event); }, _cacheObserverCallbacks: function() { ['onStart','onEnd','onDrag'].each( function(eventName) { Draggables[eventName+'Count'] = Draggables.observers.select( function(o) { return o[eventName]; } ).length; }); } }; /*--------------------------------------------------------------------------*/ var Draggable = Class.create({ initialize: function(element) { var defaults = { handle: false, reverteffect: function(element, top_offset, left_offset) { var dur = Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02; new Effect.Move(element, { x: -left_offset, y: -top_offset, duration: dur, queue: {scope:'_draggable', position:'end'} }); }, endeffect: function(element) { var toOpacity = Object.isNumber(element._opacity) ? element._opacity : 1.0; new Effect.Opacity(element, {duration:0.2, from:0.7, to:toOpacity, queue: {scope:'_draggable', position:'end'}, afterFinish: function(){ Draggable._dragging[element] = false } }); }, zindex: 1000, revert: false, quiet: false, scroll: false, scrollSensitivity: 20, scrollSpeed: 15, snap: false, // false, or xy or [x,y] or function(x,y){ return [x,y] } delay: 0 }; if(!arguments[1] || Object.isUndefined(arguments[1].endeffect)) Object.extend(defaults, { starteffect: function(element) { element._opacity = Element.getOpacity(element); Draggable._dragging[element] = true; new Effect.Opacity(element, {duration:0.2, from:element._opacity, to:0.7}); } }); var options = Object.extend(defaults, arguments[1] || { }); this.element = $s(element); if(options.handle && Object.isString(options.handle)) this.handle = this.element.down('.'+options.handle, 0); if(!this.handle) this.handle = $s(options.handle); if(!this.handle) this.handle = this.element; if(options.scroll && !options.scroll.scrollTo && !options.scroll.outerHTML) { options.scroll = $s(options.scroll); this._isScrollChild = Element.childOf(this.element, options.scroll); } Element.makePositioned(this.element); // fix IE this.options = options; this.dragging = false; this.eventMouseDown = this.initDrag.bindAsEventListener(this); Event.observe(this.handle, "mousedown", this.eventMouseDown); Draggables.register(this); }, destroy: function() { Event.stopObserving(this.handle, "mousedown", this.eventMouseDown); Draggables.unregister(this); }, currentDelta: function() { return([ parseInt(Element.getStyle(this.element,'left') || '0'), parseInt(Element.getStyle(this.element,'top') || '0')]); }, initDrag: function(event) { if(!Object.isUndefined(Draggable._dragging[this.element]) && Draggable._dragging[this.element]) return; if(Event.isLeftClick(event)) { // abort on form elements, fixes a Firefox issue var src = Event.element(event); if((tag_name = src.tagName.toUpperCase()) && ( tag_name=='INPUT' || tag_name=='SELECT' || tag_name=='OPTION' || tag_name=='BUTTON' || tag_name=='TEXTAREA')) return; var pointer = [Event.pointerX(event), Event.pointerY(event)]; var pos = this.element.cumulativeOffset(); this.offset = [0,1].map( function(i) { return (pointer[i] - pos[i]) }); Draggables.activate(this); Event.stop(event); } }, startDrag: function(event) { this.dragging = true; if(!this.delta) this.delta = this.currentDelta(); if(this.options.zindex) { this.originalZ = parseInt(Element.getStyle(this.element,'z-index') || 0); this.element.style.zIndex = this.options.zindex; } if(this.options.ghosting) { this._clone = this.element.cloneNode(true); this._originallyAbsolute = (this.element.getStyle('position') == 'absolute'); if (!this._originallyAbsolute) Position.absolutize(this.element); this.element.parentNode.insertBefore(this._clone, this.element); } if(this.options.scroll) { if (this.options.scroll == window) { var where = this._getWindowScrollTL(this.options.scroll); this.originalScrollLeft = where.left; this.originalScrollTop = where.top; } else { this.originalScrollLeft = this.options.scroll.scrollLeft; this.originalScrollTop = this.options.scroll.scrollTop; } } Draggables.notify('onStart', this, event); if(this.options.starteffect) this.options.starteffect(this.element); }, updateDrag: function(event, pointer) { if(!this.dragging) this.startDrag(event); if(!this.options.quiet){ Position.prepare(); Droppables.show(pointer, this.element); } Draggables.notify('onDrag', this, event); this.draw(pointer); if(this.options.change) this.options.change(this); if(this.options.scroll) { this.stopScrolling(); var p; if (this.options.scroll == window) { with(this._getWindowScroll(this.options.scroll)) { p = [ left, top, left+width, top+height ]; } } else { p = Position.page(this.options.scroll).toArray(); p[0] += this.options.scroll.scrollLeft + Position.deltaX; p[1] += this.options.scroll.scrollTop + Position.deltaY; p.push(p[0]+this.options.scroll.offsetWidth); p.push(p[1]+this.options.scroll.offsetHeight); } var speed = [0,0]; if(pointer[0] < (p[0]+this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[0]+this.options.scrollSensitivity); if(pointer[1] < (p[1]+this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[1]+this.options.scrollSensitivity); if(pointer[0] > (p[2]-this.options.scrollSensitivity)) speed[0] = pointer[0]-(p[2]-this.options.scrollSensitivity); if(pointer[1] > (p[3]-this.options.scrollSensitivity)) speed[1] = pointer[1]-(p[3]-this.options.scrollSensitivity); this.startScrolling(speed); } // fix AppleWebKit rendering if(Prototype.Browser.WebKit) window.scrollBy(0,0); Event.stop(event); }, finishDrag: function(event, success) { this.dragging = false; if(this.options.quiet){ Position.prepare(); var pointer = [Event.pointerX(event), Event.pointerY(event)]; Droppables.show(pointer, this.element); } if(this.options.ghosting) { if (!this._originallyAbsolute) Position.relativize(this.element); delete this._originallyAbsolute; Element.remove(this._clone); this._clone = null; } var dropped = false; if(success) { dropped = Droppables.fire(event, this.element); if (!dropped) dropped = false; } if(dropped && this.options.onDropped) this.options.onDropped(this.element); Draggables.notify('onEnd', this, event); var revert = this.options.revert; if(revert && Object.isFunction(revert)) revert = revert(this.element); var d = this.currentDelta(); if(revert && this.options.reverteffect) { if (dropped == 0 || revert != 'failure') this.options.reverteffect(this.element, d[1]-this.delta[1], d[0]-this.delta[0]); } else { this.delta = d; } if(this.options.zindex) this.element.style.zIndex = this.originalZ; if(this.options.endeffect) this.options.endeffect(this.element); Draggables.deactivate(this); Droppables.reset(); }, keyPress: function(event) { if(event.keyCode!=Event.KEY_ESC) return; this.finishDrag(event, false); Event.stop(event); }, endDrag: function(event) { if(!this.dragging) return; this.stopScrolling(); this.finishDrag(event, true); Event.stop(event); }, draw: function(point) { var pos = this.element.cumulativeOffset(); if(this.options.ghosting) { var r = Position.realOffset(this.element); pos[0] += r[0] - Position.deltaX; pos[1] += r[1] - Position.deltaY; } var d = this.currentDelta(); pos[0] -= d[0]; pos[1] -= d[1]; if(this.options.scroll && (this.options.scroll != window && this._isScrollChild)) { pos[0] -= this.options.scroll.scrollLeft-this.originalScrollLeft; pos[1] -= this.options.scroll.scrollTop-this.originalScrollTop; } var p = [0,1].map(function(i){ return (point[i]-pos[i]-this.offset[i]) }.bind(this)); if(this.options.snap) { if(Object.isFunction(this.options.snap)) { p = this.options.snap(p[0],p[1],this); } else { if(Object.isArray(this.options.snap)) { p = p.map( function(v, i) { return (v/this.options.snap[i]).round()*this.options.snap[i] }.bind(this)); } else { p = p.map( function(v) { return (v/this.options.snap).round()*this.options.snap }.bind(this)); } }} var style = this.element.style; if((!this.options.constraint) || (this.options.constraint=='horizontal')) style.left = p[0] + "px"; if((!this.options.constraint) || (this.options.constraint=='vertical')) style.top = p[1] + "px"; if(style.visibility=="hidden") style.visibility = ""; // fix gecko rendering }, stopScrolling: function() { if(this.scrollInterval) { clearInterval(this.scrollInterval); this.scrollInterval = null; Draggables._lastScrollPointer = null; } }, startScrolling: function(speed) { if(!(speed[0] || speed[1])) return; this.scrollSpeed = [speed[0]*this.options.scrollSpeed,speed[1]*this.options.scrollSpeed]; this.lastScrolled = new Date(); this.scrollInterval = setInterval(this.scroll.bind(this), 10); }, scroll: function() { var current = new Date(); var delta = current - this.lastScrolled; this.lastScrolled = current; if(this.options.scroll == window) { with (this._getWindowScrollTL(this.options.scroll)) { if (this.scrollSpeed[0] || this.scrollSpeed[1]) { var d = delta / 1000; this.options.scroll.scrollTo( left + d*this.scrollSpeed[0], top + d*this.scrollSpeed[1] ); } } } else { this.options.scroll.scrollLeft += this.scrollSpeed[0] * delta / 1000; this.options.scroll.scrollTop += this.scrollSpeed[1] * delta / 1000; } Position.prepare(); Droppables.show(Draggables._lastPointer, this.element); Draggables.notify('onDrag', this); if (this._isScrollChild) { Draggables._lastScrollPointer = Draggables._lastScrollPointer || $A(Draggables._lastPointer); Draggables._lastScrollPointer[0] += this.scrollSpeed[0] * delta / 1000; Draggables._lastScrollPointer[1] += this.scrollSpeed[1] * delta / 1000; if (Draggables._lastScrollPointer[0] < 0) Draggables._lastScrollPointer[0] = 0; if (Draggables._lastScrollPointer[1] < 0) Draggables._lastScrollPointer[1] = 0; this.draw(Draggables._lastScrollPointer); } if(this.options.change) this.options.change(this); }, _getWindowScroll: function(w) { var T, L, W, H; with (w.document) { if (w.document.documentElement && documentElement.scrollTop) { T = documentElement.scrollTop; L = documentElement.scrollLeft; } else if (w.document.body) { T = body.scrollTop; L = body.scrollLeft; } if (w.innerWidth) { W = w.innerWidth; H = w.innerHeight; } else if (w.document.documentElement && documentElement.clientWidth) { W = documentElement.clientWidth; H = documentElement.clientHeight; } else { W = body.offsetWidth; H = body.offsetHeight; } } return { top: T, left: L, width: W, height: H }; }, // For some reason _getWindowScroll takes an abnormally long amount of time. Tried // using more local variables but didn't seem to make any difference. Since there are // some use cases that _only_ wanted the top/left, created one for just that purpose. _getWindowScrollTL: function(w) { var T, L; with (w.document) { if (w.document.documentElement && documentElement.scrollTop) { T = documentElement.scrollTop; L = documentElement.scrollLeft; } else if (w.document.body) { T = body.scrollTop; L = body.scrollLeft; } } return { top: T, left: L}; } }); Draggable._dragging = { }; /*--------------------------------------------------------------------------*/ var SortableObserver = Class.create({ initialize: function(element, observer) { this.element = $(element); this.observer = observer; this.lastValue = Sortable.serialize(this.element); }, onStart: function() { this.lastValue = Sortable.serialize(this.element); }, onEnd: function() { Sortable.unmark(); Sortable.hideDropzone(); if(this.lastValue != Sortable.serialize(this.element)) this.observer(this.element) } }); var Sortable = { SERIALIZE_RULE: /^[^_\-](?:[A-Za-z0-9\-\_]*)[_](.*)$/, sortables: { }, _findRootElement: function(element) { while (element.tagName.toUpperCase() != "BODY") { if(element.id && Sortable.sortables[element.id]) return element; element = element.parentNode; } }, options: function(element) { element = Sortable._findRootElement($(element)); if(!element) return; return Sortable.sortables[element.id]; }, destroy: function(element){ var s = Sortable.sortables[element.id]; if(s) { Draggables.removeObserver(s.element); s.droppables.each(function(d){ Droppables.remove(d) }); s.draggables.invoke('destroy'); delete Sortable.sortables[s.element.id]; } }, create: function(element) { element = $s(element); var options = Object.extend({ element: element, tag: 'li', // assumes li children, override with tag: 'tagname' dropOnEmpty: false, tree: false, treeTag: 'ul', overlap: 'vertical', // one of 'vertical', 'horizontal' constraint: 'vertical', // one of 'vertical', 'horizontal', false containment: element, // also takes array of elements (or id's); or false handle: false, // or a CSS class only: false, delay: 0, hoverclass: null, ghosting: false, quiet: false, scroll: false, scrollSensitivity: 20, scrollSpeed: 15, format: this.SERIALIZE_RULE, mayBeNested: true, // Added mayBeNested to support flat lists - set to false if you're sure you don't have droppables inside droppables // these take arrays of elements or ids and can be // used for better initialization performance elements: false, handles: false, onChange: Prototype.emptyFunction, onUpdate: Prototype.emptyFunction }, arguments[1] || { }); // clear any old sortable with same element this.destroy(element); // build options for the draggables var options_for_draggable = { revert: true, quiet: options.quiet, scroll: options.scroll, scrollSpeed: options.scrollSpeed, scrollSensitivity: options.scrollSensitivity, delay: options.delay, ghosting: options.ghosting, constraint: options.constraint, handle: options.handle }; if(options.starteffect) options_for_draggable.starteffect = options.starteffect; if(options.reverteffect) options_for_draggable.reverteffect = options.reverteffect; else if(options.ghosting) options_for_draggable.reverteffect = function(element) { element.style.top = 0; element.style.left = 0; }; if(options.endeffect) options_for_draggable.endeffect = options.endeffect; if(options.zindex) options_for_draggable.zindex = options.zindex; // build options for the droppables var options_for_droppable = { overlap: options.overlap, containment: options.containment, tree: options.tree, hoverclass: options.hoverclass, onHover: Sortable.onHover, mayBeNested: options.mayBeNested }; var options_for_tree = { onHover: Sortable.onEmptyHover, overlap: options.overlap, containment: options.containment, hoverclass: options.hoverclass }; // fix for gecko engine Element.cleanWhitespace(element); options.draggables = []; options.droppables = []; // drop on empty handling if(options.dropOnEmpty || options.tree) { Droppables.add(element, options_for_tree); options.droppables.push(element); } (options.elements || this.findElements(element, options) || []).each( function(e,i) { var handle = options.handles ? options.handles[i] : (options.handle ? $(e).select('.' + options.handle)[0] : e); options.draggables.push( new Draggable(e, Object.extend(options_for_draggable, { handle: handle }))); Droppables.add(e, options_for_droppable); if(options.tree) e.treeNode = element; options.droppables.push(e); }); if(options.tree) { (Sortable.findTreeElements(element, options) || []).each( function(e) { Droppables.add(e, options_for_tree); e.treeNode = element; options.droppables.push(e); }); } // keep reference this.sortables[element.identify()] = options; // for onupdate Draggables.addObserver(new SortableObserver(element, options.onUpdate)); }, // return all suitable-for-sortable elements in a guaranteed order findElements: function(element, options) { return Element.findChildren( element, options.only, options.tree ? true : false, options.tag); }, findTreeElements: function(element, options) { return Element.findChildren( element, options.only, options.tree ? true : false, options.treeTag); }, onHover: function(element, dropon, overlap) { if(Element.isParent(dropon, element)) return; // Start added by Bb var oldParentNode = element.parentNode; var revert = Sortable.options(oldParentNode).revert; if (revert && typeof revert == 'function') revert = revert(element, oldParentNode, dropon); if (revert) return; // End added by Bb if(overlap > .33 && overlap < .66 && Sortable.options(dropon).tree) { return; } else if(overlap>0.5) { Sortable.mark(dropon, 'before'); if(dropon.previousSibling != element) { var oldParentNode = element.parentNode; element.style.visibility = "hidden"; // fix gecko rendering dropon.parentNode.insertBefore(element, dropon); Sortable.showDropzone( element ); if(dropon.parentNode!=oldParentNode) Sortable.options(oldParentNode).onChange(element); Sortable.options(dropon.parentNode).onChange(element); } } else { Sortable.mark(dropon, 'after'); var nextElement = dropon.nextSibling || null; if(nextElement != element) { var oldParentNode = element.parentNode; element.style.visibility = "hidden"; // fix gecko rendering dropon.parentNode.insertBefore(element, nextElement); Sortable.showDropzone( element ); if(dropon.parentNode!=oldParentNode) Sortable.options(oldParentNode).onChange(element); Sortable.options(dropon.parentNode).onChange(element); } } }, onEmptyHover: function(element, dropon, overlap) { var oldParentNode = element.parentNode; var droponOptions = Sortable.options(dropon); // Start added by Bb var revert = Sortable.options(oldParentNode).revert; if (revert && typeof revert == 'function') revert = revert(element, oldParentNode, dropon); if (revert) return; // End added by Bb if(!Element.isParent(dropon, element)) { var index; var children = Sortable.findElements(dropon, {tag: droponOptions.tag, only: droponOptions.only}); var child = null; if(children) { var offset = Element.offsetSize(dropon, droponOptions.overlap) * (1.0 - overlap); for (index = 0; index < children.length; index += 1) { if (offset - Element.offsetSize (children[index], droponOptions.overlap) >= 0) { offset -= Element.offsetSize (children[index], droponOptions.overlap); } else if (offset - (Element.offsetSize (children[index], droponOptions.overlap) / 2) >= 0) { child = index + 1 < children.length ? children[index + 1] : null; break; } else { child = children[index]; break; } } } dropon.insertBefore(element, child); Sortable.showDropzone( element ); Sortable.options(oldParentNode).onChange(element); droponOptions.onChange(element); } }, /** Dropzone added by Bb */ showDropzone: function(element) { if ( element.tagName.toLowerCase() == 'tr' ) return; if (!Sortable._dropzone) { Sortable._dropzone = new Element('div').hide().addClassName('dropzone').setStyle({position:'absolute'}); document.getElementsByTagName("body").item(0).appendChild(Sortable._dropzone); } var top = element.getStyle('top'); top = ( top == null || top == '' ) ? 0 : parseInt(top); var left = element.getStyle('left'); left = ( left == null || left == '' ) ? 0 : parseInt(left); var position = element.cumulativeOffset(); var dimensions = element.getDimensions(); Sortable._dropzone.setStyle( { left: (position.left - left) + 'px', top: (position.top - top) + 'px', width: ( dimensions.width - (dimensions.width > 10 ? 10 : 0) ) + 'px', height: ( dimensions.height - (dimensions.height > 10 ? 10 : 0) ) + 'px' } ); Sortable._dropzone.show(); }, hideDropzone: function() { if ( Sortable._dropzone ) Sortable._dropzone.hide(); }, unmark: function() { if(Sortable._marker) Sortable._marker.hide(); }, mark: function(dropon, position) { // mark on ghosting only var sortable = Sortable.options(dropon.parentNode); if(sortable && !sortable.ghosting) return; if(!Sortable._marker) { Sortable._marker = ($('dropmarker') || Element.extend(document.createElement('DIV'))). hide().addClassName('dropmarker').setStyle({position:'absolute'}); document.getElementsByTagName("body").item(0).appendChild(Sortable._marker); } var offsets = dropon.cumulativeOffset(); Sortable._marker.setStyle({left: offsets[0]+'px', top: offsets[1] + 'px'}); if(position=='after') if(sortable.overlap == 'horizontal') Sortable._marker.setStyle({left: (offsets[0]+dropon.clientWidth) + 'px'}); else Sortable._marker.setStyle({top: (offsets[1]+dropon.clientHeight) + 'px'}); Sortable._marker.show(); }, _tree: function(element, options, parent) { var children = Sortable.findElements(element, options) || []; for (var i = 0; i < children.length; ++i) { var match = children[i].id.match(options.format); if (!match) continue; var child = { id: encodeURIComponent(match ? match[1] : null), element: element, parent: parent, children: [], position: parent.children.length, container: $(children[i]).down(options.treeTag) }; /* Get the element containing the children and recurse over it */ if (child.container) this._tree(child.container, options, child); parent.children.push (child); } return parent; }, tree: function(element) { element = $(element); var sortableOptions = this.options(element); var options = Object.extend({ tag: sortableOptions.tag, treeTag: sortableOptions.treeTag, only: sortableOptions.only, name: element.id, format: sortableOptions.format }, arguments[1] || { }); var root = { id: null, parent: null, children: [], container: element, position: 0 }; return Sortable._tree(element, options, root); }, /* Construct a [i] index for a particular node */ _constructIndex: function(node) { var index = ''; do { if (node.id) index = '[' + node.position + ']' + index; } while ((node = node.parent) != null); return index; }, sequence: function(element) { element = $(element); var options = Object.extend(this.options(element), arguments[1] || { }); return $(this.findElements(element, options) || []).map( function(item) { return item.id.match(options.format) ? item.id.match(options.format)[1] : ''; }); }, setSequence: function(element, new_sequence) { element = $(element); var options = Object.extend(this.options(element), arguments[2] || { }); var nodeMap = { }; this.findElements(element, options).each( function(n) { if (n.id.match(options.format)) nodeMap[n.id.match(options.format)[1]] = [n, n.parentNode]; n.parentNode.removeChild(n); }); new_sequence.each(function(ident) { var n = nodeMap[ident]; if (n) { n[1].appendChild(n[0]); delete nodeMap[ident]; } }); }, serialize: function(element) { element = $(element); var options = Object.extend(Sortable.options(element), arguments[1] || { }); var name = encodeURIComponent( (arguments[1] && arguments[1].name) ? arguments[1].name : element.id); if (options.tree) { return Sortable.tree(element, arguments[1]).children.map( function (item) { return [name + Sortable._constructIndex(item) + "[id]=" + encodeURIComponent(item.id)].concat(item.children.map(arguments.callee)); }).flatten().join('&'); } else { return Sortable.sequence(element, arguments[1]).map( function(item) { return name + "[]=" + encodeURIComponent(item); }).join('&'); } } }; // Returns true if child is contained within element Element.isParent = function(child, element) { if (!child.parentNode || child == element) return false; if (child.parentNode == element) return true; return Element.isParent(child.parentNode, element); }; Element.findChildren = function(element, only, recursive, tagName) { if(!element.hasChildNodes()) return null; tagName = tagName.toUpperCase(); if(only) only = [only].flatten(); var elements = []; $A(element.childNodes).each( function(e) { if(e.tagName && e.tagName.toUpperCase()==tagName && (!only || (Element.classNames(e).detect(function(v) { return only.include(v) })))) elements.push(e); if(recursive) { var grandchildren = Element.findChildren(e, only, recursive, tagName); if(grandchildren) elements.push(grandchildren); } }); return (elements.length>0 ? elements.flatten() : []); }; Element.offsetSize = function (element, type) { return element['offset' + ((type=='vertical' || type=='height') ? 'Height' : 'Width')]; }; // script.aculo.us controls.js v1.9.0, Thu Dec 23 16:54:48 -0500 2010 // Copyright (c) 2005-2010 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us) // (c) 2005-2010 Ivan Krstic (http://blogs.law.harvard.edu/ivan) // (c) 2005-2010 Jon Tirsen (http://www.tirsen.com) // Contributors: // Richard Livsey // Rahul Bhargava // Rob Wills // // script.aculo.us is freely distributable under the terms of an MIT-style license. // For details, see the script.aculo.us web site: http://script.aculo.us/ // Autocompleter.Base handles all the autocompletion functionality // that's independent of the data source for autocompletion. This // includes drawing the autocompletion menu, observing keyboard // and mouse events, and similar. // // Specific autocompleters need to provide, at the very least, // a getUpdatedChoices function that will be invoked every time // the text inside the monitored textbox changes. This method // should get the text for which to provide autocompletion by // invoking this.getToken(), NOT by directly accessing // this.element.value. This is to allow incremental tokenized // autocompletion. Specific auto-completion logic (AJAX, etc) // belongs in getUpdatedChoices. // // Tokenized incremental autocompletion is enabled automatically // when an autocompleter is instantiated with the 'tokens' option // in the options parameter, e.g.: // new Ajax.Autocompleter('id','upd', '/url/', { tokens: ',' }); // will incrementally autocomplete with a comma as the token. // Additionally, ',' in the above example can be replaced with // a token array, e.g. { tokens: [',', '\n'] } which // enables autocompletion on multiple tokens. This is most // useful when one of the tokens is \n (a newline), as it // allows smart autocompletion after linebreaks. if(typeof Effect == 'undefined') throw("controls.js requires including script.aculo.us' effects.js library"); var Autocompleter = { }; Autocompleter.Base = Class.create({ baseInitialize: function(element, update, options) { element = $(element); this.element = element; this.update = $(update); this.hasFocus = false; this.changed = false; this.active = false; this.index = 0; this.entryCount = 0; this.oldElementValue = this.element.value; if(this.setOptions) this.setOptions(options); else this.options = options || { }; this.options.paramName = this.options.paramName || this.element.name; this.options.tokens = this.options.tokens || []; this.options.frequency = this.options.frequency || 0.4; this.options.minChars = this.options.minChars || 1; this.options.onShow = this.options.onShow || function(element, update){ if(!update.style.position || update.style.position=='absolute') { update.style.position = 'absolute'; Position.clone(element, update, { setHeight: false, offsetTop: element.offsetHeight }); } Effect.Appear(update,{duration:0.15}); }; this.options.onHide = this.options.onHide || function(element, update){ new Effect.Fade(update,{duration:0.15}) }; if(typeof(this.options.tokens) == 'string') this.options.tokens = new Array(this.options.tokens); // Force carriage returns as token delimiters anyway if (!this.options.tokens.include('\n')) this.options.tokens.push('\n'); // Aria support if(this.options.enableAria && this.options.ariaOwns) { this.element.setAttribute("role", "textbox"); this.element.setAttribute("aria-autocomplete", "list"); this.element.setAttribute("aria-haspopup", "true"); this.element.setAttribute("aria-owns", this.options.ariaOwns); this.update.setAttribute("aria-live", "polite"); this.update.setAttribute("role", "alert"); } this.observer = null; this.element.setAttribute('autocomplete','off'); Element.hide(this.update); Event.observe(this.element, 'blur', this.onBlur.bindAsEventListener(this)); Event.observe(this.element, 'keydown', this.onKeyPress.bindAsEventListener(this)); }, show: function() { if(Element.getStyle(this.update, 'display')=='none') this.options.onShow(this.element, this.update); if(!this.iefix && (Prototype.Browser.IE) && (Element.getStyle(this.update, 'position')=='absolute')) { new Insertion.After(this.update, '<iframe id="' + this.update.id + '_iefix" '+ 'style="display:none;position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" ' + 'src="javascript:false;" frameborder="0" scrolling="no"></iframe>'); this.iefix = $(this.update.id+'_iefix'); } if(this.iefix) setTimeout(this.fixIEOverlapping.bind(this), 50); }, fixIEOverlapping: function() { Position.clone(this.update, this.iefix, {setTop:(!this.update.style.height)}); this.iefix.style.zIndex = 1; this.update.style.zIndex = 2; Element.show(this.iefix); }, hide: function() { this.stopIndicator(); if(Element.getStyle(this.update, 'display')!='none') this.options.onHide(this.element, this.update); if(this.iefix) Element.hide(this.iefix); }, startIndicator: function() { if(this.options.indicator) Element.show(this.options.indicator); }, stopIndicator: function() { if(this.options.indicator) Element.hide(this.options.indicator); }, onKeyPress: function(event) { if(this.active) switch(event.keyCode) { case Event.KEY_TAB: case Event.KEY_RETURN: this.selectEntry(); Event.stop(event); case Event.KEY_ESC: this.hide(); this.active = false; Event.stop(event); return; case Event.KEY_LEFT: case Event.KEY_RIGHT: return; case Event.KEY_UP: this.markPrevious(); this.render(); Event.stop(event); return; case Event.KEY_DOWN: this.markNext(); this.render(); Event.stop(event); return; } else if(event.keyCode==Event.KEY_TAB || event.keyCode==Event.KEY_RETURN || (Prototype.Browser.WebKit > 0 && event.keyCode == 0)) return; this.changed = true; this.hasFocus = true; if(this.observer) clearTimeout(this.observer); this.observer = setTimeout(this.onObserverEvent.bind(this), this.options.frequency*1000); }, activate: function() { this.changed = false; this.hasFocus = true; this.getUpdatedChoices(); }, onHover: function(event) { var element = Event.findElement(event, 'LI'); if(this.index != element.autocompleteIndex) { this.index = element.autocompleteIndex; this.render(); } Event.stop(event); }, onClick: function(event) { var element = Event.findElement(event, 'LI'); this.index = element.autocompleteIndex; this.selectEntry(); this.hide(); }, onBlur: function(event) { // needed to make click events working setTimeout(this.hide.bind(this), 250); this.hasFocus = false; this.active = false; }, render: function() { if(this.entryCount > 0) { for (var i = 0; i < this.entryCount; i++) this.index==i ? Element.addClassName(this.getEntry(i),"selected") : Element.removeClassName(this.getEntry(i),"selected"); if(this.hasFocus) { this.show(); this.active = true; } } else { this.active = false; this.hide(); } }, markPrevious: function() { if(this.index > 0) this.index--; else this.index = this.entryCount-1; this.scrollCurrentEntryIntoView(); }, markNext: function() { if(this.index < this.entryCount-1) this.index++; else this.index = 0; this.scrollCurrentEntryIntoView(); }, /** * Scroll the currently selected entry into view, if it isn't already. **/ scrollCurrentEntryIntoView: function() { var docTop = document.viewport.getScrollOffsets().top; var docHeight = document.viewport.getHeight(); var entry = this.getCurrentEntry(); var entryTop = entry.cumulativeOffset().top; var entryHeight = entry.getHeight(); // If the entry is above the top of the page, scroll into view touching the top of the element. if ( entryTop < docTop ) { entry.scrollIntoView(true); } // If the entry is below the bottom of the page, scroll into view touching the bottom of the element. else if ( entryTop + entryHeight > docTop + docHeight ) { entry.scrollIntoView(false); } }, getEntry: function(index) { return this.update.firstChild.childNodes[index]; }, getCurrentEntry: function() { return this.getEntry(this.index); }, selectEntry: function() { this.active = false; this.updateElement(this.getCurrentEntry()); }, updateElement: function(selectedElement) { if (this.options.updateElement) { this.options.updateElement(selectedElement); return; } var value = ''; if (this.options.select) { var nodes = $(selectedElement).select('.' + this.options.select) || []; if(nodes.length>0) value = Element.collectTextNodes(nodes[0], this.options.select); } else value = Element.collectTextNodesIgnoreClass(selectedElement, 'informal'); var bounds = this.getTokenBounds(); if (bounds[0] != -1) { var newValue = this.element.value.substr(0, bounds[0]); var whitespace = this.element.value.substr(bounds[0]).match(/^\s+/); if (whitespace) newValue += whitespace[0]; this.element.value = newValue + value + this.element.value.substr(bounds[1]); } else { this.element.value = value; } this.oldElementValue = this.element.value; this.element.focus(); if (this.options.afterUpdateElement) this.options.afterUpdateElement(this.element, selectedElement); }, updateChoices: function(choices) { if(!this.changed && this.hasFocus) { this.update.innerHTML = choices; Element.cleanWhitespace(this.update); Element.cleanWhitespace(this.update.down()); if(this.update.firstChild && this.update.down().childNodes) { this.entryCount = this.update.down().childNodes.length; for (var i = 0; i < this.entryCount; i++) { var entry = this.getEntry(i); entry.autocompleteIndex = i; this.addObservers(entry); } } else { this.entryCount = 0; } this.stopIndicator(); this.index = 0; if(this.entryCount==1 && this.options.autoSelect) { this.selectEntry(); this.hide(); } else { this.render(); } } }, addObservers: function(element) { Event.observe(element, "mouseover", this.onHover.bindAsEventListener(this)); Event.observe(element, "click", this.onClick.bindAsEventListener(this)); }, onObserverEvent: function() { this.changed = false; this.tokenBounds = null; if(this.getToken().length>=this.options.minChars) { this.getUpdatedChoices(); } else { this.active = false; this.hide(); } this.oldElementValue = this.element.value; }, getToken: function() { var bounds = this.getTokenBounds(); return this.element.value.substring(bounds[0], bounds[1]).strip(); }, getTokenBounds: function() { if (null != this.tokenBounds) return this.tokenBounds; var value = this.element.value; if (value.strip().empty()) return [-1, 0]; var diff = arguments.callee.getFirstDifferencePos(value, this.oldElementValue); var offset = (diff == this.oldElementValue.length ? 1 : 0); var prevTokenPos = -1, nextTokenPos = value.length; var tp; for (var index = 0, l = this.options.tokens.length; index < l; ++index) { tp = value.lastIndexOf(this.options.tokens[index], diff + offset - 1); if (tp > prevTokenPos) prevTokenPos = tp; tp = value.indexOf(this.options.tokens[index], diff + offset); if (-1 != tp && tp < nextTokenPos) nextTokenPos = tp; } return (this.tokenBounds = [prevTokenPos + 1, nextTokenPos]); } }); Autocompleter.Base.prototype.getTokenBounds.getFirstDifferencePos = function(newS, oldS) { var boundary = Math.min(newS.length, oldS.length); for (var index = 0; index < boundary; ++index) if (newS[index] != oldS[index]) return index; return boundary; }; Ajax.Autocompleter = Class.create(Autocompleter.Base, { initialize: function(element, update, url, options) { this.baseInitialize(element, update, options); this.options.asynchronous = true; this.options.onComplete = this.onComplete.bind(this); this.options.defaultParams = this.options.parameters || null; this.url = url; }, getUpdatedChoices: function() { this.startIndicator(); var entry = encodeURIComponent(this.options.paramName) + '=' + encodeURIComponent(this.getToken()); this.options.parameters = this.options.callback ? this.options.callback(this.element, entry) : entry; if(this.options.defaultParams) this.options.parameters += '&' + this.options.defaultParams; new Ajax.Request(this.url, this.options); }, onComplete: function(request) { this.updateChoices(request.responseText); } }); // The local array autocompleter. Used when you'd prefer to // inject an array of autocompletion options into the page, rather // than sending out Ajax queries, which can be quite slow sometimes. // // The constructor takes four parameters. The first two are, as usual, // the id of the monitored textbox, and id of the autocompletion menu. // The third is the array you want to autocomplete from, and the fourth // is the options block. // // Extra local autocompletion options: // - choices - How many autocompletion choices to offer // // - partialSearch - If false, the autocompleter will match entered // text only at the beginning of strings in the // autocomplete array. Defaults to true, which will // match text at the beginning of any *word* in the // strings in the autocomplete array. If you want to // search anywhere in the string, additionally set // the option fullSearch to true (default: off). // // - fullSsearch - Search anywhere in autocomplete array strings. // // - partialChars - How many characters to enter before triggering // a partial match (unlike minChars, which defines // how many characters are required to do any match // at all). Defaults to 2. // // - ignoreCase - Whether to ignore case when autocompleting. // Defaults to true. // // It's possible to pass in a custom function as the 'selector' // option, if you prefer to write your own autocompletion logic. // In that case, the other options above will not apply unless // you support them. Autocompleter.Local = Class.create(Autocompleter.Base, { initialize: function(element, update, array, options) { this.baseInitialize(element, update, options); this.options.array = array; }, getUpdatedChoices: function() { this.updateChoices(this.options.selector(this)); }, setOptions: function(options) { this.options = Object.extend({ choices: 10, partialSearch: true, partialChars: 2, ignoreCase: true, fullSearch: false, selector: function(instance) { var ret = []; // Beginning matches var partial = []; // Inside matches var entry = instance.getToken(); var count = 0; // Aria support var liAria = ""; var ulAria = ""; if( instance.options.enableAria && instance.options.ariaOwns ) { liAria = " tabindex=-1 role='listitem'"; ulAria = " tabindex=-1 role='list'"; } for (var i = 0; i < instance.options.array.length && ret.length < instance.options.choices ; i++) { var elem = instance.options.array[i]; var foundPos = instance.options.ignoreCase ? elem.toLowerCase().indexOf(entry.toLowerCase()) : elem.indexOf(entry); while (foundPos != -1) { if (foundPos == 0 && elem.length != entry.length) { ret.push("<li" + liAria + "><strong>" + elem.substr(0, entry.length) + "</strong>" + elem.substr(entry.length) + "</li>"); break; } else if (entry.length >= instance.options.partialChars && instance.options.partialSearch && foundPos != -1) { if (instance.options.fullSearch || /\s/.test(elem.substr(foundPos-1,1))) { partial.push("<li" + liAria + ">" + elem.substr(0, foundPos) + "<strong>" + elem.substr(foundPos, entry.length) + "</strong>" + elem.substr( foundPos + entry.length) + "</li>"); break; } } foundPos = instance.options.ignoreCase ? elem.toLowerCase().indexOf(entry.toLowerCase(), foundPos + 1) : elem.indexOf(entry, foundPos + 1); } } if (partial.length) ret = ret.concat(partial.slice(0, instance.options.choices - ret.length)); return "<ul" + ulAria + ">" + ret.join('') + "</ul>"; } }, options || { }); } }); // AJAX in-place editor and collection editor // Full rewrite by Christophe Porteneuve <[email protected]> (April 2007). // Use this if you notice weird scrolling problems on some browsers, // the DOM might be a bit confused when this gets called so do this // waits 1 ms (with setTimeout) until it does the activation Field.scrollFreeActivate = function(field) { setTimeout(function() { Field.activate(field); }, 1); }; Ajax.InPlaceEditor = Class.create({ initialize: function(element, url, options) { this.url = url; this.element = element = $(element); this.prepareOptions(); this._controls = { }; arguments.callee.dealWithDeprecatedOptions(options); // DEPRECATION LAYER!!! Object.extend(this.options, options || { }); if (!this.options.formId && this.element.id) { this.options.formId = this.element.id + '-inplaceeditor'; if ($(this.options.formId)) this.options.formId = ''; } if (this.options.externalControl) this.options.externalControl = $(this.options.externalControl); if (!this.options.externalControl) this.options.externalControlOnly = false; this._originalBackground = this.element.getStyle('background-color') || 'transparent'; this.element.title = this.options.clickToEditText; this._boundCancelHandler = this.handleFormCancellation.bind(this); this._boundComplete = (this.options.onComplete || Prototype.emptyFunction).bind(this); this._boundFailureHandler = this.handleAJAXFailure.bind(this); this._boundSubmitHandler = this.handleFormSubmission.bind(this); this._boundWrapperHandler = this.wrapUp.bind(this); this.registerListeners(); }, checkForEscapeOrReturn: function(e) { if (!this._editing || e.ctrlKey || e.altKey || e.shiftKey) return; if (Event.KEY_ESC == e.keyCode) this.handleFormCancellation(e); else if (Event.KEY_RETURN == e.keyCode) this.handleFormSubmission(e); }, createControl: function(mode, handler, extraClasses) { var control = this.options[mode + 'Control']; var text = this.options[mode + 'Text']; if ('button' == control) { var btn = document.createElement('input'); btn.type = 'submit'; btn.value = text; btn.className = 'editor_' + mode + '_button'; if ('cancel' == mode) btn.onclick = this._boundCancelHandler; this._form.appendChild(btn); this._controls[mode] = btn; } else if ('link' == control) { var link = document.createElement('a'); link.href = '#'; link.appendChild(document.createTextNode(text)); link.onclick = 'cancel' == mode ? this._boundCancelHandler : this._boundSubmitHandler; link.className = 'editor_' + mode + '_link'; if (extraClasses) link.className += ' ' + extraClasses; this._form.appendChild(link); this._controls[mode] = link; } }, createEditField: function() { var text = (this.options.loadTextURL ? this.options.loadingText : this.getText()); var fld; if (1 >= this.options.rows && !/\r|\n/.test(this.getText())) { fld = document.createElement('input'); fld.type = 'text'; var size = this.options.size || this.options.cols || 0; if (0 < size) fld.size = size; } else { fld = document.createElement('textarea'); fld.rows = (1 >= this.options.rows ? this.options.autoRows : this.options.rows); fld.cols = this.options.cols || 40; } fld.name = this.options.paramName; fld.value = text; // No HTML breaks conversion anymore fld.className = 'editor_field'; if (this.options.submitOnBlur) fld.onblur = this._boundSubmitHandler; this._controls.editor = fld; if (this.options.loadTextURL) this.loadExternalText(); this._form.appendChild(this._controls.editor); }, createForm: function() { var ipe = this; function addText(mode, condition) { var text = ipe.options['text' + mode + 'Controls']; if (!text || condition === false) return; ipe._form.appendChild(document.createTextNode(text)); }; this._form = $(document.createElement('form')); this._form.id = this.options.formId; this._form.addClassName(this.options.formClassName); this._form.onsubmit = this._boundSubmitHandler; this.createEditField(); if ('textarea' == this._controls.editor.tagName.toLowerCase()) this._form.appendChild(document.createElement('br')); if (this.options.onFormCustomization) this.options.onFormCustomization(this, this._form); addText('Before', this.options.okControl || this.options.cancelControl); this.createControl('ok', this._boundSubmitHandler); addText('Between', this.options.okControl && this.options.cancelControl); this.createControl('cancel', this._boundCancelHandler, 'editor_cancel'); addText('After', this.options.okControl || this.options.cancelControl); }, destroy: function() { if (this._oldInnerHTML) this.element.innerHTML = this._oldInnerHTML; this.leaveEditMode(); this.unregisterListeners(); }, enterEditMode: function(e) { if (this._saving || this._editing) return; this._editing = true; this.triggerCallback('onEnterEditMode'); if (this.options.externalControl) this.options.externalControl.hide(); this.element.hide(); this.createForm(); this.element.parentNode.insertBefore(this._form, this.element); if (!this.options.loadTextURL) this.postProcessEditField(); if (e) Event.stop(e); }, enterHover: function(e) { if (this.options.hoverClassName) this.element.addClassName(this.options.hoverClassName); if (this._saving) return; this.triggerCallback('onEnterHover'); }, getText: function() { return this.element.innerHTML.unescapeHTML(); }, handleAJAXFailure: function(transport) { this.triggerCallback('onFailure', transport); if (this._oldInnerHTML) { this.element.innerHTML = this._oldInnerHTML; this._oldInnerHTML = null; } }, handleFormCancellation: function(e) { this.wrapUp(); if (e) Event.stop(e); }, handleFormSubmission: function(e) { var form = this._form; var value = $F(this._controls.editor); this.prepareSubmission(); var params = this.options.callback(form, value) || ''; if (Object.isString(params)) params = params.toQueryParams(); params.editorId = this.element.id; if (this.options.htmlResponse) { var options = Object.extend({ evalScripts: true }, this.options.ajaxOptions); Object.extend(options, { parameters: params, onComplete: this._boundWrapperHandler, onFailure: this._boundFailureHandler }); new Ajax.Updater({ success: this.element }, this.url, options); } else { var options = Object.extend({ method: 'get' }, this.options.ajaxOptions); Object.extend(options, { parameters: params, onComplete: this._boundWrapperHandler, onFailure: this._boundFailureHandler }); new Ajax.Request(this.url, options); } if (e) Event.stop(e); }, leaveEditMode: function() { this.element.removeClassName(this.options.savingClassName); this.removeForm(); this.leaveHover(); this.element.style.backgroundColor = this._originalBackground; this.element.show(); if (this.options.externalControl) this.options.externalControl.show(); this._saving = false; this._editing = false; this._oldInnerHTML = null; this.triggerCallback('onLeaveEditMode'); }, leaveHover: function(e) { if (this.options.hoverClassName) this.element.removeClassName(this.options.hoverClassName); if (this._saving) return; this.triggerCallback('onLeaveHover'); }, loadExternalText: function() { this._form.addClassName(this.options.loadingClassName); this._controls.editor.disabled = true; var options = Object.extend({ method: 'get' }, this.options.ajaxOptions); Object.extend(options, { parameters: 'editorId=' + encodeURIComponent(this.element.id), onComplete: Prototype.emptyFunction, onSuccess: function(transport) { this._form.removeClassName(this.options.loadingClassName); var text = transport.responseText; if (this.options.stripLoadedTextTags) text = text.stripTags(); this._controls.editor.value = text; this._controls.editor.disabled = false; this.postProcessEditField(); }.bind(this), onFailure: this._boundFailureHandler }); new Ajax.Request(this.options.loadTextURL, options); }, postProcessEditField: function() { var fpc = this.options.fieldPostCreation; if (fpc) $(this._controls.editor)['focus' == fpc ? 'focus' : 'activate'](); }, prepareOptions: function() { this.options = Object.clone(Ajax.InPlaceEditor.DefaultOptions); Object.extend(this.options, Ajax.InPlaceEditor.DefaultCallbacks); [this._extraDefaultOptions].flatten().compact().each(function(defs) { Object.extend(this.options, defs); }.bind(this)); }, prepareSubmission: function() { this._saving = true; this.removeForm(); this.leaveHover(); this.showSaving(); }, registerListeners: function() { this._listeners = { }; var listener; $H(Ajax.InPlaceEditor.Listeners).each(function(pair) { listener = this[pair.value].bind(this); this._listeners[pair.key] = listener; if (!this.options.externalControlOnly) this.element.observe(pair.key, listener); if (this.options.externalControl) this.options.externalControl.observe(pair.key, listener); }.bind(this)); }, removeForm: function() { if (!this._form) return; this._form.remove(); this._form = null; this._controls = { }; }, showSaving: function() { this._oldInnerHTML = this.element.innerHTML; this.element.innerHTML = this.options.savingText; this.element.addClassName(this.options.savingClassName); this.element.style.backgroundColor = this._originalBackground; this.element.show(); }, triggerCallback: function(cbName, arg) { if ('function' == typeof this.options[cbName]) { this.options[cbName](this, arg); } }, unregisterListeners: function() { $H(this._listeners).each(function(pair) { if (!this.options.externalControlOnly) this.element.stopObserving(pair.key, pair.value); if (this.options.externalControl) this.options.externalControl.stopObserving(pair.key, pair.value); }.bind(this)); }, wrapUp: function(transport) { this.leaveEditMode(); // Can't use triggerCallback due to backward compatibility: requires // binding + direct element this._boundComplete(transport, this.element); } }); Object.extend(Ajax.InPlaceEditor.prototype, { dispose: Ajax.InPlaceEditor.prototype.destroy }); Ajax.InPlaceCollectionEditor = Class.create(Ajax.InPlaceEditor, { initialize: function($super, element, url, options) { this._extraDefaultOptions = Ajax.InPlaceCollectionEditor.DefaultOptions; $super(element, url, options); }, createEditField: function() { var list = document.createElement('select'); list.name = this.options.paramName; list.size = 1; this._controls.editor = list; this._collection = this.options.collection || []; if (this.options.loadCollectionURL) this.loadCollection(); else this.checkForExternalText(); this._form.appendChild(this._controls.editor); }, loadCollection: function() { this._form.addClassName(this.options.loadingClassName); this.showLoadingText(this.options.loadingCollectionText); var options = Object.extend({ method: 'get' }, this.options.ajaxOptions); Object.extend(options, { parameters: 'editorId=' + encodeURIComponent(this.element.id), onComplete: Prototype.emptyFunction, onSuccess: function(transport) { var js = transport.responseText.strip(); if (!/^\[.*\]$/.test(js)) // TODO: improve sanity check throw('Server returned an invalid collection representation.'); this._collection = eval(js); this.checkForExternalText(); }.bind(this), onFailure: this.onFailure }); new Ajax.Request(this.options.loadCollectionURL, options); }, showLoadingText: function(text) { this._controls.editor.disabled = true; var tempOption = this._controls.editor.firstChild; if (!tempOption) { tempOption = document.createElement('option'); tempOption.value = ''; this._controls.editor.appendChild(tempOption); tempOption.selected = true; } tempOption.update((text || '').stripScripts().stripTags()); }, checkForExternalText: function() { this._text = this.getText(); if (this.options.loadTextURL) this.loadExternalText(); else this.buildOptionList(); }, loadExternalText: function() { this.showLoadingText(this.options.loadingText); var options = Object.extend({ method: 'get' }, this.options.ajaxOptions); Object.extend(options, { parameters: 'editorId=' + encodeURIComponent(this.element.id), onComplete: Prototype.emptyFunction, onSuccess: function(transport) { this._text = transport.responseText.strip(); this.buildOptionList(); }.bind(this), onFailure: this.onFailure }); new Ajax.Request(this.options.loadTextURL, options); }, buildOptionList: function() { this._form.removeClassName(this.options.loadingClassName); this._collection = this._collection.map(function(entry) { return 2 === entry.length ? entry : [entry, entry].flatten(); }); var marker = ('value' in this.options) ? this.options.value : this._text; var textFound = this._collection.any(function(entry) { return entry[0] == marker; }.bind(this)); this._controls.editor.update(''); var option; this._collection.each(function(entry, index) { option = document.createElement('option'); option.value = entry[0]; option.selected = textFound ? entry[0] == marker : 0 == index; option.appendChild(document.createTextNode(entry[1])); this._controls.editor.appendChild(option); }.bind(this)); this._controls.editor.disabled = false; Field.scrollFreeActivate(this._controls.editor); } }); //**** DEPRECATION LAYER FOR InPlace[Collection]Editor! **** //**** This only exists for a while, in order to let **** //**** users adapt to the new API. Read up on the new **** //**** API and convert your code to it ASAP! **** Ajax.InPlaceEditor.prototype.initialize.dealWithDeprecatedOptions = function(options) { if (!options) return; function fallback(name, expr) { if (name in options || expr === undefined) return; options[name] = expr; }; fallback('cancelControl', (options.cancelLink ? 'link' : (options.cancelButton ? 'button' : options.cancelLink == options.cancelButton == false ? false : undefined))); fallback('okControl', (options.okLink ? 'link' : (options.okButton ? 'button' : options.okLink == options.okButton == false ? false : undefined))); fallback('highlightColor', options.highlightcolor); fallback('highlightEndColor', options.highlightendcolor); }; Object.extend(Ajax.InPlaceEditor, { DefaultOptions: { ajaxOptions: { }, autoRows: 3, // Use when multi-line w/ rows == 1 cancelControl: 'link', // 'link'|'button'|false cancelText: 'cancel', clickToEditText: 'Click to edit', externalControl: null, // id|elt externalControlOnly: false, fieldPostCreation: 'activate', // 'activate'|'focus'|false formClassName: 'inplaceeditor-form', formId: null, // id|elt highlightColor: '#ffff99', highlightEndColor: '#ffffff', hoverClassName: '', htmlResponse: true, loadingClassName: 'inplaceeditor-loading', loadingText: 'Loading...', okControl: 'button', // 'link'|'button'|false okText: 'ok', paramName: 'value', rows: 1, // If 1 and multi-line, uses autoRows savingClassName: 'inplaceeditor-saving', savingText: 'Saving...', size: 0, stripLoadedTextTags: false, submitOnBlur: false, textAfterControls: '', textBeforeControls: '', textBetweenControls: '' }, DefaultCallbacks: { callback: function(form) { return Form.serialize(form); }, onComplete: function(transport, element) { // For backward compatibility, this one is bound to the IPE, and passes // the element directly. It was too often customized, so we don't break it. new Effect.Highlight(element, { startcolor: this.options.highlightColor, keepBackgroundImage: true }); }, onEnterEditMode: null, onEnterHover: function(ipe) { ipe.element.style.backgroundColor = ipe.options.highlightColor; if (ipe._effect) ipe._effect.cancel(); }, onFailure: function(transport, ipe) { alert('Error communication with the server: ' + transport.responseText.stripTags()); }, onFormCustomization: null, // Takes the IPE and its generated form, after editor, before controls. onLeaveEditMode: null, onLeaveHover: function(ipe) { ipe._effect = new Effect.Highlight(ipe.element, { startcolor: ipe.options.highlightColor, endcolor: ipe.options.highlightEndColor, restorecolor: ipe._originalBackground, keepBackgroundImage: true }); } }, Listeners: { click: 'enterEditMode', keydown: 'checkForEscapeOrReturn', mouseover: 'enterHover', mouseout: 'leaveHover' } }); Ajax.InPlaceCollectionEditor.DefaultOptions = { loadingCollectionText: 'Loading options...' }; // Delayed observer, like Form.Element.Observer, // but waits for delay after last key input // Ideal for live-search fields Form.Element.DelayedObserver = Class.create({ initialize: function(element, delay, callback) { this.delay = delay || 0.5; this.element = $(element); this.callback = callback; this.timer = null; this.lastValue = $F(this.element); Event.observe(this.element,'keyup',this.delayedListener.bindAsEventListener(this)); }, delayedListener: function(event) { if(this.lastValue == $F(this.element)) return; if(this.timer) clearTimeout(this.timer); this.timer = setTimeout(this.onTimerEvent.bind(this), this.delay * 1000); this.lastValue = $F(this.element); }, onTimerEvent: function() { this.timer = null; this.callback(this.element, $F(this.element)); } }); // script.aculo.us slider.js v1.9.0, Thu Dec 23 16:54:48 -0500 2010 // Copyright (c) 2005-2010 Marty Haught, Thomas Fuchs // // script.aculo.us is freely distributable under the terms of an MIT-style license. // For details, see the script.aculo.us web site: http://script.aculo.us/ if (!Control) var Control = { }; // options: // axis: 'vertical', or 'horizontal' (default) // // callbacks: // onChange(value) // onSlide(value) Control.Slider = Class.create({ initialize: function(handle, track, options) { var slider = this; if (Object.isArray(handle)) { this.handles = handle.collect( function(e) { return $(e) }); } else { this.handles = [$(handle)]; } this.track = $(track); this.options = options || { }; this.axis = this.options.axis || 'horizontal'; this.increment = this.options.increment || 1; this.step = parseInt(this.options.step || '1'); this.range = this.options.range || $R(0,1); this.value = 0; // assure backwards compat this.values = this.handles.map( function() { return 0 }); this.spans = this.options.spans ? this.options.spans.map(function(s){ return $(s) }) : false; this.options.startSpan = $(this.options.startSpan || null); this.options.endSpan = $(this.options.endSpan || null); this.restricted = this.options.restricted || false; this.maximum = this.options.maximum || this.range.end; this.minimum = this.options.minimum || this.range.start; // Will be used to align the handle onto the track, if necessary this.alignX = parseInt(this.options.alignX || '0'); this.alignY = parseInt(this.options.alignY || '0'); this.trackLength = this.maximumOffset() - this.minimumOffset(); this.handleLength = this.isVertical() ? (this.handles[0].offsetHeight != 0 ? this.handles[0].offsetHeight : this.handles[0].style.height.replace(/px$/,"")) : (this.handles[0].offsetWidth != 0 ? this.handles[0].offsetWidth : this.handles[0].style.width.replace(/px$/,"")); this.active = false; this.dragging = false; this.disabled = false; if (this.options.disabled) this.setDisabled(); // Allowed values array this.allowedValues = this.options.values ? this.options.values.sortBy(Prototype.K) : false; if (this.allowedValues) { this.minimum = this.allowedValues.min(); this.maximum = this.allowedValues.max(); } this.eventMouseDown = this.startDrag.bindAsEventListener(this); this.eventMouseUp = this.endDrag.bindAsEventListener(this); this.eventMouseMove = this.update.bindAsEventListener(this); // Initialize handles in reverse (make sure first handle is active) this.handles.each( function(h,i) { i = slider.handles.length-1-i; slider.setValue(parseFloat( (Object.isArray(slider.options.sliderValue) ? slider.options.sliderValue[i] : slider.options.sliderValue) || slider.range.start), i); h.makePositioned().observe("mousedown", slider.eventMouseDown); }); this.track.observe("mousedown", this.eventMouseDown); document.observe("mouseup", this.eventMouseUp); document.observe("mousemove", this.eventMouseMove); this.initialized = true; }, dispose: function() { var slider = this; Event.stopObserving(this.track, "mousedown", this.eventMouseDown); Event.stopObserving(document, "mouseup", this.eventMouseUp); Event.stopObserving(document, "mousemove", this.eventMouseMove); this.handles.each( function(h) { Event.stopObserving(h, "mousedown", slider.eventMouseDown); }); }, setDisabled: function(){ this.disabled = true; }, setEnabled: function(){ this.disabled = false; }, getNearestValue: function(value){ if (this.allowedValues){ if (value >= this.allowedValues.max()) return(this.allowedValues.max()); if (value <= this.allowedValues.min()) return(this.allowedValues.min()); var offset = Math.abs(this.allowedValues[0] - value); var newValue = this.allowedValues[0]; this.allowedValues.each( function(v) { var currentOffset = Math.abs(v - value); if (currentOffset <= offset){ newValue = v; offset = currentOffset; } }); return newValue; } if (value > this.range.end) return this.range.end; if (value < this.range.start) return this.range.start; return value; }, setValue: function(sliderValue, handleIdx){ if (!this.active) { this.activeHandleIdx = handleIdx || 0; this.activeHandle = this.handles[this.activeHandleIdx]; this.updateStyles(); } handleIdx = handleIdx || this.activeHandleIdx || 0; if (this.initialized && this.restricted) { if ((handleIdx>0) && (sliderValue<this.values[handleIdx-1])) sliderValue = this.values[handleIdx-1]; if ((handleIdx < (this.handles.length-1)) && (sliderValue>this.values[handleIdx+1])) sliderValue = this.values[handleIdx+1]; } sliderValue = this.getNearestValue(sliderValue); this.values[handleIdx] = sliderValue; this.value = this.values[0]; // assure backwards compat this.handles[handleIdx].style[this.isVertical() ? 'top' : 'left'] = this.translateToPx(sliderValue); this.drawSpans(); if (!this.dragging || !this.event) this.updateFinished(); }, setValueBy: function(delta, handleIdx) { this.setValue(this.values[handleIdx || this.activeHandleIdx || 0] + delta, handleIdx || this.activeHandleIdx || 0); }, translateToPx: function(value) { return Math.round( ((this.trackLength-this.handleLength)/(this.range.end-this.range.start)) * (value - this.range.start)) + "px"; }, translateToValue: function(offset) { return ((offset/(this.trackLength-this.handleLength) * (this.range.end-this.range.start)) + this.range.start); }, getRange: function(range) { var v = this.values.sortBy(Prototype.K); range = range || 0; return $R(v[range],v[range+1]); }, minimumOffset: function(){ return(this.isVertical() ? this.alignY : this.alignX); }, maximumOffset: function(){ return(this.isVertical() ? (this.track.offsetHeight != 0 ? this.track.offsetHeight : this.track.style.height.replace(/px$/,"")) - this.alignY : (this.track.offsetWidth != 0 ? this.track.offsetWidth : this.track.style.width.replace(/px$/,"")) - this.alignX); }, isVertical: function(){ return (this.axis == 'vertical'); }, drawSpans: function() { var slider = this; if (this.spans) $R(0, this.spans.length-1).each(function(r) { slider.setSpan(slider.spans[r], slider.getRange(r)) }); if (this.options.startSpan) this.setSpan(this.options.startSpan, $R(0, this.values.length>1 ? this.getRange(0).min() : this.value )); if (this.options.endSpan) this.setSpan(this.options.endSpan, $R(this.values.length>1 ? this.getRange(this.spans.length-1).max() : this.value, this.maximum)); }, setSpan: function(span, range) { if (this.isVertical()) { span.style.top = this.translateToPx(range.start); span.style.height = this.translateToPx(range.end - range.start + this.range.start); } else { span.style.left = this.translateToPx(range.start); span.style.width = this.translateToPx(range.end - range.start + this.range.start); } }, updateStyles: function() { this.handles.each( function(h){ Element.removeClassName(h, 'selected') }); Element.addClassName(this.activeHandle, 'selected'); }, startDrag: function(event) { if (Event.isLeftClick(event)) { if (!this.disabled){ this.active = true; var handle = Event.element(event); var pointer = [Event.pointerX(event), Event.pointerY(event)]; var track = handle; if (track==this.track) { var offsets = this.track.cumulativeOffset(); this.event = event; this.setValue(this.translateToValue( (this.isVertical() ? pointer[1]-offsets[1] : pointer[0]-offsets[0])-(this.handleLength/2) )); var offsets = this.activeHandle.cumulativeOffset(); this.offsetX = (pointer[0] - offsets[0]); this.offsetY = (pointer[1] - offsets[1]); } else { // find the handle (prevents issues with Safari) while((this.handles.indexOf(handle) == -1) && handle.parentNode) handle = handle.parentNode; if (this.handles.indexOf(handle)!=-1) { this.activeHandle = handle; this.activeHandleIdx = this.handles.indexOf(this.activeHandle); this.updateStyles(); var offsets = this.activeHandle.cumulativeOffset(); this.offsetX = (pointer[0] - offsets[0]); this.offsetY = (pointer[1] - offsets[1]); } } } Event.stop(event); } }, update: function(event) { if (this.active) { if (!this.dragging) this.dragging = true; this.draw(event); if (Prototype.Browser.WebKit) window.scrollBy(0,0); Event.stop(event); } }, draw: function(event) { var pointer = [Event.pointerX(event), Event.pointerY(event)]; var offsets = this.track.cumulativeOffset(); pointer[0] -= this.offsetX + offsets[0]; pointer[1] -= this.offsetY + offsets[1]; this.event = event; this.setValue(this.translateToValue( this.isVertical() ? pointer[1] : pointer[0] )); if (this.initialized && this.options.onSlide) this.options.onSlide(this.values.length>1 ? this.values : this.value, this); }, endDrag: function(event) { if (this.active && this.dragging) { this.finishDrag(event, true); Event.stop(event); } this.active = false; this.dragging = false; }, finishDrag: function(event, success) { this.active = false; this.dragging = false; this.updateFinished(); }, updateFinished: function() { if (this.initialized && this.options.onChange) this.options.onChange(this.values.length>1 ? this.values : this.value, this); this.event = null; } });

/** * lightbox.js - a flexible lightbox widget. * @author jriecken **/ var lightbox = { Lightbox: Class.create({ /** * Creates a new lightbox. If no "openLink" property exists in the config passed in, * the lb can be programmatically opened by calling open() on it. * @param cfg configuration for the lb. * - lightboxId - The optional id to be set to the lightbox wrapping div. The default is no id attribute set on the lightbox wrapper element. * - openLink - If passed will wire lb opening to this link, and set the focus back on it on close * - focusOnClose - element that will receive the focus on close. If specified, it supercedes openLink element. * - ajax - Whether to asyncronously load the lb content. This can be a simple boolean (the url will be taken from openLink's href) or a {url: 'url', params: 'params', loadExternalScripts: 'true'} object. * -- if ajax{...loadExternalScripts :true} is defined then all all of the referenced script source files will be loaded before executing the scripts in the loaded page. * - dimensions - A {w: xxx, h: xxx} object defining the dimensions of the lb. If not passed, the lb will size to fit the content. * - contents - Contents of the lb (not needed if async) - either a string, a function that returns a string, or an object with add'l config (see _updateLightboxContent). * - title - Title for the lb. If not passed and openLink is provided and has a title attribute, that attribute will be used. * - defaultDimensions - Default dimensions for ajax loading phase of a lb that doesn't specify a dimensions config param. * - useDefaultDimensionsAsMinimumSize - if useDefaultDimensionsAsMinimumSize set then increase size to be the minimum if the auto-size results in a small size * - horizontalBorder - specifies the minimum dimension for the width around the lightbox, default is set to 50 * - verticalBorder - specifies the minimum dimension for the height around the lightbox, default is set to 50 * - constrainToWindow - Whether to ensure that the lb will fit inside the window. * - closeOnBodyClick - Whether to close the lb when the user clicks outside of the lb. * - processingTemplate - HTML template for the content shown while an async load is in progress. * - lbTemplate - HTML template for the lb. If user-supplied lbTemplate & title parameters are passed to the lightbox, the lbTemplate must contain any required headings for the title. * - lbContentClass - div class that contains the lb content, useful with client-supplied lbTemplate. * - troubleElems - Elements that should be hidden while the lb is open. * - msgs - I18N messages used by the lb. * - onClose - call back function that if passed is called when the light box is closed **/ initialize: function( cfg ) { //Default values for configuration parameters. this.cfg = Object.extend({ lightboxId: "", openLink: null, ajax: null, dimensions: null, contents: "", title: "", focusOnClose: "", defaultDimensions: { w: 320, h: 240 }, useDefaultDimensionsAsMinimumSize : false, horizontalBorder : 50, verticalBorder : 50, constrainToWindow: true, closeOnBodyClick: true, showCloseLink: true, processingTemplate: '<div class="lb-loading" style="width: #{width}px; height: #{height}px;"><span class="hideoff">#{loadingText}</span></div>', lbTemplate: '<div class="lb-header" tabindex="0" id="lb-header">#{title}</div><div class="lb-content" aria-live="assertive"></div><a class="lbAction u_floatThis-right" href="\\#close" title="#{closeText}"><img src="/images/ci/ng/close_mini.gif" alt="#{closeText}"></a>', lbContentClass: 'lb-content', troubleElems: [ 'select', 'object', 'embed', 'applet' ], msgs: { 'close' : page.bundle.getString('inlineconfirmation.close'), 'loading' : page.bundle.getString('lightbox.loading') } }, cfg); if ( !this.cfg.showCloseLink && !cfg.lbTemplate ) { this.cfg.lbTemplate = '<div class="lb-header" tabindex="0" id="lb-header">#{title}</div><div class="lb-content" aria-live="assertive"></div><span tabindex="0" class="lb-focustrap"> </span>'; } this.cfg.title = this.cfg.title || ( this.cfg.openLink && this.cfg.openLink.title ? this.cfg.openLink.title : "" ); var wrapperArgs = { title: this.cfg.title, closeText: this.cfg.msgs.close, lbContentClass: this.cfg.lbContentClass }; if ( wrapperArgs.title ) { if ( !cfg.lbTemplate ) { wrapperArgs.title = '<h2>' + wrapperArgs.title + '</h2>'; } } else { wrapperArgs.title = '&nbsp;'; } if ( this.cfg.openLink ) { this.cfg.openLink = $( this.cfg.openLink ); this.cfg.openLink.observe( 'click', this._onOpen.bindAsEventListener( this ) ); if ( !this.cfg.focusOnClose ) { this.cfg.focusOnClose = this.cfg.openLink; } } this.overlay = new Element('div').addClassName('lb-overlay').setStyle( { opacity: 0 } ); this.lightboxWrapper = new Element('div').addClassName('lb-wrapper').update( this.cfg.lbTemplate.interpolate( wrapperArgs ) ); if ( this.cfg.lightboxId ) { this.lightboxWrapper.setAttribute( 'id', this.cfg.lightboxId ); } var header = this.lightboxWrapper.down('.lb-header'); if ( header ) { this.lightboxTitle = header.down('h2'); } this.lightboxContent = this.lightboxWrapper.down('div.' + this.cfg.lbContentClass); this.firstLink = this.lightboxWrapper.down('.lb-header'); if ( this.cfg.showCloseLink ) { this.closeLink = this.lastLink = this.lightboxWrapper.down('.lbAction'); this.closeLink.observe( 'click', this._onClose.bindAsEventListener( this ) ); } else { this.lastLink = this.lightboxWrapper.down('.lb-focustrap'); if ( !this.lastLink ) { this.lastLink = this.firstLink; } } //Wire up events this.lightboxWrapper.observe( 'keydown', this._onKeyPress.bindAsEventListener( this ) ); if ( this.cfg.closeOnBodyClick ) { this.overlay.observe( 'click', this._onOverlayClick.bindAsEventListener( this ) ); } this.boundResizeListener = this._onWindowResize.bindAsEventListener( this ); }, /** * Opens the lightbox. * @param afterOpen a callback function to call after the lb has finished loading. */ open: function( afterOpen ) { lightbox.closeCurrentLightbox(); lightbox._currentLightbox = this; this._fixIE( true ); this._toggleTroubleElements( true ); document.body.appendChild( this.overlay ); new Effect.Opacity( this.overlay, { from: 0.0, to: 0.5, duration: 0, // duration must be 0 to avoid focus problem with IE & screen reader afterFinish: function() { document.body.appendChild( this.lightboxWrapper ); this._updateLightboxContent( afterOpen ); //Calling the youtube API Method when the light box is loaded var lbc1 = this.lightboxContent; var frameIds = lbc1.getElementsByClassName("ytIframeClass"); if ( frameIds.length > 0 ) { var frameIdss = []; frameIdss.push( frameIds[0] ); this._ytPlayers = page.util.bbPreptextareasforyoutube( frameIdss ); } Event.observe( window, 'resize', this.boundResizeListener ); }.bind( this ) }); }, /** * Shows the existing the lightbox. The content will not be updated, it is up to the caller to update the content * * @param afterOpen a callback function to call after the lb has finished loading. */ show: function( afterOpen ) { //If the lightboxWrapper is null, open the light box. if ( !this.lightboxWrapper ) { open( afterOpen ); return; } lightbox._currentLightbox = this; document.body.appendChild( this.overlay ); new Effect.Opacity( this.overlay, { from: 0.0, to: 0.5, duration: 0, // duration must be 0 to avoid focus problem with IE & screen reader afterFinish: function() { this.lightboxWrapper.removeClassName("hideme"); Event.observe( window, 'resize', this.boundResizeListener ); }.bind( this ) }); }, /** * Closes the lightbox. */ close: function(hide) { if ( /MSIE (\d+\.\d+);/.test( navigator.userAgent ) && this._ytPlayers ) { // This gives the list of all the ytplayers in the page.. need to find the correct one. for ( var i = this._ytPlayers.length - 1; i >= 0; i-- ) { var currentPlayer = this._ytPlayers[ i ]; var lightboxDiv = page.util.upToClass( currentPlayer.getIframe(), "lb-content" ); if ( lightboxDiv ) { if ( currentPlayer.stopVideo ) { currentPlayer.stopVideo(); } var iframe = currentPlayer.getIframe(); iframe.style.display = 'none'; iframe.src = ""; if ( currentPlayer.clearVideo ) { currentPlayer.clearVideo(); } break; } } } this._hideLightBox = hide; if (this.cfg.onClose) { if ( Object.isFunction( this.cfg.onClose ) ) { this.cfg.onClose(); } else { var closeFunc = new Function(this.cfg.onClose); closeFunc(); } } Event.stopObserving( window, 'resize', this.boundResizeListener ); if ( this.movedElement && this.originalParent ) { this.movedElement.parentNode.removeChild( this.movedElement ); this.originalParent.appendChild( this.movedElement ); this.movedElement.style.display = this.movedElement.originalDisplay; } if ( !this._hideLightBox ) { this._clearLightboxContent(); this.lightboxWrapper.remove(); } else { this.lightboxWrapper.addClassName("hideme"); } new Effect.Opacity( this.overlay, { from: 0.3, to: 0.0, duration: 0, // duration must be 0 to avoid focus problem with IE & screen reader afterFinish: function() { this.overlay.remove(); this._toggleTroubleElements( false ); this._fixIE( false ); if ( !this._hideLightBox ) { lightbox._currentLightbox = null; } if ( this.cfg.focusOnClose ) { $(this.cfg.focusOnClose).focus(); } }.bind( this ) }); }, /** * Hide the lightbox. */ hide: function() { this.close(true); }, resize: function( newDimensions ) { this.cfg.dimensions = newDimensions; // might be null, in which case it is auto-resize this._resizeAndCenterLightbox( ); }, /** Event listener for opening lb. */ _onOpen: function( event ) { this.open(); event.stop(); }, /** Event listener for closing lb. */ _onClose: function( event ) { this.close(); event.stop(); }, /** Event listener wired when closeOnBodyClick is true. */ _onOverlayClick: function( event ) { if ( event.element() == this.overlay ) { this.close(); } event.stop(); }, /** Event listener for keyboard presses in the LB. */ _onKeyPress: function( event ) { var key = event.keyCode || event.which; var elem = event.element(); // Close on ESC type if ( key == Event.KEY_ESC ) { this.close(); event.stop(); } // Set up the tab loop (don't tab/shift-tab out of the lb) else if ( key == Event.KEY_TAB && !event.shiftKey && elem == this.lastLink ) { this.firstLink.focus(); event.stop(); } else if ( key == Event.KEY_TAB && event.shiftKey && elem == this.firstLink ) { this.lastLink.focus(); event.stop(); } }, /** Event listener for window resize. */ _onWindowResize: function( event ) { this._resizeAndCenterLightbox( false ); }, /** * Clears the lightbox. */ _clearLightboxContent: function() { this.lightboxContent.update( '' ); }, /** * Updates the lightbox content based on the configuration. * @param afterFinish a callback to call after the content has finished updating. */ _updateLightboxContent: function( afterFinish ) { if ( this.cfg.ajax ) //Async { this._resizeAndCenterLightbox( true ); var lbc = this.lightboxContent; var lbcDim = lbc.getDimensions(); lbc.update( this.cfg.processingTemplate.interpolate( { loadingText: this.cfg.msgs.loading, width: (lbcDim.width - this._extraWidth( lbc, false ) ), height: (lbcDim.height - this._extraHeight( lbc, false, true ) ) } ) ).setStyle({ overflow: 'hidden' }).focus(); var url = this.cfg.ajax.url || this.cfg.openLink.href; var params = this.cfg.ajax.params || {}; var requestMethod = this.cfg.ajax.method || 'get'; var asynFlag = this.cfg.ajax.asyn == null || this.cfg.ajax.asyn var cb = function( response ) { lbc.setStyle({ overflow: 'auto' }); this._updateLightboxContentHelper( response.responseText, afterFinish ); }.bind( this ); new Ajax.Request( url, { method: requestMethod , asynchronous : asynFlag, parameters: params, onSuccess: cb, onFailure: cb }); } else //Static { var c = this.cfg.contents; //Normal string contents if ( Object.isFunction( c ) ) //Function to get contents { c = c( this ); } else if ( !Object.isString( c ) && !(Object.isArray( c ) ) ) //Config object { if ( c.id ) //Load contents from an element on the page already { var elem = $( c.id ); //Lightbox can contain the elements that are considered to be 'trouble elements'. //Loop through to make sure that they are visible in the lightbox. this._toggleTroubleElementsHelper( elem, false ); if ( c.move ) { c = elem; } else { if( c.stripComments !== undefined && c.stripComments ) { c = elem.innerHTML.replace('<!--','').replace('-->',''); c = this._recreateMashupsHtml( c ); } else { c = elem.innerHTML; } } } else if ( c.auto && this.cfg.openLink ) // Attempt to auto load the content from the link href based on the file extension { var h = this.cfg.openLink.href; if ( lightbox._imageTypeRE.test( h ) ) { c = '<img src="' + h + '" style="vertical-align:top;display:block;" alt="'+ this.cfg.title+'">'; } else { c = ""; } } } this._updateLightboxContentHelper( c, afterFinish ); } }, /** * Helper that actually updates the contents of the lb. * @param content the HTML content for the lb. * @param afterFinish a callback that will be called when the update is done. */ _updateLightboxContentHelper: function( content, afterFinish ) { var lbc = this.lightboxContent; var element; if ( Object.isElement( content ) ) { element = content; content = "<div id='lb-container' class='lb-container'></div>"; } this.evaluatingScripts = false; if (this.cfg.ajax && this.cfg.ajax.loadExternalScripts ) { // Make sure all global scripts are evaluated in the lightbox content: content = Object.toHTML(content); lbc.innerHTML = content.stripScripts(); this.evaluatingScripts = true; page.globalEvalScripts( content, true, this); } else { lbc.update(content); } if ( element ) { this.originalParent = element.parentNode; this.movedElement = element; $( 'lb-container').appendChild( element ); this.movedElement.originalDisplay = this.movedElement.style.display; element.show(); } this._resizeWhenImagesReady( afterFinish ); if ( !this.firstLink ) { this.firstLink = lbc.down('a'); } if ( this.firstLink ) { (function() { this.firstLink.focus(); }.bind(this).defer( 1 )); } }, /** * Since images don't load immediately, we need to wait until they've * loaded before resizing */ _resizeWhenImagesReady: function( afterFinish ) { var lbw = this.lightboxWrapper, lbc = this.lightboxContent; var imgs = lbc.getElementsByTagName( 'img' ); var iterations = 0; if (( !this.cfg.dimensions && imgs.length > 0 ) || (this.evaluatingScripts)) { new PeriodicalExecuter( function( pe ) { iterations++; var allDone = page.util.allImagesLoaded( imgs ); if (this.evaluatingScripts) { allDone = false; } // Done, or waited more than 5 seconds if ( allDone || iterations > 50 ) { //Show the lightbox lbw.show(); lbc.focus(); this._resizeAndCenterLightbox( false ); if ( afterFinish ) { afterFinish(); } pe.stop(); } }.bind(this),0.1); } else { this._resizeAndCenterLightbox( false ); if ( afterFinish ) { afterFinish(); } } }, /** * Size the lightbox and make sure that it is centered in the viewport. * @param isLoading whether we're in the async loading phase. */ _resizeAndCenterLightbox: function( isLoading ) { var lbw = this.lightboxWrapper, lbc = this.lightboxContent, lbt = this.lightboxTitle, title, lbDim; if ( lbt ) //Ensure a long title doesn't cause the lightbox to get very wide. { title = lbt.innerHTML; lbt.update( '' ); } if ( this.cfg.dimensions ) // explicitly defined size { lbw.setStyle( { width: this.cfg.dimensions.w + 'px', height: this.cfg.dimensions.h + 'px' } ); } else if (isLoading) // temporary loading size { lbw.setStyle({ width: this.cfg.defaultDimensions.w + 'px', height: this.cfg.defaultDimensions.h + 'px'}); } else // auto-size { lbw.setStyle( { width: '', height: '' } ); lbc.setStyle( { height: '' } ); lbDim = lbw.getDimensions(); lbDim.width = lbDim.width - this._extraWidth( lbw, false); lbDim.height = lbDim.height - this._extraHeight( lbw, false, true); if ( this.cfg.useDefaultDimensionsAsMinimumSize ) { // resize width and height to the minimum set if ( lbDim.width < this.cfg.defaultDimensions.w ) { lbDim.width = this.cfg.defaultDimensions.w; } if( lbDim.height < this.cfg.defaultDimensions.h ) { lbDim.height = this.cfg.defaultDimensions.h; } } lbw.setStyle( { width: ( lbDim.width ) + 'px', height: ( lbDim.height ) + 'px' } ); } var viewDim = document.viewport.getDimensions(); lbDim = lbw.getDimensions(); if ( this.cfg.constrainToWindow ) { var maxWidth = viewDim.width - this.cfg.horizontalBorder, maxHeight = viewDim.height - this.cfg.verticalBorder; if ( lbDim.width > ( maxWidth ) ) { lbw.setStyle( { width: ( maxWidth ) + 'px' } ); } if ( lbDim.height > ( maxHeight ) ) { lbw.setStyle( { height: ( maxHeight ) + 'px' } ); } lbDim = lbw.getDimensions(); } var l = parseInt( ( viewDim.width / 2.0 ) - (lbDim.width / 2.0 ) , 10 ); var t = parseInt( ( viewDim.height / 2.0 ) - (lbDim.height / 2.0 ) , 10 ); lbw.setStyle({ left: l + "px", top: t + "px" }); var h = ( lbDim.height - this._extraHeight( lbw, false, false ) - this._extraHeight( lbc, true, true ) - lbc.positionedOffset().top ); if (h >= 0) { lbc.setStyle({ height: h + "px"}); } if ( lbt ) { lbt.update( title ); } }, /** * Calculate the extra height added by padding and border. * @param element DOM elem to calculate the extra height for. * @param mBot whether to include the bottom margin * @param pTop whether to include the top padding. */ _extraHeight: function( element, mBot, pTop ) { var r = 0, dims = ['paddingBottom','borderTopWidth','borderBottomWidth'].concat( mBot ? ['marginBottom'] : [] ).concat( pTop ? ['paddingTop'] : [] ); dims.each( function( d ) { r += parseFloat( element.getStyle( d ) ) || 0; }); return r; }, /** * Calculate the extra width added by padding, border, (optionally margin) * @param element DOM elem to calculate the extra width for. * @param m whether to include margins */ _extraWidth: function( element, m ) { var r = 0, dims = ['paddingLeft','paddingRight','borderLeftWidth','borderRightWidth'].concat( m ? ['marginLeft','marginRight'] : [] ); dims.each( function( d ) { r += parseFloat( element.getStyle( d ) ) || 0; }); return r; }, /** * Regrettably, some JavaScript hacks are necessary for IE 6 * @param on whether to turn the hacks on or off */ _fixIE: function( on ) { if ( /MSIE 6/i.test(navigator.userAgent) ) { var body = document.getElementsByTagName('body')[0]; var html = document.getElementsByTagName('html')[0]; if ( on ) { this.currentScroll = document.viewport.getScrollOffsets(); window.scrollTo( 0, 0 ); } Element.setStyle( body, ( on ? { height: '100%', overflow: 'hidden' } : { height: '', overflow: '' } ) ); Element.setStyle( html, ( on ? { height: '100%', overflow: 'hidden' } : { height: '', overflow: '' } ) ); this.overlay.setStyle( ( on ? { width: "120%", height: "100%"} : { width: "", height: ""} )); if ( !on ) { window.scrollTo( this.currentScroll.left, this.currentScroll.top ); } } }, _toggleTroubleElementsHelper : function( contentElem, turnOff ) { this.cfg.troubleElems.each( function(elemType) { var elems; if ( contentElem === null ) { elems = document.getElementsByTagName( elemType ); } else { elems = contentElem.getElementsByTagName( elemType ); } var numElems = elems.length; for ( var i = 0; i < numElems; i++ ) { try { elems[i].style.visibility = (turnOff ? 'hidden' : ''); } catch ( e ) { // Setting visibility blows up on Linux Chrome; just ignore this error, as the only // real consequence will be some potential UI artifacts } } }.bind( this ) ); }, /** * Toggle elements that may bleed through the lightbox overlay. * @param turnOff whether to turn off the elements. */ _toggleTroubleElements: function( turnOff ) { this._toggleTroubleElementsHelper( document, turnOff ); }, /** * Mashups could contain malicious data entered by users. * So extract the required information and recreate mashup HTML to display in lightbox. * @param oldContent current HTML data for mashup. */ _recreateMashupsHtml: function( oldContent ) { var mashupType = this._checkMashupType( oldContent ); var isLegacy = this._checkMashupIslegacy( oldContent, mashupType ); var returnStr = '<div style=\"margin: 10px;\">' + page.bundle.getString( 'mashups.content.data.msg' ) + '</div>'; if( mashupType === "youtube" ) { return this._recreateYoutubeHtml( oldContent, isLegacy ); } else if( mashupType === "slideshare" ) { return this._recreateSlideshareHtml( oldContent, isLegacy ); } else if( mashupType === "flickr" ) { return this._recreateFlickrHtml( oldContent ); } else { MashupDWRFacade.filterMashupData( oldContent, { async : false, callback : function( filteredData ) { returnStr = filteredData; } } ); } return returnStr ; }, _checkMashupType: function( oldContent ) { var mashupType = ""; if( ( oldContent.indexOf("openYtControls") !== -1 ) || ( oldContent.indexOf("//www.youtube.com/") !== -1 ) ) { mashupType = "youtube"; } else if( (oldContent.indexOf("slidesharecdn") !== -1) || (oldContent.indexOf("www.slideshare.net/slideshow") !== -1) ) { mashupType = "slideshare"; } else if( oldContent.indexOf("flickr") !== -1 ) { mashupType = "flickr"; } return mashupType; }, _checkMashupIslegacy: function( oldContent, mashupType ) { var isLegacy = false; if( (mashupType === "youtube" || mashupType === "slideshare" ) && oldContent.indexOf("<object") != -1 ) { isLegacy = true; } else if( (mashupType === "flickr" ) && oldContent.indexOf("<img") != -1 ) { isLegacy = true; } return isLegacy; }, _recreateYoutubeHtml: function( oldContent, isLegacy ) { var title = ""; var time = ""; var videoId = ""; var strYtUrl = ""; var newHTML = ""; var uniqueId = ""; //valid youtube video id could contain a-z, A-Z, 0-9, "_" and "-" only. oldContent = oldContent.replace(/&#45;/g,'-'); oldContent = oldContent.replace(/&#95;/g,'_'); if( isLegacy ) { videoId = oldContent.match("//www.youtube.com/v/([\\d\\w-_]+)")[1]; } else { videoId = oldContent.match("//www.youtube.com/embed/([\\d\\w-_]+)")[1]; } if( oldContent.indexOf("openYtControls") !== -1 ) { uniqueId = oldContent.match("openYtControls([\\d\\w]+)")[1]; } //to make sure video plays in popup preview strYtUrl = "http://www.youtube.com/embed/" + videoId + "?modestbranding=1&fs=1&rel=0&menu=disable&enablejsapi=1&playerapiid=ytEmbed" + uniqueId + "&wmode=transparent"; //make a call to youtube server and get real data. var url = "https://gdata.youtube.com/feeds/api/videos/" + videoId + "?v=2&alt=json"; MashupDWRFacade.verifyMashupData( url, { async : false, callback : function( returnString ) { if( returnString === "" ) { newHTML = '<div style=\"margin: 10px;\">' + page.bundle.getString( 'mashups.content.data.msg' ) + '</div>' ; } else { var videoJSON = returnString.evalJSON( true ); title = videoJSON.entry.title.$t; time =videoJSON.entry.media$group.yt$duration.seconds; } } } ); title = $ESAPI.encoder().canonicalize( title ); title = $ESAPI.encoder().encodeForHTMLAttribute( title ); //regenerate HTML to display in lightbox. //yt video with player controls. if( uniqueId !== "" && strYtUrl !== "" && time !== "" ) { var duration = this.formatTime( time ); newHTML = '<div style=\"margin: 10px;\"><div class=\"u_controlsWrapper\"><a href=\"#\" class=\"button-4\"' + ' id=\"openYtControls' + uniqueId + '\">' + page.bundle.getString( 'display.playerControls' ) + '</a></div>' + '<div id=\"controls' + uniqueId + '\" class=\"liveArea-slim playerControls\" style=\"display:none\">' + '<h2 class=\"hideoff\">' + page.bundle.getString( 'display.videoPlayerControls' ) +': ' + title + '</h2>' + '<a aria-live=\"off\" id=\"playVideo' + uniqueId + '\" href=\"#\" class=\"button-4\">' + page.bundle.getString( 'display.play' ) + '</a>' + '<a id=\"stopVideo' + uniqueId + '\" href=\"#\" class=\"button-4\">' + page.bundle.getString( 'display.stop' ) + '</a>' + '<a id=\"volUp' + uniqueId + '\" href=\"#\" class=\"button-4\">' + page.bundle.getString( 'display.volumeUp' ) + '</a>' + '<a id=\"volDown' + uniqueId + '\" href=\"#\" class=\"button-4\">' + page.bundle.getString( 'display.volumeDown' ) + '</a>' + '<a aria-live=\"off\" id=\"mute' + uniqueId + '\" href=\"#\" class=\"button-4\">' + page.bundle.getString( 'display.mute' ) + '</a><a href=\"#\" class=\"close\" id=\"closeYtControls' + uniqueId + '\"><img src=\"/images/ci/ng/close_mini.gif\" alt=\"' + page.bundle.getString( 'display.closePlayerControls' ) + '\"/></a></div>' + '<h2 class=\"hideoff\">' + page.bundle.getString( 'display.embeddedVideoPlayer' ) +': ' + title + '</h2>' + '<div style=\"word-wrap: break-word;\">'; //create iframe tag newHTML += '<div class=\"previewDiv ytIframeClass\" style=\"height:344px;width:425px\"' + ' id=\"ytEmbed' + uniqueId + '\">' + '<iframe id=\"ytObject' + uniqueId + '\"' + ' width=\"425\" height=\"344\" src=\"' + strYtUrl + '\"' + ' title=\"' + title + '\"' + '></iframe>'; newHTML += '<a href=\"#close\" onclick=\"lightbox.closeCurrentLightbox(); return false;\" class=\"hideoff\">' + page.bundle.getString( 'inlineconfirmation.close' ) + '</a></div>' + '<div id=\"strip' + uniqueId + '\" class=\"liveArea-slim playerControls\" style=\"display:none\">' + '<h2 class=\"hideoff\">' + page.bundle.getString( 'display.videoStatus' ) +': ' + title + '</h2>' + '<span aria-live=\"off\" id=\"currentStatus' + uniqueId + '\"></span> <strong>' + title + '</strong>' + ' (<strong aria-live=\"off\" id=\"currentTime' + uniqueId + '\"></strong>' + page.bundle.getString( 'display.of' ) + '<strong>' + duration + '</strong>)</div></div></div>'; } //yt video without player controls. if( uniqueId === "" && strYtUrl !== "" && time !== "" ) { newHTML = '<div class=\"previewDiv\" style=\"height:344px;width:425px\"' + ' id=\"ytEmbed' + '\">' + '<iframe id=\"ytObject' + '\"' + ' width=\"425\" height=\"344\" src=\"' + strYtUrl + '\"' + ' title=\"' + title + '\"' + '></iframe></div>'; } return newHTML; }, formatTime : function ( sec ) { var duration = parseInt( sec, 10 ); var totalMinutes = Math.floor( duration / 60 ); var hours = Math.floor( totalMinutes / 60 ); var seconds = duration % 60; var minutes = totalMinutes % 60; if ( hours > 0 ) { return hours + ':' + this.padZero( minutes ) + ':' + this.padZero( seconds ); } else { return this.padZero( minutes ) + ':' + this.padZero( seconds ); } }, padZero : function ( number ) { if (number < 10) { return "0" + number; } else { return number; } }, _recreateSlideshareHtml: function( oldContent, isLegacy ) { var title = ""; var slideShowId = ""; var ssSearchKey = ""; var authorName = ""; var newHTML = ""; if( isLegacy ) { oldContent = oldContent.replace(/&#45;/g,'-'); ssSearchKey = oldContent.match("id=[\"]__sse(\\d+)")[1]; } else { ssSearchKey = oldContent.match("(http:|https:)//www.slideshare.net/slideshow/embed_code/(\\d+)")[2]; } //make a call to slide share server and get real data. var url = "https://www.slideshare.net/api/oembed/2?url=https://www.slideshare.net/slideshow/embed_code/" + ssSearchKey + "&format=json"; MashupDWRFacade.verifyMashupData( url, { async : false, callback : function( returnString ) { if( returnString === "" ) { newHTML = '<div style=\"margin: 10px;\">' + page.bundle.getString( 'mashups.content.data.msg' ) + '</div>' ; } else { var videoJSON = returnString.evalJSON( true ); title = videoJSON.title; slideShowId = videoJSON.slideshow_id; authorName = videoJSON.author_name; } } } ); title = $ESAPI.encoder().canonicalize( title ); title = $ESAPI.encoder().encodeForHTMLAttribute( title ); slideShowId = $ESAPI.encoder().canonicalize( slideShowId + "" ); slideShowId = $ESAPI.encoder().encodeForHTMLAttribute( slideShowId + "" ); authorName = $ESAPI.encoder().canonicalize( authorName ); authorName = $ESAPI.encoder().encodeForHTMLAttribute( authorName ); if( slideShowId !== '' ) { //create iframe tag return '<iframe src=\"http://www.slideshare.net/slideshow/embed_code/' + slideShowId + '\" ' + ' width=\"427\" height=\"356\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" ' + ' style=\"border:1px solid #CCC;border-width:1px 1px 0;margin-bottom:5px\" allowfullscreen></iframe>' + '<div style="margin-bottom:5px"><strong><a href=\"#\" title=\"' + title + '\">' + title + '</a></strong> <strong><a href=\"#\">' + authorName + '</a></strong>.</div>'; } return newHTML ; }, _recreateFlickrHtml: function( oldContent ) { var flickrImgSrcUrl = ""; var title = ""; var flickrKey = ""; var newHTML = ""; flickrKey = oldContent.match("//www.flickr.com/photos/([\\d\\w@/]+)")[1]; var flickrUrl = "http://flickr.com/services/oembed?url=http://flickr.com/photos/" + flickrKey + "&format=json"; MashupDWRFacade.verifyMashupData( flickrUrl, { async : false, callback : function( returnString ) { if( returnString === "" ) { newHTML = '<div style=\"margin: 10px;\">' + page.bundle.getString( 'mashups.content.data.msg' ) + '</div>' ; } else { var videoJSON = returnString.evalJSON( true ); title = videoJSON.title; //sometimes http://flickr.com/services/oembed doesn't return url if ( videoJSON.url === null ) { flickrImgSrcUrl = videoJSON.thumbnail_url; } else { flickrImgSrcUrl = videoJSON.url; } } } } ); title = $ESAPI.encoder().canonicalize( title ); title = $ESAPI.encoder().encodeForHTMLAttribute( title ); if( flickrImgSrcUrl !== '' ) { return '<div style=\"margin: 10px;\"><a href=\"http://flickr.com/photos/' + flickrKey + '\"' + ' target=\"_blank\" title=\"' + page.bundle.getString( 'display.view.on.flickr' ) + '\" />' + '<img src="' + flickrImgSrcUrl + '\" alt=\"' + title + '\"></a></div>'; } return newHTML ; } }), /* Static properties/methods */ _imageTypeRE: /(\.bmp|\.gif|\.jpeg|\.jpg|\.png|\.tiff)$/i, /** Regex for sniffing image files */ _currentLightbox: null, /** Currently open lightbox */ /** Returns the currently open lightbox (null if no lightbox is open) */ getCurrentLightbox: function() { return lightbox._currentLightbox; }, // This is currently only called from page.js when the vtbe is toggled. It is used // to reload the page and respect the new vtbe settings. // NOTE that there is a limitation of not allowing VTBEs both in-page and in-lightbox. If // we ever run into a situation where we have a vtbe on-page and then open a lightbox with // a VTBE in the lightbox then we'll have to enhance the vtbe infrastructure to deal with this properly. deferUpdateLightboxContent: function ( ) { if (lightbox._currentLightbox && window.vtbeInLightbox) { vtbe_map = {}; // Turf all vtbe's (function() { lightbox._currentLightbox._updateLightboxContent(); }).bind(this).delay(0.1); return true; } return false; }, /** * Close the currently open lightbox (if any) */ closeCurrentLightbox: function() { var lb = lightbox._currentLightbox; if ( lb ) { lb.close(); } }, /** * Hide the currently open lightbox (if any) */ hideCurrentLightbox: function() { var lb = lightbox._currentLightbox; if ( lb ) { lb.hide(); } }, /** * Update the current lightbox content. * @param type either "ajax" or "static" * @param value * if type is ajax, the same format as the lb ajax config parameter. * if type is static, the same format as the lb contents config parameter. */ updateCurrentLightboxContent: function( type, value ) { var lb = lightbox._currentLightbox; if ( lb ) { var oldAjax = lb.cfg.ajax, oldContents = lb.cfg.contents; lb.cfg.ajax = ( type == 'ajax' ) ? value : false; lb.cfg.contents = ( type == 'ajax' ) ? null : value; lb._updateLightboxContent( function() { lb.cfg.ajax = oldAjax; lb.cfg.contents = oldContents; }); } }, /** * Parse a JSON representation of the config into an object suitable for * passing to the lb constructor. * @param serializedConfig JSON config string. */ parseConfig: function( serializedConfig ) //Safely parses a JSON representation of the config { return serializedConfig ? serializedConfig.replace(/'/g, '"').evalJSON( true ) : {}; }, /** * Autowire all links.with the given class on the page to open in lb. Call this after the page has loaded. * The "lb:options" attribute can be added to the link to specify a JSON-formatted config string * that will be parsed and passed to the lb constructor. * @param className class of link that will be autowired. */ autowireLightboxes: function( className, parentEl ) { if (!parentEl) { parentEl = document; } var links = parentEl.getElementsByTagName('a'); for ( var i = 0, len = links.length; i < len; i++ ) { var a = links[i]; if ( page.util.hasClassName( a, className ) ) { a = $(a); var defOptions = ( lightbox._imageTypeRE.test( a.href ) ? "{'contents':{'auto':true}}" : "{'ajax':true}" ); new lightbox.Lightbox( Object.extend( { openLink: a }, lightbox.parseConfig( a.getAttribute('lb:options') || defOptions ) ) ); } } } };

var social = {}; social.Profile = { /* Internal Constants */ // id to the profile accessor HTML element (eg. id for anchor tag to My Profile icon) MY_PROFILE_ACCESSOR_ID: "profileAccessLink", // id to the profile accessor tool HTML element in My Blackboard // (this constant is set separately by js in the java code; see MyProfileRenderingHook.java) MY_PROFILE_TOOL_ID: "", // URI to the My Profile tool in My Blackboard // (this constant is set separately by js in the java code; see MyProfileRenderingHook.java) MY_PROFILE_TOOL_URI: "", // location of the profile accessor - global navigation menu LINK_ORG_MENU: "globalNav", // location of the profile accessor - in My Blackboard LINK_ORG_MYBB: "myBb", /* Display Constants */ // display target for the toggle view method to display in the full window DISPLAY_TARGET_WINDOW: "window", // display target for the toggle view method to display in My Blackboard DISPLAY_TARGET_MYBB: "myBb" }; /** * Display the given page in the given display target for the My Profile accessor element on page. * The My Profile accessor element by the id, social.Profile.MY_PROFILE_ACCESSOR_ID, must exist on the page. * * @param displayTarget Where to display view of the given location. Use social.Profile.DISPLAY_TARGET_WINDOW for entire window or social.Profile.DISPLAY_TARGET_MYBB for My Blackboard. * @param profilePageUri The URI of the page to display */ social.Profile.toggleView = function( displayTarget, profilePageUri ) { // validate the profile page URI (security check) top.ProfileProviderService.isValidProfileUri( profilePageUri, { callback : function( isValid ) { if( isValid ) { var myProfileAccessorElement = $( social.Profile.MY_PROFILE_ACCESSOR_ID ); var accessorLocation = myProfileAccessorElement.readAttribute( "data-profile-link-location" ); // display the given page in the given display target if( displayTarget === social.Profile.DISPLAY_TARGET_WINDOW ) { // full window top.location = profilePageUri; } else if( displayTarget === social.Profile.DISPLAY_TARGET_MYBB ) { // in My Blackboard if( accessorLocation === social.Profile.LINK_ORG_MENU ) { $("contentFrame").src = social.Profile.MY_PROFILE_TOOL_URI + escape( profilePageUri ); } else if( accessorLocation === social.Profile.LINK_ORG_MYBB ) { $( mybb.CANVAS_ID ).src = profilePageUri; mybb.switchTool( social.Profile.MY_PROFILE_TOOL_ID ); } } } else { // access denied message alert( page.bundle.getString( "accessDeniedMsg" ) ); } } } ); };

// Provide a default path to dwr.engine if (dwr == null) var dwr = {}; if (dwr.engine == null) dwr.engine = {}; if (DWREngine == null) var DWREngine = dwr.engine; if (ProfileProviderService == null) var ProfileProviderService = {}; ProfileProviderService._path = '/webapps/portal/dwr_open'; ProfileProviderService.isValidProfileUri = function(p0, callback) { dwr.engine._execute(ProfileProviderService._path, 'ProfileProviderService', 'isValidProfileUri', p0, callback); }

// Provide a default path to dwr.engine if (dwr == null) var dwr = {}; if (dwr.engine == null) dwr.engine = {}; if (DWREngine == null) var DWREngine = dwr.engine; if (ToolActivityService == null) var ToolActivityService = {}; ToolActivityService._path = '/webapps/portal/dwr_open'; ToolActivityService.getActivityForTool = function(p0, callback) { dwr.engine._execute(ToolActivityService._path, 'ToolActivityService', 'getActivityForTool', p0, callback); } ToolActivityService.getActivityForAllTools = function(callback) { dwr.engine._execute(ToolActivityService._path, 'ToolActivityService', 'getActivityForAllTools', callback); }

/** * This service tracks tool activity and disseminates tool activity counts to all registered subscribers. * It does this by calling periodically (and asynchronously) down to the server, requesting the latest * activity data, and then disseminating it to its subscribers. * * Subscriber Registration * ----------------------- * * To register as a subscriber, call tool_service.register and pass in: * * * An id we can use to identify you * * The listener to call when new activity data arrives * * A typical registration might looks something like this: * * top.tool_service.register ( 'toolListener', listener ); * * (see below for information on how to define a listener object) * * Subscribers should explicitly unregister when they no longer require our services. * Generally, you want to do this when your container is about to disappear, by attaching * an unregister call to the _unload_ handler. Something like this: * * Event.observe ( window, "unload", function() { * top.tool_service.unregister ( 'toolListener' ); * }); * * * Listeners * --------- * * The listener object must implement the following functions: * * * activityCountsUpdated: Called when the entire activity store has been refreshed * * activityCountUpdated: Called when activity for a single tool has been updated. Accept a tool id. * * These functions don't receive any actual activity information -- they're expected * to call back into the service to get the details they need. An example listener: * * var activityListener = { * * activityCountsUpdated : function () { * * if ( top.tool_service.getActivityCounts() ) { * * top.tool_service.getActivityCounts().each ( function ( pair ) { * var toolKey = pair.key; * var toolCount = pair.value; * ... * } ); * } * * }, * * activityCountUpdated : function ( toolId ) { * * var actitityCount = top.tool_service.getActivityCountForTool(toolId); * ... * * } * * } * *. * Dependencies * ------------ * * This depends on ToolActivityService, a DWR library that handles the call down to the backend * server to get activity data. * * @author rshehadeh * @since Bb 9.1 SP10 */ var tool_service = { // ----- public stuff MAX_COUNT : 500, MAX_TOOL_COUNT : 100, init: function ( refreshInterval, suppressTimestampUpdateHeader ) { // if the refreshInterval is legit and this timer hasn't been set, then set it. if( refreshInterval > 0 && !this.intervalId ) { this.intervalId = setInterval( this.getActivityData.bind( this ), refreshInterval ); } // the name of the header this service should use to suppress session timestamp updates // when requesting new tool info this.suppressTimestampUpdateHeader = suppressTimestampUpdateHeader; }, /** * Register with the tool service. Registered entities will receive notifications * when new activity counts come in. They must call unregister when their parent * context is unloaded or otherwise goes away (probably using an _onunload_ handler). * * @param id The id of the registering entity. Must use the same id when unregistering. * @param listener The listener to invoke when new activity comes in */ register: function( id, listener ) { // register the listener this.registerListener ( id, listener ); // get new activity data this.getActivityData( ); }, /** * Unregister the listener with the given id. The id should be the same with which * the listener was registered. * * @param id The id of the registering entity. Must use the same id when unregistering. */ unregister: function ( id ) { this.unregisterListener ( id ); }, /** * Calls down to the server to get the latest activity data for all tools. When * the results comes back, informs all registered listeners. */ getActivityData: function ( ) { // only phone home if we have listeners registered if ( this.listeners.size() > 0 ) { // build the callback object for the tool service call var activityObj = { callback: function ( map ) { // if the user's session is still active, evaluate the results if ( map ) { // if the user is "active", i.e. the session has been updated in the last 15 minutes if(!this.isEmpty(map)) { this.activityData = $H(map); // inform a listeners that new counts have arrived this.listeners.each ( function ( pair ) { try { pair.value.activityCountsUpdated(); } catch (e) { // account for the case that a listener in a context that's been unloaded // is no longer there (eg, a disposed frame/iframe; which is only possible if // the listener in question failed to unregister). if we run across one of // these malefactors, unregister it. if ( e.name === "TypeError" || e.name === "Error" ) { this.unregisterListener ( pair.key ); // TODO swallow this for now; need better logging mechanism } } }.bind(this)); } } // the user is not logged in, or his session has timed out, or he's a guest; in any // case, no need to keep pinging for activity data else { clearInterval(this.intervalId); } }.bind(this), errorHandler: function ( errorString, exception ) { // TODO: swallow this for now; need to find a way to report this to users without // annoying popups }, headers: {} }; // this header ensures that the call doesn't register against the user's session // timeout tracker activityObj.headers[this.suppressTimestampUpdateHeader] = "true"; ToolActivityService.getActivityForAllTools ( activityObj ); } }, /** * Calls down to the server to get the latest activity count for a given tool. When * the results comes back, informs all registered listeners. * * @param toolId The fully-qualified id of the tool to * @param userId The id to the user to get activity data for */ getActivityDataForTool: function ( toolId ) { // only phone home if we have listeners registered if ( this.listeners.size() > 0 ) { // build the callback object for the call to get tool activity var activityObj = { callback: function ( activityCount ) { if ( activityCount >= 0 ) { this.activityData.set ( toolId, activityCount ); this.listeners.each ( function ( pair) { try { pair.value.activityCountUpdated( toolId ); } catch (e) { // account for the case that a listener in a context that's been unloaded // is no longer there (eg, a disposed frame/iframe; which is only possible if // the listener in question failed to unregister). if we run across one of // these malefactors, unregister it. if ( e.name === "TypeError" || e.name === "Error" ) { this.unregisterListener ( pair.key ); // TODO swallow this for now; need better logging mechanism } } }); } // the user is not logged in, or his session has timed out, or he's a guest; in any // case, no need to keep pinging for activity data else { clearInterval(this.intervalId); } }.bind(this), errorHandler: function ( errorString, exception ) { // TODO: swallow this for now; need to find a way to report this to users without // annoying popups }, headers: {} }; } // this header ensures that the call doesn't register against the user's session // timeout tracker activityObj.headers[this.suppressTimestampUpdateHeader] = "true"; ToolActivityService.getActivityForTool ( toolId, activityObj ); }, /** * Get the total activity account, across all tools. */ getTotalActivityCount : function ( ) { var total = 0; this.activityData.values().collect ( function ( count, total ) { total += count; } ); return total; }, /** * Returns activity counts for the tool corresponding to the given id. If no counts * are available (or the tool doesn't exist) returns null. * * @param toolId The id of the tool * @return The count, or null */ getActivityCountForTool: function ( toolId ) { return this.activityData.get(toolId) ? this.activityData.get(toolId) : null; }, /** * Returns a hash of all extant tool activity counts, in the form; * * [tool id] => [count] */ getActivityCounts: function () { return this.activityData; }, /** * check if a map is empty or not * */ isEmpty: function (map) { for(var key in map) { if (map.hasOwnProperty(key)) { return false; } } return true; }, /** * Formats an activity count for display. If the count is larger than the * given max, abbreviates it to that max, with an indication that there's * more. * * @param count The count to format * @param max The max value to display */ formatCount: function ( count, max ) { return count > max ? max + "+" : count; }, // ----- private stuff intervalId: null, // activity data activityData : $H(), // activity listeners listeners: $H(), /** * Register a listener, and tie it to the given id. Existing listeners with the * same id will be ovewritten. * * @param id The id of listener * @param listener The listener. */ registerListener: function ( id, listener ) { this.listeners.set ( id, listener ); }, /** * Unregister a single listener, with the given id. * * @param id The id of listener */ unregisterListener: function ( id ) { this.listeners.unset ( id ); } };