a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top} blockquote, q {quotes:none} table, table td {padding:0;border:none;border-collapse:collapse} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} mark, rp, rt, ruby, summary, time {display:inline} * {box-sizing: border-box; } .itemContent video{width:100%;} .videoContainer{width:100%; height:304px;} .videoContainer img{margin:0 !important;} textarea{font-family:camptonbook, Arial,Helvetica,sans-serif} body, p, div, td, th, span, li{font-size:12px;font-family:camptonbook, Arial,Helvetica,sans-serif;} .content.login input, .mailBlock input, .questionDetailContainer .inputText { -webkit-appearance: none;} a, a:link, a:visited {text-decoration:none} html,body {width:100%;height:100%;} .error{color:red} .inlineblock {display:inline-block;zoom:1;*display:inline} .action {margin:auto;width:960px} .dummy {display:none !important} .adminDashboard {margin:20px auto;width:960px;font-size:0} .adminDashboard a {display:inline-block;zoom:1;*display:inline;width:240px;font-size:12px;text-align:center} .adminDashboard img {width:150px;height:159px} .itemBlock:hover { background:#04389b; } .itemBlock:hover .itemImage { display:none; } .itemBlock:hover .itemText { color:#fff; height:50px; } .itemBlock:hover .itemIcons { display:table-cell; text-align:right; padding:0px 10px 5px 15px; font-size:12px; line-height:normal; } a.itemIcon, .itemIcon { cursor:pointer; display:inline-block;zoom:1;*display:inline; padding:0px; margin-left:3px; width:27px; height:20px; color:#000; background-image:url(img/itemIconBg.png); background-color:#fff; background-repeat:no-repeat; border-radius:3px;} .itemIcon.info { background-position:-27px 0; } .itemIcon.info:hover { background-position:0 0; background-color:#9999cd; } .itemIcon.preview { background-position:-27px -20px; } .itemIcon.preview:hover { background-position:0 -20px; background-color:#9999cd; } .itemIcon.add { background-position:-27px -40px; } .itemIcon.add:hover { background-position:0 -40px; background-color:#9999cd; } .itemIcon.delete { background-position:-27px -60px; } .itemIcon.delete:hover { background-position:0 -60px; background-color:#9999cd; } .itemIcon.export { background-position:-27px -80px; } .itemIcon.export:hover { background-position:0 -80px; background-color:#9999cd; } .itemIcon.download { background-position:-27px -100px; } .itemIcon.download:hover { background-position:0 -100px; background-color:#9999cd; } .itemIcon.edit { background-position:-27px -120px; } .itemIcon.edit:hover { background-position:0 -120px; background-color:#9999cd; } .itemIcon.close { background-position:-27px -140px; } .itemIcon.close:hover { background-position:0 -140px; background-color:#9999cd; } .itemIcon.save { background-position:-27px -160px; } .itemIcon.save:hover { background-position:0 -160px; background-color:#9999cd; } .itemIcon.nextEdit { background-position:-27px -180px; } .itemIcon.nextEdit:hover { background-position:0 -180px; background-color:#9999cd; } .itemIcon.prevEdit { background-position:-27px -200px; } .itemIcon.prevEdit:hover { background-position:0 -200px; background-color:#9999cd; } .itemIcon.clone { background-position:-27px -220px; } .itemIcon.clone:hover { background-position:0 -220px; background-color:#9999cd; } .itemIcon.text { width:auto; height:20px; background:none; padding:0 10px; } .itemIcon.text:hover { width:auto; height:20px; background:none; background-color:#9999cd; color:#fff; } .itemIcon.plus { background-position:-27px -240px; } .itemIcon.plus:hover { background-position:0 -240px; background-color:#9999cd; } .download-icon{background-image:url('img/downloaded.png')} .inlineRating .starRating{width: 136px; display: inline-block;} .yourWorkoutRating{display:none;margin-top:30px;margin-bottom:30px;background-color:#f9f9f9;bordeR:1px solid #e0e0e0;border-radius:1px;padding:19px 29px;} .yourWorkoutRating .ratingTitle{color:#000;font-size:17px;padding-bottom:11px; } .totalRatings{display:inline-block;font-size:16px;} .ratedText{display:inline-block;font-size:16px;} .yourWorkoutRating .longSentence{display:inline-block;font-size:16px;} .yourWorkoutRating .starRating{margin-bottom:7px;} .yourWorkoutRating .ratedScore{display:inline-block;color:#000; font-size: 16px; font-weight: bold;} .listView {width:100%;font-size:13px;border-top:1px solid #bebebe;border-bottom:1px solid #efefef} a.listViewItem {display:block;height:44px;width:100%;line-height:44px;border-top:1px solid #fff;border-bottom:1px solid #bebebe;color:black;position:relative} a.listViewItem.odd {background:#f2f2f2} a.listViewItem.even {background:#e6e6e6} a.listViewItem span:first-child {margin-left:15px} a.listViewItem span.second {position:absolute;left:60%} .triple a.listViewItem span.second {position:absolute;left:33%} .triple a.listViewItem span.third {position:absolute;left:66%} a.listViewItem .verticalLine {position:absolute;top:-1px;bottom:0;left:60%;width:1px;background:#bebebe} .triple a.listViewItem .verticalLine{left:33%;} .triple a.listViewItem .verticalLine.second{left:66%;} a.listViewItem:first-of-type .verticalLine {top:0} a.listViewItem.highlight {background-color:#2b78e4} .iconRightArrow {background:url(img/arrowRight-blue.png) no-repeat center center;background-size:9px 15px;position:absolute;right:0;top:0;bottom:0;width:44px} .iconRightArrow.upArrow {-webkit-transform:rotate(-90deg);transform:rotate(-90deg)} .iconRightArrow.downArrow {-webkit-transform:rotate(90deg);transform:rotate(90deg)} .contentManagerBlocks {width:100%;height:100%;font-size:0;background:#ececec} .header.noEntry{min-height:0px;} .header.noEntry .slide{display:none;} .sub-header {position:relative;width:100%;background:#fff;height:43px;z-index:100} .sub-headerSpacer {height:43px;width:100%} .sub-header.big {height:60px} .sub-headerSpacer.big {height:60px} .sub-header > span {line-height:42px;margin-left:15px;font-size:14px} .sub-header-subtitle {margin-left:15px;margin-top:12px;font-family:'open_sansregular';font-size:11px;text-transform:uppercase;color:#999999} .sub-header-title {line-height:60px;margin-left:15px;font-size:20px;font-family:'open_sanssemibold';display:inline-block;zoom:1;*display:inline} .sub-header-title.sub {line-height:20px} .sub-header-controls {position:absolute;right:0;top:0;bottom:0} .sub-header-controls a {display:inline-block;zoom:1;*display:inline;height:100%;line-height:60px;padding-left:17px;padding-right:17px;font-family:'open_sanssemibold';font-size:11px;color:#2b78e4;text-decoration:none;letter-spacing:1px;text-transform:uppercase;border-right:1px solid #f2f2f2} .sub-header-controls a:last {border-right:0} .sub-header-controls a.active {color:#b5d0f6} .popup .sub-header {position:absolute} .popup .rightToolbar {left:30%} .popup .blockLeftContent {padding-top: 60px;} .blockLeftContent, .blockRightContent {height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;display:inline-block;zoom:1;*display:inline} .blockLeftContent {width:30%;border-right:1px solid #2b78e4} .blockRightContent {left:30%;width:70%} .leftToolbar {width:30%;border-right:1px solid #2b78e4;display:inline-block} .rightToolbar {width:70%;display:inline-block} .listViewIcon {display:inline-block;zoom:1;*display:inline;width:44px;height:44px} .listViewIcon.folder {background:url(img/foldericon.png) no-repeat center center; background-size:20px 18px} .listViewIcon.file {background:url(img/fileicon.png) no-repeat center center; background-size:16px 21px} .listViewIcon.add {width:24px;height:24px;border-radius:50%;background:#2b78e4 url(img/plusButtonSmall.png) no-repeat center center;background-size:24px 24px;margin:10px} div.listViewAddFile {position:absolute;right:30px} div.listViewAddFolder {position:absolute;right:80px} .treeArrow {display:inline-block;zoom:1;*display:inline;width:6px;height:44px;margin-left:10px;position:relative} .treeArrow div {position:absolute;top:19px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #2b78e4} .treeArrow.hidden div {border:0} .listViewItemTitle {display:inline-block;zoom:1;*display:inline} .listViewItemTitle.active {color:#2b78e4} .listViewGroup {overflow:hidden} .listViewGroup.closed {height:0} .popupOverlay {background:#000;background:rgba(0, 0, 0, 0.65);position:fixed;left:0;top:0;right:0;bottom:0;z-index:2000;width:100%;height:100%;display:none} .popup {background:#fff;text-align:center;display:inline-block;zoom:1;*display:inline;max-width:90%;max-height:90%;margin:0 auto;box-shadow:0 2px 20px 5px #2F2F2F;position:relative;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)} .popup.fullscreen {width:90%;height:90%} .popupText {padding:30px;font-size:20px} .popupTitle {line-height:60px;padding-left:15px;font-size:20px;text-align:left;background:#fff;} .popupTitle.double {line-height:30px;padding-right:15px;text-align:center;padding-top:20px;border-bottom:1px solid #2b78e4;padding-bottom:20px} .popupButtons {background:#f1f1f1;min-width:290px} .popup.fullscreen .popupButtons {position:absolute;left:0;bottom:0;right:0;z-index:1} .popupButtons a.blueButton {width:125px;display:inline-block;zoom:1;*display:inline;margin:10px 5px} .popupHeader {padding:12px 12px 1px 12px;background:#f2f2f2;border-bottom:1px solid #2b78e4;min-width:280px;position:absolute;left:0;top:0;right:0;z-index:1} .popupContent {text-align:left;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f1f1f1} .popupHeaderSpacer {height:59px;width:100%} .popupButtonsSpacer {height:62px;width:100%} .popupRatingExplanationTpl .inputBlock {margin-top:0;padding-top:20px;text-align:left} .popupRatingExplanationTpl .roundedInput {height:150px} .popupInputsTpl .inputBlock {margin-top:0;padding-top:20px;text-align:left} .popupAssetTpl .popup {text-align:left;background-color:#ececec} .popupAssetTpl .sub-header {top:0} .popupAssetTpl .contentManagerBlocks .toolbarSpacer {height: 60px} .popupAssetTpl .popup.fullscreen .popupButtons {text-align: center;background:transparent;position:static} .inputBlock {margin:20px 16px 16px 16px} .inputHeader {font-size:11px;text-transform:uppercase;color:#999999} .roundedInput {-webkit-appearance:none;display:block;width:100%;height:33px;padding:6px;font-size:14px;color:#000;background:#fff;border:1px solid #ececec;border-radius:2px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);margin-bottom:12px} .roundedInput.error {border:1px solid red} .blueButton, a.blueButton {-webkit-appearance:none;border-radius:0;height:42px;width:100%;color:#fff;background:#2b78e4;border:0;border-bottom:2px solid #2260b6;font-size:14px;text-transform:uppercase;margin-bottom:12px} a.blueButton {display:block;width:auto;text-align:center;line-height:42px} .mediaPreview {background:white no-repeat center center;background-size:contain;border:1px solid #eaeaea;margin:25px;height:270px} .mediaDropUploadText {font-size:16px;color:#1a1a1a;position:relative;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:inline-block;zoom:1;*display:inline} .mediaPreviewVideo {display:none;width:100%;height:100%} .mediaInfoWrap {margin:25px} .mediaInfo {width:100%} .miHeader {font-size:12px;text-transform:uppercase;color:#999999} .miContent {font-size:16px;color:#1a1a1a} .miContent td {padding-bottom:16px} .uploadInfo .miContent td {padding-bottom:0} .uploadInfo .statsProgress {padding-bottom:20px} .uploadAssetBtnInput {position:absolute;top:-999px;left:0} .statsProgress {position:relative;height:5px;width:100%} .statsProgressLine {position:absolute;width:100%;height:1px;top:4px;left:0;background:#b3b3b3} .statsProgressBar {position:absolute;width:0;height:3px;top:3px;left:0;background:#2b78e4} .listViewEditButtons {position:absolute;right:10px;top:10px;height:23px;display:none} .listViewEditButtons .cbEditItem {width:23px;height:23px;background-size:23px 23px;margin:0 4px;line-height:23px;text-align:center;color:#2b78e4} .cbEditItem {display:inline-block;zoom:1;*display:inline;background:#fff no-repeat center center;width:35px;height:35px;border-radius:50%;background-size:35px 35px;box-shadow:0 1px 1px 0 #c5c5c5;margin:0 5px} .cbEditItem.move {background-image:url(img/moveIcon.png)} .cbEditItem.edit {background-image:url(img/editIcon.png)} .cbEditItem.copy {background-image:url(img/cloneIcon.png)} .cbEditItem.remove {background-image:url(img/trashIcon.png)} .focuspointSelect {margin:10px} .mediaPreviewImage {position:relative} .focuspointSelector {position:absolute;left:50%;top:50%;margin-left:-50px;margin-top:-50px;width:100px;height:100px;background:url(img/focuspointTarget.png) no-repeat center center;pointer-events:none} .editEntry {width:100%;margin-bottom:50px} .editEntry input[type="text"] {width:100%} .editEntry .spacer {height:10px;width:100%} .editEntry h2 {font-size:14px;color:#000;margin-top:10px;margin-bottom:0;font-weight:bold} .inputElementToggle {white-space:nowrap} .inputTypeName {font-size:11px;color:#707070;margin-left:10px;font-weight:normal;font-style:italic;display:inline-block;zoom:1;*display:inline;line-height:20px} .addAnswer, .removeAnswer {cursor:pointer;display:inline-block;zoom:1;*display:inline;margin:0 2px;line-height:24px;height:24px} .addAnswer span, .removeAnswer span {background:#2b78e4 url(img/plusButtonSmall.png) no-repeat center center;background-size:24px 24px;display:inline-block;zoom:1;*display:inline;width:24px;height:24px;border-radius:50%;font-size:17px;margin-right:10px} .removeAnswer span {background-color:#F11F1F;background-image:url(img/closeWVsmall.png)} .answerTable {border:0px solid #383838;margin-bottom:10px;width:100%} .assetImage, .assetName {display:inline-block;zoom:1;*display:inline;margin:10px 5px;font-size:14px} /* General element styles */ .hexagon { position: relative; margin: 1em auto; width: 10em; height: 17.32em; border-radius: 1em/.5em; background: orange; transition: opacity .5s; cursor: pointer; } .hexagon:before, .hexagon:after { position: absolute; width: inherit; height: inherit; border-radius: inherit; background: inherit; content: ''; } .hexagon:before { transform: rotate(60deg); } .hexagon:after { transform: rotate(-60deg); } .expandIntro, .expandIntro p{ display:inline;} .expandIntro p:last-of-type::after{content:"\02026";} .open .expandIntro p:last-of-type::after{visibility:hidden;} .expandToggle{display:inline; font-weight:bold} .question-list-item .itemContent .body{margin-top:2em;} .dropDownIcon{width:10px; height:6px; background:url(img/downArrow.png) center no-repeat; display:inline-block} .closeIcon{width:10px; height:6px; background:url(img/closeIcon.png) center no-repeat; display:inline-block} .themeFilters{margin:20px auto; width:960px; } .filters{z-index:100; position:relative;} .dropdown .dropDownIcon{width:15px; height:18px; position:relative; right:-5px;} .dropdown{font-size:16px; font-weight:bold; display:inline-block; position:relative; margin:0 7px; background:#fff; cursor:pointer;} .dropdown:last-of-type, .dropdown:first-of-type{margin-left:0; margin-right:0} .dropdown .title{border:2px solid #e0e0e0; padding:12px; position:relative; z-index:10; overflow:hidden; white-space: nowrap; } .dropdown.open .title{border-color:#00e3ff; border-bottom-color:#fff; padding-bottom:20px; margin-bottom:-8px;} .dropdown .options{position:absolute; top:52px; left:0; border:2px solid #00e3ff; width:225px; display:none; z-index:1; background:#fff; font-size:14px; color:#1b1f28;} .dropdown.open .options{display:block;} .dropdown .option{padding:5px 9px 10px;} .guideFilter{font-size:16px; font-weight:bold; display:inline-block; position:relative; margin:0 7px; background:#fff; cursor:pointer;} .guideFilter:last-of-type, .guideFilter:first-of-type{margin-left:0; margin-right:0} .guideFilter .title{border:2px solid #e0e0e0; padding:12px; position:relative; z-index:10; overflow:hidden; white-space: nowrap; } .selectedFilter{border:1px solid #e0e0e0; color:#818181; font-size:14px; display:inline-block; padding:6px; margin:0 8px 8px 0} .selectedFilter .text{display:inline-block;} .selectedFilter .closeIcon{cursor:pointer; height:16px; position:relative; right:-1px;} .filters input[type="checkbox"]{display:none;} .filters input[type="checkbox"] + span { float:left;display:inline-block;background-image:url('img/checkbox-off.png');width:16px;height:16px;background-size:cover; } .filters input[type="checkbox"]:checked + span {background-image:url('img/checkbox-on.png'); } .filters label{margin-left:5px; cursor:pointer; display:block; padding-left:17px;} .sortFilter {float:right; margin-bottom:25px;} .sortFilter .filter{display:inline-block;} .outerContentList{border-top:1px solid #e0e0e0;} .contentList {width:960px; margin:20px auto;} .questionList{color:#818181; font-size:16px;} .questionList.preview{margin:35px 0 0 0;} .questionList .question{ font-size:18px; color:#1b1f28; background:none top left no-repeat; padding-left:95px; margin-top:10px;} .questionList .intro{padding-top:10px;} .questionList .info{ font-size:16px; color:#818181; border-bottom:1px solid #e0e0e0; padding-bottom:20px; margin-top:5px;} .questionList.preview .info{border-color:#2f333b} .questionList .question a{color:#2a69b7;} .questionList.preview .question a{color:#00e3ff;} .questionList .blockDot{margin:0 8px;display:inline-block;} .questionList.preview .intro{color:#fff;} .sortfilterLabel{line-height:45px; margin-right:1em;} .contentText{color: #818181; line-height: 26px; font-size:16px;} .lessons .lesson{background:none center top no-repeat; padding-top:122px; margin-bottom:55px;color:#1b1f28;} h2{text-align:center; font-size:24px; margin-bottom:30px;} h3{font-size:18px; margin-bottom:18px;} .lessons .lessonBlock{border-radius:3px; overflow:hidden; font-size:0; position:relative;border: 1px solid #e0e0e0;border-radius: 3px;} .lessons .lessonBlock > div{display:inline-block; font-size:16px;} .lessons .lessonBlock .lessonImg{width:400px; overflow:hidden; position:absolute; height:100%;} .lessons .lessonBlock .lessonImg img{min-width:100%; height:100%; } .lessons .lessonBlock .lessonContent{/*border:1px solid #e0e0e0; border-radius:3px;*/ padding:30px; min-height:295px;} .lessons .lessonBlock.withImg .lessonContent{width:540px; left:400px; position:relative; border-left-width:0px;} .lessons .lessonBlock .text{font-size:16px; color:#818181; line-height:30px; padding-bottom:90px;} .lessons .lessonBlock .lessonFooter{position:absolute; bottom:40px} .lessons .lessonBlock .lessonFooter > div{display:inline-block; margin:0 6px; font-weight:bold;} .lessons .lessonBlock .timeCount, .lessons .lessonBlock .questionCount{line-height:45px; color:#818181; font-weight:normal !important; padding-left:35px; background:url(img/feather.png) center left no-repeat;} .lessons .lessonBlock .timeCount{background-image:url(img/clock.png);} .lessons .lessonBlock.completed .button{padding-left:60px; background:url(img/done.png) center left no-repeat;} .lessons .lessonBlock.completed .more a{border-color:#d3d3d3;} .elearningSlider{width:940px; margin:0 auto; position:relative; } .elearningSlider h2{margin:30px 0 0} .elearningSlider h3{font-size:26px;} .elearningSlider .contentSlider{width:550px; margin:0 auto;} .elearningSlider .slide{width:550px;} .elearningSlider.lessons .lesson{padding-top:0px;} .elearningSlider.lessons .lessonBlock .lessonContent{border:0;} .elearningSlider .lessonBlock .lessonFooter{position:relative; bottom:0; margin:10px auto ;} .elearningSlider.lessons .text{padding:0;} .elearningSlider.lessons .lessonBlock .more{margin:0;} .elearningSlider.lessons .lessonBlock.completed .button{padding:0; background:none;} .elearningSlider.lessons .completedIndicator{display:inline-block; height:46px;} .elearningSlider.lessons .completed .completedIndicator{width:53px; background:url(img/done.png) center no-repeat;} .elearningSlider .slideButtons{margin:0;} .elearningSlider .slideArrow{position:absolute; top:255px;} .elearningSlider .slideArrow.left{left:0;} .elearningSlider .slideArrow.right{right:0;} .contentSlider{ white-space: nowrap; overflow:hidden; font-size:0;} .contentSlider .slide{white-space:normal; display:inline-block;} .fbContent p{display:inline;} .contentList.themes{padding-top:95px; margin-top:0; background:url(img/vertRuler.png) center repeat-y; font-size:0;} .themeCol{width:50%; display:inline-block;} .themeCol.rightCol{margin-left:-18px;} .outerThemeBlock{background:url(img/pathIconLeft.png) right 65px no-repeat; display:inline-block; } .rightCol .outerThemeBlock{background:url(img/pathIconRight.png) left 65px no-repeat;} .themeBlock{border:1px solid #e0e0e0; width:420px; padding:75px 30px 30px 30px;margin-bottom:70px; position:relative; background:#fff;} .themeBlock .icon{position:absolute; top:-49px; left:50%; margin-left:-44px; background:#fff;} .leftCol .themeBlock{margin-right:79px;} .rightCol .outerThemeBlock{padding-left:79px;} .themeBlock .tagTitle{font-size:15px; color:#1b1f28; font-weight:bold; margin:35px 0 17px;} .themeBlock .themeTag{display:inline-block; width:178px; } .themeBlock hr{ border: 0; border-bottom: 1px dashed #818181; background: #fff;} .tags .tag{border:1px solid #e0e0e0; border-left:0; border-radius:3px; display:inline-block; padding:0 8px; line-height:39px; margin:5px 5px 5px 27px; position:relative; font-weight:bold;} .labelLeft{background:url(img/labelLeft.png) center no-repeat; width:27px; height:40px; position:absolute;left:0; top:-1px; left:-27px;} .relContent .relItem{font-size:16px; line-height:30px; display:block; color:#2a69b7; border-bottom:1px solid #818181; padding:10px 0;} .relContent .relItem:last-of-type{border:0; padding-bottom:0;} .mailBlock input{width:100%; font-size:16px; padding:16px; background:#f8f8f8; margin-bottom:5px; border:1px solid #e0e0e0; border-radius:3px;} .mailBlock .button{width:100%; font-weight:bold; text-align:center; margin-top: 10px;} .reactions.top > reactionBlock{text-align:right;} .hiddenField{text-align:right; display:none;} .reactions .reactBtn{float:none; display:inline-block;} .reactions .grade, .reactions .subGrade{display:inline; margin:0; font-size:16px !important; } .guideDetail.questionDetailContainer .answer{border-color:transparent !important;} .breadcrumb {left:160px;top:100px;font-size:14px;position:absolute} .breadcrumb a {color:white} .breadcrumb a:after {content:' > '} .breadcrumb a:last-child:after {content:''} .guide-item{height:479px; width:100%; overflow:hidden; background:#1b1f28;} .guide-item img{width:100%;} .content.login .intro .introText{ font-size: 16px; color: #818181; line-height: 30px; padding-bottom: 90px;} .questionDetailContainer.guideDetail .leftCol .detailTitle.noIcon{margin-left:-65px;} .modules {width:100%;margin:20px auto 0;background:#fff;padding:25px 20px} .modules h1 {padding-left:5px} .beheer .modules h1 { font-size: 25px; padding: 0 0 5px 0; margin: 0 0 15px 0; border-bottom: 1px solid #f1f1f1; } .modules .btnAdd, .action .btnAdd { display: inline-block; background: #f1f1f1; font-family: "UniversLTPro-Condensed"; font-size: 14px; padding: 5px 15px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #333; transition: all 0.5s; } .modules .btnAdd:hover, .action .btnAdd:hover { background: #999; border: 1px solid #666; color: #fff; cursor: pointer; } .modules .workformList { border: 1px solid #111; background: #f1f1f1; padding: 5px; font-size: 14px; border: 1px solid #ccc; height: 30px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; outline: none; } .modules .workformList {border:1px solid #111;background:#f1f1f1;padding:5px;font-size:14px;border:1px solid #ccc;height:30px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;outline:none} .modlist {margin-top:15px; position: relative;} .modlist a {border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;line-height:35px;height:35px;display:inline-block;zoom:1;*display:inline;background:#1f5f84;width:100%;color:#fff;margin:5px 0;} .modlist a:hover {background:#277dae;} .modlist .itemIcon {margin-top:8px;} .modlist a.gray {background:#818181;} .modlist a.gray:hover {background:#949494;} .modlist span {font-size:14px;padding-left:16px} .modlist a.gray span {font-size:14px /*padding-left:5px*/} .modlist span.itemsTitle { padding-left:5px} .modlist span.itemsCountContainer { padding:0; width:35px; text-align:center; line-height:20px; height:20px; float:right; margin:7px 16px 0 0; color:#444444;border-radius:10px; } .modlist span.itemsCount { background:#e0e0e0; padding:0; width:35px; text-align:center; line-height:20px; height:20px; float:right; margin:0px 0px 0 0; color:#444444;border-radius:10px; } .modlist span.itemsType { padding:0; font-size:11px !important; font-style:italic; text-align:center; line-height:20px; height:20px; float:right; margin:7px 16px 0 0;} .mover {background:url('img/move.png') no-repeat center center;width:30px;height:35px;cursor:move;display:inline-block;zoom:1;*display:inline} .farbtastic {position:relative} .farbtastic * {position:absolute;cursor:crosshair} .farbtastic, .farbtastic .wheel {width:195px;height:195px} .farbtastic .color, .farbtastic .overlay {top:47px;left:47px;width:101px;height:101px} .farbtastic .wheel {background:url(img/farbtasticwheel.png) no-repeat;width:195px;height:195px} .farbtastic .overlay {background:url(img/farbtasticmask.png) no-repeat} .farbtastic .marker {width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background: url(img/farbtasticmarker.png) no-repeat} .cmButton { display: inline-block; background: #f1f1f1;font-size: 14px; padding: 5px 15px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #333; transition: all 0.5s; } .cmButton:hover { background: #999; border: 1px solid #666; color: #fff; cursor: pointer; } .hotspotWrap {margin:35px 0 0 35px} .hotspotParent {width:100%;height:100%;position:absolute} .hotspotBackground {position:relative} .hotSpotArea { position:absolute; background:none; z-index:9; } .hscolor {background:#95CAFF;opacity:0.5;width:100%;height:100%} .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .hotSpotArea.circle .hscolor {border-radius:50%} .hotspotPoly {position:absolute;background:url('imgbase1/hotspot-polygon.png') no-repeat center center;width:26px;height:29px;cursor:pointer;z-index:30} /* Base container and elements */ .container { position:relative; display:block; font-size:0; width:750px;/*840px;*/ margin: 0 auto; font-family:Verdana, Geneva, sans-serif; min-height: 100%; margin-bottom:-140px; } .header { width:100%; height:110px; } .header .section { max-width:50%; box-sizing:border-box; padding:5px; height:110px; display:inline-block; } .header .section.left {float:left;} .header .section.right {float:right;} .font-bold {font-weight:bold !important;} .font-distro {font-family: 'Distro-Bold';font-size:35px;color:#304979;} .header .font-distro {font-size:42px;line-height:100px;} .image {max-width:100%;max-height:100%;} .logo-longkanker {max-height:100%;max-width:100%;} .logo-gezamelijk {max-height:100%;max-width:100%;margin: 20px auto;display:block;} .logo-individueel {max-height:100%;max-width:100%;margin: 20px auto;display:block;} .logo-elearning { width:174px; height: 55px; } .floatLeft {float:left} .floatRight {float:right} .logo-collection .logo-gezamelijk {margin: 20px 0px;} .logo-collection .logo-individueel { max-width:260px; margin:20px 0px; float:right; } .clear {clear:both;} .navigation {width:100%;text-align:center;margin-top:10px; border-bottom:1px solid #000; padding-bottom: 10px;} .navigation .item {text-decoration:none;display:inline-block;margin: 0px 12px;color:#58585B;font-size:12px;font-weight:bold;cursor:pointer;} .navigation .item.current {color:#CC6666;} .content {margin-top:10px;font-size:10px;} .content.elearning {margin-top:40px;} .content.hasScorm { height: 680px; width: 860px; margin: 0; margin-left: -55px; } .content.hasScorm iframe {width:100%;height:100%;} .intro-image {position:relative;} .intro-image img {display:block;max-width:100%;} .intro-image .intro-text {font-size:14px;color:#fff;width:235px;margin:20px 15px;position:absolute;top:0;} .intro-image .intro-text p {margin-bottom:10px;} .slim-content {width:400px;margin: 0 auto;display:block;margin-top: 25px;} .wvContent .section {margin:10px 0px;} .section-header {color:#cc3b46 !important;} .input-group {margin: 40px 0px;} .inputButton.full {margin:0;width:auto;display:block;} .inputButton { margin: 10px 0px; height: 25px; border: 1px solid #231f20; padding: 3px 20px; margin-left: 10px; box-sizing: border-box; display: inline-block; text-align:center !important; width:100px; cursor:pointer; } .input input.default.small {width:175px;} .input input.default, .input.select select {margin: 10px 0px;width:100%;height:25px;border:1px solid #231f20;padding:0px 0px 0px 5px;box-sizing:border-box;} .input input.default + .ext {margin: 10px 0px;} .input.error .resetText {color:red !important;} .input.select .arrow {background-image:url('img/select-arrow.png');background-size:cover;width:21px;height:12px;position:absolute;top:7px; right:0px;margin:10px 3px;} .hasExt {position:relative;} .hasExt .ext.large.right {left:auto;right:-210px;width:200px;} .hasExt .ext.nospacing {top:auto;margin:0;} .addmore .wvButton {margin: 0;margin-top: 6px;padding:5px 30px;} .addmore .ext {top:0 !important;} .hasExt .ext {position:absolute;width:75px;left:-75px;top:4px;margin: 10px 0px;} .hasExt .ext.large {position:absolute;width:110px;left:-110px;top:4px;} .hasExt .ext.xlarge {position:absolute;width:420px;left:-100px;top:-4px;} /*.checkbox.hasExt .ext {top:10px;}*/ .content-double {margin-top: 20px;} .content-double .half {display:inline-block;width:50%;margin: -1px;} .content .orb {position:relative;width:36px;height:36px;text-align:center;font-size:16px;line-height:36px;} .content .orb.red {background-size:cover;color:#fff;} .content .orb .text { position: absolute; top: 0; width: 100%; left: 0; } .content-double .orb {display:inline-block; float:left;} .content-double .half.hasOrb .half-wrap { padding-top: 10px;padding-left:50px;} .content-double .half-wrap img {max-width:100%;margin-top:10px;} .content-double .half-wrap.slim {width:235px;margin: 0 auto;} .content-double .half-wrap p { line-height: 18px; margin: 10px 0px; } .footer .footer-text a, .footer .footer-text .divider {color:#000;text-decoration:none;} .footer .footer-text .divider {margin: 0px 5px;} .container.smallFooter {margin-bottom:-70px;} .container.smallFooter .spacer, .footer.smallFooter {height:70px;} .centerBlock {margin: 0 auto;} .centerText {text-align:center;} .resetText {text-align:left;font-size:14px;line-height: 20px;color: #58595B;} .textRight {text-align:right;} .titleBlock { width: 100%; background: #cc3b46; text-align: center; font-size: 17px; font-weight:bold; text-transform: uppercase; color: #fff; padding: 7px 0px; } .wvBlock {position:relative;width:350px !important;display:block;margin: 0 auto;} .wvBlock.largeInputSpacing {width:440px;} .wvBlock.largeInputSpacing .wvContent {width:290px;margin: 0 auto;} .wvBlock .wvContent{position:relative;padding: 0px 30px;} .wvBlock .wvContent .text {font-size:11px;color:#58585a;line-height:20px;margin:20px 0px;} .wvBlock .wvContent .text.wvDesc {font-size:11px;color:#55618b;line-height:20px;margin:20px 0px 5px;} .wvBlock .video { background-image:url('img/video-dummy.png'); width:100%; height:240px; } .footer,.spacer { height:140px; } .footer { position:relative; text-align:center; font-family:Verdana, Geneva, sans-serif; } .footer .footer-text { line-height:50px; font-size : 11px; color : #58595B; width:100%; text-align:center; position:absolute; bottom:0; border-top:1px solid #BCBEC0; } .wvButton.nocap {text-transform:none;} .wvButton.blue {background:#284472;} .wvButton.white {background:#fff;color:#231f20;} .wvButton { background: #cc3b46; text-align: center; font-size: 17px; text-decoration: none; text-transform: uppercase; color: #fff; padding: 7px 40px; margin:25px; display:inline-block; border:1px solid #692b30; cursor:pointer; } .wvButton.small {padding:7px 10px;} .wvButton.medium {padding:7px 22px;} .wvButton.small.inArea { position: absolute; bottom: -18px; margin:0; right: 10px; } .wvBespreken .textArea { width: 100%; border: 1px solid #000; height: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:25px; position:relative; } .wvBespreken .textArea textarea{width:100%;border:0px;height:100%; resize: none; padding: 0;} .wvBespreken .history {margin-top:25px;} .wvBespreken .history .item .title{font-weight:bold;font-style:italic;} .wvBespreken .history .item{ width:32%; display:inline-block; font-size: 11px; color: #58585a; line-height: 20px; } .tip {margin-top:40px;} .checkbox .custom .box .image.checked{display:none;} .checkbox .custom.checked .image.checked{display:block;} .checkbox .custom .image.open{display:block;} .checkbox .custom.checked .image.open{display:none;} .checkbox .custom input{display:none;} .checkbox .custom {float:right} .logo-gezamelijk { width: 385px; } .input-sliders {margin-bottom:30px;} .input-sliders .slider{margin:5px 0px;} /*! * jQuery UI CSS Framework 1.11.4 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .j-ui-elements .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .j-ui-elements .ui-widget .ui-widget { font-size: 1em; } .j-ui-elements .ui-widget input, .j-ui-elements .ui-widget select, .j-ui-elements .ui-widget textarea, .j-ui-elements .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .j-ui-elements .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; color: #222222; } .j-ui-elements .ui-widget-content a { color: #222222; } .j-ui-elements .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; color: #222222; font-weight: bold; } .j-ui-elements .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .j-ui-elements .ui-state-default, .j-ui-elements .ui-widget-content .ui-state-default, .j-ui-elements .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #555555; } .j-ui-elements .ui-state-default a, .j-ui-elements .ui-state-default a:link, .j-ui-elements .ui-state-default a:visited { color: #555555; text-decoration: none; } .j-ui-elements .ui-state-hover, .j-ui-elements .ui-widget-content .ui-state-hover, .j-ui-elements .ui-widget-header .ui-state-hover, .j-ui-elements .ui-state-focus, .j-ui-elements .ui-widget-content .ui-state-focus, .j-ui-elements .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .j-ui-elements .ui-state-hover a, .j-ui-elements .ui-state-hover a:hover, .j-ui-elements .ui-state-hover a:link, .j-ui-elements .ui-state-hover a:visited, .j-ui-elements .ui-state-focus a, .j-ui-elements .ui-state-focus a:hover, .j-ui-elements .ui-state-focus a:link, .j-ui-elements .ui-state-focus a:visited { color: #212121; text-decoration: none; } .j-ui-elements .ui-state-active, .j-ui-elements .ui-widget-content .ui-state-active, .j-ui-elements .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; font-weight: normal; color: #212121; } .j-ui-elements .ui-state-active a, .j-ui-elements .ui-state-active a:link, .j-ui-elements .ui-state-active a:visited { color: #212121; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .j-ui-elements .ui-state-highlight, .j-ui-elements .ui-widget-content .ui-state-highlight, .j-ui-elements .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; color: #363636; } .j-ui-elements .ui-state-highlight a, .j-ui-elements .ui-widget-content .ui-state-highlight a, .j-ui-elements .ui-widget-header .ui-state-highlight a { color: #363636; } .j-ui-elements .ui-state-error, .j-ui-elements .ui-widget-content .ui-state-error, .j-ui-elements .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; color: #cd0a0a; } .j-ui-elements .ui-state-error a, .j-ui-elements .ui-widget-content .ui-state-error a, .j-ui-elements .ui-widget-header .ui-state-error a { color: #cd0a0a; } .j-ui-elements .ui-state-error-text, .j-ui-elements .ui-widget-content .ui-state-error-text, .j-ui-elements .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .j-ui-elements .ui-priority-primary, .j-ui-elements .ui-widget-content .ui-priority-primary, .j-ui-elements .ui-widget-header .ui-priority-primary { font-weight: bold; } .j-ui-elements .ui-priority-secondary, .j-ui-elements .ui-widget-content .ui-priority-secondary, .j-ui-elements .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .j-ui-elements .ui-state-disabled, .j-ui-elements .ui-widget-content .ui-state-disabled, .j-ui-elements .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .j-ui-elements .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .j-ui-elements .ui-icon { width: 16px; height: 16px; } .j-ui-elements .ui-icon, .j-ui-elements .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .j-ui-elements .ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .j-ui-elements .ui-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png"); } .j-ui-elements .ui-state-hover .ui-icon, .j-ui-elements .ui-state-focus .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .j-ui-elements .ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .j-ui-elements .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png"); } .j-ui-elements .ui-state-error .ui-icon, .j-ui-elements .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.png"); } /* positioning */ .j-ui-elements .ui-icon-blank { background-position: 16px 16px; } .j-ui-elements .ui-icon-carat-1-n { background-position: 0 0; } .j-ui-elements .ui-icon-carat-1-ne { background-position: -16px 0; } .j-ui-elements .ui-icon-carat-1-e { background-position: -32px 0; } .j-ui-elements .ui-icon-carat-1-se { background-position: -48px 0; } .j-ui-elements .ui-icon-carat-1-s { background-position: -64px 0; } .j-ui-elements .ui-icon-carat-1-sw { background-position: -80px 0; } .j-ui-elements .ui-icon-carat-1-w { background-position: -96px 0; } .j-ui-elements .ui-icon-carat-1-nw { background-position: -112px 0; } .j-ui-elements .ui-icon-carat-2-n-s { background-position: -128px 0; } .j-ui-elements .ui-icon-carat-2-e-w { background-position: -144px 0; } .j-ui-elements .ui-icon-triangle-1-n { background-position: 0 -16px; } .j-ui-elements .ui-icon-triangle-1-ne { background-position: -16px -16px; } .j-ui-elements .ui-icon-triangle-1-e { background-position: -32px -16px; } .j-ui-elements .ui-icon-triangle-1-se { background-position: -48px -16px; } .j-ui-elements .ui-icon-triangle-1-s { background-position: -64px -16px; } .j-ui-elements .ui-icon-triangle-1-sw { background-position: -80px -16px; } .j-ui-elements .ui-icon-triangle-1-w { background-position: -96px -16px; } .j-ui-elements .ui-icon-triangle-1-nw { background-position: -112px -16px; } .j-ui-elements .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .j-ui-elements .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .j-ui-elements .ui-icon-arrow-1-n { background-position: 0 -32px; } .j-ui-elements .ui-icon-arrow-1-ne { background-position: -16px -32px; } .j-ui-elements .ui-icon-arrow-1-e { background-position: -32px -32px; } .j-ui-elements .ui-icon-arrow-1-se { background-position: -48px -32px; } .j-ui-elements .ui-icon-arrow-1-s { background-position: -64px -32px; } .j-ui-elements .ui-icon-arrow-1-sw { background-position: -80px -32px; } .j-ui-elements .ui-icon-arrow-1-w { background-position: -96px -32px; } .j-ui-elements .ui-icon-arrow-1-nw { background-position: -112px -32px; } .j-ui-elements .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .j-ui-elements .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .j-ui-elements .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .j-ui-elements .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .j-ui-elements .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .j-ui-elements .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .j-ui-elements .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .j-ui-elements .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .j-ui-elements .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .j-ui-elements .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .j-ui-elements .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .j-ui-elements .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .j-ui-elements .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .j-ui-elements .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .j-ui-elements .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .j-ui-elements .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .j-ui-elements .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .j-ui-elements .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .j-ui-elements .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .j-ui-elements .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .j-ui-elements .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .j-ui-elements .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .j-ui-elements .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .j-ui-elements .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .j-ui-elements .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .j-ui-elements .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .j-ui-elements .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .j-ui-elements .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .j-ui-elements .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .j-ui-elements .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .j-ui-elements .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .j-ui-elements .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .j-ui-elements .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .j-ui-elements .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .j-ui-elements .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .j-ui-elements .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .j-ui-elements .ui-icon-arrow-4 { background-position: 0 -80px; } .j-ui-elements .ui-icon-arrow-4-diag { background-position: -16px -80px; } .j-ui-elements .ui-icon-extlink { background-position: -32px -80px; } .j-ui-elements .ui-icon-newwin { background-position: -48px -80px; } .j-ui-elements .ui-icon-refresh { background-position: -64px -80px; } .j-ui-elements .ui-icon-shuffle { background-position: -80px -80px; } .j-ui-elements .ui-icon-transfer-e-w { background-position: -96px -80px; } .j-ui-elements .ui-icon-transferthick-e-w { background-position: -112px -80px; } .j-ui-elements .ui-icon-folder-collapsed { background-position: 0 -96px; } .j-ui-elements .ui-icon-folder-open { background-position: -16px -96px; } .j-ui-elements .ui-icon-document { background-position: -32px -96px; } .j-ui-elements .ui-icon-document-b { background-position: -48px -96px; } .j-ui-elements .ui-icon-note { background-position: -64px -96px; } .j-ui-elements .ui-icon-mail-closed { background-position: -80px -96px; } .j-ui-elements .ui-icon-mail-open { background-position: -96px -96px; } .j-ui-elements .ui-icon-suitcase { background-position: -112px -96px; } .j-ui-elements .ui-icon-comment { background-position: -128px -96px; } .j-ui-elements .ui-icon-person { background-position: -144px -96px; } .j-ui-elements .ui-icon-print { background-position: -160px -96px; } .j-ui-elements .ui-icon-trash { background-position: -176px -96px; } .j-ui-elements .ui-icon-locked { background-position: -192px -96px; } .j-ui-elements .ui-icon-unlocked { background-position: -208px -96px; } .j-ui-elements .ui-icon-bookmark { background-position: -224px -96px; } .j-ui-elements .ui-icon-tag { background-position: -240px -96px; } .j-ui-elements .ui-icon-home { background-position: 0 -112px; } .j-ui-elements .ui-icon-flag { background-position: -16px -112px; } .j-ui-elements .ui-icon-calendar { background-position: -32px -112px; } .j-ui-elements .ui-icon-cart { background-position: -48px -112px; } .j-ui-elements .ui-icon-pencil { background-position: -64px -112px; } .j-ui-elements .ui-icon-clock { background-position: -80px -112px; } .j-ui-elements .ui-icon-disk { background-position: -96px -112px; } .j-ui-elements .ui-icon-calculator { background-position: -112px -112px; } .j-ui-elements .ui-icon-zoomin { background-position: -128px -112px; } .j-ui-elements .ui-icon-zoomout { background-position: -144px -112px; } .j-ui-elements .ui-icon-search { background-position: -160px -112px; } .j-ui-elements .ui-icon-wrench { background-position: -176px -112px; } .j-ui-elements .ui-icon-gear { background-position: -192px -112px; } .j-ui-elements .ui-icon-heart { background-position: -208px -112px; } .j-ui-elements .ui-icon-star { background-position: -224px -112px; } .j-ui-elements .ui-icon-link { background-position: -240px -112px; } .j-ui-elements .ui-icon-cancel { background-position: 0 -128px; } .j-ui-elements .ui-icon-plus { background-position: -16px -128px; } .j-ui-elements .ui-icon-plusthick { background-position: -32px -128px; } .j-ui-elements .ui-icon-minus { background-position: -48px -128px; } .j-ui-elements .ui-icon-minusthick { background-position: -64px -128px; } .j-ui-elements .ui-icon-close { background-position: -80px -128px; } .j-ui-elements .ui-icon-closethick { background-position: -96px -128px; } .j-ui-elements .ui-icon-key { background-position: -112px -128px; } .j-ui-elements .ui-icon-lightbulb { background-position: -128px -128px; } .j-ui-elements .ui-icon-scissors { background-position: -144px -128px; } .j-ui-elements .ui-icon-clipboard { background-position: -160px -128px; } .j-ui-elements .ui-icon-copy { background-position: -176px -128px; } .j-ui-elements .ui-icon-contact { background-position: -192px -128px; } .j-ui-elements .ui-icon-image { background-position: -208px -128px; } .j-ui-elements .ui-icon-video { background-position: -224px -128px; } .j-ui-elements .ui-icon-script { background-position: -240px -128px; } .j-ui-elements .ui-icon-alert { background-position: 0 -144px; } .j-ui-elements .ui-icon-info { background-position: -16px -144px; } .j-ui-elements .ui-icon-notice { background-position: -32px -144px; } .j-ui-elements .ui-icon-help { background-position: -48px -144px; } .j-ui-elements .ui-icon-check { background-position: -64px -144px; } .j-ui-elements .ui-icon-bullet { background-position: -80px -144px; } .j-ui-elements .ui-icon-radio-on { background-position: -96px -144px; } .j-ui-elements .ui-icon-radio-off { background-position: -112px -144px; } .j-ui-elements .ui-icon-pin-w { background-position: -128px -144px; } .j-ui-elements .ui-icon-pin-s { background-position: -144px -144px; } .j-ui-elements .ui-icon-play { background-position: 0 -160px; } .j-ui-elements .ui-icon-pause { background-position: -16px -160px; } .j-ui-elements .ui-icon-seek-next { background-position: -32px -160px; } .j-ui-elements .ui-icon-seek-prev { background-position: -48px -160px; } .j-ui-elements .ui-icon-seek-end { background-position: -64px -160px; } .j-ui-elements .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .j-ui-elements .ui-icon-seek-first { background-position: -80px -160px; } .j-ui-elements .ui-icon-stop { background-position: -96px -160px; } .j-ui-elements .ui-icon-eject { background-position: -112px -160px; } .j-ui-elements .ui-icon-volume-off { background-position: -128px -160px; } .j-ui-elements .ui-icon-volume-on { background-position: -144px -160px; } .j-ui-elements .ui-icon-power { background-position: 0 -176px; } .j-ui-elements .ui-icon-signal-diag { background-position: -16px -176px; } .j-ui-elements .ui-icon-signal { background-position: -32px -176px; } .j-ui-elements .ui-icon-battery-0 { background-position: -48px -176px; } .j-ui-elements .ui-icon-battery-1 { background-position: -64px -176px; } .j-ui-elements .ui-icon-battery-2 { background-position: -80px -176px; } .j-ui-elements .ui-icon-battery-3 { background-position: -96px -176px; } .j-ui-elements .ui-icon-circle-plus { background-position: 0 -192px; } .j-ui-elements .ui-icon-circle-minus { background-position: -16px -192px; } .j-ui-elements .ui-icon-circle-close { background-position: -32px -192px; } .j-ui-elements .ui-icon-circle-triangle-e { background-position: -48px -192px; } .j-ui-elements .ui-icon-circle-triangle-s { background-position: -64px -192px; } .j-ui-elements .ui-icon-circle-triangle-w { background-position: -80px -192px; } .j-ui-elements .ui-icon-circle-triangle-n { background-position: -96px -192px; } .j-ui-elements .ui-icon-circle-arrow-e { background-position: -112px -192px; } .j-ui-elements .ui-icon-circle-arrow-s { background-position: -128px -192px; } .j-ui-elements .ui-icon-circle-arrow-w { background-position: -144px -192px; } .j-ui-elements .ui-icon-circle-arrow-n { background-position: -160px -192px; } .j-ui-elements .ui-icon-circle-zoomin { background-position: -176px -192px; } .j-ui-elements .ui-icon-circle-zoomout { background-position: -192px -192px; } .j-ui-elements .ui-icon-circle-check { background-position: -208px -192px; } .j-ui-elements .ui-icon-circlesmall-plus { background-position: 0 -208px; } .j-ui-elements .ui-icon-circlesmall-minus { background-position: -16px -208px; } .j-ui-elements .ui-icon-circlesmall-close { background-position: -32px -208px; } .j-ui-elements .ui-icon-squaresmall-plus { background-position: -48px -208px; } .j-ui-elements .ui-icon-squaresmall-minus { background-position: -64px -208px; } .j-ui-elements .ui-icon-squaresmall-close { background-position: -80px -208px; } .j-ui-elements .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .j-ui-elements .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .j-ui-elements .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .j-ui-elements .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .j-ui-elements .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .j-ui-elements .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .j-ui-elements .ui-corner-all, .j-ui-elements .ui-corner-top, .j-ui-elements .ui-corner-left, .j-ui-elements .ui-corner-tl { border-top-left-radius: 4px; } .j-ui-elements .ui-corner-all, .j-ui-elements .ui-corner-top, .j-ui-elements .ui-corner-right, .j-ui-elements .ui-corner-tr { border-top-right-radius: 4px; } .j-ui-elements .ui-corner-all, .j-ui-elements .ui-corner-bottom, .j-ui-elements .ui-corner-left, .j-ui-elements .ui-corner-bl { border-bottom-left-radius: 4px; } .j-ui-elements .ui-corner-all, .j-ui-elements .ui-corner-bottom, .j-ui-elements .ui-corner-right, .j-ui-elements .ui-corner-br { border-bottom-right-radius: 4px; } /* Overlays */ .j-ui-elements .ui-widget-overlay { background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .j-ui-elements .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ border-radius: 8px; } /*! * jQuery UI CSS Framework 1.11.4 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .nobutton{ cursor:default; width:400px; margin-left:0px; } body.soloScorm{overflow:hidden;width:100%;height:100%;} .logowrapper{height:30px;} .messageWrapper{height:20px;} .profileSaved{display:none; color:green;} .centerwrapper{text-align:center;} .missingFields{display:none; color:red;} .input input.default.inputerror{border:1px solid red;}