@charset "utf-8"; @media screen and (-webkit-min-device-pixel-ratio:0) { :focus { outline:2px solid #eca909 } body, div:focus{ outline:none!important;} } /*---------------------| font-end-start-here |-------------------------*/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800); /*------| website header start |------*/ .clearfix:after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0%; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ #webpage { clear:both; overflow:hidden; padding:14px 15px; max-width:975px; margin:0px auto 15px auto; } .bannerimg { width:700px; float:left; text-align:center; overflow:hidden; margin-bottom:30px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px } .certificate ul { margin:0px; padding:0px; } .certificate ul li { list-style:none; background-image: url(../images/certificate.png) !important; background-repeat: no-repeat; background-position: left 8px; display:inline-block; padding:10px 10px 10px 50px !important; width:40%; color: #749321; font-size: 1.500em; /*18px*/ min-height: 60px; vertical-align: top; } .certificate ul li a { float:left; width:70%; line-height:normal; } .certificate ul li.cert_error { list-style:none; background-image: none !important; background-repeat: no-repeat; background-position: left 8px; display:inline-block; padding:10px 10px 10px 10px !important; width:40%; color: #749321; font-size: 1.500em; /*18px*/ min-height: 60px; vertical-align: top; } .certificate ul li.cert_error img { margin-right: 10px; margin-top: -10px; max-height: 59px; max-width: 49px; float:left; vertical-align: top; } .downloadCertificateLink_not { background:url(../images/certificate-not-ready-icon.png) center center no-repeat; color:#606060; padding:0 10px; line-height:normal; text-decoration:none; display:inline-block; } .downloadCertificateLink_not img { visibility: hidden; height: 25px; } .downloadCertificateLink_not:hover { text-decoration:underline; } .certificate ul li span { display:block; clear:both; font-size:0.667em;/*12px*/ color:#3f3f3f; } #frontendRightPanel { float:right; width:710px; } #frontendRightPanel h1.heading { background: url(../images/corner.png) no-repeat top left; background-color: #749321; color: #fff; font-size: 1.333em;/*16px*/ padding: 10px 10px 10px 25px; overflow: hidden; clear: both; font-weight: normal; border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; -moz-border-radius: 0px 10px 0px 0px; margin-bottom:20px; } #frontendRightPanel h1.heading span { float:right; font-size: 0.80em; } #frontendLeftPanel { float:left; width:220px; } .genericPageContent { padding:0px 25px; } #frontendRightPanel .downloadDocList { width:450px; } #webHeader { } #webHeader .moduleName { width:975px; margin:8px auto 0; background:none !important; padding:0 15px; } #webHeader .moduleName a { text-align:left; float:left; display:block; clear:both; padding-bottom:5px; width:68%; /*text-decoration:none; font-size:14px; color: #9ac121;*/ } #webHeader .moduleName a:hover { /*color:#c0d72f;*/ } #webHeader .moduleName span { float:left; /*font-size:24px; */ font-weight:bold; width:55%;/* 700px;*/ text-align:left; clear:both; } #webHeader .moduleName .closeModuleBtn { background-image: url(../images/close-module-icon.png); background-repeat: no-repeat; background-position: right center; padding:4px 25px; color:#FFF; text-decoration:none; } .topOrangeBtn_wrap { width:975px; margin:auto; padding:0 15px; } #webHeader .userPanel { background-color:#000; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin:0 auto; position:relative; /*width:955px;*/ width:975px; clear:both; padding:0px 15px; color:#FFF; line-height:42px; } .usergraypanel { width:100%; background-color:#000; margin:0 auto; position:relative; z-index:999; } #webHeader .userPanel a { display:inline-block; line-height:42px; vertical-align:top; } #webHeader .moduleNav a { /*text-decoration:none; */ } #webHeader .userArea { float:left; width:350px; color:#FFF; } #webHeader .userPanel a { /*text-decoration:none;*/ color: #9ac121; } #webHeader .userPanel a:hover { /*color:#c0d72f;*/ } #webHeader .userArea span { float:left; width:144px; font-size:1.000em; padding-top: 3px; } #webHeader .userArea .log { float:right; text-align:right; width:66px; padding-top: 3px; } .bradecrumbs { float:left; padding-left:28px; width:650px; padding-top: 3px; } .bradecrumbs span { font-weight:bold; } #webHeader .userPanel .userArea a { color:#9ac121; /*text-decoration:none;*/ background:url(../images/divide-line.png) no-repeat; background-position:left center; padding:0px 5px 0px 20px; } #webHeader .userPanel .userArea a:first-child { background:none; padding-left:0px; } #webHeader .userPanel .userArea a:hover { /*color:#c0d72f;*/ } #webHeader .brandHolder { clear:both; overflow:hidden; width:975px; margin:0 auto; padding:15px 15px 20px 15px; } .moduleNav { float:right; font-weight:300; } .moduleNav a { text-decoration:none; /*color:#fff !important;*/ background-size:25px auto; background-repeat: no-repeat; background-position: 92% center; color:#fff; padding:0px 40px 0px 12px; text-decoration:none; margin-left:-4px; } .moduleNav a.resetlink { /*color:#f15a24 !important;*/ } .resetlink { background-image: url(../images/result-reset.svg); color:#f15a24; } .glossaryBtn { background-image: url(../images/glossary.svg); } .menuBtn { background-image: url(../images/menu.svg); text-align:center; padding-right:40px; background-position: 94% center !important; } .menuBtn.active { background-image: url(../images/svg/menu_active.svg); font-weight:bold; } #webHeader .closeModuleBtn { background-image: url(../images/close.svg); } #webHeader .strapLine { float:left; font-size:2.857em; color:#91918e; padding-top:46px; padding-left:50px; width:670px; line-height:90%; } #webHeader .strapLine span { color:#749321; } .menuBtn::after { display: block; content: attr(title); font-weight: bold; height: 0; overflow: hidden; visibility: hidden; } /*------| website header end |-------*/ #footer a { /*text-decoration:none; color:#3F3F3F;*/ } /*------| left panel start |-------*/ .leftSection { border:0px solid #d8d8d8; border-radius:0px 10px 10px 10px; -webkit-border-radius:0px 10px 10px 10px; -moz-border-radius:0px 10px 10px 10px; margin-bottom:20px; overflow:hidden; clear:both; background:#f4f4f4; } .loginBox { border:1px solid #d8d8d8; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; width: 270px; font-size: 1.385em; font-family: 'Open Sans', sans-serif; font-weight: 300; padding: 9px 5px; } .loginSection ul { padding:0px !important; margin:0px !important; list-style:none; } .loginSection ul li { background-image:none !important; padding:0px 0px 10px 0px !important; } .loginSection label { display:block; padding-bottom:4px; } .leftSection h1 { background:url(../images/corner.png) no-repeat top left; background-color:#749321; color:#fff; font-size: 1.333em;/*16px*/ padding:10px 10px 10px 25px; overflow:hidden; clear:both; font-weight:normal; } .leftSection h1 img { float:left; padding-right:6px; padding-bottom:0px; } .leftSection h1 span { float:left; padding-top:6px; } .forgotPassBtn { float:right; color:#3F3F3F; width:95px; margin-top:-5px; line-height:140%; /*text-decoration:none;*/ display:block; } .midBox { padding:10px; } .waytoFollow { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; padding:8px 15px; background-color:#d8d8d8; overflow:hidden; clear:both; } .waytoFollow span { float:left; padding-top:4px; width:120px; } .waytoFollow img { margin-left:10px; float:left } .nocourse { background-color:#f4f4f4; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; text-align:center; padding:15px; color:#000; margin-bottom:20px; } /*------| left panel end |-------*/ /*------| twitter start |------*/ .twtr-hd, .twtr-ft { display:none } .twtr-tweet { border-bottom:1px dotted #c1c1c1; margin-bottom:10px; } .twtr-tweet p { padding-bottom:10px; } .twtr-tweet a { color:#2753a0; } /*------| twitter end |------*/ /*-----| home-slide-show-start |-----*/ #homeSlider { padding:20px; background-image: url(../images/frontend/slideshow-bg.png); background-repeat: repeat-y; background-position: left top; position:relative; margin-bottom:15px; max-width:660px; } .cs-skin-tango ul, .cs-skin-tango li { list-style:none; padding:0px !important; margin:0px !important; background-image:none !important; } .cs-skin-tango .cs-container { margin-top: 0px; } .cs-skin-tango .cs-direction-rtl { direction: rtl; } .cs-skin-tango .cs-container-horizontal { width: 660px; } .cs-skin-tango .cs-clip-horizontal { width: 660px; height: 200px; } .cs-skin-tango .cs-item { width: 660px; height: 200px; } .cs-skin-tango .cs-item-horizontal { margin-left: 0; position:relative; } .cs-skin-tango .cs-direction-rtl .cs-item-horizontal { margin-left: 10px; margin-right: 0; } .cs-skin-tango .cs-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .cs-skin-tango .cs-next-horizontal { position: absolute; top: 75px; right: 0px; width: 33px; height: 47px; cursor: pointer; background: transparent url(../images/frontend/slideshow-next-btn.png) no-repeat 0 0; } .cs-skin-tango .cs-direction-rtl .cs-next-horizontal { left: 5px; right: auto; background-image: url(prev-horizontal.png); } .cs-skin-tango .cs-next-disabled-horizontal, .cs-skin-tango .cs-next-disabled-horizontal:hover, .cs-skin-tango .cs-next-disabled-horizontal:active { cursor: default;/*background-position: -96px 0;*/ } .cs-skin-tango .cs-prev-horizontal { position: absolute; top: 75px; left: 0px; width: 33px; height: 47px; cursor: pointer; background: transparent url(../images/frontend/slideshow-prev-btn.png) no-repeat 0 0; } .cs-skin-tango .cs-direction-rtl .cs-prev-horizontal { left: auto; right: 5px; background-image: url(next-horizontal.png); } .cs-skin-tango .cs-prev-disabled-horizontal, .cs-skin-tango .cs-prev-disabled-horizontal:hover, .cs-skin-tango .cs-prev-disabled-horizontal:active { cursor: default; } .leftTop { position:absolute; width:40px; height:40px; background-position:left top; background-repeat:no-repeat; background-image: url(../images/frontend/slide-left-top.png); z-index:20; left:0px; top:0px; } .leftBottom { position:absolute; width:40px; height:40px; background-position:left top; background-repeat:no-repeat; background-image: url(../images/frontend/slide-left-bottom.png); z-index:20; left:0px; bottom:0px; } .rightTop { position:absolute; width:40px; height:40px; background-position:left top; background-repeat:no-repeat; background-image: url(../images/frontend/slide-right-top.png); z-index:20; right:0px; top:0px; } .rightBottom { position:absolute; width:40px; height:40px; background-position:left top; background-repeat:no-repeat; background-image: url(../images/frontend/slide-right-bottom.png); z-index:20; right:0px; bottom:0px; } /*------| home-slide-show-end |------*/ /*-------| home page start |------*/ .homeIntro { float:left; width:100%; /*font-size:1.071em;*/ padding-left:5px; } .homeIntro h2 { font-size:1.667em;/*20px*/ font-weight:normal; color:#749321; padding-bottom: 30px; } .usefulLinks { border:0px solid #d8d8d8; border-radius:0px 10px 10px 10px; -webkit-border-radius:0px 10px 10px 10px; -moz-border-radius:0px 10px 10px 10px; margin-bottom:20px; overflow:hidden; float:left; width:240px; background:#f4f4f4; } .usefulLinks h1 { background: url(../images/corner.png) no-repeat top left; background-color: #749321; color: #fff; font-size:1.333em; /*16px*/ padding: 10px 10px 10px 25px; overflow: hidden; clear: both; font-weight: normal; } .usefulLinks ul { padding:10px !important; margin:0px !important; font-size: 1.167em;/*14px*/ } .usefulLinks ul li { background-image: url(../images/frontend/quick-links-bullet-point.png) !important; background-repeat: no-repeat; background-position: 3px 10px !important; } .usefulLinks ul li a { color:#749321; /*text-decoration:none;*/ } /*----| home page end |----*/ /*----|course list start |---------*/ .courseIntro { border-bottom:1px dotted #b3b3b3; margin-bottom:15px; } .courseIntroText { background:#fff; margin-bottom:15px; } .coursetext {width:100%;max-width:975px; margin:0 auto; padding:20px 0px 0px 0px; box-sizing:border-box;} .coursetext h2 { font-weight:700; font-size:2.000em; /*28px/p14*/ padding-bottom:15px; color:#000000; line-height: 140%; } .courseRecord { clear:both; overflow:hidden; padding:2px 2px 20px 2px; } .courseRecord .courseThumb { float:left; width:340px; height:160px; overflow:visible; position:relative; } .courseRecord .courseThumb .progressBarHolder { background:url(../images/frontend/black-transparent-bg.png); position:absolute; bottom:20px; left:20px; width:249px; height:25px; margin:0; padding:10px 25px 0 25px; overflow:hidden; } .courseRecord .courseThumb .progressBar { background:url(../images/frontend/progressbar-frame.png) no-repeat; width:249px; position:absolute; left:25px; z-index:3; } .courseRecord .courseThumb .progress { height:14px; } .courseRecord .courseThumb .check { position:absolute; width:54px; height:54px; background-image: url(../images/frontend/course-check.png); background-position: left top; background-repeat:no-repeat; z-index:2; right:-5px; top:0px; } .courseRecord .courseThumb .cover { background-image: url(../images/frontend/course-thumb-cover.png); background-position: left top; height:160px; width:340px; position:absolute; z-index:1; } .courseRecord .courseThumb img { margin-top:20px; margin-left:20px; } .courseRecord .courseSummary { float:right; width:335px;/*320*/ padding-top:25px; } .courseRecord h2 { font-size: 1.833em; color: #749321; line-height:normal; font-weight: normal; } /*----|course list end |---------*/ /*----|user-profile-start |---------*/ .courseSummaryList { margin-bottom:20px; background:#fff; border: 1px solid #bcbcbc; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; border-collapse:initial; } .courseSummaryList td { border-right:0; } .courseSummaryList th:first-child { text-align:left; font-size:14px; } .courseSummaryList th { text-align:left; border-bottom:1px solid #bcbcbc; font-size:12px; background:#fff; /*color:#4F4F4F;*/ border-right:0px; line-height:normal; text-align:center; } .courseSummaryList td:first-child { border-left:none; text-align:left } .courseSummaryList tr.moduleName td:first-child { text-align:left } .courseSummaryList tr.moduleName td { text-align:center; font-size:14px; font-weight:bold; border-bottom:1px solid #bcbcbc; color:#606060; background-color:#edebeb; } .courseSummaryList td a { color:#749321; text-decoration:none } .courseSummaryList td a:hover { color:#c0d72f; } .courseSummaryList td a:hover { /*text-decoration:underline*/ } .courseSummaryList td { text-align:center; font-size:13px; border-bottom:1px solid #bcbcbc; border-left: 1px solid #BCBCBC; /*color:#8F8F8F;*/ } .courseSummaryBand { background-color:#000; -moz-border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; overflow:hidden; clear:both; padding:9px 10px; color:#FFF; } .learning { float:left; /*font-size:2.000em; 28px/p14 font-weight:bold;*/ padding:9px 0px } .downloadSummaryBtn { /*float:right;*/ font-size:1.385em; /*18px/13*/ font-weight:700; background:#749321; display:block; color:#fff; text-decoration:none !important; padding:10px; margin-bottom:20px; text-align:center; border:2px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .downloadSummaryBtn img { width:20px; height:auto; display:inline-block; border:2px solid #fff; vertical-align:middle; margin-left:5px; } .userDepartment { float:left; width:190px; padding-right:20px; } .userDepartment a { text-decoration:none } #legendPlaceholder { } .profile-chart { float:left; width:400px; border-right:1px dashed #bcbcbc; position:relative; } .profiletopsection { border:1px solid #cccccc; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-top-right-radius: 0; border-top-left-radius: 0; padding:20px 15px; overflow:hidden; clear:both; margin-bottom:20px; } .profileDetails { float:left; width:250px; } .userDepartment h3, .profileDetails h3 { font-size:1.077em;/*14px/p13*/ font-weight:300; padding-bottom:3px; } .submitbtn { background:#749321; border-radius:0px; font-size:1.385em;/*18px/p13*/ color:#fff; font-family: 'Open Sans', sans-serif; text-decoration:none; font-weight:700; display:block; padding:10px; text-align:center; margin-top:15px; } .profiletopsection .profileDetails, .profiletopsection .userDepartment { margin: 0 -15px; width: auto; float: none; overflow: hidden; padding: 0 15px; } .profileDetails .inforow, .userDepartment .inforow { width:32%; float:left; clear:right; padding-bottom:0; /*font-weight:bold;*/ } .userDepartment .inforow { margin-bottom:15px; } .profiletopsection .profileDetails { border-bottom:1px dashed #bcbcbc; margin-bottom:20px; } /*body #mainArea .profileDetails .inforow h3{ font-size:14px !important;}*/ .inforow { overflow:hidden; clear:both; padding-bottom:15px; /*color:#8F8F8F;*/ } .inforow span { font-weight:bold; /*color:#4A4B4A;*/ display:block; margin-top:5px; } .passwordField { width:180px; padding:4px; border:1px solid #d8d8d8; font-size:1.071em; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; } .courseStatus { padding-left:20px; } .passcourseStatus { background-image: url(../images/frontend/course-small-check.png); background-repeat: no-repeat; background-position: center; padding:4px; display:block; } .failcourseStatus { background-image: url(../images/close-module-icon1.png); background-repeat: no-repeat; background-position: center; padding:4px; display:block; } .passcourseStatus img, .failcourseStatus img { visibility:hidden; } .courseStatusCheck { background-image: url(../images/frontend/course-small-check.png); background-repeat: no-repeat; background-position: center; padding-left:20px; } .downloadCertificateLink { background:url(../images/certificate-icon-sm.png) center center no-repeat; color:#606060; padding:0 10px; line-height:normal; text-decoration:none; display:inline-block; } .downloadCertificateLink img { visibility:hidden; height:25px; } .downloadCertificateLink:hover { text-decoration:underline; } /*----|user-profile-end |---------*/ /*----------------- front -------------------*/ #login_error { color: #D93D00; font-size:0.917em; float:left; padding-bottom:10px; } #homelogin #login_error p { padding-bottom:10px; } #homelogin #login_error ul li { padding-bottom:10px; } .notification { color: #D93D00; font-size:0.917em; float:left; width:250px; padding-top: 5px; } .notification_box { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color:#fcf2ee; border:1px solid #f6dfd6; padding:5px 10px 5px 30px; background-image: url(../images/alert.png); background-repeat: no-repeat; background-position: 10px 5px; color:#d93d00; font-size:0.917em; margin-bottom:20px; } .notification_box ul { padding:0px !important; margin:0px !important; padding-left:14px; font-size:0.917em; list-style:disc; padding-top:10px; } .notification_box ul li { padding:0px; margin:0px; background-image:none !important; padding:0px !important; padding:2px; } /*----------------| notification end | ----------------------- */ /*---------------------| font-end-end-here |-------------------------*/ /*---------------------| body frame start |-------------------------*/ html { width: 100%; height: 100%; font-size:1.063em /*17px */ } body { background-color:#FFF; margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-size:0.80em; line-height: 140%; color:#000000; } #container { /*margin:0px auto; width:100%;*/ padding:0px; position:relative;/*overflow:hidden;*/ /* this appplied to hind overlay of wanring */ min-width:975px; } #mainArea { overflow:visible; clear:both; position:relative; margin:0px auto; width:975px; display:block; overflow:hidden; /*min-height:580px;*/ padding:0 15px; } #canvas { margin:20px 0px; overflow:visible; clear:both; position:relative; display:block; width:975px; } #leftPanel { float:left; width:450px; position:relative; margin-left:0px; padding-left:2px; } #rightPanel { float:right; width:452px; position:relative; margin-right:0px; } #leftPanel img, #rightPanel img, .fullAssetInfo .textBlock img { max-width:100%; } /*---------------------| body frame end |-------------------------*/ /*---------------------| header start |-------------------------*/ #header.previewheader { margin-bottom:0px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -khtml-border-radius-bottomright: 0px; border:0; background:none; max-width:100%; min-height:initial; border:0; padding:0px 0; position:initial; } #header.previewheader .moduleNav { margin:auto; max-width:100%; float:none; text-align:right; padding:0px 0; } #header.previewheader .moduleNav a { display:inline-block; padding:10px 40px 10px 12px; } #header.previewheader .container { max-width:975px; margin:auto; } #header.previewheader .logo { padding:0; max-width:975px; width:975px; margin:auto; float:none; } #header.previewheader .projectName { float:left; width:auto; } #header.previewheader #dropDownMenuHolder { right:103px; } #header { background-color:#464747; overflow:visible; clear:both; position:relative; display:block; margin: 0 auto; max-width: 968px; border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; -khtml-border-radius-bottomright: 10px 10px 0px 0px; min-height:84px; border:4px solid #464747; border-top:0px; z-index:100; /*this is for menu which was going under progress in ie*//*z-index:1;*/ } #header .logo { padding:18px 22px 16px 22px; overflow:hidden; clear:both; color:#FFF; width:915px; float:left } #header .projectName { float:right; width:700px; padding-top:6px; } #header .logo .productLogo { margin-right:14px; display:block; width:148px; height:65px; float:left; text-align:center;/*background-image: url(../images/iflorish-scrom-logo.png); background-repeat: no-repeat; background-position: left top; margin-top:-8px;*/ } #header .logo .productLogo img { max-width:100%; max-height:65px; } #header .exerciseLevel { /*font-size:18px;*/ /*font-size: 1.500em;*/ } #header .exerciseLevel span { /*font-size:22px;*/ font-size: 1.222em; } #header .levelName { color:#ffffff; /*font-size:18px;*/ font-size: 1.3em; padding-top:3px; line-height:normal; margin-bottom:0px; } .headerRight { background-color:#d8d8d8; border-radius: 0px 0px 8px 8px; -webkit-border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px; -khtml-border-radius-bottomright: 0px 0px 8px 8px; padding:5px 15px 5px 12px; position:absolute; right:30px; z-index:101; } .headerRight .topLinks { color:#464747; } .headerRight .topLinks a { color:#464747; text-decoration:none; padding:4px 0px 2px 0px; font-size:.9em; margin-right:5px; } .settingsBtn { background-image: url(../images/settings-icon.png); background-repeat: no-repeat; background-position: left center; padding-left:20px !important; } .profileBtn { background-image: url(../images/profile-icon.png); background-repeat: no-repeat; background-position: left center; padding-left:16px !important; } .helpBtn { background-image: url(../images/help-menu-icon.png); background-repeat: no-repeat; background-position: left center; padding-left:20px !important; } .resetBtn { background-image: url(../images/reset-menu-icon.png); background-repeat: no-repeat; color:#fff; background-position: right center; text-decoration:none; padding: 4px 25px 4px 0px; } #menuBtn { cursor:pointer } .clearHeader { clear:both; overflow:hidden; height:0px; display:block; } /*---------------------| header end |-------------------------*/ /*---------------------| drop down menu start |-------------------------*/ .topNav { padding:0px; margin:0px; list-style:none; background-color:#fff; overflow:hidden; clear:both; width:240px; } .topNav li { margin-bottom:15px; width:98% } #webHeader .userPanel .topNav li a { /*background-image: url(../images/menu-arrow.png); background-repeat: no-repeat; background-position: left 6px;*/ display:block; text-decoration:none; line-height:23px; padding:0; margin: 1px 3px 1px 2px; } /*.topNav li a:hover { color:#749321 !important; }*/ /* Tiny Scrollbar */ #dropDownMenuHolder { background-color:#fff; border:4px solid #000; padding:10px 5px 10px 10px; position:absolute; visibility: hidden; z-index:10000; right:91px; top: 42px; overflow:visible;/*border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; display:none; -moz-box-shadow: 3px 3px 65px #262626; -webkit-box-shadow: 3px 3px 5px #262626; box-shadow: 3px 3px 5px #262626; */ } .pin { width:18px; height:10px; background-image: url(../images/drop-down-pin.png); background-repeat: no-repeat; background-position: left top; position:absolute; top:-9px; right:88px; z-index:10001; display:none; } #scrollbar1 { width: 247px; margin: 5px 0px; } #scrollbar1 .viewport { width: 230px; max-height: 412px; overflow: hidden; position: relative; } #scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; } #scrollbar1 .scrollbar { /*background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;*/ position: relative; background-position: 0 0; float: right; width: 8px; } #scrollbar1 .track { /*background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;*/ height: 100%; width:8px; position: relative; padding: 0 1px; } #scrollbar1 .thumb { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -0px; } #scrollbar1 .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 6px; } #scrollbar1 .disable { display: none; } /*---------------------| drop down menu end |-------------------------*/ /*---------------------| footer start |-------------------------*/ .fullfooter { /*width:100%;*/ border-top:1px dotted #cbcbcb; margin:0px auto 0 auto; overflow:hidden; position: relative; z-index: 999; padding:0 15px; } #footer { padding:20px 0px 20px 0px; overflow:hidden; clear:both; display:block; font-size: 0.750em;/*12px/p13*/ max-width:975px; margin:0 auto; } .footer-left { float:left; padding-top:10px; width:80%; } .footer-logo { background:url(../images/svg/footer-logo.svg) no-repeat; float:right; display:block; width:148px; height:42px; border:0px; text-decoration:none; background-position:center center; /*background-size:245px auto;*/ text-decoration:none !important; margin-right:2px; } /*---------------------| footer end |-------------------------*/ /*---------------------| progress pagination subheader start |-------------------------*/ .progressPagination { /*padding:6px 8px;*/ padding:0 15px; background-color:transparent !important; /*border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px;*/ border-top:0px; clear:both; /*overflow:hidden;*/ position:relative; z-index:0; margin: 0 auto; width:975px; } .currentPage { /*color:#ffffff; font-size:14px; */ display:inline-block; vertical-align:top; /* float:left; font-size:16px/p13; font-size:1.231em;*/ font-weight:bold; position:relative; padding:3px 5px; margin-left:10px; line-height:30px; } .progressBarHolder { position:relative; width:975px; margin:auto; overflow: hidden; /* float:left; margin:4px 5px; background-color:#ccc; border-radius: 10px;*/ } .progressBar { height:11px; position:absolute; background-repeat: no-repeat; background-position: left top; /*width:100%; background-image: url(../images/status-bar-cover.png);*/ } .progress { background-color:#9ac121; height:11px; } .topOrangeBtn { float:right; padding-top:0px; /*font-size:16px/p13;*/ /*font-size:1.231em;*/ font-weight:bold; line-height:normal; margin-bottom:18px; margin-top:-44px; margin-right:2px; /*width:430px; */ text-align:right; z-index:101; position:relative; } .topOrangeBtn a, #webHeader .topOrangeBtn a { text-decoration:none; color:#FFF; padding:6px 10px 7px 10px; display:block; float:left; background-color: #749321; background-image:none; margin-left:10px; clear:none !important; float:none; display:inline-block; vertical-align:top; } .topOrangeBtn_wrap .currentPage { display:none; } .topOrangeBtn_wrap .topOrangeBtn .currentPage { display:inline-block; } /*.topOrangeBtn a.completeBtn { background-color: #749321; }*/ .completeBtn.disabled { /*border:3px solid #FFF;*/ padding:8px 10px 8px 10px; color: #FFF; background-color: #999; cursor:default; background-image: none; background-repeat: repeat-x; background-position: left top; text-decoration:none; box-shadow:none; } .backBtn { background-image: url(../images/arrow-back.png); background-repeat: no-repeat; background-position: left center; padding-left:24px; } .nextBtn { background-image: url(../images/arrow-next.png); background-repeat: no-repeat; background-position: right center; padding-right:24px; } /*---------------------| progress pagination subheader end |-------------------------*/ /*---------------------| tags start |-------------------------*/ :focus{ outline : 2px solid #ffb400; } body, div:focus{ outline:none!important;} UL, OL { counter-reset: item } /*LI { display: block }*/ a { color:#749321; } a img { border:0px; } h1, h2, h3, h4, h5, h6, p { padding:0px; margin:0px; /*font-weight:normal;*/ } h1 { font-size:1.833em; padding-bottom:10px; } h2 { font-size:1.667em; padding-bottom:10px; } h3 { font-size:1.063em; font-weight:bold; padding-bottom:10px; line-height: normal; } h4 { font-weight:bold; padding-bottom:10px; line-height: normal;} h5 { font-weight:bold; padding-bottom:10px; line-height: normal; } h6 { font-weight:bold; padding-bottom:10px; line-height: normal; } p { padding-bottom:18px; } #mainArea ul, .popUpHolder ul{ padding:0px; margin:0px; /*list-style:none;*/ padding-bottom:16px; margin-left:27px; } #mainArea ul li, .popUpHolder ul li { margin:0px; /*list-style:none; background-image: url(../images/bullet-arrow.png); background-repeat: no-repeat; background-position: 3px 7px; padding: 3px 5px 4px 20px;*/ padding: 3px 5px 4px 0px;} #mainArea ol, .popUpHolder ol { list-style:decimal outside none; padding:0px; margin:0px; padding-bottom:16px; margin-left:29px; } #mainArea ol li, .popUpHolder ol li { display:list-item; margin-bottom:10px; } #mainArea ol li:last-child, .popUpHolder ol li:last-child{ margin-bottom:0;} /*---------------------| tags end |-------------------------*/ /*---------------------| misc start |-------------------------*/ .first_focus{ position:absolute; opacity:0; left:-100px; top:-100px; } .skip { position: absolute; left: -999em; width:auto; transition:all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; } .skip:focus { left: 0; display: inline-block; background: #ffb400; color: #fff; text-decoration: none; padding: 15px; } .radioBtn { float:left } /* Warning Popup */ /*#warning { clear:both; width:300px; position:absolute; z-index:1000; display:none; text-align:center; left:0px; top:50%; margin-top:-110px; margin-top:25px; padding-top:15px; } .warningMsg { border:10px solid #f7931e; background-color:#f9f8f7; padding:30px 30px 30px 30px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; text-align:center; color:#bc640c; font-size:1.333em; line-height:150%; font-weight:bold; -moz-box-shadow: 3px 3px 10px #8f8f8f; -webkit-box-shadow: 3px 3px 10px #8f8f8f; box-shadow: 3px 3px 10px #8f8f8f; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#8f8f8f')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#8f8f8f'); margin-right:15px; margin-bottom:15px; position:relative; }*/ #warning { position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); z-index:9999; transition:all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; } .warningMsg { background: #fff; width: 400px; margin: auto; left: 0; right: 0; top: 38.5%; min-height: 50px; position: absolute; border-radius: 10px; padding:70px 60px; font-weight:bold; text-align:center; } .warningMsg .closeWarning { position:absolute; right:12px; top:12px; /*background:url(../images/svg/ic_delete_img.svg) no-repeat center center;*/ width:25px; height:25px; background-size:25px auto; border:0; /*text-indent:-10000px;*/ cursor:pointer; background:none; } /* Warning Popup */ #warning_overlay { background:transparent; position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:999; } .closeWarning { margin-top:8px; position:absolute; right:-25px; top:-40px; cursor:pointer; background-position:left top; background-repeat:no-repeat; background-image:url(../images/close-btn.png); width:44px; height:44px; z-index:999; } .closeWarning img { display:none; } .makeItBlock { display:block; clear:both; overflow:hidden; float:none; height:1px } .pageTitle { /*border-bottom:1px dotted #cbcbcb;*/ padding:30px 0px 25px; overflow:hidden; clear:both; position:relative; z-index:0; margin: 0 auto; width: 100%; max-width:975px; } .pageTitle h1 { /*font-size:22px;*/ font-size:1.833em; padding:2px 0px 0px 0px; margin:0px; line-height:normal; float:left; width:650px; color:#74931F } .leftAlign { float:left; } .rightAlign { float:right; } .audioIcon { float:right; } .assetArea { width:450px; margin-bottom:10px; /*text-align:center;*/ clear:both; overflow:hidden; } .assetArea img { max-width:100%; } .noBorder { border:none; text-align:left } .question { position:relative; display:block; clear:both; background-color:#f2f2f2; margin:15px auto 0;/*border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; background-image:url(../images/question.png); background-repeat:no-repeat; background-position:16px 15px; min-height:80px;*/ } /*.question img { float:left; width:958px; position:absolute; left:0px; top:0px; z-index:1; }*/ .question .block { position:relative; left:0px; top:0px; z-index:2; padding:20px 30px; } .question .block:after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0%; } .question .block h3 { padding-bottom:0; } .question p { padding-bottom:0.833em; overflow:hidden; } .question p:last-child { padding-bottom: 0px; } .orangeBtn { text-decoration:none; color:#FFF; /*font-size:18px;*/ font-size:1.231em; font-weight:bold; line-height:normal; padding:6px 10px 6px 10px; background: #749321; cursor:pointer; -webkit-appearance:none; -webkit-border-radius:0; border-radius:none; } .orangeBtnNoBorder { border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -khtml-border-radius:0px; border:0px; text-decoration:none; color:#FFF; /*font-size:18px;*/ font-size:1.231em; font-weight:bold; line-height:normal; padding:6px 10px 6px 10px; background: #7e9d1b; cursor:pointer; } #submit { float:left; clear:right; } .textDescription { display:block; text-align:right; margin-bottom:15px; margin-right:2px; margin-top:10px; position:relative; z-index:99; } .textDescriptionNewPage { margin:20px auto; max-width:975px; } #TDNewPage #footer { /*margin:20px auto; border-top:1px dashed #bcbcbc;*/ } .backPrevPageBtn {/*background-color:#464747;*/ color:#749321; padding:10px; text-decoration:none; display: inline-block; /*font-weight:bold;*/ } .textDescriptionNewPage > p > img { display: block; margin:10px 0px; vertical-align: top; } .pageBackBtn { padding-bottom:30px; } .taskSeprator { border-top:1px dotted #989b9b; clear:both; overflow:hidden; z-index:2000; position:relative } .subpageTitle { background-color:#eaeaea; font-size:1.333em; color:#464747; font-weight:bold; clear:both; overflow:hidden; display:block; padding:3px 5px; margin-bottom:14px; } .subpageTitle .titleText { margin-top:3px; margin-left:6px; margin-bottom:3px; float:left; display:block; /*overflow:hidden;*/ } .subpageTitle .noAudio { background-image: url("../properties-audio-video/skins/no-audio.png"); background-position: 6px top; background-repeat: no-repeat; float: left; height: 30px; width: 34px; } #AjaxLoaderUl li { padding:8px 10px 8px 30px !important; border:1px solid #D8D8D8; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-weight:bold; background-image: url(../images/preloader.gif) !important; background-repeat: no-repeat!important; background-position: 10px center !important; width:184px; } /*---------------------| misc end |-------------------------*/ /*---------------------| download Doc List start |-------------------------*/ .downloads, #mainArea .feedback_download { clear:both; width:100%; /*float:left;*/ background:#f2f2f2; margin:0 auto; max-width:975px; overflow:hidden; position: relative; z-index: 99; } .downloads .title { background:#666666; color:#fff; font-size:24px; font-weight:bold; /*line-height:41px;*/ padding:8px 15px 10px; margin:0 -15px; } .downloads .downloadDocList, #mainArea .feedback_download .downloadDocList { /*margin:60px 20px 40px;*/ padding:0 15px; list-style:none; overflow:hidden; max-width:975px; margin:60px auto 40px; } #mainArea .feedback_download { margin-top:-20px; margin-bottom:20px; } #mainArea .feedback_download .downloadDocList { padding-top:0; margin-top:-0; } .downloads .downloadDocList li, #mainArea .feedback_download .downloadDocList li { background:none !important; width:18%; float:left; padding:0 1% !important; margin-bottom:20px; font-size:14px; line-height:18px; } .downloadDocList li:last-child { border-bottom:0px; } .downloadDocList li a { padding:70px 10px 10px 10px; margin-top:2px; display:block; /*text-decoration:none;*/ color:#394a58; background-repeat: no-repeat; background-position: center top; min-height:44px; text-align:center; background-size:58px auto; word-wrap: break-word;/* word-break: break-all;*/ } .downloadDocList li a span { /*color:#666;*/ display:block; margin-top:3px; } /*.downloadDocList li a.pdf { background-image: url(../images/svg/file-pdf.svg); } .downloadDocList li a.doc { background-image: url(../images/svg/file-doc.svg); } .downloadDocList li a.xls { background-image: url(../images/svg/file-exls.svg); } .downloadDocList li a.ppt { background-image: url(../images/svg/file-ppt.svg); } .downloadDocList li a.zip { background-image: url(../images/svg/file-zip.svg); } .downloadDocList li a.csv { background-image: url(../images/svg/file-csv.svg); } .downloadDocList li a.rtf { background-image: url(../images/svg/file-rtf.svg); } .downloadDocList li a.audio { background-image: url(../images/svg/file-mp3.svg); } .downloadDocList li a.pub { background-image: url(../images/svg/file-pub.svg); } .downloadDocList li a.video { background-image: url(../images/svg/file-wmv.svg); } .downloadDocList li a.images { background-image: url(../images/svg/file-jpg.svg); } */ .downloadDocList li a.images { background-image: url(../images/svg/file-jpg.svg); } .downloadDocList li a.audio { background-image: url(../images/svg/file-mp3.svg); } .downloadDocList li a.video { background-image: url(../images/svg/file-wmv.svg); } .downloadDocList li a.doc { background-image: url(../images/svg/file-doc.svg); } .downloadDocList li a.xls { background-image: url(../images/svg/file-exls.svg); } .downloadDocList li a.pdf { background-image: url(../images/svg/file-pdf.svg); } .downloadDocList li a.jpg { background-image: url(../images/svg/file-jpg.svg); } .downloadDocList li a.zip { background-image: url(../images/svg/file-zip.svg); } .downloadDocList li a.ppt { background-image: url(../images/svg/file-ppt.svg); } .downloadDocList li a.rtf { background-image: url(../images/svg/file-rtf.svg); } .downloadDocList li a.csv { background-image: url(../images/svg/file-csv.svg); } .downloadDocList li a.pub { background-image: url(../images/svg/file-pub.svg); } .downloadDocList li a.odf { background-image: url(../images/svg/file-odf.svg); } .downloadDocList li a.wmv { background-image: url(../images/svg/file-wmv.svg); } .downloadDocList li a.mp3 { background-image: url(../images/svg/file-mp3.svg); } .downloadDocList li a.flp { background-image: url(../images/svg/file-flp.svg); } .downloadDocList li a.pfprj { background-image: url(../images/svg/file-pfprj.svg); } .downloadDocList li a.avi { background-image: url(../images/svg/file-avi.svg); } .downloadDocList li a.gif { background-image: url(../images/svg/file-gif.svg); } .downloadDocList li a.m4a { background-image: url(../images/svg/file-m4a.svg); } .downloadDocList li a.mov { background-image: url(../images/svg/file-mov.svg); } .downloadDocList li a.mp4 { background-image: url(../images/svg/file-mp4.svg); } .downloadDocList li a.mpg { background-image: url(../images/svg/file-mpg.svg); } .downloadDocList li a.png { background-image: url(../images/svg/file-png.svg); } .downloadDocList li a.qt { background-image: url(../images/svg/file-qt.svg); } .downloadDocList li a.swf { background-image: url(../images/svg/file-swf.svg); } .downloadDocList li a.txt { background-image: url(../images/svg/file-txt.svg); } .downloadDocList li a.wav { background-image: url(../images/svg/file-wav.svg); } .downloadDocList li a.wma { background-image: url(../images/svg/file-wma.svg); } .downloadDocList li a.svg { background-image: url(../images/svg/file-svg.svg); } .downloadDocList li a.arrow { background-image: url(../images/download-arrow.png); /*font-size:20px; font-size:1.250em;*/ line-height:42px; } .downloads { max-width:inherit; width:auto; padding:0 15px; min-width:975px; } .downloads_container { max-width:975px; margin:auto; } /*---------------------| download Doc List end |-------------------------*/ /*---------------------| textual questions start |-------------------------*/ .optionsCells { clear:both; overflow:hidden; padding-bottom:10px; position:relative; display:block; } .optionsCells .option, .optionsCells .optionIncorrect, .optionsCells .optionCorrect { float:left; margin-right:40px; margin-bottom:15px; padding:11px 16px 11px 16px; } .optionsRows { clear:both; overflow:visible; padding-bottom:10px; position:relative; display:block; } .optionsRows .option, .optionsRows .optionIncorrect, .optionsRows .optionCorrect { margin-bottom:10px; padding:12px 20px 10px 10px; /*min-height:40px;*/ display:block; position: relative; border:0; } .optionsRows .option label, .optionsRows .optionIncorrect label, .optionsRows .optionCorrect label { display:block; cursor:pointer; /*overflow:hidden; padding-left:2px;*/ } .multipleQuestion .option, .multipleQuestion .optionIncorrect, .multipleQuestion .optionCorrect { padding:0; border:0; margin-bottom:20px; background-color:transparent; /*width:420px;*/ } .multipleQuestion .optionIncorrect .subQuestion, .multipleQuestion .optionCorrect .subQuestion{ padding-right: 60px; } .multipleQuestion .mark { right:10px !important; top:5px !important; } .multipleQuestion label { /*cursor:pointer; margin-right:10px; *margin-right:6px; *margin-left:-5px; margin-left:-5px\0/IE8+9; float:left; position:relative;*/ overflow:hidden; padding-top:2px; margin-bottom:10px; padding-left:5px; } label.lastlabel { margin-right:0px; } .multipleQuestion .radioBtn { float:left; margin-right:3px !important; margin-top: 6px; margin-left:-5px!important; } .optionsRows .optionTextRow { float:left; width:360px; margin-left:0px; padding-top:2px } .optionsRows .optionText { float:left; margin-right:26px; margin-bottom:2px } .option { background-color:#ffffff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; overflow:visible; position:relative; border:4px solid transparent; } .optionIncorrect { background-color:#f2f2f2; /*border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border:4px solid transparent;*/ overflow:visible; position:relative; } .optionCorrect { background-color:#f2f2f2; /*border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border:4px solid transparent;*/ overflow:visible; position:relative; } .optionImg { /*width:115px; height:115px; border:1px solid #333; background-color:#dadada;*/ display:block; overflow:hidden; /*float:left;*/ text-align:center; position:relative; pointer-events: none; } .optionImg img { /*max-width:115px; max-height:115px;*/ margin:0 auto; display:block; max-width:200px; } .option .mark { display:none; z-index:200; } .optionIncorrect .mark { width:40px; height:40px; background-image: url(../images/svg/ic_incorrect.svg); background-size:35px auto; background-repeat: no-repeat; background-position: left top; display:block; position:absolute; right:-15px; top:5px; z-index:200; } .optionCorrect .mark { width:40px; height:40px; background-image: url(../images/svg/ic_correct.svg); background-size:35px auto; background-repeat: no-repeat; background-position: left top; display:block; position:absolute; right:-15px; top:5px; z-index:200; } .optionsCells label { cursor:pointer; } .radioBtn { float:left; margin-right:5px; margin-top: 7px; margin-left:-5px } .subQuestion { display:block; /*margin-left:-5px; padding-bottom:8px; padding-right:30px;*/ background:#f2f2f2; padding:15px 20px; margin-bottom:20px; } .subQuestion p { padding-bottom: 0px !important; } .subOptionText { /*float:left; width:110px; margin-right:5px; line-height:125%; margin-top:2px; margin-left:3px;*/ font-weight:normal; } /*---------------------| textual questions end |-------------------------*/ /*-----------------| universal feedback start |----------------*/ .feedback { /*background-color:#d8d8d8; border:4px solid #464747; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px;*/ overflow:hidden; padding-bottom: 10px; margin-bottom:20px; clear:both; display:block; background-color:#f2f2f2; } .feedback h2 { color:#ffffff !important; font-weight:bold !important; padding:10px 20px;/*font-weight: normal !important; background-color:#464747; border-bottom:4px solid #464747;*/ } .feedback h2 { background-color:#ed1c24; } .feedback.correct h2 { background-color:#8ec63f; } .feedback .boxContent { padding:15px 20px; } .boxContent p:last-child { padding-bottom:0px; } .spaceMaker { clear:both; overflow:visible; padding-top:20px; display:block; } /*-----------------| universal feedback end |----------------*/ /*-----------------| 2-9_multi_image start |----------------*/ .multiImageOption { padding-bottom:20px; } .multiImageOption a { color:#3f3f3f; text-decoration:none; display:block; text-decoration:none; color:#3f3f3f; padding:10px 10px 8px 30px; margin-bottom:15px; background-image: url(../images/svg/bullet-arrow.svg); background-repeat: no-repeat; background-position: 10px 14px; min-height:20px; position:relative; float:none; /*border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; background-color:#d8d8d8;*/ } .multiImageOption a:hover { color: #3f3f3f; text-decoration: none; } .multiImageOption a:focus, .multiImageOption a.current { background-color: #f2f2f2; } /*-----------------| 2-9_multi_image end |----------------*/ /*-----------------| common elements to drag and drop tasks start |----------------*/ #warningAndFeedbackWhiteCover { background-color:#fff; /*position:absolute;*/ left:0px; top:0px; z-index:1000; overflow:visible; clear:both; } #onSumbitTaskBlocker_overlay { width:975px; height:100%; position:absolute; z-index:999; right:0px; top:0px; background-image: url(../images/blank-bg.png); background-repeat: repeat; background-position: left top; clear:both; min-height:210px; } #cardPile li.ui-draggable.border > div, #cardSlots li.ui-draggable.border > div { border: 1px solid #FF0000!important; outline:none; } .markCorrect { width:40px; height:40px; background-image: url(../images/svg/ic_incorrect.svg); background-size:35px auto; background-repeat: no-repeat; background-position: left top; display:block; position:absolute; left:-10px; top:-10px; z-index:200; } .markIncorrect { width:40px; height:40px; background-image: url(../images/svg/ic_correct.svg); background-size:35px auto; background-repeat: no-repeat; background-position: left top; display:block; position:absolute; left:-10px; top:-10px; z-index:200; } /*-----------------| common elements to drag and drop tasks end |----------------*/ /*-----------------2.12 - click_and_drop_into_columns start ----------------*/ .textToColumnRightPanel { float:right; width:48%; /*position:relative;*/ } .textToColumnLeftPanel { float:left; width:48%; /*position:relative;*/ } .questionColumn { width:100%; position:relative; min-height:100px; display:block; } .questionColumn p { /*width:240px; padding:0px 10px;*/ } .questionColumn div { display:block; height:123px; margin-bottom:0px; padding:5px 0; border-radius: 10px 10px 10px 10px; border: 4px solid transparent; } #cardSlots .mark { /*right:-15px; top:15px;*/ right:-25px; top:-20px; } .questionColumn .optionCorrect, .questionColumn .optionIncorrect, .questionColumn .option { overflow:visible; background-color:transparent; } /*-----------------2.12 - click_and_drop_into_columns end ----------------*/ /*-----------------2.14 - click_and_drop_on_image_audio start ----------------*/ .audioToImageRightPanel { float:right; width:330px; position:relative; } .audioToImageLeftPanel { float:left; width:600px; } /*-----------------2.14 - click_and_drop_on_image_audio end ----------------*/ /*-----------------2.14 - click_and_drop_on_image_image start ----------------*/ .imageToImageRightPanel { float:right; width:330px; position:relative; } .imageToImageLeftPanel { float:left; width:600px; } /*-----------------2.14 - click_and_drop_on_image_image end ----------------*/ /*-----------------2.14 - click_and_drop_onto_image_text start ----------------*/ .textToImageRightPanel { float:right; width:344px; position:relative; } .textToImageLeftPanel { float:left; width:600px; } .textToImageRightPanel .downloadDocList, audioToImageRightPanel .downloadDocList, imageToImageRightPanel .downloadDocList, textToColumnRightPanel .downloadDocList { clear:both; overflow:hidden } /*-----------------2.14 - click_and_drop_onto_image_text end ----------------*/ /*---------------------- | only video template start |-----------------*/ .videoTopCurve { background-image: url(../images/video-top-curve.png); background-repeat: no-repeat; background-position: left top; height:50px; width:740px; margin:0px auto; } .videoBottomCurve { background-image: url(../images/video-bottom-curve.png); background-repeat: no-repeat; background-position: left top; height:50px; width:740px; margin:0px auto; } #onlyVideo { background-image: url(../images/video-bg.png); background-repeat:repeat-y; background-position: left top; width:740px; margin:0px auto; overflow:hidden; } #onlyVideo .textDescription { padding-right:50px; padding-top:15px; margin-right:2px; margin-bottom:0px; } #videoBox { width:640px; margin-left:50px; } .videoInfo { clear:both; overflow:hidden; width:700px; margin:0px auto 0px auto; } .videoInfo .textBlock { margin-top:10px; } .videoInfo .downloadDocList { float:left; width:450px; } .videoTranscript .topCurve { height:24px; display:block; background-image: url(../images/transcript-top.gif); background-repeat: no-repeat; background-position: left top; } .videoTranscript .bottomCurve { height:24px; display:block; background-image: url(../images/transcript-bottom.gif); background-repeat: no-repeat; background-position: left top; } .videoTranscript .transcriptDoc { background-image: url(../images/transcript-bg.gif); background-repeat: repeat-y; background-position: left top; display:block; text-align:center; } .videoTranscript img { width:40px; height:auto } .videoTranscript span { display:block; } /*---------------------- | only video template end |-----------------*/ /*---------------------- | click and reveal start |-----------------*/ .clickToRevealArea { width:450px; border:1px solid #4d4d4d; margin-bottom: 20px; text-align:center; position:relative; } img { vertical-align: bottom; } .revealHotSpot { width:100px; height:100px; display:block; position:absolute; background-color:#FFF; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50);/* IE 5-7 */ -moz-opacity: 0.5;/* Netscape */ -khtml-opacity: 0.5;/* Safari 1.x */ opacity: 0.5;/* Good browsers */ } .revealAssetArea { width:450px; border:1px solid #4d4d4d; margin-bottom:20px; text-align:center; display:block; overflow:hidden; } .freeTextInput { height:438px; width:450px; max-width:100%; border:1px solid #4d4d4d; /*font-family:Arial, Helvetica, sans-serif; font-size:1.250em; color:#3f3f3f; */margin-bottom:20px; padding:5px; } .freeTextAssetArea { height:280px; width:450px; border:1px solid #4d4d4d; margin-bottom:20px; text-align:center } /*---------------------- | click and reveal end |-----------------*/ /*---------------------- | js font sizer start|-----------------*/ .jfontsize-button { font-weight: bold; padding: 3px; color: #000; border: solid 1px #ccc; } .jfontsize-button:hover { text-decoration: none; background: #333; color: #fff; border: solid 1px #333; } .jfontsize-disabled, .jfontsize-disabled:hover { color: #aaa; border: solid 1px #eee; background: #eee; } .some-class-name { margin: 20px 0 0 0; } /*---------------------- | js font sizer end|-----------------*/ /*---------------------- | tooltip start |-----------------*/ .toolTipGreenStrip { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; background-color:#464747; text-decoration:none; padding:0px 10px 0px 10px; text-decoration:none; color:#FFF; display:block; margin-bottom:18px; position:relative; overflow:hidden; font-size:1.167em; z-index:1; clear:both; float:none; } .tipAudioFormat { background-image:none; padding:0px 10px 0px 10px; } .tipAudioFormat .tipText { float:right; width:390px; padding:7px 0px 7px 0px; cursor:pointer; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; -khtml-user-select: none; user-select: none; } .audioBottomRight .tipAudioFormat .tipText { width:368px; } .textBottomRight .tipAudioFormat .tipText { width:280px; } .imageBottomRight .tipAudioFormat .tipText { width:368px; } .videoInfo .tipAudioFormat .tipText { width:638px; } .tipTextFormat .tipText { padding:7px 0px 7px 40px; cursor:pointer; display:block; width:auto !important; float:none; background-image: url(../images/tooltip-icon.png); background-repeat: no-repeat; background-position: 0px 4px; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; -khtml-user-select: none; user-select: none; } .tipsy { position: absolute; padding: 5px; z-index: 100000; width:300px; } .tipsy-inner { background-color: #f7f9f9; color: #3f3f3f; max-width: 280px; padding: 10px 10px; text-align: left; } .closeToolTip { margin-top:8px; position:absolute; right:-15px; top:-20px; cursor:pointer; background-image:url(../images/close-btn.png); background-repeat:no-repeat; background-position:left top; width:44px; height:44px; } /* Rounded corners */ .tipsy-inner { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border:4px solid #464747; margin-bottom:20px; -moz-box-shadow: 3px 3px 65px #959595; -webkit-box-shadow: 3px 3px 5px #959595; box-shadow: 3px 3px 5px #959595; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=132, Color='#959595'); } /* Uncomment for shadow */ .tipsy-arrow { position: absolute; width: 60px; height: 20px; background-image: url(../images/tip-arrow.png); background-repeat: no-repeat; background-position: center top; position:absolute; bottom:9px; *bottom:14px; left:20px; } .fullAssetInfo .toolTipGreenStrip { width: 438px; } /*---------------------- | tooltip end |-----------------*/ /*---------------------- | help start |-----------------*/ .helpClose { background-image: url("../images/close-module-icon.png"); background-position: right center; background-repeat: no-repeat; color:#3F3F3F; float: right; padding:3px 26px 3px 0px !important; text-decoration: none; margin-top:5px; margin-right:18px; } .helpIcon { /*float:left;*/ width:34px; height:34px; background-image:url(../images/svg/ic_help.svg); background-position:left top; background-repeat:no-repeat; display:inline-block; vertical-align:middle; } .helpInfo { float:right; width:71%; } .helpHeadImg { padding-bottom:18px; } .help { background-image: url(../images/help-verticle-dotted-line.gif); background-repeat: repeat-y; background-position: 245px 0px; } .profileClose { margin:0 -10px 0 0 !important; padding:3px 30px 3px 0 !important } /*---------------------- | help end |-----------------*/ /*---------------------- | glossary start |-----------------*/ .glossary .highlight { padding:20px; background:#f3f4e6; } .glossary .last { border:none; } .glossary-text { width: 70%; } .glossaryIcon { float:left; width:34px; height:30px; background-image:url(../images/glossary-icon.gif); background-position:left top; background-repeat:no-repeat; } .glossary .glossaryRecord { clear:both; overflow:hidden; border-bottom:1px dotted #c1c1c1; margin-bottom:0px; padding:15px 10px 0 10px; } .glossary .glossaryRecord:last-child { border-bottom:0; } .glossary .glossaryRecord h3 { width:918px; clear:both; overflow:hidden; /*color:#749321; font-size:1.3em;*/ } .glossary .glossaryRecord h3 a { display:block; background-color: #749321; padding-left: 24px; padding: 7px 15px 7px 30px; color:#fff; font-size:1.00em; text-decoration:none; position:relative; } .glossary .glossaryRecord h3 a::before { content: url(../images/arrow-back.png); position: absolute; top: 8px; left: 10px; z-index: 2; pointer-events: none; } .glossary .glossaryRecord h3 .glossary_back_to_page { padding-top:6px; padding-right:2px; } .glossaryRecord .player { float:right; width:80px; height:80px; margin-right:0px; background:#f2f2f2; margin-left:50px; } .glossaryRecord .noAudio { float:left; width:40px; height:40px; margin-right:8px; background-image: url(../properties-audio-video/skins/no-audio.png); background-repeat: no-repeat; background-position: 6px top; } .glossary .glossaryRecord.current { background:#f3f4e6; } /*---------------------- | glossary end |-----------------*/ /*---------------------- | full asset info start |-----------------*/ .fullAssetInfo { overflow:hidden; clear:both; /*padding:0 30px;*/ padding-left:2px; } .fullAssetInfo .textBlock { display:block; padding:0px 0 2px; } .fullAssetInfo .downloadDocList { float:left; width:450px; } .fullAssetInfo .toolTipBox { /*float:left;*/ width:400px; } .fullWidthAsset { margin-bottom: 20px; text-align: center; /*padding:0 30px;*/ } /*---------------------- | full asset info end |-----------------*/ /*---------------------- | settings page start |-----------------*/ .saveSettingsBtn { text-decoration:none; color:#FFF; padding:8px 15px 10px 15px; display:block; float:right; background-color: #749321; margin-left:15px; font-size:1.35em; font-weight:700; text-align:center } .settingsIntoText { /*font-size:1.167em;*/ margin-top:15px; line-height:120% } .settingsSection { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border:10px solid #c1c0bf; width:420px; min-height:320px; line-height:normal; } .settingsSection h2 { /*color:#FFF !important;*/ text-align:center; padding:18px 0px; background-color:#4c4c4b; font-weight:bold; font-size:18px; border-bottom:4px solid transparent; } #themeSwitcher { padding:40px 40px; overflow:hidden; clear:both; } #themeSwitcher input { float:left; margin-right:20px; margin-top:30px; } #themeSwitcher label { padding-left:10px; margin-bottom:24px; position:relative; display:block; cursor:pointer; } #themeSwitcher a.active { background-image: url(../images/settings-bullet-selected.gif); } #themeSwitcher a:last-child { margin-bottom:0px !important; } #themeSwitcher .fieldLabel { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border:10px solid #c1c0bf; display:block; /*font-size:18px; color:#000000;*/ padding:17px 10px 17px 70px; font-weight:bold; background-repeat: no-repeat; background-position: left top; *background-position: 10px 10px; margin-left:40px; } #themeSwitcher .standardContrast { background-image: url(../images/theme-standard-A.gif); } #themeSwitcher .hightContrast { background-image: url(../images/theme-hight-contrast-A.gif); } #themeSwitcher .active span.selected { position:absolute; width:42px; height:42px; background-image: url(../images/settings-selected-mark.png); background-position: left top; background-repeat:no-repeat; right:-15px; top:-15px; display:none; } #themeSwitcher .active span.selected { display:block; } .audioSettingsHolder { clear:both; display:block; /*font-size:1.167em;*/ overflow: hidden; border-bottom: 1px dotted #cbcbcb; padding: 0px 2px 20px 2px; } .audioSettingsHolder .textArea { float:left; width:580px; line-height:120% } .audioSettingsHolder .audioSettings { border: 10px solid #C1C0BF; border-radius: 8px 8px 8px 8px; float:right; width:300px; height:40px; overflow:hidden; } .audioSettingsHolder .audioLabel { background-color:#4c4c4b; color:#FFF; padding:0px 25px; float:left; font-size:22px; width:55px; /*border-right: 4px solid #4c4c4b;*/ line-height:40px; } .audioSettingsHolder .audioOptions { padding:0px 20px; float:left; /*font-size:18px;*/ width:55px; line-height:40px; } /*---------------------- | settings page end |-----------------*/ /*---------------------- | font-resizer tabs start |-----------------*/ #fontsizer { padding:40px 40px; overflow:hidden; clear:both; } .fsizer { overflow:hidden; clear:both; padding:49px 0px 30px 40px } /* Container element */ .fsizer label { /*font-size:18px; color:#000000;*/ font-weight:bold; float:left; text-align:center; padding-bottom:30px; margin-right:30px; cursor:pointer; position:relative; display:block; } .fsizer .fieldText { display:block; margin-bottom:10px; } .fsizer .fieldLabel { display:block; background-repeat: no-repeat; background-position: left top; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border:10px solid #c1c0bf; margin-bottom:15px; text-indent:-1000px; } .fsizer a.fsactive { cursor: default; background-image: url(../images/settings-bullet-selected.gif); } /* Three 'A' links used to control size */ .fsizer .small { background-image: url(../images/font-size-small.gif); width:47px; height:42px; display:block; } .fsizer .medium { background-image: url(../images/font-size-medium.gif); width:71px; height:64px; display:block; } .fsizer .large { background-image: url(../images/font-size-large.gif); width:94px; height:85px; display:block; } .fsizer .selected { position:absolute; width:42px; height:42px; background-image: url(../images/settings-selected-mark.png); background-position: left top; background-repeat:no-repeat; right:-15px; top:-15px; display:none; } .fsizer label.active .selected { display:block; } /* When mode is active *//*---------------------- | font-resizer tabs start |-----------------*/ /*----------------------------| left side menu start |---------------------------- */ #LeftMenuUl { padding:0px !important; margin:0px !important; list-style:none; } #LeftMenuUl li { list-style:none; padding:0px !important; margin:0px 0px 15px 0px !important; border-radius:10px; clear:both; overflow:hidden; font-size: 1.333em; } #LeftMenuUl li a { display:block; font-weight:normal; padding:10px 10px 10px 25px; text-decoration:none; background-color:#749321; color:#fff; } #LeftMenuUl li a:hover { text-decoration:underline; } #AjaxLoaderUl { margin-left:0px !important; } .menu { width:240px; float:left; } .menu { width:24.5%; float:left; padding: 0px 0px; } .menu a { color:#74931f; text-decoration:none; } .menu ul { padding:0px !important; margin:0px !important; list-style:none; /*font-size: 1.167em;*/ } .menu ul li { /*background-image: url(../images/frontend/accordion-menu.png) !important; background-position: 12px 13px !important; background-repeat:no-repeat;*/ clear:both; /*overflow:hidden;*/ padding:2px !important; } .menu ul li a { display:block; padding: 8px 6px 8px 25px!important; font-weight: normal; margin-left:2px;} .menu ul li a:hover { /*text-decoration:underline*/ } .menu ul li.selected a { color:#74931f; } .menu ul li.selected { /*background-image: url(../images/frontend/accordion-menu-r.png) !important; background-position: 12px 18px !important; background-repeat:no-repeat;*/ padding: 2px !important; } .menu ul li ul { display:none; } .menu ul li.selected ul { display:block; padding-top:0px !important; /*font-size: 1.00em;*/ padding-left:15px !important; } .menu ul li.selected ul a { color:#74931f; font-weight:bold; background-image: none; background-repeat: no-repeat; background-position: 9px 12px; padding: 5px 0px 5px 30px; } .menu ul li.selected ul li a:hover { text-decoration:underline } .menu ul li.selected ul li.selected a { color:#74931f; font-weight: bold; } .menu ul > li{ position:relative;} .menu ul > li:after{ content:'\203A'; position:absolute; top:7px; left:11px; color:#666; font-weight:700; font-size:18px;} .menu ul li.selected:after{ color:#f00; left:13px; top:11px; -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg); /* IE */ -ms-transform: rotate(90deg); /* Opera */ -o-transform: rotate(90deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .menu ul > li> ul > li:after{ display:none;} #frontendLeftPanel .menu ul li { clear:both; overflow:hidden; padding:8px 6px 8px 16px; } #frontendLeftPanel .menu ul li a { font-weight:normal; padding:8px 0px 8px 25px; } #frontendLeftPanel .menu ul li.selected a { font-weight:bold; color:#749321 } #frontendLeftPanel .menu ul li.selected li a { padding:5px 0px 5px 35px; color: #666666; font-weight:normal; } #frontendLeftPanel .menu span { margin-right:4px } #frontendLeftPanel .menu span.completed { display:inline-block; width:14px; height:14px; background-image: url(../images/frontend/course-small-check.png) !important; } #frontendLeftPanel .menu a:hover span { text-decoration:underline } #frontendLeftPanel .menu { padding-bottom:0px; } #frontendLeftPanel .menu ul li.homeBtn a { background-image: url(../images/frontend/accordion-menu-home.png) !important; background-position: 0px 9px; } /*----------------------------| left side menu end |---------------------------- */ /*----------------------------| password Msg start |---------------------------- */ .userContent { width:290px; } .userBox { width:450px; } .ChangePassTitle { font-weight:bold; font-size:1.6em; border-bottom:1px dotted #d4d4d4; padding:0 0 20px 20px; margin-bottom:10px; } .passwordMessage { background-color:#749321; border:3px solid #b3c679; padding:8px 8px 8px 40px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; margin:0px 8px; color:#b3c679; position:relative; margin-top:-10px; margin-bottom:10px; } .msgClose { position:absolute; width:22px; height:22px; background-image: url(../images/password-msg-close.png); background-repeat: no-repeat; background-position: left top; left:10px; top:10px; overflow:hidden; text-indent:-1000px; } .changePassButton { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border:3px solid #FFF; text-decoration:none; color:#FFF; padding:4px 0px 6px 0px; display:block; float:right; background-color: #9ac121; background-image: url(../images/top-orange-btn-bg.gif); background-repeat: repeat-x; background-position: left bottom; margin-left:10px; font-size:1.167em; font-weight:bold; margin:0px 0px 0px 10px; width:180px; text-align:center; } .requiredNote { text-align:right; font-size:.9em; } .requiredStar { color:#fc0606; } .getStartedBox { background:#ededed; width:345px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; text-align:center; overflow:hidden; padding:60px 0; margin-right:120px; } .getStartedBox .orangeBtnNoBorder { border:3px solid #fff; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; } /*----------------------------| password Msg end |---------------------------- */ /*----------------------------| confirm Msg start |---------------------------- */ #jsconfirm { -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); padding:0px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-left:-300px !important; margin: 0; position: absolute; top: -1000px; z-index: 1000; border:2px solid #b3b3b3\9; background-color:#FFF; width:600px; } #jsconfirmcontent { color:#606060; vertical-align:top; text-align:left; font-size:1.25em; line-height:normal; padding: 30px 5px 30px 30px; width:60% !important; } #jsconfirm table { width: 600px; border-radius:10px 10px 0px 0px; } #jsconfirmtitle { font-size: 2.00em; padding: 20px 20px 20px 80px; font-weight: 700; text-align: left; color:#fff !important; background:#4D4D4D !important; border-radius:7px 7px 0px 0px; position:relative; } #jsconfirmtitle::before { content: url('../images/confirm-icon.png'); position: absolute; top: 0px; bottom:0; left: 25px; margin:auto; z-index: 2; pointer-events: none; height:42px; } #jsconfirmbuttons { height: 50px; text-align: center; padding: 30px 30px; width:30%; } #confirm_overlay { width: 100%; height: 100%; position: fixed; top: 0px; left: 0; z-index: 999; background-image: url(../images/lightboxbg.png); background-repeat: repeat; display:none; } #jsconfirmleft { text-decoration:none; color:#FFF; font-size:1.35em; font-weight:bold; line-height:normal; padding:6px 30px 7px 30px; background-color:#759321; cursor:pointer; border:0px; font-family:Arial, Helvetica, sans-serif; margin:0px; width:100%; cursor:pointer; } #jsconfirmright { text-decoration:none; color:#FFF; font-size:1.35em; font-weight:bold; line-height:normal; padding:6px 30px 7px 30px; background-color:#B3B3B3; cursor:pointer; border:0px; font-family:Arial, Helvetica, sans-serif; margin:0px; width:100%; cursor:pointer; } /*----------------------------| confirm Msg end |---------------------------- */ /*----------------------------| editor Drop down css start |---------------------------- */ .Bold { font-weight:bold!important; } .No-style { color:#484747; } .Black { color:#000000; } .Blue { color:#00aeef; } .Orange { color:#ffa000; } .Green { color:#8dc63f } .Black * { color:#000000 !important; } .Blue * { color:#00aeef !important; } .Orange * { color:#ffa000 !important; } .Green * { color:#8dc63f !important; } .black * { color:#000000 !important; } .blue * { color:#00aeef !important; } .orange * { color:#ffa000 !important; } .green * { color:#8dc63f !important; } /*----------------------------| editor Drop down css end |---------------------------- */ .resultsection { width:100%; margin:0 auto; overflow:hidden; padding:30px 30px 0px 30px; text-align:center; box-sizing: border-box } .resultsection h1 { font-size:2.333em;/*28px*/ color: #749321; font-weight:normal; padding-bottom:30px; } .resultsection .note { font-size:1.500em;/*18px*/ width:430px; padding:0px; line-height:1.333em; color:#000; margin:0 auto; } .resultbox { width:390px; background:#e6e6e6; margin:0 auto; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; overflow:hidden; margin-bottom:40px; margin-top:20px; } .resultbox h1 { background:#474747; padding:15px; font-weight:bold; font-size:2.000em; color:#fff !important; } .result-text { padding:20px 0px 20px 0px; float:left; width:100%; } .pass-text { font-size:2.167em; color:#000; width:100%; float:left; } .pass-text span { display:inline-block; padding: 20px 0px; } .pass-text span.pass { color: #749321; background:url(../images/frontend/course-check.png) no-repeat right center; padding:20px 65px 20px 0px; text-transform:uppercase; } .pass-text span.fail { color: #BC070F; text-transform:uppercase; padding:20px 0px 20px 0px; } .downloadcertificate { font-size:1.500em; position:relative; margin:0 auto; margin-top: 20px; float:left; width:100%; padding-bottom:30px; } .downloadcertificate a { color:#fff; text-decoration:none; padding:15px 25px; background: #749321; display:inline-block; position:relative; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; margin-left:20px; } .downloadcertificate a img { position:absolute; left:-40px; top:-10px; } .resultbtn { text-decoration:none; color:#FFF; /*font-size:18px;*/ font-size:1.50em; font-weight:700; line-height:normal; padding:7px 15px; background-color: #749321; cursor:pointer; margin-bottom:40px; display:inline-block; } .trybtn { text-decoration:none; color:#FFF; /*font-size:18px;*/ font-size:1.35em; border:0px solid #fff; font-weight:700; line-height:normal; padding:7px 15px; background-color: #749321; cursor:pointer; margin:5px; display:inline-block; zoom: 0; } /*:root .trybtn { border:0px\0/IE9; } .feedbacksection { font-size:1.167em }*/ .feedbacksection .questionbox { padding-bottom:20px; margin-bottom:20px; clear:both; border-bottom: 1px dotted #cbcbcb; } .feedbacksection .questionbox .quest { padding-bottom:10px; padding-left:20px; } .feedbacksection .questionbox:first-child { padding-top:20px; } .feedbacksection .questionbox .answ { padding-left:75px; } .answ textarea { max-width:97%; width:100%; padding:10px; border-radius:5px; border:1px solid #cbcbcb; } .answ ul { margin:0px !important; } .answ ul li { list-style:none !important; background-image:none !important; padding:8px 0px !important; } .questno { background: #9BC022; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; margin-right: 10px; line-height:38px; min-width: 40px; min-height:40px; display: inline-block; text-align: center; } /*------------------pop-up start------------------------*/ .poplight { cursor:pointer; } #popUpOverlay { display: none; position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; z-index: 1000000; background-image: url(../images/lightboxbg.png); background-repeat: repeat; overflow-x: auto; overflow-y: auto; } .popup_block { /*visibility:hidden;*/ position:absolute; top: 20%; left: 0%; z-index: 1000001; margin: 0 auto !important; margin-left: 0%; margin-top: 50%; width: 300px; height: 100%; display:none; } .popup_block:after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0%; } * html .popup_block { zoom: 1; } /* IE6 */ *:first-child+html .popup_block { zoom: 1; } /* IE7 */ .popUpHolder { position:relative; overflow:hidden; clear:both; margin:0 auto; width:630px; -webkit-box-shadow: 5px 5px 15px 0 rgba(61, 61, 61, 0.3); box-shadow: 5px 5px 15px 0 rgba(61, 61, 61, 0.3); border-radius:10px; } .popup_block .title { background-color:#4D4D4D; border-radius:10px 10px 0px 0px; text-align:left; color:#fff; padding:20px 20px; font-weight:bold; font-size:22px; } .popup_block .title img { vertical-align:middle; margin-right:10px; } /*--Making IE6 Understand Fixed Positioning--*/ *html #popUpOverlay { position: absolute; } *html .popup_block { position: absolute; } .popUpContent:after { visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0%; } * html .popUpContent { zoom: 1; } /* IE6 */ *:first-child+html .popUpContent { zoom: 1; } /* IE7 */ .popUpContent { clear:both; padding:40px 25px 30px 25px; /*color:#000;*/ background:#ffffff; border-radius:0px 0px 10px 10px; } #loader { position: absolute; top: 15px; right: 20px; } .popup_block .btnholder { float:right; width:30%; overflow:hidden; padding-bottom:5px; position:relative; text-align:center; } .popUpContent label { display:block; padding-bottom:5px; clear:both; } #closetask .popUpHolder { width: 470px; text-align:left; } #resetmodule .title { background:url(../images/reset-icon.png) no-repeat left center; background-color:#2f2f2f; text-align:center; background-position: 95px; } .greenBtn { padding: 8px 20px; color: #FFF; border: 0px; cursor: pointer; font-size: 16px; font-weight: bold; background-color: #749321; text-decoration:none; box-shadow:none; display: block; width: 100%; margin-top:20px; /*max-width:115px;*/ -webkit-appearance:none; -webkit-border-radius:0; border-radius:none; } .greenBtn:hover { color:#fff; text-decoration:none; background-color:#8ec63f; } .orangenewBtn { padding: 8px 20px; color: #FFF; border: 0px; cursor: pointer; font-size: 16px; font-weight: bold; background-color: #EF5B21; text-decoration:none; box-shadow:none; display: block; width: 100%; -webkit-appearance:none; -webkit-border-radius:0; border-radius:none; } .orangenewBtn.disable { padding: 8px 20px; color: #FFF; border: 0px; cursor: pointer; font-size: 16px; font-weight: bold; background-color: #999; cursor:default; background-image: none; background-repeat: repeat-x; background-position: left top; text-decoration:none; box-shadow:none; } .topclose { position:absolute; right:15px; top:15px; width:25px; height:25px; border:0px; overflow:hidden; text-indent:1000px; cursor:pointer; background:url(../images/svg/ic_delete_img.svg) no-repeat; } .popUpContent h1 { font-size:1.385em; /*18px/p13*/ padding:0px 0px 20px 0px; font-weight:700; } /*------------------pop-up css end------------------------*/ #findmore .popUpHolder { width:720px; } #findmore .popUpHolder .popUpContent { padding:40px; } #suddenresetmodule .popUpHolder { width:485px; text-align:left; } #suddenresetmodule .title { background:url(../images/reset-icon.png) no-repeat left center; background-color:#2f2f2f; text-align:center; background-position: 95px; } #suddenresetmodule.popup_block .btnholder { padding-top:10px; } #suddenresetmodule .orangenewBtn { margin: 0 auto; display: block; } #userresetmodule .popUpHolder, #userresetmodule_reqsend .popUpHolder, #resetmodule .popUpHolder, #resetmoduleProfile .popUpHolder { width:540px; text-align:left; } .resultbox-reset { /*width: 360px;*/ max-width:665px; background: #f2f2f2; margin: 0 auto; /*border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;*/ overflow: hidden; margin-bottom: 70px; } .result-resettext { padding: 20px 20px 20px 20px; float: left; color:#000; text-align:left; } .result-resetBtn { background-image: url(../images/result-reset.png); background-repeat: no-repeat; background-position: right center; text-decoration:none; display:block; width:41px; height:41px; float:left; margin-top:0px; margin-right:20px; display:inline-block; vertical-align:middle; } .resultalert-resetBtn { background-image: url(../images/result-reset.png); background-repeat: no-repeat; cursor: default; background-position: right center; text-decoration:none; display:block; width:41px; height:41px; float:left; margin-top:5px; margin-right:20px; } .profile-resetBtn { background-image: url(../images/record-reset-icon.png); background-repeat: no-repeat; background-position: right center; text-decoration:none; display:block; width:32px; height:32px; } .profile-alertresetBtn { background-image: url(../images/alert-reset-icon.png); background-repeat: no-repeat; background-position: right center; text-decoration:none; display:block; width:32px; height:32px; } .thankreq { background:url(../images/req-send.png) left top no-repeat; text-align:left; padding-left:62px; padding-bottom: 25px; padding-top: 10px; margin: 0px 20px; } #resetmoduleProfile .title, #userresetmodule .title, #userresetmodule_reqsend .title { padding:20px 20px 20px 70px; } #resetmoduleProfile .title::before, #userresetmodule .title::before, #userresetmodule_reqsend .title::before { content: url('../images/reset-icon.png'); position: absolute; top: 13px; left: 25px; z-index: 2; pointer-events: none; } .contentholder { float:left; width:60%; } /*-------------------------------------------------------new enhancement started here-------------------------------------------*/ #mainArea.bgarea { /*width:1024px;*/ width:auto; background:#e6e6e6; min-width:975px; } .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } ul.bxslider { margin:0px !important; padding:0px !important; } ul.bxslider li { margin:0px !important; padding:0px !important; background-image:none !important; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { left: 0px; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 0px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(../images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: right; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding: 10px 0px; background:url(../images/lightboxbg.png) repeat; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: 9999px; overflow:hidden; display: block; width: 15px; height: 15px; margin: 0 15px 0px 0px; outline: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #9ac121; } .content_holder { /*max-width:960px;*/ margin:0px auto; } #sliderholder { width:620px; height:330px; float:left; overflow:hidden; margin-bottom:20px; position:relative; } .left-top { width:15px; height:15px; position:absolute; z-index:99; left:0px; top:-1px; background:url(../images/slider-left-top.png) no-repeat; background-position:left top; } .left-bottom { width:15px; height:15px; position:absolute; z-index:99; left:0px; bottom:0px; background:url(../images/slider-left-bottom.png) no-repeat; background-position:left bottom; } .right-top { width:15px; height:15px; position:absolute; z-index:99; right:0px; top:-1px; background:url(../images/slider-right-top.png) no-repeat; background-position:right top; } .right-bottom { width:15px; height:15px; position:absolute; z-index:99; right:0px; bottom:0px; background:url(../images/slider-right-bottom.png) no-repeat; background-position:right bottom; } #homelogin { width:280px; min-height:280px; float:right; border-radius:20px; padding:25px 20px; /*font-family: 'Open Sans', sans-serif; */ border:1px solid #cccccc; } #homelogin ul { margin:0px; padding:0px; list-style:none; } #homelogin ul li { background:none; display:block; clear:both; padding:0px 0px 25px 0px; } #homelogin ul li label { /*font-size:1.385em;*/ /*18px/p13*/ /*font-family: 'Open Sans', sans-serif; font-weight:300;*/ display:block; padding-bottom:8px; } #homelogin ul li .loginBox { border:1px solid #cccccc; width:270px; font-size:1.385em;/*18px/p13*/ font-weight:300; padding:9px 5px; border-radius:0px; transition:all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; } .loginbtn { background:#749321; border-radius:0px; font-size:1.385em;/*18px/p13*/ color:#fff; text-decoration:none; font-weight:700; display:block; padding:10px; text-align:center; } .forgotlink { display:block; text-align:center; /*color:#999999;font-size:1.077em;*/ /*14px/p13*/ text-decoration:none; font-weight:300; } #home-welcome, #about-text { width:100%; clear:both; overflow:hidden; font-family: 'Open Sans', sans-serif; font-weight:300; font-size:1.077em;/*14px/p13*/ color:#000; line-height: 170%; } #home-welcome a, #about-text a {/* text-decoration:none;*/ } .hometext { width:600px; padding-right:20px; float:left; } .hometext img { max-width:100%; height:auto; } .hometext h2, #about-text h2 { font-family: 'Open Sans', sans-serif; font-weight:400; font-size:1.714em;/*24px/p14*/ line-height:normal; padding-bottom:15px; } .homeimage { width:320px; float:right; } .homeimage img { max-width:100%; } .topnavigation { float:right; padding-top:4%; font-size:1.231em;/*16px /p13*/ } .topnavigation ul { margin:0px; padding:0px; list-style:none; } .topnavigation ul li { display:inline-block; background:url(../images/divide-line.png) no-repeat; background-position:left center; padding:0px 5px 0px 20px; } .topnavigation ul li:first-child { background:none; } .topnavigation ul li a { text-decoration:none; padding:5px 0px 5px 0px; } .topnavigation ul li a:hover { color:#c0d72f; } .topnavigation ul li a.active { border-bottom:3px solid #749321; } #bannerholder { width:100%; float:left; clear:both; position:relative; margin-bottom:30px; } #bannerholder img { max-width:100%; margin:auto; display:block; border-radius:15px; } #about-text { width:100%; /*padding:10px;*/ margin:0 auto; overflow:hidden; } .aboutcontent { float:left; width:100%; margin-bottom:10px; } .aboutdownload { float:right; width:100%; } #downloadlist { margin:0px !important; padding:0px !important; overflow:hidden; list-style: none; max-width:450px; } #downloadlist li { background:url(../images/docbg.jpg) !important; background-repeat:repeat-y !important; background-position:left top !important; border: 1px solid #9ac121; padding:0px !important; background-color:#f2f2f2 !important; font-size:1.000em;/*14px/p14*/ color:#000; margin: 0px 0px 10px 0px !important; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } #downloadlist li a { color:#000; padding:10px 10px 10px 95px; display:block; min-height:65px; background-repeat:no-repeat; background-position:15px 15px; margin: 0px 2px; } #downloadlist li a.doc { background-image:url(../images/worddoc-icon.jpg); } #downloadlist li a.pdf { background-image: url(../images/svg/file-pdf.svg); } #downloadlist li a.xls { background-image: url(../images/svg/file-exls.svg); } #downloadlist li a.ppt { background-image: url(../images/svg/file-ppt.svg); } #downloadlist li a.zip { background-image: url(../images/svg/file-zip.svg); } #downloadlist li a.csv { background-image: url(../images/svg/file-csv.png); } #downloadlist li a.rtf { background-image: url(../images/svg/file-rtf.svg); } #downloadlist li a.arrow { background-image: url(../images/download-arrow.png); } .title-optionholder h2, .title-optionholder h1 { font-size:2.154em; /*28px/p13*/ font-weight:700; float:left; width:400px; } .optionholder { float:right; } .optionholder span { /*color: #4A4B4A; font-size:1.385em; 18px/p13*/ float:left; padding-top:4%; padding-right:10px; } #courses-list { margin:0px 0px 40px 0px; padding:0px; clear:both; } .course-block { width:44%; float:left; background-color:#fff; border:1px solid #ccc; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; padding:18px; margin:20px 0px; position:relative; clear:left; } #frontendRightPanel .course-block { width: 670px; float:left; background-color:#fff; border:1px solid #ccc; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; padding:18px; margin:0px 0px 20px 0px; position:relative; } .course-block .check { position:absolute; width:54px; height:54px; background-image: url(../images/svg/ic_course-check.svg); background-position: left top; background-repeat:no-repeat; z-index:2; left:-11px; top:-11px; background-size:53px auto; } .course-block:nth-child(even) { float:right; clear:right; } .courseimg { width:100px; height:100px; overflow:hidden; float:left; margin-right:18px; padding:2px; text-align:center; } .courseimg a { display:block; } .courseimg img, #webpage .courseimg img { max-width:100%; max-height:100%; width: 100%;/*height:100px;*/ } #frontendRightPanel .courseText { overflow:hidden; padding-top:2px; padding-left:2px; /*color: #575757; font-size:1.077em;*/ /*14px/p13*/ } .progess-status { overflow:hidden; padding-left:2px; margin-top:11px; /*color:#575757;*/ } .courseText { overflow:hidden; padding-top:2px; padding-left:2px; /*color:#4A4B4A; font-size:1.231em; 16px/p13*/ } .course-block .courseText strong a{ margin-left:0px; } #frontendRightPanel .course-block .courseText strong a{ margin-left:0px;} /*.courseText a { text-decoration:none }*/ #frontendRightPanel .courseText h2 { font-size:1.714em;/*24px/p14*/ font-weight:700; line-height:120%; padding:2px 2px 10px 2px; } #frontendRightPanel .courseText > strong { padding:2px 2px 10px 0px; display:block; } #frontendRightPanel.dashboard .courseText > a:last-child{ margin: 15px 2px 2px 0px; font-size: 1.35em; /*18px/p14*/ font-weight: 700; line-height:140%; color:#fff; text-decoration:none; background-color: #749321; display:block; float:left; padding: 7px 15px; clear:both;} .courseText .progressBarHolder { width:260px; background:#f2f2f2; margin:0px 1px 0 0; border:0; } .courseText .progressBar { height: 21px; position: absolute; width: 260px; background:url(../images/progress-holder.png) no-repeat; } .courseText .progress { background-color: #749321; height: 21px; } .courseText p { padding:0px 2px 15px 0px } .courseText h2 { font-size:1.250em;/*24px/p15*/ font-weight:700; line-height:120%; padding:2px 2px 5px 2px; } .courseText h2 a:hover { color:#c0d72f; } .transformer-tabs { /*display: block;*/ float: left; margin: 0 auto !important; padding: 0px; text-align: center; width:185px; } .transformer-tabs select { background-color:#749321; font-family: 'Roboto', sans-serif; font-weight: 300; font-size:16px; border:1px solid #749321; padding:6px; height: 42px; width:100%; color:#fff; background-image:url(../images/svg/ic_dropdown.png); background-position:right center; background-size:22px auto; background-repeat:no-repeat; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; } .transformer-tabs select::-ms-expand { display: none; } .transformer-tabs select::after { content: url('../images/white-down-arrow.png'); position: absolute; top: 12px; right: 0px; z-index: 2; pointer-events: none; } .transformer-tabs a { border: 0px solid #fff; color: #fff; display: inline-block; font-family: 'Roboto', sans-serif; font-weight: 500; font-size:18px; line-height: 40px; padding: 0 20px; text-align: left; text-decoration: none; text-transform: uppercase; background:#3778b1; letter-spacing:1px; } .transformer-tabs a.active { position: relative; color: #fff; } .transformer-tabs ul.open a { position: relative; display: block; } .transformer-tabs li { display: block; } .transformer-tabs a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none !important; } .transformer-tabs a.active { border: 0; z-index: 1;/* fallback */ } .course-nav { text-align:center; padding:15px; display:none; } .course-nav a { display:inline-block; color:#000; text-decoration:none; padding:7px 10px; /*font-weight:300;*/ margin:0px 10px;/*font-size:1.385em; 18px/p13*/ } .course-nav a.active { background:#9ac121; color:#fff; } .course-tabholder { clear:both; text-align:center; border-top:1px solid #ccc; } .course-trigger { padding:10px 15px 10px 50px; border:1px solid #ccc; text-decoration:none !important; color:#000; /*font-weight:300; font-size:1.385em;18px/p13*/ margin-top:-1px; display:inline-block; position:relative; background-color:#fff; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -khtml-border-radius: 0px 0px 10px 10px; } .course-trigger::before { content: url(../images/black-down-arrow.png); position: absolute; top: 10px; left: 15px; z-index: 2; pointer-events: none; } .course-trigger.active::before { content: url(../images/black-up-arrow.png); position: absolute; top: 10px; left: 15px; z-index: 2; pointer-events: none; } .lefttab-nav { margin:0px; padding:2px; clear:both; overflow:hidden; width:190px; } .lefttab-nav a { display:block; background:#749321; font-weight:700; color:#fff; text-decoration:none; margin-bottom:15px; padding:12px; font-size:1.385em; /*18px/p13*/ } .lefttab-nav a.active { background:#006837; } .lefttab-nav a span { font-weight:300; } #frontendLeftPanel h1, #frontendRightPanel h1 { font-size:2.154em; /*28px;/p13*/ font-weight:700; line-height:140%; display:block; color:#000; width:100%; float:left; padding-bottom:10px; clear:both; } #frontendRightPanel h1 span { float:left; display:inline-block; } .takesummerybtn { float: right; font-size:0.643em; /*18px/p18*/ font-weight: 700; color:#fff; text-decoration:none; background-color: #749321; display: inline-block; padding: 5px 15px 5px 15px; margin-right: 2px; line-height: normal } .takesummerybtn span { display:block; background:url(../images/arrow-next.png) no-repeat; background-position:right center; padding-right:25px; } .visitprobtn { margin:0 auto; font-size:1.385em; /*18px/p13*/ font-weight: 700; line-height:140%; color:#fff; text-decoration:none; background-color: #749321; display:block; padding: 7px 15px; text-align:center; clear:both; } .leftinfosummery { display:block; float:left; width:230px; clear:both; /*color:#464747;*/ background:#fff; border:1px solid #ccc; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; } .innertext { display:block; clear:both; padding:15px; float:left; width:200px; /*color:#8F8F8F;*/ } .innertext p { padding-bottom:10px; } .innertext p b { /*color: #4A4B4A;*/ } .leftinfosummery h2, .leftinfosummery .co_status { /*background:#000;*/ color:#fff; padding:8px; font-weight:700; text-align:center; /*font-size:1.385em;*/ /*18px/p13*/ display:block; clear:both; } .dashboard { /*color:#8F8F8F; font-size:1.025em;*/ /*14px/p13*/ } #frontendRightPanel.dashboard .courseText { overflow: hidden; padding-top: 2px; padding-left:2px; /*font-size: 1.000em;*//*14px/p14*/ } #frontendRightPanel.dashboard .courseText h2 { /*font-size: 1.286em; *//*18px/p14*/ /*color: #4A4B4A; padding: 2px 2px 5px 2px;*/ } #frontendRightPanel.dashboard .courseText a { /*padding: 2px 2px 0px 2px; font-weight:bold;*/ } #frontendRightPanel.dashboard .courseText p { padding: 5px 2px 10px 2px; } .dashboard .progess-status { overflow: hidden; padding: 0px 2px 5px 2px; /*color: #4A4B4A;*/ } .commonbtn { margin: 15px 2px 2px 2px; font-size: 1.35em; /*18px/p14*/ font-weight: 700; line-height:140%; color:#fff; text-decoration:none; background-color: #749321; display:block; float:left; padding: 7px 15px; clear:both; } .orangeblock { background:#CC5E1A; border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; display:block; color:#fff; clear:both; position:relative; padding:17px 35px; margin-bottom:20px; } .pinicon { width:38px; height:35px; position:absolute; background:url(../images/pin.png) no-repeat center; left:-7px; top:-7px; } .orangeblock h2 { font-size: 1.286em; /*18px/p14*/ font-weight: 700; line-height:140%; padding-bottom:5px; color:#fff !important; } .whitebtn { font-size: 1.286em; /*18px/p14*/ font-weight: 800; line-height:140%; color:#cb5d1a !important; text-decoration:none !important; background-color: #fff; display:block; float:left; padding: 7px 15px; clear:both; } .showmorebtn { margin:0 auto; font-size: 1.286em; /*18px/p14*/ font-weight: 700; color:#fff; /*line-height:140%;*/ line-height:normal; text-decoration:none; background:url(../images/svg/ic_showmore.svg) no-repeat; background-position:right center; background-color: #749321; display: inline-block; padding: 10px 65px 10px 20px; background-size: 42px 42px;} .newcertificate { background:url(../images/new-certificate.png) no-repeat; width:71px; height:95px; display:inline-block; } .nocertificate { background:url(../images/new-certificate-not-ready.png) no-repeat; width:71px; height:95px; display:inline-block; } .newcertificate img, nocertificate img { visibility:hidden; } table { background:#ffffff; text-align:left; margin-bottom:20px; border-left:1px solid #999999; border-top:1px solid #999999; border-collapse:collapse; width:99.8%; } table th { background:#749321; /*color:#fff;*/ padding:10px 8px; word-wrap: break-word; border-right: 1px solid #749321; font-weight:bold; } table td { padding:10px 8px; border-right:1px solid #999999; border-bottom:1px solid #999999; word-wrap: break-word; } table tr:first-child td { } #flotcontainer .legend table td, #flotcontainer .legend table, #jsconfirm table, #jsconfirm table td { border:0px; width:auto; background-color:transparent; } .profileDetails table, .profileDetails table td { border:0px; padding:0px; width:auto; } .profileDetails table, .profileDetails table td strong a{ margin-top:2px; margin-left:2px;} .userDepartment table, .userDepartment table td { border:0px; padding:5px 35px; width:auto;} #mainArea #leftPanel table, #mainArea #about-text table, #mainArea .fullAssetInfo .textBlock table { border-left:1px solid #849742; border-top:1px solid #849742; } #mainArea #leftPanel table tr:first-child td, #mainArea #about-text table tr:first-child td, #mainArea .fullAssetInfo .textBlock table tr:first-child td { /*background-color:#a5c956; color:#fff; font-weight:bold; */ } #mainArea #leftPanel table td, #mainArea #about-text table td, #mainArea .fullAssetInfo .textBlock table tr td { /*border-right:1px solid #849742; border-bottom:1px solid #849742;*/ } .webLogo { /*float: left;*/ display:inline-block; margin-left:2px; max-width:500px; /*width:265px; max-height:150px;*/ } .webLogo img { /*max-height:150px; max-width:100%; max-height: 100%*/ height: 100%; max-width: 100%;} .holding_wrap { max-width:100%; margin:0 auto; background:#e6e6e6; position:relative; } .holding_content { max-width:975px; padding:3% 4%; background:#fff; border:1px solid #ccc; margin: auto; position:absolute; top:15%; left:0; right:0; border-radius:25px; box-sizing: border-box } .holding_content h1 { color:#213647; margin-bottom:20px; } .holding_content p { color:#213647; } .holding_content p:last-child { margin-bottom:0; } .holding_content a { color:#33c4d7; } body[style="font-size: 1.25em;"] #flotcontainer { height: 320px; } input, a, img, textarea { outline: none } .popupconrel { position: relative; overflow: hidden; padding: 80px } .popupnewbg { background:url(../images/popupnewbg.png) no-repeat left top; width: 201px; height: 190px; position: absolute; left: -50px; top:-40px } .popupconrel .floatLeft { float: left; border: 0; background: #b3b3b3 !important; padding: 10px 20px; } .popupconrel .floatRight { float: right; border: 0; padding: 10px 20px; /*background: #749321*/ } #confirm_module_name_popup { font-size: 20px; display: block; margin-bottom: 15px; } .current_progress_section { border:1px solid #cccccc; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-top-right-radius: 0; border-top-left-radius: 0; padding:20px 15px; overflow:hidden; clear:both; margin-bottom:20px; } #mainArea ul.system_data { list-style:none; margin:20px 0 0; padding:0 0 0 0; overflow:hidden; } #mainArea ul.system_data li { width:33.3%; text-align:center; float:left; padding:0; margin:0; background:none; } #mainArea ul.system_data li .circle { width:95px; height:95px; border-radius:50%; background:#494748; text-align:center; line-height:95px; display:block; margin:auto; color:#fff; /*font-size:34px;*/ font-size:26px; font-weight:bold; } #mainArea ul.system_data li .text { margin-top:15px; line-height:normal; /*font-size:14px; font-weight:300; line-height:16px; color:#464747;*/ } #mainArea ul.system_data li .circle.green_bg { background:#99c905; font-size:26px; } #mainArea ul.system_data li .circle.orang_bg { background:#ffc306; } #mainArea ul.system_data li .circle.red_bg { background:#ed1c24; } .email_password_wrap { position:relative; background:#e6e6e6; } .email_password_wrap .bgarea { max-width:975px; } .email_password_wrap a { text-decoration:none; } .email_address, .email_req_send { width:440px; margin:10% auto 0; } .email_password_wrap .loginbtn { float:right; width:152px; text-align:center; padding:13px 10px; color:#fff; } .email_req_send img { float:left; margin-right:25px; } .email_req_send p { display:block; overflow:hidden; line-height:25px; padding-bottom:0; } .form-control { margin-bottom:20px; } .form-control label { display:block; font-weight:300; /*font-size:14px;*/ padding-bottom:5px; } .form-control input[type='text'], .form-control input[type='password'] { width:96%; border:1px solid #d8d8d8; font-family: 'Open Sans', sans-serif; font-weight: 300; padding:0px 2%; line-height:45px; font-size:22px; } .panel { background:#fff; border:1px solid #ccc; padding:25px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; } /*.panel a{ color:#749321;}*/ .choose_password { max-width:640px; margin:35px auto; } .choose_password .title { font-size:20px; font-weight:bold; margin-bottom:30px; } .choose_password .password_left, .choose_password .password_right { display:inline-block; width:49%; vertical-align:top; } .choose_password .form-control input[type='password'] { width:214px; } .email_password_wrap .choose_password .loginbtn { float:left; } .choose_password .graybox { background:#000; background:#f2f2f2; padding:15px; font-weight:300; } #mainArea .choose_password .graybox p { padding-bottom:12px; } #mainArea .choose_password .graybox ul { list-style:disc; padding-bottom:0; } #mainArea .choose_password .graybox ul li { background:none; list-style:disc; display:list-item; padding:0; margin-bottom:15px; } #mainArea .choose_password .graybox ul li:last-child { margin:0 0 5px; } .choose_password .password_right > a { float:right; margin-top:15px; } .panel.errorbox { border-color:#c1272d; margin-bottom:30px; } #mainArea .panel.errorbox ul { list-style:disc; padding-bottom:0; } #mainArea .panel.errorbox ul li { background:none; list-style:disc; display:list-item; padding:0; margin-bottom:10px; } #mainArea .panel.errorbox ul li:last-child { margin:0 0 5px; } .padvice.popup_block .title { padding:0; background:none; color:#000; font-size:26px; font-weight:900; padding-bottom:20px; border-bottom:1px dashed #b3b3b3; margin-bottom:20px; } .padvice.popup_block .popUpHolder { width:560px; } .padvice.popup_block .popUpContent { padding-top:30px; } .padvice ul { list-style:disc; padding-bottom:0; padding-left:22px; } .padvice ul li { background:none; list-style:disc; display:list-item; padding:0; margin-bottom:20px; } .padvice ul li:last-child { margin:0 0 10px; } .closePopUpTrigger, .padvice .close { position:absolute; right:22px; top:22px; background:url(../images/svg/ic_delete_img.svg) no-repeat center center; width:25px; height:25px; background-size:25px auto; border:0; text-indent:-10000px; cursor:pointer; } .sign_in { width:330px; margin:35px auto; } .sign_in .email_req_send { width:auto; margin:0 -25px 20px; overflow:hidden; padding:0 25px 20px; border-bottom:1px dashed #b3b3b3; } .sign_in .email_req_send p { line-height:20px; } .sign_in .email_req_send img { margin-right:20px; } .email_password_wrap .sign_in .loginbtn { width:260px; display:block; float:none; } .fluid_video { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .fluid_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fluid_area { } .fluid_area #leftPanel, .fluid_area #rightPanel { width:100%; margin-left:0; margin-right:0; } .fluid_area .clickToRevealArea { border:0; width:auto; } .optionsRows input[type="radio"], .optionsRows input[type="checkbox"] { display:none; } .optionsRows .option input[type="radio"] + label span, .optionsRows .option input[type="checkbox"] + label span, .optionsRows .optionIncorrect input[type="checkbox"] + label span, .optionsRows .optionIncorrect input[type="radio"] + label span, .optionsRows .optionCorrect input[type="radio"] + label span, .optionsRows .optionCorrect input[type="checkbox"] + label span { display: inline-block; width: 27px; height: 27px; margin: -1px 10px 0 0; vertical-align: middle; background-image: url(../images/svg/ic_radio_off.svg); background-repeat: no-repeat; background-position: left top; cursor: pointer; float:left; } .optionsRows .option input[type="radio"]:checked + label span, .optionsRows .option input[type="checkbox"]:checked + label span, .optionsRows .optionCorrect input[type="radio"]:checked + label span, .optionsRows .optionCorrect input[type="checkbox"]:checked + label span{ background-image: url(../images/svg/ic_radio_on.svg); background-repeat: no-repeat; background-position: left top; } .optionCorrect input[type="checkbox"] + label span, .optionCorrect > input[type="radio"] + label span { background-image: url(../images/svg/ic_radio_on.svg) !important; background-repeat: no-repeat; background-position: left top; } .optionCorrect.bgnone{ background:none} .optionsRows .optionIncorrect input[type="radio"]:checked + label span, .optionsRows .optionIncorrect input[type="checkbox"]:checked + label span { background-image: url(../images/svg/ic_radio_incorrect.svg); background-repeat: no-repeat; background-position: left top; background-size:100%;} .graybox.btn_wrap { background:#f2f2f2; clear:both; padding:15px; overflow:hidden; text-align:center; margin:0 0px 20px; } .graybox.btn_wrap a.greenBtn { display:inline-block; margin-top:0; border:2px solid #fff; /*font-size:18px; font-weight:900; */ max-width:70px; } /* Image Option */ .image_option { } .image_option .optionsCells { text-align:center; max-width:790px; margin:auto; padding-left:5px; } .image_option .optionsCells .option, .image_option .optionsCells .optionIncorrect, .image_option .optionsCells .optionCorrect { width:30%; float:none; display:inline-block; padding:0; margin:0 0 0 0; background:none; vertical-align:top; border:0; } .image_option .optionsCells > div { margin:0 4% 40px -4px !important; } .image_option .optionsCells > div:nth-child(3n+3), .image_option .optionsCells > div:last-child { margin-right:0 !important; } .image_option .optionsCells input[type="radio"], .image_option .optionsCells input[type="checkbox"] { display:none; } .image_option .optionsCells .option input[type="radio"] + label span, .image_option .optionsCells .option input[type="checkbox"] + label span, .image_option .optionsCells .optionIncorrect input[type="radio"] + label span, .image_option .optionsCells .optionIncorrect input[type="checkbox"] + label span, .image_option .optionsCells .optionCorrect input[type="radio"] + label span, .image_option .optionsCells .optionCorrect input[type="checkbox"] + label span { display: inline-block; width: 27px; height: 27px; margin: 1px 10px 0 0; vertical-align: middle; background-image: url(../images/svg/ic_radio_off.svg); background-repeat: no-repeat; background-position: left top; cursor: pointer; float:left; } .image_option .optionsCells .option input[type="radio"]:checked + label span, .image_option .optionsCells .option input[type="checkbox"]:checked + label span, .image_option .optionsCells .optionCorrect input[type="radio"]:checked + label span, .image_option .optionsCells .optionCorrect input[type="checkbox"]:checked + label span { background-image: url(../images/svg/ic_radio_on.svg); background-repeat: no-repeat; background-position: left top; } .image_option .optionsCells .optionIncorrect input[type="radio"]:checked + label span, .image_option .optionsCells .optionIncorrect input[type="checkbox"]:checked + label span { background-image: url(../images/svg/ic_radio_incorrect.svg); background-repeat: no-repeat; background-position: left top; background-size:100%; } .image_option .optionImg { max-width:200px; } /* Image option */ /* Video option */ .video_option { } .video_option .optionsCells { text-align:center; max-width:790px; margin:auto; padding-left:5px; } .video_option .optionsCells .option, .video_option .optionsCells .optionIncorrect, .video_option .optionsCells .optionCorrect { width:46%; float:none; display:inline-block; padding:0; margin:0 0; background:none; vertical-align:top; border:0; } .video_option .optionsCells > div { margin:0 7% 40px -4px !important; } .video_option .optionsCells > div:nth-child(2n+2) { margin-right:0 !important; } #leftPanel .video_option .optionsCells .option img, #leftPanel .video_option .optionsCells .optionIncorrect img, #leftPanel .video_option .optionsCells .optionCorrect img { max-width:320px; } .video_option .optionsCells .option .ic_video { position:absolute; left:0; right:0; top:0; bottom:0; background-size:97px auto; width:127px; height:68px; background:url(../images/svg/ic_video.svg) 30px 0 no-repeat; margin:auto; z-index:9; } .video_option .optionsCells input[type="radio"], .video_option .optionsCells input[type="checkbox"] { display:none; } .video_option .optionsCells .option input[type="radio"] + label span, .video_option .optionsCells .option input[type="checkbox"] + label span, .video_option .optionsCells .optionIncorrect input[type="radio"] + label span, .video_option .optionsCells .optionIncorrect input[type="checkbox"] + label span, .video_option .optionsCells .optionCorrect input[type="radio"] + label span, .video_option .optionsCells .optionCorrect input[type="checkbox"] + label span { display: inline-block; width: 27px; height: 27px; margin: 1px 10px 0 0; vertical-align: middle; background-image: url(../images/svg/ic_radio_off.svg); background-repeat: no-repeat; background-position: left top; cursor: pointer; float:left; } .video_option .optionsCells .option input[type="radio"]:checked + label span, .video_option .optionsCells .option input[type="checkbox"]:checked + label span, .video_option .optionsCells .optionCorrect input[type="radio"]:checked + label span, .video_option .optionsCells .optionCorrect input[type="checkbox"]:checked + label span { background-image: url(../images/svg/ic_radio_on.svg); background-repeat: no-repeat; background-position: left top; } .video_option .optionsCells .optionIncorrect input[type="radio"]:checked + label span, .video_option .optionsCells .optionIncorrect input[type="checkbox"]:checked + label span { background-image: url(../images/svg/ic_radio_incorrect.svg); background-repeat: no-repeat; background-position: left top; background-size:100%; } .video_option .optionImg img { max-width:320px; } .video_option .optionsCells .option .audioOptions .jp-audio { left:0; right:0; top:0; bottom:0; margin:auto; } .video_option .optionsCells .fluid_video { display:block; overflow:hidden; padding-bottom:44.25%; } .video_option .optionImg img { max-width:320px; } /* Video option */ .multipleQuestion.optionsRows .optionIncorrect input[type="radio"]:checked + label span { background-image: url(../images/svg/ic_radio_on.svg); background-repeat: no-repeat; background-position: left top; } /* Drag symbol(s) */ .fluid_area .textToImageLeftPanel, .fluid_area .textToImageRightPanel { float:none; width:100%; clear:both; } .fluid_area .textToImageLeftPanel { position:relative; margin-bottom:20px; } .drag_on_image #cardSlots div.ui-droppable { border:0 !important; background:url(../images/svg/symbol.svg) top center no-repeat; background-size:34px auto; } /* Drag symbol(s) */ .sortTextToColumn .textToColumnRightPanel, .sortTextToColumn .textToColumnLeftPanel, .sortImageToColumn .imageToColumnLeftPanel, .sortImageToColumn .imageToColumnRightPanel, .sortAudioToColumn .audioToColumnRightPanel, .sortAudioToColumn .audioToColumnLeftPanel { width:100%; float:left; margin-bottom:20px; } .sortingAudioOptions .slick-arrow { opacity:0; } /* INTERACTIVE QUESTIONS - Drag and drop onto an image */ .fluid_area .clickToRevealArea.invisible { } .fluid_area .clickToRevealArea.invisible > a.revealHotSpot { opacity:0; text-indent:-10000px; } .fluid_area .clickToRevealArea.numerical { } .fluid_area .clickToRevealArea.numerical > a.revealHotSpot { background-color:transparent; opacity:1; } .fluid_area .clickToRevealArea.numerical > a.revealHotSpot span { position:absolute; left:0; top:0; bottom: 0; right: 0; margin:auto; width:40px; height:40px; background:#8ec63f; text-align:center; line-height:38px; border-radius:50%; font-size:22px; font-weight:900; color:#fff; } .fluid_area .clickToRevealArea.symbol_visual { } .fluid_area .clickToRevealArea.drag_symbol > a.revealHotSpot { background-color:transparent; opacity:1; } .fluid_area .clickToRevealArea.drag_symbol > a.revealHotSpot span { position:absolute; left:0; top:0; bottom: 0; right: 0; margin:auto; width:40px; height:40px; background:url(../images/svg/symbol.svg) 0 0 no-repeat; font-size: 0; } /* Hotspot Popup */ .hotspot_poplight .popUpHolder { width:660px; padding:25px 30px; border-radius:0; background:#fff; } .hotspot_poplight .popUpHolder .title { background:none; color:#000; border-bottom:1px dashed #bcbcbc; padding:0 0 20px; margin:0 0 20px; border-radius:0; } .hotspot_poplight .popUpHolder .popUpContent { border-radius:0; padding:0; } .hotspot_poplight .popUpHolder .popUpContent .close, .module_poplight .popUpHolder .popUpContent .close { position:absolute; right:22px; top:22px; /*background:url(../images/svg/ic_delete_img.svg) no-repeat center center;*/ width:25px; height:25px; background-size:25px auto; border:0; /*text-indent:-10000px;*/ cursor:pointer; } .module_poplight .popUpHolder { width:780px; padding:0; background:#fff; } .module_poplight .popUpHolder h3 { font-size:20px; font-weight:bold; } .module_poplight .popUpHolder .popUpContent { padding:40px 50px; } /* Hotspot Popup */ .modules { background:#f2f2f2; padding:4px 5px 5px; display:block; margin-top:10px; /*line-height:30px; */ text-align:right; } .modules a { /*background:url(../images/svg/ic_help.svg) 0 0 no-repeat; width:30px; height:30px; text-decoration:none; display:inline-block; color:#000; vertical-align:top; */ float:left; } /*.modules a:hover { text-decoration:none; color:#000; }*/ .slick-slider .slick-track { text-align:left; } .slick-arrow { position:absolute; top:0; height:100%; width:29px; text-indent:-10000px; background-repeat:no-repeat; background-position:center center; border:0; background-color:#749321; z-index:9; outline:none; cursor:pointer; } .slick-arrow.slick-disabled { background-color:#b3b3b3; } .slick-next { right:0; background-image:url(../images/arrow-next.png); } .slick-prev { left:0; background-image:url(../images/arrow-back.png); } /* Glossary Module */ .glossarymodule .glossary .glossaryRecord h3 { width:auto; /*color:#000;*/ } .glossarymodule .popUpHolder { width:915px; padding:25px 30px; border-radius:0; background:#fff; } .glossarymodule .popUpHolder .title { background:none; color:#000; border-bottom:1px dashed #bcbcbc; padding:0 0 20px; margin:0 0 20px; border-radius:0; } .glossarymodule .popUpHolder .popUpContent { border-radius:0; padding:0; } .glossarymodule .popUpHolder .popUpContent .close { position:absolute; right:22px; top:22px; /*background:url(../images/svg/ic_delete_img.svg) no-repeat center center;*/ width:25px; height:25px; background-size:25px auto; border:0; /*text-indent:-10000px;*/ cursor:pointer; } .glossarymodule .glossary-text { display:block; overflow:hidden; width:auto; padding-bottom:15px; } .videomodule.glossarymodule .popUpHolder { padding:45px 30px 30px; } .videomodule.glossarymodule .popUpHolder .popUpContent .close { right:15px; top:15px; } /* Glossary Module */ /* score area */ .scor_area { width:665px; margin:20px auto; } .course-name { background:#f2f2f2; /*font-size:20px; line-height:26px;font-weight:bold;*/ padding:16px 10px 16px; text-align:center; } #mainArea .scor_area ul { list-style:none; display:block; margin:20px 0 0; padding:0; float:left; width:100%; clear:both; text-align:center; } #mainArea .scor_area ul li { background:#f2f2f2; /*float:left;*/ width:23.5%; margin-right:2%; margin-bottom:20px; padding:20px 0; min-height:128px; display: inline-block; vertical-align: top; margin-left: -5px; } #mainArea .scor_area ul li:first-child { margin-left:0; } #mainArea .scor_area ul li:nth-child(4n+4) { margin-right:0; } #mainArea .scor_area ul li .circle { width:100px; height:100px; border-radius:50%; background:#494748; text-align:center; line-height:100px; display:block; margin:auto; color:#fff; font-size:26px; font-weight:bold; position:relative; } #mainArea .scor_area ul li .circle > img { bottom: 0; display: block; left: 0; margin: auto; position: absolute; right: 0; top: 0; max-width:95px; max-height:95px; } #mainArea .scor_area ul li .disc { margin-top:8px; /*color:#666666; font-size:16px; font-weight:bold;*/ } #mainArea .scor_area ul li .circle.green_bg { background:#99c905; } #mainArea .scor_area ul li .circle.orang_bg { background:#ffc306; } #mainArea .scor_area ul li .circle.red_bg { background:#ed1c24; } #mainArea .scor_area ul li.download_certificate img { margin:10px 0 5px; height:63px; width:auto; } #mainArea .scor_area ul li.download_certificate a { text-decoration:none; } #mainArea .scor_area ul li.download_certificate a .disc { /*color:#749321;*/ font-weight:bold; } .next-steps { margin:0 0 20px; clear:both; overflow:hidden; } .next-steps h4 { font-size:22px; font-weight:bold; line-height:26px; margin-bottom:10px; } .next-steps p { /*font-size:14px; line-height:20px; */ } .next-steps > a, .try-again a { /*background-color: #749321; color: #FFFFFF; font-family: cabin; font-weight: 900; font-size: 18px; */ padding:8px 20px 8px 25px; display:inline-block; text-decoration:none; } .try-again { text-align:center; margin-bottom:20px; } .tryAgain { position:relative; z-index:99999; } .feedbacksection .questionbox.no-border { margin:0; border:0; } .feedbacksection .questionbox .answ li input[type="checkbox"], .feedbacksection .questionbox .answ li input[type="radio"] { display: none; } .feedbacksection .questionbox .answ li input[type="checkbox"] + label span { display: inline-block; width: 19px; height: 19px; margin: -1px 10px 0 0; vertical-align: middle; background-image: url(../images/svg/checkbox.svg); background-repeat: no-repeat; background-position: left top; cursor: pointer; } .feedbacksection .questionbox .answ li input[type="checkbox"]:checked + label span { background-image: url(../images/svg/checkbox-active.svg); background-repeat: no-repeat; background-position: left top; } .feedbacksection .questionbox .answ li input[type="radio"] + label span { display: inline-block; width: 19px; height: 19px; margin: -1px 6px 0 0; vertical-align: middle; background-image: url(../images/svg/radio.svg); background-repeat: no-repeat; background-position: left top; cursor: pointer; } .feedbacksection .questionbox .answ li input[type="radio"]:checked + label span { background-image: url(../images/svg/radio-active.svg); background-repeat: no-repeat; background-position: left top; } .graybox.btn_wrap .trybtn { margin:0; } .pageTitle.templatetitle { border-bottom:1px dotted #b4b4b4; padding:20px 0px 14px; min-height:28px; } .pageTitle.templatetitle h1 { padding:0; } .pageTitle.templatetitle .mainAudio { /*position:absolute; right:30px; top:15px;*/ margin-top:-6px; } #mainArea #leftPanel ul, #mainArea #rightPanel .textDescription ul, #mainArea .templatecontent ul { list-style:disc; padding-bottom:5px; margin-left:27px; } #mainArea #leftPanel ul li, #mainArea #rightPanel .textDescription ul li, #mainArea .templatecontent ul li { background:none; list-style:disc; display:list-item; padding: 0 0 10px; } #mainArea #leftPanel ol, #mainArea #rightPanel .textDescription ol, #mainArea .templatecontent ol { padding:0 0 16px; margin: 0 0 0 29px; } #mainArea #leftPanel ol li, #mainArea #rightPanel .textDescription ol li, #mainArea .templatecontent ol li { background:none; padding: 0 0 0px; } #mainArea ul.sortingAudioOptions > li, #mainArea ul.sortingAudioOptions .slick-track > li { background:none !important; padding:0 !important; width:160px; margin-right:20px !important; display:inline-block; float:none; text-align:center; } #mainArea ul.sortingAudioOptions li .holder{ margin-left:0px; } .audioToColumnRightPanel .slick-arrow { /*height:225px; top:-35px; */} .audioToColumnRightPanel .slick-track { min-width:100%; text-align:center; } .jp-jplayer img { height:auto !important; } blockquote { background: url(../images/svg/ic_qoute.svg) 15px 20px no-repeat #f2f2f2; margin:0; padding:20px 15px 10px 60px; margin-bottom:20px; } .popUpContent img, .feedback img, .textDescriptionNewPage img, .scor_area img, .next-steps img, #webpage img { max-width:100%; height:auto; } .regular { margin-left:0 !important; } .drag_on_image #cardSlots ul.ui-droppable { border:0 !important; margin:0; padding:0; text-align:center; background:none !important; } .drag_on_image #cardSlots ul.ui-droppable:after { content:''; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:40px; height:40px; z-index:-1; background:url(../images/svg/symbol.svg) top center no-repeat; background-size:40px auto; } .cardSlots_img { position:absolute; left:0; top:0; height:100%; width:100%; background-repeat:no-repeat; background-size:975px 550px; z-index:-1; background-position:center center; } /*.fluid_area .textToImageLeftPanel{ position:relative; width:100%; height:600px;} .textToImageLeftPanel #cardSlots{ z-index: 1 !important; } .drag_on_image #cardSlots div.ui-droppable{ } #cardSlots div.ui-droppable div.ui-draggable{ display: block !important;}*/ /*.fluid_area .textToImageRightPanel .hotspotlabels { text-align:left; margin-bottom:20px; height:60px; }*/ #canvas.fluid_area.drag_on_image.less_spacing{ margin-top:5px;} .fluid_area .textToImageRightPanel .hotspotlabels { text-align:left; margin-bottom:5px; height:auto; } .fluid_area .textToImageRightPanel .ansinfo{ padding:10px; } .fluid_area .textToImageRightPanel .hotspotlabels .content { font-weight:bold; /*font-size:14px; */ display:inline-block; margin-right:10px; vertical-align:middle; } #mainArea .fluid_area .textToImageRightPanel .hotspotlabels .draggable_holder { display:inline-block; vertical-align:middle; margin:0; padding:0; min-height:45px; min-width:45px; } #mainArea .fluid_area .textToImageRightPanel .hotspotlabels .draggable_holder .ui-draggable { width:45px; height:45px; background: url(../images/svg/symbol.svg) 0 0 no-repeat; background-size:45px auto; display:inline-block; vertical-align:top; padding:0; line-height:normal; margin:0 !important; border:0 !important; z-index:999; max-width:45px; } #mainArea .fluid_area .textToImageRightPanel .hotspotlabels .draggable_holder .ui-draggable.markCorrect { background: url(../images/svg/hotspot_correct.svg) 0 0 no-repeat; background-size:40px auto; } #mainArea .fluid_area .textToImageRightPanel .hotspotlabels .draggable_holder .ui-draggable.markIncorrect { background: url(../images/svg/hotspot_incorrect.svg) 0 0 no-repeat; background-size:40px auto; } .drag_on_image #cardSlots.hotspot_dropable ul.ui-droppable { background:none; } .drag_on_image #cardSlots.hotspot_dropable ul.ui-droppable:after { display:none; } .drag_on_image #cardSlots.hotspot_dropable ul.ui-droppable.markMissed { background:url(../images/svg/ic_missed.svg) center center no-repeat !important; background-size:40px auto !important; } .ansinfo { padding:15px; background:#f2f2f2; margin-bottom:20px; display:none; position:absolute; left:0; right:0; top:0; } .ansinfo > div { display:inline-block; padding-left:35px; margin-right:50px; line-height:25px; } .ansinfo > div.correct { background: url(../images/svg/hotspot_correct.svg) 0 0 no-repeat; background-size:25px auto; } .ansinfo > div.incorrect { background: url(../images/svg/hotspot_incorrect.svg) 0 0 no-repeat; background-size:25px auto; } .ansinfo > div.missed { background: url(../images/svg/ic_missed.png) 0 0 no-repeat; background-size:25px auto; } .fluid_area .textToImageRightPanel { position:relative; } #mainArea .menu ul li.selected ul li { display:list-item !important; background:none !important; position:relative; } #mainArea .menu ul li.selected ul li:before { content:''; background:#606060; position:absolute; left:11px; top:18px; width:6px; height:6px; border-radius:50%; } .courseSummaryList .downloadCertificateLink { width: 20px; height: 30px; background-size: contain; } .courseSummaryList .downloadCertificateLink img { display:none; } .courseSummaryList .downloadCertificateLink_not { width: 20px; height: 30px; background-size: contain; } .courseSummaryList .downloadCertificateLink_not img { display:none; } .courseSummaryList tr.moduleName td:last-child { line-height: 38px; } .optionsRows .option_text { display:block; overflow:hidden; padding-top:2px; } /* error messages code start here */ /*#forgot_pass_error{ position:absolute; max-width:380px; z-index:99; right:-380px; top:-55%; background-color:#f9e0e3; border-radius:0px;} .email_address{ position:relative;} body.new_style_error #mainArea{ overflow:visible; float:left; max-width:100%; position:static!important;}*/ /* error messages code end here */ #homelogin ul li { position:relative; } .error { background:#000; position:absolute; left:-100%; /*top:50%;*/ color:#fff; font-size:14px; text-align:left; padding:14px 10px; width:250px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .error:after { left: 100%; top:50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-left-color: #000; border-width: 8px; margin-top: -8px; } .email_address .form-control { position:relative; } .email_address .form-control .error { left:-72%; /*text-align:left;*/ top:68%; } .email_address .form-control .error:after { display:block; } .email_address .form-control .error:before { display:none; } .choose_password .form-control, .sign_in .form-control { position:relative; } .choose_password .form-control .error { right:-76%; left:inherit; left:initial; /*text-align:left;*/ top:68%; } .choose_password .form-control .error:after { display:none; } .choose_password .form-control .error:before { right: 100%; top:50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-right-color: #000; border-width: 8px; margin-top: -8px; } .error.common { top:30px; min-height:85px; padding:35px 10px; -webkit-transform: translateY(-0%); -ms-transform: translateY(-0%); transform: translateY(-0%); } .error.common:after { top:25px; } .error.common:before { left: 100%; bottom:18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-left-color: #000; border-width: 8px; margin-top: -8px; } #homelogin ul li .loginBox.highlight { border-color:#f42565; } input.highlight { border-color:#f42565 !important; } #forgot_email_instruction { padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #d8d8d8; } .sign_in .error { top:70%; } .sign_in .error.common { min-height:70px; top:40%; } .email_loader { float:right; margin-right:10px; margin-top:7px; } /* Graph CSS start Here */ .chart { position: relative; width: 200px; height: 200px; float:left; margin-top:0px; margin-left:0px; } .legendLabel { } .legendLabel b { } .legend table td { padding:8px 2px; } #legendPlaceholder { float:right; width:100%; text-align:left; margin-top:0px; } #legendPlaceholder ul { list-style:none; margin:15px 0 0 20px; padding:0; } #legendPlaceholder ul li { background:none; margin:0 0 10px; padding:0; } #legendPlaceholder ul li span { width:18px; height:18px; border:1px solid #eee; display:inline-block; vertical-align:middle; margin-right:5px; } #flotcontainer .legend { position: absolute; top: 50px; right: 0px; width: 300px; } #flotcontainer .base { position: relative; left: -25px; } .legend table { right: auto !important; left: 94px } .profile-chart #legendPlaceholder{ width:180px; margin-top:20px;} .profile-chart #legendPlaceholder ul { margin:15px 0 0 0px; } /* Graph CSS start Here */ .vimeo_thmub{ padding: 0 0; text-align: right; position:relative; display:inline-block; background:#000; } .vimeo_thmub > img{ padding:30px 0;} .video_option .optionsCells .option .vimeo_thmub .ic_video{ background-position:10px 0; } /*.vimeo_thmub:after{ content:''; position:absolute; height:100%; top:0; bottom:0; left:0; right:0; background:#000; z-index:-1;}*/ #AcceptTermsAndConditionPopup .popUpHolder{ max-width:820px; width:100%;} #AcceptTermsAndConditionPopup .popUpHolder .popupconrel{ padding:30px 50px;} #AcceptTermsAndConditionPopup .popUpFooter { padding-top:20px; margin-top:20px; clear:both; border-top:1px dashed #b3b3b3; width:100%; float:left; clear:both; } #AcceptTermsAndConditionPopup .popUpHolder li{ display:list-item;} #mainArea #webpage{ padding-left:0; padding-right:0; /*width:945px;*/} #canvas:after{ content:''; position:absolute; right:-15px; top:0; background:#fff; width:15px; height:100%; z-index:99; } #canvas:before{ content:''; position:absolute; left:-15px; top:0; background:#fff; width:15px; height:100%; z-index:99; } .ipadview{} .ipadview .progressPagination{ width:945px; padding-left:0; padding-right:0px;} .ipadview .progressBarHolder, .ipadview #canvas{ width:945px;} .ipadview #mainArea, .ipadview #webHeader .userPanel{ max-width:945px;} .ipadview #frontendRightPanel .course-block{max-width:680px; width:100%; box-sizing:border-box;} .ipadview #frontendRightPanel #latest_activities_contener .course-block{max-width:690px; width:100%; box-sizing:border-box;} .ipadview #webHeader .brandHolder, .ipadview .topOrangeBtn_wrap, .ipadview #webHeader .moduleName{ max-width:945px; padding-left:15px; padding-right:15px;} .ipadview #mainArea #webpage{ max-width:945px;} .coursesview .course-nav{ padding-left:0; padding-right:0; } .coursesview #mainArea{ min-width:945px; } .coursesview .courseIntroText{ margin-left:-15px; margin-right:-15px; padding-left:15px; padding-right:15px;} .ipadview .coursesview .courseText .progressBarHolder{ width:260px;} .downloads.ipaddownloads{ padding:0;} .downloads.ipaddownloads .title{ margin:0;} .ipadview .pageTitle{ max-width:945px;} .ipadview #homelogin{ padding:25px 12px;} .ipadview #frontendRightPanel{ width:690px;} #leftPanel p img[style*="float: left"], #leftPanel p img[style*="float:left"], .fullAssetInfo p img[style*="float: left"], .fullAssetInfo p img[style*="float:left"], .coursetext p img[style*="float: left"], .coursetext p img[style*="float:left"], #rightPanel p img[style*="float: left"], #rightPanel p img[style*="float:left"], .popUpContent p img[style*="float:left"], .popUpContent p img[style*="float: left"], .question p img[style*="float:left"], .question p img[style*="float: left"], .feedback .boxContent p img[style*="float:left"], .feedback .boxContent p img[style*="float: left"] {margin: 6px 10px 10px 0px; vertical-align:top;} #leftPanel p img[style*="float: right"], #leftPanel p img[style*="float:right"], .fullAssetInfo p img[style*="float: right"], .fullAssetInfo p img[style*="float:right"], .coursetext p img[style*="float: right"], .coursetext p img[style*="float:right"], #rightPanel p img[style*="float: right"], #rightPanel p img[style*="float:right"], .popUpContent p img[style*="float:right"], .question p img[style*="float:right"], .question p img[style*="float: right"], .feedback .boxContent p img[style*="float:right"], .feedback .boxContent p img[style*="float: right"] {margin: 6px 0px 10px 10px; vertical-align:top;} .coursetext p{ clear:both; overflow:hidden; } /* - - - - - | new changes start | - - - - - */ body.course-page #maincontent #mainArea{ padding:0px;} /*.textToColumnLeftPanel{ margin-left:0.1%;} .textToColumnRightPanel{ margin-right:0.1%;} #cardSlots div.ui-droppable div{ width:99.1%!important;}*/ .video_option .optionsCells .option .ic_video{ top:0; left:40px; bottom:auto; right:auto; width:320px; height:100%; background-position: center center;} .video_option .optionsCells .option .textversion{position:relative; z-index:9; width:320px; text-align:left;} .audioOptions .jp-audio{ left:40px!important; top:0px!important; right:auto; bottom:auto; width:320px!important; height:190px!important;} .audioOptions div.jp-audio div.jp-type-single div.jp-interface{ width:320px; height:190px!important;} .audioOptions div.jp-audio ul.jp-controls{ width:320px!important; height:190px; position:relative;} .audioOptions div.jp-audio ul.jp-controls li{ width:100%; height:100%;} .audioOptions div.jp-audio ul.jp-controls li a{ width:100%; height:100%; background-position:center center; background:none; text-indent:0;} .audioOptions div.jp-audio ul.jp-controls li a svg{ margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .next-steps{ background-color:#f2f2f2; padding:21px;} .try-again.graybox{ background-color:#f2f2f2; padding:21px; clear:both; margin-top:20px;} /* - - - - - | new changes end | - - - - - */ .textversion{ float:right; padding-left:15px; margin-left:15px; border-left:1px solid #749321; } .pageTitle.templatetitle .textversion:focus{ margin-right:2px;} .optionsCells .textversion{ float:left; border:0; margin-top:2px; margin-left:36px; padding:2px; } .draggable.regular li .textversion{ height:20px !important; float:left; line-height:20px; margin-left:0; padding-left:3px; border:0; color:#749321; margin-top:6px; } .placeholder_img{ width:100%; max-width:975px; background-size:cover; background-position:center center; background-repeat:no-repeat; } .placeholder_img img { width: 975px; max-height: 550px; } #leftPanel .clickToRevealArea{ float:left; width:100%;} .click_reveal_top_sec{float:left; width:100%;} .matchpairs .questionColumn div{ border:0; padding-top:10px; padding-bottom:0; height:129px; } .matchpairs .questionColumn p{ padding-bottom:0; } .matchpairs #cardSlots div.ui-droppable-container, .matchpairs #cardPile div.ui-draggable-container{ margin-bottom:20px; position:relative;} .clear{ clear:both; } #cardSlots p, #cardPile p{ padding-bottom:10px; line-height:18px; font-size:14px;} #cardSlots div.optionIncorrect, #cardSlots div.optionCorrect{ background:none; } .matchpairs #cardPile div.ui-draggable-container:after{ content:''; position:absolute; left:0; bottom:0; width:100%; height:94px; background:#e1e1e1; z-index:-1;} .matchpairs #onSumbitTaskBlocker_overlay{ right:-20px;} .dark_grey, .cls-1 { fill: #333333; } /*svg .cls-1{fill:#9ac121;}*/ .fullWidthVideoAsset { text-decoration:none; position:relative; } /*.fullWidthVideoAsset span { display:none; }*/ .fullWidthVideoAsset_title { display:block; position:absolute; overflow:hidden; width:100%; height:100%; left:0; top:0; z-index:9; cursor:pointer; } /*Register Page*/ .registerLeftPanel{float: left !important; width: 620px !important} .registerLeftPanel #hidRegisterDiv, .registerLeftPanel #hidThankYouRegisterDiv{border: 1px solid #ccc; border-radius: 20px; padding: 25px 20px;} .registerLeftPanel .pageTitleBlue{background: #00a8e1; color: #fff !important; font-size: 2em; padding: 10px; line-height: normal; font-weight: normal; margin-bottom: 20px;} .formLeftPanel { float: left; width: 50%; padding-right: 15px; box-sizing: border-box; } .formRightPanel { float: right; width: 50%; padding-left: 15px; box-sizing: border-box; margin-bottom: 0 !important;} .newsletterBox { clear: both; border-top: 1px dotted #b3b3b3; padding: 20px 0 0 0; display: inline-block; width: 100%; margin: 20px 0 0; } .newsletterBox input { float: left; width: 20px; } .newsletterBox p { overflow: hidden; } .registerLeftPanel label { display: block; margin-bottom: 5px; } .registerLeftPanel input[type="text"] { border: 1px solid #c4c4c4; width: 100%; padding: 8px; box-sizing: border-box; } .registerLeftPanel select { border: 1px solid #c4c4c4; width: 100%; padding: 7px 8px; box-sizing: border-box; } .registerLeftPanel .textBoxHolder { padding-bottom: 15px; } .registerLeftPanel .loginbtn {border: 0; cursor: pointer} .btnContainer{clear: both; overflow: hidden; padding-top: 10px;} .registerRightPanel{float: right !important; width: 320px !important;} .award-img { display:inline-block; margin: 0 0 0 30px; width: 65px; height: 80px; background-image: url(../images/award-01.png); background-repeat:no-repeat; } .award-img-new { display:inline-block; width: 100px; height: 80px; background-image: url(../images/award-02.png); background-repeat:no-repeat; } .brandHolder .strapLine { font-size: 1.500em!important; /*font-family: "Avenir LT W01 65 Medium";*/ padding-top: 40px!important; padding-left: 0px!important; display:inline-block; width:auto!important; float:none!important; font-weight:400; vertical-align:top; } .textPink { color: #d7006d!important; } .textBlue { color: #00a8e1!important; } .noAccount{text-align:center; padding-top:15px;} .btnContainer #ajax_loader_for_reset{ padding:10px 0 0 10px!important;} .btnContainer .loaderbtn{ margin-right:10px; padding: 10px 20px;} /*Register Page*/ sup{ vertical-align: top; position: relative; top:-5px; } .glossarymodule .popUpHolder .popUpContent{ max-height: 450px; overflow-y: auto; } .topOrangeBtn_wrap.bottom{ clear:both; overflow:hidden; } .topOrangeBtn_wrap.bottom .topOrangeBtn{ margin:0; padding:20px 0; } #calculation_hype_container{ height: auto !important; width: 975px !important; } /*.calculation_form{ padding:40px 35px; background: #F2F7FC; border-radius: 8px; margin-bottom: 30px; text-align: left; width: 905px !important; } .calculation_form p{ margin: 0 0 30px; padding: 0; } .calculation_form p label{ color: #5291CD; font-size: 24px; display: block; padding-bottom: 10px; } .calculation_form p label span{ color: #000; display: block; font-size: 14px; } .calculation_form p input { border: 1px solid #BDD3E8; line-height: 43px; font-size: 24px; padding: 0 10px; border-radius: 5px; max-width: 190px; text-align:right; } .calculation_form input[type="button"]{ background: #5291CD; min-width: 250px; padding: 0 10px; border: 0; border-radius: 5px; line-height: 53px; color: #fff; font-size: 20px; text-align: center; cursor: pointer; } .display_after_calculation p{ padding: 20px 35px; font-size: 24px; margin: 0 0 10px; line-height: 45px; text-align: left; border-radius: 8px; } .display_after_calculation p:last-child{ margin-bottom: 0; } .display_after_calculation p::after{ content: ''; clear: both; overflow: hidden; } .display_after_calculation p:nth-child(even) { background-color: rgba(182, 53, 39, 0.08); color: #B63527; } .display_after_calculation p:nth-child(odd) { background-color: rgba(0, 144, 74, 0.08); color: #00904A } .display_after_calculation p input{ float: right; border: 0; line-height: 43px; font-size: 24px; padding: 0 10px; border-radius: 5px; max-width: 190px; text-align:right; } .display_after_calculation p:nth-child(even) input{ border: 1px solid #E6B0AA; } .display_after_calculation p:nth-child(odd) input{ border: 1px solid #A0EAC6; }*/ /* 23 Dec 2019 */ .calculation_form{ padding:40px 35px; background: #F2F7FC; border-radius: 8px; margin-bottom: 30px; text-align: left; width: 905px !important; } .calculation_form p, #mainArea .calculation_form_template .calculation_form p{ margin: 0 0 30px; } .calculation_form p:last-of-type, #mainArea .calculation_form_template .calculation_form p:last-of-type{ margin-bottom: 0; } .calculation_form p label{ color: #5291CD; font-size: 24px; line-height: 29px; display: block; padding-bottom: 10px; } .calculation_form p label span{ color: #000; display: block; font-size: 14px; line-height: 24px; } .calculation_form p input { border: 1px solid #BDD3E8; line-height: 43px; font-size: 24px; padding: 0 10px; border-radius: 5px; max-width: 190px; text-align: left; color: #5A5C5E; } .calculation_form p .poundSign + input{ padding-left: 30px; margin-left: -10px; } .calculation_form p .poundSign{ font-size: 20px; transform: translateX(12px); width: 10px; display: inline-block; vertical-align: top; padding-top: 12px; color: #3B3C3E; } .calculation_form_template input[type="button"], .calculation_form input[type="button"]{ background: #5291CD; min-width: 250px; padding: 0 10px; border: 0; border-radius: 5px; line-height: 53px; color: #fff; font-size: 20px; text-align: center; cursor: pointer; margin-bottom: 15px; } .calculation_form p:last-of-type input[type="button"]{ margin-bottom: 0; } .display_after_calculation{ width: 100%; margin-bottom: 20px; } .display_after_calculation .calcBlock{ padding: 20px 35px; font-size: 24px; margin: 0 0 10px; line-height: 45px; text-align: left; border-radius: 8px; } .display_after_calculation .calcBlock label{ display: inline-block; /* color: #00904A !important; */ } .display_after_calculation .calcBlock label span{ color: #000 !important; font-size: 16px; display: block; line-height: 24px; } .display_after_calculation .calcBlock::after{ content: ''; clear: both; overflow: hidden; } .display_after_calculation .calcBlock.red { background-color: rgba(182, 53, 39, 0.08); color: #B63527 !important; } .display_after_calculation .calcBlock.green { background-color: rgba(0, 144, 74, 0.08); color: #00904A !important; } .display_after_calculation .calcBlock.green label{ color: #00904A !important; } .display_after_calculation .calcBlock.green input{ color: #5A5C5E !important; } .display_after_calculation .calcBlock input{ float: right; border: 0; line-height: 43px; font-size: 24px; padding: 0 10px; border-radius: 5px; max-width: 190px; text-align: left; color: #5A5C5E !important; } .amount_to_increase.calcBlock input{ margin-top: 32px; } .display_after_calculation .calcBlock.red input{ border: 1px solid #E6B0AA; } .display_after_calculation .calcBlock.green input{ border: 1px solid #A0EAC6; } .sign{ color: #3B3C3E !important; float: right; margin-left: 10px; } .message_after_calculate{ text-align: center; padding-top: 20px; } .amount_to_increase label{ width: 480px; } .calculation_form_template{ text-align: left; } .calculation_form_template h4{ font-size: 24px; margin-bottom: 30px; } .calculation_form_template h4.greenText{ color: #00904A; } #mainArea .calculation_form_template ol{ margin-left: 40px; } #mainArea .calculation_form_template ol li{ margin-bottom: 20px; padding-left: 5px; line-height: 24px; } #mainArea .calculation_form_template ol li strong, #mainArea .calculation_form_template p strong{ font-weight: 600; } #mainArea .calculation_form_template p.message_after_calculate strong{ font-weight: 700; } #mainArea .calculation_form_template p{ line-height: 24px; padding-bottom: 0; margin-bottom: 25px; } .display_after_calculation + h4, #display_after_calculation3 h4, .calculation_form + h4{ margin-top: 50px; } .availDate{ padding-right:14px!important;} .clearSec:after{visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0%;} #print_page_button{clear:both;} #print_page_button a.greenBtn{ max-width:150px;} /* Upload Documents */ .attachmentviewsec ul { margin:30px 0 20px; padding:0; list-style:none; overflow:hidden; } .attachmentviewsec ul li { padding:0 15px; margin-bottom: 30px; word-wrap: break-word; float: none; display: inline-block; vertical-align: top; width: 16%; text-align: center; position: relative; vertical-align:top; } ul.ajax-file-upload-container.addBorder { border-bottom: #ccc dashed 1px; vertical-align:top; margin-bottom:50px; } .add_btn { width:100%; display:block; overflow:hidden; clear:both; margin:20px 0; } .documentname a { color:#394a58 } .documentname span { display: block; color: #b3b3b3 } .taskeditmode .attachmentviewsec { border-top: 1px dashed #cccccc; padding-top: 20px; margin-top:20px; } .documenticon a.deletedocument, .deletedocumentajax { background: url(../images/svg/attachment_docs/ic_delete.svg) no-repeat left center; font-size: 0; width:12px; height: 12px; background-size: 12px auto; position: absolute; right:0; top: 0; cursor:pointer; } .documenticon { clear:both; overflow: hidden; position: relative; max-width: 106px; margin: 0 auto } .documenticon a { background-size: 58px auto; width: 58px; height: 58px; display: inline-block; word-wrap: break-word; } .documentname a { line-height:18px; margin-bottom:3px; } .doc-icon { background-image: url(../images/svg/attachment_docs/attachment-doc-icon.svg); } .xls-icon { background-image: url(../images/svg/attachment_docs/attachment-xls-icon.svg); } .pdf-icon { background-image: url(../images/svg/attachment_docs/attachment-pdf-icon.svg); } .jpg-icon { background-image: url(../images/svg/attachment_docs/attachment-jpg-icon.svg); } .zip-icon { background-image: url(../images/svg/attachment_docs/attachment-zip-icon.svg); } .ppt-icon { background-image: url(../images/svg/attachment_docs/attachment-ppt-icon.svg); } .csv-icon { background-image: url(../images/svg/attachment_docs/attachment-csv-icon.svg); } .rtf-icon { background-image: url(../images/svg/attachment_docs/attachment-rtf-icon.svg); } .pub-icon { background-image: url(../images/svg/attachment_docs/attachment-pub-icon.svg); } .odf-icon { background-image: url(../images/svg/attachment_docs/attachment-odf-icon.svg); } .wmv-icon { background-image: url(../images/svg/attachment_docs/attachment-wmv-icon.svg); } .mp3-icon { background-image: url(../images/svg/attachment_docs/attachment-mp3-icon.svg); } .flp-icon { background-image: url(../images/svg/attachment_docs/attachment-flp-icon.svg); } .pfprj-icon { background-image: url(../images/svg/attachment_docs/attachment-pfprj-icon.svg); } .avi-icon { background-image: url(../images/svg/attachment_docs/attachment-avi-icon.svg); } .gif-icon { background-image: url(../images/svg/attachment_docs/attachment-gif-icon.svg); } .m4a-icon { background-image: url(../images/svg/attachment_docs/attachment-m4a-icon.svg); } .mov-icon { background-image: url(../images/svg/attachment_docs/attachment-mov-icon.svg); } .mp4-icon { background-image: url(../images/svg/attachment_docs/attachment-mp4-icon.svg); } .mpg-icon { background-image: url(../images/svg/attachment_docs/attachment-mpg-icon.svg); } .png-icon { background-image: url(../images/svg/attachment_docs/attachment-png-icon.svg); } .qt-icon { background-image: url(../images/svg/attachment_docs/attachment-qt-icon.svg); } .swf-icon { background-image: url(../images/svg/attachment_docs/attachment-swf-icon.svg); } .txt-icon { background-image: url(../images/svg/attachment_docs/attachment-txt-icon.svg); } .wav-icon { background-image: url(../images/svg/attachment_docs/attachment-wav-icon.svg); } .wma-icon { background-image: url(../images/svg/attachment_docs/attachment-wma-icon.svg); } .svg-icon { background-image: url(../images/svg/attachment_docs/attachment-svg-icon.svg); } .ajax-file-upload-error { background-image:url(../images/svg/attachment_docs/ic_alert.svg); background-position:15px 16px !important; background-repeat:no-repeat; background-color:#fcf2ee; border:1px solid #f6dfd6; padding:15px 15px 15px 40px; color:#d93d00; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; } /* Upload Documents */ /* new css code start here */ .newUploadsBlock .graybox.btn_wrap a.taskCheck{min-width:70px; max-width:170px;} .newUploadsBlock .ajax-file-upload span{padding-left:20px;} .newUploadsBlock .ajax-file-upload span::before{display:none;} .newUploadsBlock ul.ajax-file-upload-container.addBorder{padding-bottom:32px!important; position: relative; border-bottom:none!important;} .newUploadsBlock ul.ajax-file-upload-container.addBorder::before{ content:''; position:absolute; left:0; bottom:16px; width:100%; height:1px; border-bottom:#ccc dashed 1px; } .newUploadsBlock ul.ajax-file-upload-container.addBorder li.queue-upload{padding-right:18px!important;} .newUploadsBlock ul.ajax-file-upload-container.addBorder li.queue-upload .deletedocumentajax{right: 14px!important;} .downloadCertificateLink.certificatePending{ background:url('../images/svg/ic_certificate_approval_pending.svg'); background-repeat:no-repeat; background-position:center center; background-size:28px; height:34px; } .reset_req .contentRight{ display:flex; align-items:center; flex-wrap:wrap;} .reset_req .contentRight .numberPermittedUsers{margin:0 10px 0 0;} .upload-guidance-text{margin:0; padding:10px 12px; background-color:#E9E9E9; font-size:14px; line-height:22px; clear:both;margin-bottom: 10px;} /* new css code end here */