/*--------------------------------------------------------------------- theme ---------------------------------------------------------------------*/ .accessible-heading {position:absolute; left:-9999px; margin:0; padding:0 0 0 0;} .right-float, .rightFloat {float:right;} .left-float, .leftFloat {float:left;} #adminBanner {display:none;} video {max-width:100%;} .form-horizontal fieldset legend.col-lg-12 {font-size:160%; font-weight:normal;} .form-horizontal .form-group {margin-bottom:15px;} .form-group legend.control-label {font-size:100%; font-weight:bold; border:none;} .header-nav a.btn {border:none;} div.form-actions, #pSavePaymentDetails {} div.form-actions > .btn {margin-left:15px;} ul.form-check, ul.form-check {list-style-type:none;} .clsFormCreator div.form-group.col-lg-12 {clear:both;} #page-content {padding-bottom:45px;} #header #header-search .form-control::-webkit-input-placeholder { /* Edge */ color: #fff; text-transform: uppercase;} #header #header-search .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; text-transform: uppercase;} #header #header-search .form-control::placeholder { color: #fff; text-transform: uppercase;} header .headerwrap { display: flex; } #searchResultsInfo li > .icon { display: inline-block; width: 30px; } #searchResultsInfo li .relevancy .icon { display: inline-block; width: 20px; height: 18px; } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background: #1b8fae; border: 1px solid #e8e8e8;} .dropdown-toggle::after { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; right: 15px; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { border-color: #dee2e6 #dee2e6 #fff; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #20575e; } /* notice */ .bg-orange { background-color: orange; } .notice * { color: #fff; } .notice h3 a { font-size: 22.4px; font-family: 'Montserrat',sans-serif; font-weight: bold; } .notice h3 a:hover { color: #fff; } .notice > div { position: relative; border: 7px #fff solid; } .notice > div:before { font-family: "fontawesome"; content: "\f06a"; position: absolute; font-size: 35px; top: 45px; left: 25px; } .notice > div > div { padding: 55px 25px 55px 75px; } .notice-btn { font-size: 24px; color: #fff !important; text-decoration: none !important; margin-top: -15px; font-size: 0; } .notice-btn:after { font-size: 24px; font-family: 'fontawesome'; content: "\f054"; } /*---------------------------------------- / additional ----------------------------------------*/ .select-field select {-webkit-appearance:none; -moz-appearance:none; appearance:none;} .select-field select::-ms-expand {display:none;} .select-field {position:relative;} .select-field select {position:relative; z-index:2; background:transparent; padding-right:40px;} .select-field::before {content:"\f0d7"; font-family:FontAwesome; font-size:20px; width:34px; height:34px; background:rgba(0,0,0,0.1); color:#333; display:block; text-align:center; line-height:34px; position:absolute; top:0; right:0; border-radius:0 2px 2px 0; z-index:1;} .system-items ul {flex-direction: row} .system-items ul li ul.dropdown-menu { position: absolute} .system-items ul li.myfavs a { margin-right: 0} /*---------------------------------------- / header ----------------------------------------*/ #header {position:relative; background:#1f565e; } #header.open {padding-top:60px;} #header a {border:none;} #header .col-lg-12 {position:static;} #header .navbar {position:static;} #header .navbar-brand {width:135px; height:35px; } #header #header-login {position:relative; clear:both; margin-top:15px;} #header #header-login p {float:left; margin:0; padding:0 5px 0 0; border-radius:50px 3px 0 50px; transition:all 0.2s ease-in-out;} #header #header-login p img {width:40px; height:40px; border:3px solid #fff; border-radius:50%; margin-right:5px;} #header #header-login ul.account {opacity:0; height:0px; overflow:hidden; list-style-type:none; margin:0; padding:15px; position:absolute; top:40px; right:0; width:205px; z-index:100; transition:all 0.2s ease-in-out;} #header #header-login ul:not(.account) li {display:inline-block; margin-left:10px;} #header #header-login ul li a {} #header #header-login:hover p, #header #header-login:focus p {background:#eee; cursor:pointer;} #header #header-login:hover ul.account, #header #header-login:focus ul.account {opacity:1; height:auto;} .skip-link {} #header .btn {margin:0; padding:0;} #header #header-search { border-bottom: 5px solid #fff; width:280px; width: 280px; position: relative; margin: 0; float: left;} #header #header-search label {display:none;} #header #header-search .form-control {box-shadow:none; width:100%; border-radius:0; height:40px; background:#34736d; border:none; padding:15px 65px 15px 15px; color:#fff; text-align:left; font-weight: 600; font-size: 95%;} #header #header-search .form-control:focus, #header #header-search .form-control:focus-visible { outline:revert-layer; } #header #header-search a.btn {width:60px; height:40px; overflow:hidden; position:absolute; z-index: 4; top:0; right:0; color:#5DAD89; text-align:center; background:#34736d; border:0; text-indent:-9999px; box-shadow:none;} #header #header-search a.btn::after {/*font-family:FontAwesome; font-size:21px; */ content:""; position:absolute; top:8px; right:0; bottom:0; left:20px; text-indent:0; line-height:40px; background: url(/images/UserUploadedImages/11/searchIcohccc.png) no-repeat; background-size: 25px;} #header #header-search span[id$="SearchKeywordValidator"], #header #header-search .error-message {position: absolute; padding: 5px; z-index: 3; color: #ff9898 !important; font-size: 12px; } #header #header-search .quickSearchPanel {position:relative; z-index:1001;} #header #header-search .quickSearchPanel .dynamic-results {padding:20px; background:#fafafa; border-bottom:2px solid #ddd; box-shadow: 0px 5px 5px 0px rgba(204,204,204,0.5); overflow:auto;} #header #header-search .quickSearchPanel .dynamic-results .dynamic-results-inner {height:250px !important;} #header #header-search .quickSearchPanel .dynamic-results ol {list-style-type:none; margin:0; padding:0px 0px 10px;} #header #header-search .quickSearchPanel .dynamic-results ol li {margin-bottom:5px;} #header #header-search .quickSearchPanel .dynamic-results .dynamic-results-links a {display:inline-block; padding:2px 10px; color: #fff; font-size: 90%;} #header #header-search .quickSearchPanel .dynamic-results .dynamic-results-links { position: absolute; left: 0; right: 0; background: #127283; bottom: -5px; text-align: right;} #header a.fontChange { background: #013a4b;height: 45px;width: 40px;text-align: center;margin: 0;padding: 0;line-height: 45px;color: #e8e8e8;font-weight: 500; font-size: 13px;overflow: auto;border-right: 2px solid #1f565e;} #header a.fontChange#large { font-size: 17px;} .font-IncDec { display: flex;} .back-eng{ padding: 10px 10px 11px; background: #013a4b; margin-right: 2px;} .complaint > a.btncomplaint { height: 45px; padding: 14px 18px; vertical-align: middle; font-size: 13px; font-weight: 500;} .mobile-icons ul { list-style: none;} .mobile-icons ul li { width: 50px; height: 50px; text-align: center; float: left; padding-top:5px; margin-right: 2px;} .mobile-icons ul li a, .mobile-icons ul li .far { color: #fff; font-size: 28px;} .mobile-icons ul li.settingico { background: #063a4b;} .mobile-icons ul li.searchico {background: #35736e;} .mobile-icons ul li.menuico { background: #127283;} .mobile-icons ul li:last-child { margin: 0;} /*.SearchLeft.col-xs-12 { display: none;}*/ /*Google Translator */ .goog-te-gadget-simple{border:none !important;padding: 0px 20px 0px 25px;background:#013a4b !important;width: 100%;height: 45px;color:#fff;max-width: 250px !important;} .goog-te-gadget-simple > img{display:none ;} .goog-te-menu-value > span, .goog-te-menu-value > img{display:none;} .goog-te-gadget-simple .goog-te-menu-value { color: #fff !important;padding: 0; margin: 0px; line-height: 45px;} #header-links .language { width: 170px; position:relative;} .goog-te-gadget-simple:after { position: absolute; right: 10px; content: "\f107"; top: 9px; font-family: fontAwesome; font-size: 20px;} .goog-te-gadget-simple { position: relative;} .goog-te-gadget { width: 170px !important;} .language select { border: none!important; padding: 0 20px 0 15px; background: #013a4b!important; width: 100%; height: 45px; color: #fff; max-width: 250px!important; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0px; font-size: 90%;} #header-links .language:after { content: "\f0d7"; font-family: fontawesome; position: absolute; color: #fff; right: 13px; top: 13px; font-weight: 700; pointer-events: none;} body>form[action*="edit"] .yesclick, body>form[action*="edit"] .noclick { display: block !important; } #onegov-feedback-assist-modal .fba-navigation#single-navigation {display:none !important;} /*---------------------------------------- / navigation ----------------------------------------*/ #header nav#main-nav {/*float: left;flex-wrap: wrap;align-content: flex-end;height: 100%;padding: 0px 0px 0px 15px;*/ border:none; width: 100%; margin: 0; padding:83px 0px 0px 15px;} div#header-logo { float: left; padding: 0;} #header-logo img{width: 112px;} /*#main-nav {padding:0px; border:none;} #main-nav.open {padding-top:70px;} #main-nav.navbar-collapse {max-height:100%;}*/ /*-----mega menu styles-----*/ #main-nav .hmenu {float:left; list-style-type:none; margin:0; padding:0; } #main-nav .hmenu a {text-decoration:none;} /* styles for level 1 */ #main-nav .hmenu > li { padding: 17px 10px; margin: 0px; width: auto; position: static; float:left; background:#127283; margin: 0px 1px 0px 0px;} #main-nav .hmenu>li:last-child { border: none;} #main-nav .hmenu > li > a, #main-nav .hmenu > li > span {display:block; font-size:100%; height:auto; color:#fff; font-weight: 600;} /*#main-nav .hmenu > li > a > .toggle {} #main-nav .hmenu > li > a > .toggle::after {content:"\f078"; font-family:FontAwesome; color:#666; font-size:10px; padding-left:5px;} #main-nav .hmenu > li > a > .toggle.open::after {content:"\f077"; padding-right:5px; padding-left:0;} #main-nav .hmenu > li.iFOL12 > a > .toggle, #main-nav .hmenu > li.iFOL16 > a > .toggle {display:none;} #main-nav .hmenu > li.selected > a, #main-nav .hmenu > li:hover > a, #main-nav .hmenu > li:focus > a {color:#21b4c1;}*/ #main-nav .hmenu li.iFOL12 .menu-wrap, #main-nav .hmenu li.iFOL12 .menu-wrap.open, #main-nav .hmenu li.iFOL12.clicked .menu-wrap, #main-nav .hmenu li.iFOL12 > a > .toggle { display: none; } #main-nav .hmenu>li>ul { display: none;} #main-nav .hmenu>li:hover ul {dispaly:block;} #main-nav .hmenu>li>div>ul { opacity: 0; position: relative; list-style-type: none; margin: 0 auto; padding: 30px 20px 30px 20px; font-size: 100%; max-width: 100%; min-height: 100px; display: flex; flex-wrap: wrap; align-content: flex-start; } #main-nav .hmenu>li>div>ul>li>a { display: block; text-decoration: none; color: #fff; font-size: 110%; font-weight: 600; line-height: 22px; padding: 0px 0px 3px 0px; position: relative;} #main-nav .hmenu>li>div>ul>li {/* float: left;*/ width: 30%; padding-left: 0px; display: block; padding-bottom: 20px; position: relative; margin: 0; border-right: 2px solid #333; margin-right: 3%; } #main-nav .hmenu>li>div>ul>li:nth-child(3n+3), #main-nav .hmenu>li>div>ul>li.last { border: none;} #main-nav .hmenu>li:hover { background: #20575e; margin: 0px 1px 0px 0px;} #main-nav .hmenu>li:hover > div.menu-wrap { background: #20575e;} #main-nav .hmenu>li:hover > a, #main-nav .hmenu>li>div>ul>li:hover > a, #main-nav .hmenu>li>div>ul>li>ul>li:hover > a { color: #8ac4ac;} /* styles for level 2 */ /*#main-nav .hmenu > li > ul {display:none; opacity:0; z-index:10; position:absolute; top:65px; left:-200px; list-style-type:none; margin:0; width:500px; padding:10px 0; background:#fafafa; border-bottom:2px solid #ddd; transition:all 0.2s ease-in-out;} #main-nav .hmenu > li > ul > li {float:left; width:50%;} #main-nav .hmenu > li > ul > li > a, #main-nav .hmenu > li > ul > li > span {display:block; padding:5px 20px; color:#333;} #main-nav .hmenu > li > ul > li.selected > a, #main-nav .hmenu > li > ul > li:hover > a, #main-nav .hmenu > li > ul > li:focus > a {color:#21b4c1;}*/ /* styles for level 3 */ #main-nav .hmenu > li > ul > li > ul {} #main-nav .hmenu>li>div>ul>li>ul { list-style: none; padding: 0; margin: 0; clear: both; float: left; padding: 20px 0px;} #main-nav .hmenu>li>div>ul>li>ul>li>a {display: block; text-decoration: none; color: #fff; font-size: 13px; line-height: 22px; padding: 0 0 3px 0; position: relative;} #main-nav .hmenu>li>div>ul>li:after { content: ""; border-bottom: 3px solid #5DAD89; position: absolute; left: 0; font-size: 110%; width: 20px; height: 3px;} #main-nav .hmenu>li>div>ul>li>ul>li>ul {display: none;} /* styles for level 4 */ #main-nav .hmenu > li > ul li ul li ul {display:none;} #main-nav .hmenu > li.selected { background: #20575e;} #main-nav .hmenu > li.selected > a, #main-nav .hmenu>li>div.menu-wrap ul>li>ul>li.selected > a, #main-nav .hmenu>li>div.menu-wrap ul>li.selected > a {color: #8ac4ac !important;} /*-----section menu styles-----*/ #section-nav .navbar-collapse {padding:0; max-height:none;} #left-nav ul {list-style-type:none; margin:0; padding:0; width:100%;} #left-nav .hmenu a, #left-nav .hmenu a:link, #left-nav .hmenu a:visited {display:block; position:relative;padding:5px 10px;} #left-nav .hmenu li {position:relative;} #left-nav .hmenu li > ul {display:none;} /*level 1*/ #left-nav .hmenu > li > a, #left-nav .hmenu > li > a:link, #left-nav .hmenu > li > a:visited {background-color:#eee; color: #333; font-size:18px; border-bottom:2px solid #ddd; padding:20px 10px 5px;} #left-nav .hmenu > li > a:hover, #left-nav .hmenu > li > a:focus, #left-nav .hmenu > li > a:active {background-color:#f4f4f4; border-bottom:2px solid #ddd;} /*level 2*/ #left-nav .hmenu > li > ul > li > a, #left-nav .hmenu > li > ul > li > a:link, #left-nav .hmenu > li > ul > li > a:visited {border-bottom:1px solid #f5f5f5; font-size:100%; padding-left:20px;} #left-nav .hmenu > li > ul > li > a:hover, #left-nav .hmenu > li > ul > li > a:focus, #left-nav .hmenu > li > ul > li > a:active {border-bottom:1px solid #f5f5f5; background-color:#f4f4f4; color:#333;} /*level 3*/ #left-nav .hmenu > li > ul > li > ul > li > a, #left-nav .hmenu > li > ul > li > ul > li > a:link, #left-nav .hmenu > li > ul > li > ul > li > a:visited {border-bottom:1px solid #f5f5f5; font-size:100%; padding-left:30px;} #left-nav .hmenu > li > ul > li > ul > li > a:hover, #left-nav .hmenu > li > ul > li > ul > li > a:focus, #left-nav .hmenu > li > ul > li > ul > li > a:active {border-bottom:1px solid #f5f5f5; background-color:#f4f4f4; color:#333;} /*level 4*/ #left-nav .hmenu > li > ul > li > ul > li > ul > li > a, #left-nav .hmenu > li > ul > li > ul > li > ul > li > a:link, #left-nav .hmenu > li > ul > li > ul > li > ul > li > a:visited {border-bottom:1px solid #f5f5f5; font-size:100%; padding-left:40px;} #left-nav .hmenu > li > ul > li > ul > li > ul > li > a:hover, #left-nav .hmenu > li > ul > li > ul > li > ul > li > a:focus, #left-nav .hmenu > li > ul > li > ul > li > ul > li > a:active {border-bottom:1px solid #f5f5f5; background-color:#f4f4f4; color:#333;} /*selected item*/ #left-nav .hmenu li.selected > a, #left-nav .hmenu li.selected > a:link, #left-nav .hmenu li.selected > a:visited, #left-nav .hmenu li.selected > a:hover, #left-nav .hmenu li.selected > a:focus, #left-nav .hmenu li.selected > a:active {background-color:#f4f4f4; color:#333; pointer-events:none;} #left-nav .hmenu li.selected > ul {display:block;} #left-nav .hmenu li > ul.open {display:block;} /*toggle item*/ #left-nav .hmenu .toggle {position:absolute; top:3px; right:0; bottom:0; width:30px; height:30px; line-height:30px; z-index:100; background-color:transparent; border:0; border-radius:5px; color:#333; font-size:16px; transition:all 0.2s ease;} #left-nav .hmenu .toggle:hover, #left-nav .hmenu .toggle:focus, #left-nav .hmenu .toggle:active {background-color:#333; color:#fff;} #left-nav .hmenu li.selected > .toggle {pointer-events:none;} #left-nav .hmenu li.selected > .toggle:hover, #left-nav .hmenu li.selected > .toggle:focus, #left-nav .hmenu li.selected > .toggle:active {background-color:transparent; color:#333;} #left-nav .hmenu .toggle::after {content:"\f078"; font-family:FontAwesome; display:block; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center;} #left-nav .hmenu li.selected > .toggle::after, #left-nav .hmenu .toggle.open::after {content:"\f077";} /*---------------------------------------- / home ----------------------------------------*/ /*#banner-home {height:500px;}*/ #banner-home h1 {font-size:150%; font-weight:500; color:#21b4c1;} #banner-home p strong {font-size:430%; font-weight:600; max-width:900px; color:#fff; margin:30px auto; line-height:100%; text-shadow:2px 2px 20px #333;} section.image { overflow: hidden; background-repeat: no-repeat!important; background-position: 50% 50%!important; background-size: cover!important; color: #fff!important; position: relative;} a.btncomplaint:link, a.btncomplaint:visited, a.btncomplaint, .btncomplaint {background: #644578; padding: 15px 20px; display: inline-block; color: #fff; font-weight: 600; border: 1px solid #644578;} a.btncomplaint:hover, a.btncomplaint:focus, #header a.btncomplaint:hover, #header a.btncomplaint:focus { border: 1px solid #644578; color: #644578; background: #fff;} #header a.btncomplaint { padding: 12px 20px; border: 1px solid #644578;} #banner-home a.btncomplaint:link, #banner-home a.btncomplaint:visited, #banner-home a.btncomplaint, #banner-home .btncomplaint { text-decoration: none;} .title-icon { background: url(/images/UserUploadedImages/11/title-icon.png) no-repeat left center; padding: 15px; margin-right: 15px;} .arrow-blocks { position: relative; border: 10px solid #fff; color: #fff;} .arrow-blocks .icon { position: absolute; right: 30px; bottom:40px;} .arrow-blocks .icon:hover { text-decoration: none; border: none;} .arrow-blocks .icon:after { font-size: 80px; transition: all 0.3s ease;} .introblocks .arrow-blocks:hover .icon:after { color: #fff;} .introblocks article:nth-child(1n+2) .arrow-blocks:hover { border-color:#F68A24;} .introblocks article:nth-child(1n+3) .arrow-blocks:hover { border-color:#644578;} .introblocks article:nth-child(1n+4) .arrow-blocks:hover { border-color:#5DAD89;} .introblocks article:nth-child(1n+5) .arrow-blocks:hover { border-color:#1B8FAE;} .introblocks .arrow-blocks{transition: all 0.3s ease;} #banner-home .cover-white img{display:none;} #banner-home .bg-white { background: rgba(255, 255, 255, 0.5);} #banner-home .bg-white > img{display:none;} #banner-home .bg-white:after { background: url(/images/UserUploadedImages/11/banner-bottom-curve.png) no-repeat; content: ""; position: absolute; bottom: -50px; left: -7px; right: 0; width: 100%; height: 50px; z-index: 11;} .cover-white{position: relative;width: 450px; } .border-white{border-left:7px solid #013a4b !important; border-top:7px solid #013a4b !important;border-right:7px solid #013a4b !important;background: rgba(255,255,255,0.5); } .complaintcover.cover-white:after{ background: url(/images/UserUploadedImages/11/curve_purple.png) no-repeat;} .cover-white:after{background: url(/images/UserUploadedImages/11/curve_02.png) no-repeat; content: ""; width:100%; height:50px; display: block; position: absolute; left: 0;} .cover-white:before{position: absolute; display:block; right: 0; ; content: ""; width:408px; height:8px; bottom:-8px; background:#013a4b;} .introblocks h4{font-size:21px; line-height:28px} .widgetblocks{ background: #fff;} .mediawidget .widget { background: url(/images/UserUploadedImages/11/media-top-border.png) no-repeat; background-size: 90%;} .widget-media { background: url("/images/UserUploadedImages/11/media-sideIco.png") no-repeat 100% 35px; padding: 60px 142px 60px 40px; background-size: 150px;; } .widget-mediaheading > h2, .widget-mediaheading > a { display: inline-block;} .widget-mediaheading { padding-bottom: 20px;} .widget-mediaheading h2 {padding-right: 10px; vertical-align: sub; font-size: 28px; font-weight: bold; color: #1f565e; display: inline; padding-right: 10px;} .widget-mediaItem { padding-left: 30px; padding-bottom: 20px;} .widget-mediaItem h4 { color: #1B8FAE; font-weight: bold; line-height: 1.3; position: relative; padding-bottom: 20px;} .widget-mediaItem h4 a { color: #1B8FAE; font-weight: bold;} .widget-mediaItem h4:after { content: ""; position: absolute; left: 0; bottom: 0; border: 3px solid #5DAD89; width: 18px;} .widget-mediaItem span.itemdate { color: #333; font-weight: 600; display: inline-block; padding-bottom: 7px;} .widget-mediaItem > p{color: #333; font-weight: 600; display: inline-block; line-height:21px; } .publicwarnwidget .widget { background: url(/images/UserUploadedImages/11/warn-top-border.png) no-repeat 25px 0px; background-size: 100%;} .publicwarn-widget{ background: url("/images/UserUploadedImages/11/warn-sideIco.png") no-repeat 0px 125px; padding:40px 15px 60px 40px; background-size: 150px; } .widget-publicwarnheading > h2, .widget-mediaheading > a { display: inline-block;} .widget-publicwarnheading { padding: 0px 0px 50px 20px; line-height: 37px;} .widget-publicwarnheading h2 {padding-right: 10px; vertical-align: sub; font-size: 28px; font-weight: bold; color: #1f565e; display: inline; padding-right: 10px;} .publicwarn-tem { padding-left: 140px; padding-bottom: 30px;} .publicwarn-tem h4 { color: #1B8FAE; font-weight: bold; line-height: 1.3; position: relative; padding: 0px; margin:0px; } .publicwarn-tem h4 a { color: #1B8FAE; font-weight: bold;} .publicwarn-tem .itemdate:after { content: ""; position: absolute; left: 0; bottom: 0; border: 3px solid #F68A24; width: 18px;} .publicwarn-tem span.itemdate { color: #333; font-weight: 600; display: inline-block; padding-bottom: 17px; position: relative;} /*.publicwarn-tem > p{color: #333; font-weight: 500; display: inline-block; line-height:21px }*/ .faqlinkhome.border-medium { border-width: 3px; border-left: none; border-right: none; border-color: #b8b9bc;} .faqlinkhome h4, .faqlinkhome a, .faqlinkhome img { display: inline; vertical-align: middle;} .faqlinkhome > h4 { padding-right: 30px;} .faqlinkhome > a { padding: 0px 5px 0px 20px; color: #1B8FAE; font-weight:bold; font-size:120%; text-decoration:none; border:none; } .spotlighthead > h6 { text-align: center; color: #333; font-weight: bold; padding-bottom: 20px; position: relative;} .spotlighthead > h3 { text-align: center; padding-bottom: 30px; } .spotlighthead > h6:after { content: ""; position: absolute;left:49%; bottom: 0; border: 3px solid #F68A24; width: 18px;} .spotlightwrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .spotlightwrap .contentblockItem { background: #e8e8e9; float: none; padding: 20px; text-align: center; margin: 0px 20px 0px 0px; width: calc(25% - 20px); flex: calc(25% - 20px); } .spotlightwrap .contentblockItem:last-child { margin: 0;} .spotlightwrap .contentblockItem h2 { font-size: 450%; color: #403f41; font-weight: 800;} .spotlightwrap .contentblockItem h5 { margin: 10px 0px 0px;} .spotlightwrap .contentblockImg { height: 115px; width: 100%; display: inline-block; text-align: center; line-height: 130px;} .spotlightwrap .contentblockItem > p { color: #013b4b; font-weight: 700;} .CustomRatingContainer > h2 { display: none;} .CustomRatingContainer ul { list-style: none; margin: -12px 0px 0px 0px; padding: 0px;} .CustomRatingContainer ul li { float: left; padding-left: 15px;} .articleEditeddate, .ratingDetails, .tratingDetails>h2 { font-size: 90%;} .message { display: none;} .ratingDetails > h2 { display: inline;} .CustomRatingContainer.RatingContainer { float: left;} .ratingDetails > p { float: left;} .CustomRatingContainer ul li > a { padding-right: 15px; vertical-align: super;} .articleEditeddate { float: left;} .ratingDetails { float: right; position: relative;} .RatingContainer ul li span.rating-number .accessible { display: none;} .ratingDetails .message {position: absolute; left: 0; bottom: -20px; display: block; font-weight: bold; color: #013b4b;} .twocol-box-wdgt { display: flex; flex-wrap: wrap; align-content: space-evenly; height: 100%;} .twocol-box-container { height: 100%; width: 100%;} .twocol-box-container>h4 a, .twocol-box-container>h4 a:link { font-weight: bold; line-height: 28px;} .widget-brief > img, .widget-brief > h2, .widget-brief > .btn {display: inline; vertical-align: middle; margin-right: 5px;} .widget-brief > p { margin-top: 20px; } .widget-brief { padding-bottom: 40px;padding-left:42px;} .widget-brief table { margin-left: 15px;} .refine-widget-left { background: #e8e8e9;} .tabrefinewidget > h2 { color: #013b4b;font-weight: bold;font-size: 100%; position: relative; padding-bottom: 10px;} .tabrefinewidget { padding: 20px 10px 0px;} .tabrefinewidget>h2:after { content: ""; position: absolute; left: 0; bottom: 0; border: 2px solid #5DAD89; width: 24px;} .tabrefinewidget.refinewidget ol li a { color: #333; font-size: 95%; font-weight: 600; line-height: 23px;} .tabrefinewidget.refinewidget ol li{ padding: 0 10px 0px 0; line-height: 26px;} .tabrefinewidget.refinewidget .searchInput {background: #fff; border: none; height: 45px;} .tabrefinewidget.refinewidget a.searchLink { height: 45px; background: transparent; border: none; right: 17px; box-shadow: none; top: 0; } .tabrefinewidget.refinewidget a.searchLink:after { color: #5DAD89; font-size: 22px; top: 10px; background: url(/images/UserUploadedImages/11/searchIcohccc.png) no-repeat; background-size: 25px; content: "";} .refinewidget.tabrefinewidget span.RefineWidgetRemove { position: absolute;} .tabrefinewidget.refinewidget ol li a:hover { color: #8ac4ac;} .tabrefinewidget.refinewidget>ol>li>ol.widgetRefineLevel3 { padding-bottom: 20px;} .tabrefinewidget.refinewidget ol li:last-child ol.widgetRefineLevel3{ padding-bottom: 0px;} .tabrefinewidget.refinewidget#RefineWidget3160 ol > li a { font-weight: bold; font-size: 100%;} .tabrefinewidget.refinewidget#RefineWidget3160 ol > li >ol.widgetRefineLevel3 li a{font-weight:500; font-size:95%;} .tabrefinewidget.refinewidget#RefineWidget3156 ol > li a { font-weight: bold; font-size: 100%;} .tabrefinewidget.refinewidget#RefineWidget3156 ol > li >ol.widgetRefineLevel3 li a{font-weight:500; font-size:95%;} .tabrefinewidget.refinewidget#RefineWidget3178 ol > li a { font-weight: bold; font-size: 100%;} .tabrefinewidget.refinewidget#RefineWidget3178 ol > li >ol.widgetRefineLevel3 li a{font-weight:500; font-size:95%;} .tabrefinewidget.refinewidget.date-expand > ol.widgetRefineLevel1 > li ol {display:none;} .tabrefinewidget.refinewidget ol li.activeitem > a { color: #5dad89; font-weight: bold; border-bottom: 4px solid #5dad89;} .twocol-box-wdgt .pagination { width: 100%;} .twocol-box-wdgt .pagination .widgetPageLinks { border: none; margin: 0; padding: 0px 20px;} .twocol-box-wdgt .pagination .widgetPageLinks>h3 { display: none;} .twocol-box-wdgt .pagination .widgetPageLinks a {color: #1B8FAE;font-size: 95%;} .twocol-box-wdgt .pagination .widgetPageLinks a span.resultPageNumberSelected { border: 1px solid #1B8FAE; padding: 5px 8px;} .refine-widget-left, .widget-contentwrap { margin-bottom: 40px; float: right; margin-top:20px;} ul.widget-tab li:nth-child(2) a:after { border: 2px solid #F68A24; /* orange*/} ul.widget-tab li:nth-child(3) a:after {border: 2px solid #644578; /* purple */} #page-content .content-area article .widget-contentwrap > ul.widget-tab li:before { content: ""; } #page-content .content-area article .widget-contentwrap > ul.widget-tab li { padding: 0;} [id$="_pnlPageLinks"] {font-size:0;} [id$="_pnlPageLinks"] > a { color: #1B8FAE; font-size: 13px; padding: 0px 3px;} [id$="_pnlPageLinks"] > a span.resultPageNumberSelected { border: 1px solid #1B8FAE; padding: 5px 6px; font-weight:bold;} .orange .tabrefinewidget>h2:after { border: 2px solid #F68A24;} .purple .tabrefinewidget>h2:after { border: 2px solid #644578;} .cover-white.complaintcover { width: 100%; margin-bottom: 60px;} .complaintcover.cover-white:before { width: calc(100% - 50px); background: #644578;} .complaintcover.cover-white .border-white { border-left: 7px solid #644577 !important; border-top: 7px solid #644578 !important; border-right: 7px solid #644578 !important; background: rgba(255,255,255,0.5);} .complaint-list > div { padding: 0px 10px 0px 0px;} .complaint-list .bg-shade { width: 100%; height: 100%; padding:20px 20px 0px 30px; margin: 0; display:table;} .complaint-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .complaint-list .bg-shade > img { float: right; padding: 30px 0px 0px 0px;} .complaintabout.border-dashed {border-width: 3px;border-left: none;border-right: 0;border-color: #b8b9bc;display: inline-block;width: 100%;margin-top: 5px;padding:15px 0px;} .complaintabout p {font-weight: 700;font-size: 110%;} .complaintaccord-right.margin-top-full { margin-top: 15px;} .complaint-list .bg-shade .loactionIcon { display: table-row; text-align: right; position: relative; height: 80px;} .complaint-list .bg-shade .loactionIcon img { position: absolute; bottom: 5px; right: 20px; max-width:40%;} .complaint-list .bg-shade > p { padding-bottom: 30px;} .complaintaccord-right .accordion { margin: 0;} .complaintaccord-left > h2 { color: #000; font-size: 170%;} .complaint-list.small .loactionIcon { height: 100px;} .complaint-list.small .loactionIcon img { height: 100px;} .complaint-list.small .bg-shade > p { padding: 0;} .complaintabout .btn-primary, .complaintabout .btn-primary:link, .complaintabout .btn-primary:hover, .complaintabout .btn-primary:focus { border: 8px solid #5DAD89; color: #000; box-shadow: none; padding: 20px 40px; margin: 0px 10px 0px 0px; font-weight:bold; background: transparent;} .complaintabout .btn-secondary, .complaintabout .btn-secondary:link, .complaintabout .btn-secondary:hover, .complaintabout .btn-secondary:focus, .complaintabout .btn-secondary:not(:disabled):not(.disabled).active {border: 8px solid #eee;color: #000;box-shadow: none;padding: 20px 40px;margin: 0px 10px 0px 0px;background: transparent; background-color: none; font-weight:bold;} .complaintabout .btn-secondary.active, .complaintabout .btn-secondary.active:link, .complaintabout .btn-secondary.active:hover, .complaintabout .btn-secondary.active:focus, .complaintabout .btn-secondary:not(:disabled):not(.disabled).active { border: 8px solid #f68a24; color: #000; box-shadow:none;} body > form[action*="edit"] .complaintaccord-right.hide, body > form[action*="Edit"] .complaintaccord-right.hide { display: block!important;} .userImg { width: 150px; margin-bottom: 10px; float: left; padding-right: 20px;} .userImg img { max-width: 100%; display: block;} table.exec-team tr td:first-child { width: 170px;} .border-box{ color: #333; padding: 20px; border: 8px solid #F68A24; margin-bottom: 30px;} /*---------------------------------------- / content ----------------------------------------*/ #breadcrumbs {} #breadcrumbs p {border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} #breadcrumbs .breadcrumb {background:transparent; border-radius:0; border:0; margin:0; padding:0;} #breadcrumb-panel { padding: 20px 15px 10px; margin-bottom: 40px; } #breadcrumb-panel .breadcrumb>li a, #breadcrumb-panel .breadcrumb>li+li:before {color: #666; font-size: 12px;} #breadcrumbs .breadcrumb { border-bottom: 3px dashed #e8e8e8; width: auto; display: inline-block; padding:0px 30px 12px 0px;} .breadcrumb > li { display: inline-block; } #utilities {display:none; position:absolute; top:0; right:0;} #utilities ul {list-style-type:none; margin:0; padding:0;} #utilities ul li {display:inline;} ul.listitem, ul.faqlist { margin: 0 0 20px 20px; padding: 0 20px; list-style: none} ul.listitem li:before, ul.faqlist li:before {content: "\2022";color: #8ac4ac;font-size: 250%;font-weight: bold;display: inline-block;width: 1em;margin-left: -0.6em;top: -2px;position: absolute;margin-right: 0;} ul.listitem li, ul.faqlist li {font-size: 100%;font-weight: 500;line-height:21px;position: relative;list-style: none; padding-bottom: 10px;} ul.listitem li a, ul.faqlist li a { color: #333;} ul.listitem li a { color: #21b4c1; text-decoration: underline; transition: all .2s ease-in-out;} #page-content .content-area article > ul, #page-content .content-area article .widget-contentwrap > ul { margin: 0 0 20px 0px; padding: 0 20px; list-style: none} #page-content .content-area article > ul li:before, #page-content .content-area article .widget-contentwrap > ul li:before{content: "\2022";color: #8ac4ac;font-size: 250%;font-weight: bold; display: inline-block;width: 1em;margin-left: -0.6em;top: -2px;position: absolute;margin-right: 0;} #page-content .content-area article > ul li, #page-content .content-area article .widget-contentwrap > ul li{font-size: 100%;font-weight: 500;line-height:21px;position: relative;list-style: none; padding-bottom: 10px;} #page-content .content-area article > ul li a, #page-content .content-area article .widget-contentwrap > ul li a { color: #333; text-decoration: underline; transition: all .2s ease-in-out; word-break: break-all;} ul.twocollist li { width: 50%; float: left;font-size: 100%;font-weight: 500;line-height:21px;position: relative;list-style: none; padding-bottom: 10px; } ul.twocollist { clear: both; width: 100%; display: inline-block; margin: 20px 0px 0px 0px; padding: 0 20px; list-style: none} ul.twocollist li:before {content: "\2022";color: #8ac4ac;font-size: 250%;font-weight: bold;display: inline-block;width: 1em;margin-left: -0.6em;top: -2px;position: absolute;margin-right: 0;} ul.twocollist li a { color: #21b4c1; text-decoration: underline; transition: all .2s ease-in-out;} ol.number,ol { margin: 0 0 20px 20px; padding: 0 0 0px 20px; } ol.number li,ol li { position: relative; line-height:28px; } table.table {border-collapse: collapse;width: 100%;border:none;margin-bottom: 20px;} table.table tr, table.table tr td { border: none; } table.table th, table.table td { text-align: left; padding: 15px !important;} table.table tr:nth-child(odd) {background-color: #f2f2f2;} .btn.btn-navigation, .btn:link.btn-navigation { color:#333;padding: 20px 50px 20px 15px;border: 8px solid #644678;border-radius: 0;margin-bottom: 20px;background: transparent;font-weight:bold;font-size:100%; position: relative; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; white-space: -webkit-pre-wrap; word-break: break-word; white-space: normal; text-align:left;} .btn.btn-navigation:after {content:"\f105"; font-family:Fontawesome; border:none;font-size:3em;position:absolute;right:15px;top: 1px;margin: 0;padding: 0;font-weight: 500;color: #644678;} .btn-navigation.secondary{border: 8px solid #5DAD89; color:#333!important;} .btn-navigation.secondary::after {color:#5DAD89;} .btn-navigation.highlight{border: 8px solid #F68A24;} .btn-navigation.highlight::after {color:#F68A24;} .btn-navigation.primary { border: 8px solid #013b4b; color: #013b4b;} .btn-navigation.primary:after { color: #013b4b;} button#LogoutSubscriber { padding: 10px 20px; margin: 5px 0px 0px 10px;} .nav-tabs .nav-item {padding-bottom: 0 !important; } .nav-tabs .nav-item:before { display: none !important; } /*---------------------------------------- / Sitemap ----------------------------------------*/ .sitemapMenu ul li.iFOL12 { display: none;} .sitemapMenu > ul {list-style: none;font: 14px 'Montserrat',sans-serif;} .sitemapMenu ul > li {list-style: none;line-height: 24px;position: relative;} .sitemapMenu ul > li > ul li { width: 100%;} .sitemapMenu > ul li a { font-weight: 600; color: #8ac4ac; font-size: 15px;} .sitemapMenu > ul li ul li a { color: #333; font-weight: normal; font-size: 14px;} .sitemapMenu ul > li {display: block;margin-bottom: 15px;} .sitemapMenu ul > li > ul > li {margin-bottom: 0;} .sitemapMenu ul > li:before { content: "\2022"; color: #8ac4ac; font-size: 200%; font-weight: bold; display: inline-block; width: 1em; margin-left: -0.6em; top:-2px; position: absolute; margin-right: 0;} .sitemapMenu ul > li.iFOL12 ul {display: none;} /*---------------------------------------- / sidebar ----------------------------------------*/ #sidebar {} #sidebar h3 {border-bottom:1px solid #409ec1; padding-bottom:5px; font-size:160%;} #sidebar h4 {font-size:140%;} #sidebar h5 {font-size:120%;} #sidebar h6 {font-size:100%;} content-bottom-right, .content-top-right {background: url(/images/UserUploadedImages/11/right-bar-border.png)no-repeat left top; padding: 60px 20px 20px 60px; margin:0px 0px 60px 0px; position:relative; } .content-area .leftcontent { padding-right: 120px; padding-left: 55px;} .content-top-right:before { background: url(/images/UserUploadedImages/11/right-bar-border-leftline.png) repeat-y left top; content: ""; height: 100%; width: 2px; position: absolute; left: 0; top: 1px;} .content-top-right .btn.btn-navigation, .content-top-right .btn:link.btn-navigation { font-weight: 500; font-size: 13px;} .content-top-right p { font-size: 13px;} /*---------------------------------------- / footer ----------------------------------------*/ #scroll-top {display:none; position:fixed; bottom:0; right:0;} #scroll-top a {display:none; color:#3d3d3d;} #footer {} #footer ul {list-style-type:none; margin:0; padding:0; display: inline;} #footer ul li {float:left; padding:25px 5px 0px;} #footer #footer-bottom p {margin:0; padding:0;} #footer #footer-links .hmenu {} #footer #footer-links .hmenu > li {width:50%; float:left; margin:0; padding:0;} #footer #footer-links .hmenu > li > a {font-size:150%; font-weight:bold;} #footer #footer-links .hmenu > li > ul {} #footer #footer-links .hmenu > li > ul > li {width:50%; float:left; padding:0 15px 5px 0;} #cookie-alert {position:fixed; bottom:0; left:0; right:0;} #cookie-alert .row {margin:0;} #cookie-alert .alert-info {border:0; background:#000; color:#fff; border-radius:0; margin:0; text-align:center;} #cookie-alert .btn-primary {border:0; background:#fff; color:#000;} #cookie-alert p {display:inline-block;} #cookie-alert button {display:inline-block; margin-left:15px;} #cookie-alert a {color:#fff; border-bottom:1px solid #fff;} #cookie-alert a:hover, #cookie-alert a:focus {border-color:#fff;} #footer-information { background: #1c4e55;} #footer-contact { background: #1d5158;} #footer-list ul { padding: 0; margin: 0; list-style: none;} #footer-list ul li { width: 380px; font-size: 14px; font-weight: 600; padding: 20px 0px 20px 50px; border-bottom: 3px dotted rgba(204, 204, 204, 0.5); float: none; display: inline-block; clear: both;} #footer-list ul li:last-child { border: none;} #footer-list ul li a { text-decoration: none;} #footer-list ul li a:hover, #footer-menu ul li a:hover { border: none;} #footer-menu img { margin: 0px; padding:0px;} .footerwrap { padding: 40px;} .footerwrap p{line-height:24px; font-size: 90%;} #footer-menu ul li a{font-size:90%;} #footer-list ul li.listitem1 {background: url("/images/UserUploadedImages/11/subscrib-ico.png") no-repeat 0 50%;background-size: 35px;} #footer-list ul li.listitem2 { background: url("/images/UserUploadedImages/11/cubs-chat-ico.png") no-repeat 0 50%; background-size: 30px;} #footer-list ul li.listitem3 { background: url("/images/UserUploadedImages/11/resource-ico.png") no-repeat 0 50%; background-size: 30px;} #footer-list ul li.listitem4 {background: url("/images/UserUploadedImages/11/info-ico.png") no-repeat 12px 50%;} .contentfooter { clear: both; border-top: 3px dashed #b8b9bc; padding: 30px 0px 0px; font-size: 100%; margin-top: 30px; display: inline-block;} #footer-content { background: #232323; color: #fff;} #footer-content p { font-size: 13px; margin: 0px; padding: 0; line-height: 1.5; } #footer-content img{height:40px; padding-left:20px; } /*---------------------------------------- / Accordion ----------------------------------------*/ body>.accordion-wrap>.accordion-header {border: 1px solid #0064a8; padding: 20px; margin-bottom: 5px} body>.accordion-wrap>.accordion-content {display: block; border: 1px solid #ccc; padding: 20px; margin-bottom: 40px;} .accordion-wrap+br {display: none} .accordion-wrap {margin: 25px 0px 40px 0px;} .accordion-wrap h3 {line-height: 1.5;text-align: left; clear: both;cursor: pointer; position: relative;padding: 17px 40px 17px 15px; margin: 0 0 10px 0; width: 100%; background: #efefef; color: #333; font-size: 100%; } .accordion-content {background: #fff;display: none;width: 100%;padding: 10px;position: relative;} .accordion-wrap h3:after {content: "\f107";font-family: Fontawesome;border: 0;font-size: 3em;position: absolute;right: 15px;top: -2px;font-weight: 500;color: #8ac4ac;} .accordion-wrap h3.active-header:after {content: "\f106";} .accordion-content>p { line-height: 22px; font-size: 95%;} .accordion .card.panel-default, .accordion .card { border: none;margin: 0 0 10px 0;box-shadow: none;border-radius: 0px;background: transparent;} .accordion .panel-default>.card-header, .accordion .card > .card-header {padding: 0;border: none;border-radius: 0;} .accordion h3.card-title a, .accordion h3.card-title button, .accordion .card-header > h3 button { color: #333; padding: 17px 45px 17px 15px; font-weight: bold; font-size: 105%; width: 100%; display: inline-block; box-shadow: none; } .accordion-group+br { display: none} .accordion { margin: 25px 0 40px 0} .accordion h3 { line-height: 1.5; text-align: left; clear: both; cursor: pointer; position: relative; margin: 0 0 10px 0; width: 100%; background: #efefef; color: #333; font-size: 100%} .accordion h3 a.collapsed:after, .accordion h3 button.collapsed:after { content: "\f107"; font-family: Fontawesome; border: 0; font-size: 42px; position: absolute; right: 15px; top: -2px; font-weight: 500; color: #8ac4ac;} .accordion h3 a:after, .accordion h3 button:after { content: "\f106"; font-family: Fontawesome; border: 0; font-size: 40px; position: absolute; right: 15px; top: -2px; font-weight: 500; color: #8ac4ac;} .accordion h3 a:hover, .accordion h3 button:hover {color:#333;} .accordion .card.panel-default .card-body, .accordion .card .card-body { padding: 15px 15px 15px 0px;} /*---------------------------------------- / pagination ----------------------------------------*/ .pagination {} .pagination .audible {position:absolute; left:-9999px;} .pagination p {} .pagination ul {list-style-type:none; margin:0; padding:0;} .pagination ul li {float:left; margin-right:10px;} .pagination ul li > span, .pagination ul li > a {border:0; background-color:#fff; padding:2px;} .pagination ul li.disabled {display:none;} .pagination ul li.current {font-weight:bold; font-size:110%;} .page-link:hover { background-color: #fff; border: 0; } .page-item .page-link { font-size: 13px; border: 0; padding: 5px; } .page-item.active .page-link { color: #063a4b; } /*---------------------------------------- / Tabbing ----------------------------------------*/ .custom-tab .tab-pane{display: none;} .custom-tab .tab-pane.active{display: block;} ul.widget-tab { border-bottom: 1px solid #b8b9bc; list-style: none; width: 100%; display: inline-block; margin: 0px 0px 50px 0px; padding: 0px;} ul.widget-tab li { float: left; margin: 0px 10px -1px 0px; position:relative;} ul.widget-tab li a { padding: 20px; display: inline-block; color:#013b4b; font-weight:bold; border: 1px solid #b8b9bc; background: #ededed;} ul.widget-tab li.active a { border-bottom-color: transparent; background:#fff;} ul.widget-tab li a:after { content: ""; position: absolute; left: 10px; top: -2px; width: 24px; border:2px solid #5DAD89; border-radius: 10px;} ul.widget-tab li a:before {width: 31px; position: absolute; left: 6px; top: -2px; background: #ededed; content: ""; height: 5px;} ul.widget-tab li.active a:before {width: 31px; position: absolute; left: 6px; top: -2px; background: #fff; content: ""; height: 5px;} .orange .tabrefinewidget>h2:after { border: 2px solid #F68A24;} /*---------------------------------------- / search results ----------------------------------------*/ ol#searchResultsInfo > li {margin-bottom:30px;} ol#searchResultsInfo > li > a {border:0 !Important;} #taxon-refine .card {border-radius:2px; box-shadow:none; margin:0 0 15px 0;} #taxon-refine .card .card-header {font-size:100%; color:#333; padding:0; margin:0; float:left; width:100%;} #taxon-refine .card .card-header a {color:#333; display:block; padding:10px 30px 10px 10px; position:relative; line-height:1; transition:all 0.2s ease-in-out;} #taxon-refine .card .card-header a:hover, #taxon-refine .card .card-header a:focus {border:0; background:#eee;} #taxon-refine .card .card-header a::after {content:"\f077"; font-family:FontAwesome; position:absolute; top:10px; right:10px; font-size:14px; width:14px; height:14px; color:#333; transition:all 0.2s ease-in-out;} #taxon-refine .card .card-header a.collapsed::after {transform:rotate(180deg);} #taxon-refine .card .card-body {clear:both;} /*--------------------------------------------------------------------- site modules ---------------------------------------------------------------------*/ /*---------------------------------------- / acknowledgements ----------------------------------------*/ .alert-list .alert-item {position:relative;} .alert-list .alert-item .desc img {width:100px; vertical-align:top; padding-right:15px;} .alert-list .alert-item .confirm {} /*---------------------------------------- / document upload ----------------------------------------*/ .FileUpload a#btnAdddocument1 {display:inline-block; vertical-align:top; margin-bottom:20px;} .FileUpload a#btnAdddocument1:hover, .FileUpload a#btnAdddocument1:focus {} /*---------------------------------------- / widgets ----------------------------------------*/ .widget dl, .widget dt, .widget dd {list-style-type:none; margin:0; padding:0;} .widget dd {line-height:150%;} .widget .widgetPageLinks {} .widget .widgetPageLinks h3 {display:inline; font-size:100%;} .widget p img {padding-right:10px;} .widget .widgetPageLinks {border-top:1px solid #ddd; margin-top:15px; padding-top:15px;} .widget .widgetPageLinks .resultPageNumberSelected {font-weight:bold;} #nyroModalWrapper {background-color:#000; height:auto !important} #nyroModalWrapper h1 {margin:10px 0 0 10px;} #nyroModalFull #closeBut {color:#ffffff; background:#000; padding:5px; position:absolute; top:10px; right:10px;} #nyroModalWrapper #nyroModalContent {overflow:hidden !important;} .widget .media {} .widget .media .block {width:100%;} .widget .media h2 {clear:both; font-size:110%; font-weight:bold; line-height:1.4;} /*---------------------------------------- / widget refinements /*---------------------------------------*/ .refinewidget {margin-bottom:20px; position:relative;} .refinewidget ol {list-style-type:none; margin:0; padding:0;} #wrapper #page-content #sidebar .refinewidget > ol {margin-left:11px;} .refinewidget ol li {padding:0 10px 5px 0; position:relative;} #wrapper #page-content #sidebar .refinewidget ol li {margin-bottom:0;} .refinewidget > ol > li > ol {margin:5px 0 0 10px;} #wrapper #page-content #sidebar .refinewidget > ol > li > ol {margin-left:10px;} .refinewidget > ol > li > ol > li {} .refinewidget > ol > li > ol > li > ol {margin:5px 0 0 20px;} #wrapper #page-content #sidebar .refinewidget > ol > li > ol > li > ol {margin-left:20px;} .refinewidget > ol > li > ol > li > ol li {} .refinewidget ol li .RefineSelected {font-weight:bold !important;} .refinewidget ol li .RefineWidgetRemove {float:left; position:absolute; top:5px; right:0; width:12px; height:12px; text-indent:-9999px;} .refinewidget ol li .RefineWidgetRemove::after {content:"\f2d3"; font-family:FontAwesome; font-size:21px; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:21px; text-indent:0; color:#5f5f5f; font-weight: bold;} .refinewidget .searchInput {display:block; width:100%; height:30px; padding:5px 35px 5px 5px; line-height:1.428571429; vertical-align:middle; background:#fff; border:1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .refinewidget .searchInput:hover, .refinewidget .searchInput:focus {} .refinewidget a[id$="SearchLinkButton"] {position:absolute; bottom:0; right:0; text-indent:-9999px; color:#fff; text-decoration:none; padding:0; border:1px solid #21b4c1; background:#21b4c1; border-radius:0; display:block; letter-spacing:1px; width:30px; height:30px;} .refinewidget a[id$="SearchLinkButton"]::after {content:"\f002"; font-family:FontAwesome; font-size:16px; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:30px; text-indent:0;} .refinewidget a[id$="SearchLinkButton"]:hover, .refinewidget a[id$="SearchLinkButton"]:focus {text-decoration:none; cursor:pointer;} .searchInput.RefineSelected + a.RefineWidgetRemove {text-indent: 0; width: auto; background: none; } .searchInput.RefineSelected + a.RefineWidgetRemove::after { display: none; } /*-----widget search-----*/ .widget-search {display:none; width:300px; background:#ddd; border-left:2px solid #ccc; position:fixed; top:0; right:0; bottom:0; z-index:9999; height:100%; padding-bottom:75px;} .widget-search.open {display:block;} .widget-search > h2 {padding:15px; margin:0;} .widget-search .widget-search-options {height:100%; overflow-y:scroll; padding:15px;} .widget-search .form-actions {position:absolute; bottom:0; left:2px; right:0; background:#ccc; padding:15px; margin:0;} .widget-search .form-actions > .btn {margin:0;} .widget-search .close-filters {position:absolute; top:0; right:0;} /*---------------------------------------- / alerts stream ----------------------------------------*/ #page-content .notifications {} #page-content .notifications .alerts-section {} #page-content .notifications .alert-item {border:none; border-bottom:1px solid #eee; padding:0 0 35px 0; margin:0 0 15px 0; position:relative;} #page-content .notifications .alert-item header {position:relative; padding-right:100px;} #page-content .notifications .alert-item header h4 {margin-bottom:10px;} #page-content .notifications .alert-item header p.Alerted-date-item {font-size:90%;} #page-content .notifications .alert-item header .indicator {position:absolute; top:0; right:0; font-style:italic;} #page-content .notifications .alert-item .options {position:absolute; bottom:15px; right:0; list-style-type:none; margin:0; padding:0;} #page-content .notifications .alert-item .options li {display:inline; padding-left:15px;} /*---------------------------------------- / carousels /*---------------------------------------*/ .carousel-contents {position:relative; max-width:940px;} .carousel-contents #slider-prev {opacity:0; display:block; position:absolute; top:50%; left:20px; z-index:2000; text-indent:-9999px; width:38px; height:38px; background:#f0f0f0 url(/images/tdcm/slider_prev.png) no-repeat 50% 50%;} .carousel-contents #slider-next {opacity:0; display:block; position:absolute; top:50%; right:20px; z-index:2000; text-indent:-9999px; width:38px; height:38px; background:#f0f0f0 url(/images/tdcm/slider_next.png) no-repeat 50% 50%;} .carousel-contents:hover #slider-prev, .carousel-contents:focus #slider-prev, .carousel-contents:hover #slider-next, .carousel-contents:focus #slider-next {opacity:1;} .carousel-contents #slide {width:100%; height:450px; position:relative; overflow:hidden;} .carousel-contents #slide > div {width:100%; height:450px;} .carousel-contents #slide > div .content {} .carousel-contents #slide > div h3 {float:left; position:relative; z-index:2; font-size:250%; color:#fff; margin:40px 20px 20px 20px; padding:10px; background-color:#666;} .carousel-contents #slide > div p {float:left; clear:both; position:relative; z-index:2; font-size:175%; color:#fff; margin:0 20px 20px 20px; padding:10px; background-color:#95BA00;} .carousel-contents #slide > div img {position:absolute; top:0; left:0; z-index:1;} /*---------------------------------------- / workspace members /*---------------------------------------*/ div[id$="MemberPanel"] {margin-bottom:45px;} .uploaded-documents-content {list-style-type:none; margin:0; padding:0;} .uploaded-documents-content li {border-bottom:1px solid #E0E0E0; padding:0 10px 10px 10px; margin-bottom:10px; line-height:1;} .uploaded-documents-content li .published-icon {} .uploaded-documents-content li .document-link {padding-right:10px;} .uploaded-documents-content li .document-details {font-style:italic; font-size:90%;} .uploaded-documents-content li .document-details label {font-weight:normal;} /*---------------------------------------- / rss /*---------------------------------------*/ .rss ol {margin:0; padding:0; list-style-type:none;} .rss ol li {margin:0 0 30px 0; padding:0 0 30px 0; border-bottom:1px solid #eee;} .rss ol li > a {float:left; font-size:160%;} .rss ol li > span {float:left; padding-bottom:10px;} .rss ol li > span.rssfeedheaddate {clear:left;} .rss ol li > span.rssfeedTime {} .rss ol li img {width:100%; max-width:100%; margin-bottom:15px;} /*---------------------------------------- / wiki /*---------------------------------------*/ .module-area .ArticleList ul {list-style-type:none; margin:0; padding:0;} .module-area .ArticleList ul li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #ccc;} .module-area .ArticleList ul li a {display:block; margin-bottom:5px;} .module-area .ArticleList ul li span.ArticleSeparator {display:none;} .module-area .ArticleList ul li span.ArticleDescription {display:block;} /*---------------------------------------- / polls ----------------------------------------*/ #PollMain {width:100% !important; max-width:500px !important; padding:0;} #PollMain #PollSection span {font:18px/1.2em georgia,arial,verdana,sans-serif; margin:0 0 10px 0; display:block;} #PollMain span.RenderPoll {display:block; margin:10px 0px;} /*poll page*/ #PollMain span.RenderPoll input {margin:0 5px 5px 0;} #PollMain span.RenderPoll label {margin:0 0 5px 0;} #PollMain input[id$="btnPoll"] {margin:10px 0;text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #1D779F; background-color:#1D779F; border-radius: 2px; display:inline-block; vertical-align:top;} #PollMain input[id$="btnPoll"]:hover, #PollMain input[id$="btnPoll"]:focus {border:1px solid #00557F; cursor:pointer;} #PollMain #ctl00_ContentPlaceHolderMainNoAjax_ctl01_btnViewResult {margin:0 5px;} #PollMain #PollSection .RenderPoll label, #PollMain #PollSection .RenderPoll input {margin-top:10px; display:block;} /*results*/ #PollMain ul {margin:0; padding:0; list-style-type:none;} #PollMain ul li {position:relative; margin-bottom:5px;} #PollMain ul li .pollOption {display:block;} #PollMain ul li .pollOuter {width:165px;} #PollMain ul li .pollOuter .pollPercent {} #PollMain ul li .pollOuter span {position:absolute; left:175px; bottom:0px;} /*---------------------------------------- / quiz ----------------------------------------*/ .content-area .clsQuizTable {width:90%; background-color:transparent; border:none;} .content-area .clsQuizTable th {border:none; padding:0;} .content-area .clsQuizTable td {border:none; padding:0;} .content-area .clsQuizTable td.clsQuesNo {text-align:right; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #ddd;} .content-area .clsQuizTable td.clsQuesText {font:normal 160% tahoma,arial,verdana,sans-serif; color:#002341; padding:20px 0; margin:0; border-top:1px solid #ddd;} .content-area .clsQuizTable td.clsPrev {text-align:left; padding-top:20px;} .content-area .clsQuizTable td.clsNext {text-align:right; padding-top:20px;} .content-area .clsQuizTable td.clsOptions {padding-bottom:10px;} .content-area .clsQuizTable td.clsOptions input {margin-right:10px;} /*---------------------------------------- / form creator ----------------------------------------*/ .clsFormCreator {margin:0 0 30px 0;} .clsFormCreator div > input.clsDateBox {width:200px !important;} .clsFormCreator fieldset legend {color:inherit; font-size:100%; border:none; font-weight:bold;} .clsFormCreator .clsFieldset {margin-bottom:30px; padding:15px 0; background:#f3f3f3; border-radius:5px;} .clsFormCreator .clsFieldset > legend {font-size:120%; margin:0; padding:0;} .clsFormCreator div .clsOrderOfPreferenceSpanOptions.form-group {margin-left:0; margin-right:0;} .clsFormCreator div.clsMandatory {clear:both; margin-bottom:15px; text-align:right; font-size:90%;} .clsFormCreator .clsFormCreator_button {text-align:right;} .clsFormCreator div.form-actions > div input {margin-right:15px;} .clsFormCreator .submit-failed, .clsFormCreator .submit-success {display:none;} .clsFormCreator .clsFormCreator_datebox > div {width:230px; max-width: 230px; } .clsFormCreator .clsFormCreator_datebox > div::before {content:"\f073"; font-family:FontAwesome; font-size:20px; color:#333; display:block; text-align:center; position:absolute; top:50%; transform:translateY(-50%); right:20px; z-index:1;} .clsFormCreator .clsFormCreator_datebox .ui-datepicker-trigger {display:none;} .clsFormCreator .sigWrapper .pad {width:100% !important;} .clsFormCreator .legend legend {font-size:100%; border:0; font-weight:normal;} .clsFormCreator .form-control.clsOrderPreference.is-invalid {width:100px !important;} .clsFormCreator > .alert {flex-basis:100%; width:100%;} .form-horizontal .col-form-label, .form-horizontal .control-label { text-align: right; font-weight: bold; } .form-horizontal .mandatory-indictator { color: #a40000; } .form-horizontal .form-check { padding-bottom: 5px; } .form-horizontal .has-error .help-block, .form-horizontal .has-error .control-label, .form-horizontal .has-error .radio, .form-horizontal .has-error .checkbox, .form-horizontal .has-error .radio-inline, .form-horizontal .has-error .checkbox-inline, .form-horizontal .has-error .col-form-label { color: #b94a48; } /*-----user selectors-----*/ .select2-hidden-accessible {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .select2-container {display:block;} .select2-container .select2-selection--single, .select2-search--dropdown input {display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: inherit; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 2px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .select2-container .select2-selection--single {cursor:pointer; position:relative;} .select2-container .select2-selection--single::after {content:"\f0d7"; font-family:FontAwesome; font-size:20px; width:34px; height:100%; background:rgba(0,0,0,0.1); color:#333; display:block; text-align:center; line-height:34px; position:absolute; top:0; right:0; border-radius:0 2px 2px 0; z-index:1;} .select2-container .select2-selection--single:hover, .select2-container .select2-selection--single:focus, .select2-search--dropdown input:hover, .select2-search--dropdown input:focus {border-color:#333;} .select2-container--open {z-index:9999;} .select2-dropdown {display:block; border: 1px solid #ced4da; border-radius:2px; padding:15px; background:#fff; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.1);} .select2-results ul {list-style-type:none; margin:15px 0 0 0; padding:0; max-height:300px; overflow-y:scroll;} .select2-results ul li {padding:5px; border-radius:2px;} .select2-results ul li:hover, .select2-results ul li:focus {background:#eee;} .select2-results ul li.select2-results__option--selected {background:#ccc;} .select2-container .select2-selection--single .select2-selection__clear {position:relative; background:none; border:0; width:30px; height:100%; text-indent:-9999px;} .select2-container .select2-selection--single .select2-selection__clear::after {content:"\f00d"; font-family:FontAwesome; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; text-indent:0;} /*-----date picker-----*/ .ui-corner-all {border-radius:2px;} .ui-datepicker {width:250px; padding:2px;} .ui-datepicker .ui-datepicker-header {padding:5px;} .ui-datepicker table {font-size:12px;} .ui-datepicker td {padding:0;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display:block; width:15px; height:15px; border-radius:2px; background:#fff; top:5px; border:1px solid #fff;} .ui-datepicker .ui-datepicker-prev {left:5px;} .ui-datepicker .ui-datepicker-next {right:5px;} .ui-datepicker .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-next:after {font-family:FontAwesome; color:#1F3263; position:absolute; top:0; right:0; bottom:0; left:0; line-height:15px; text-align:center; font-size:12px;} .ui-datepicker .ui-datepicker-prev:after {content:"\f053";} .ui-datepicker .ui-datepicker-next:after {content:"\f054";} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:none;} .ui-widget-content {border:1px solid rgba(31,50,99,0.3); background:#e8eaef; color:#000;} .ui-datepicker .ui-datepicker-title {margin:0; line-height:1;} .ui-datepicker .ui-datepicker-title select {font-size:12px;} .ui-datepicker th {font-size:12px;} .ui-widget-header {border:none; background:#1F3263;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#fff; color:#000; font-weight:normal; font-size:12px; width:25px; height:20px; text-align:center; line-height:20px; padding:0; margin:0 auto 5px auto;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border:1px solid #906D4F; background:#f5f0ed;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border:1px solid #906D4F; color:#000;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:1px solid #1F3263; color:#000;} /*---------------------------------------- / document list /*---------------------------------------*/ /*-----search parameters-----*/ #divDocListResults .clsSearchParameters {position:relative;} #divDocListResults .clsSearchParameters .search-heading {display:none;} /*-----results table-----*/ #divDocListResults .clsDocListRepeater table#tableDocList {width:100%;} #divDocListResults .clsDocListRepeater table#tableDocList th a {color:#3d3d3d;} /*---------------------------------------- / cloud storage ----------------------------------------*/ .cloud-storage {margin-bottom:20px;} .cloud-storage .cloud-breadcrumb {margin-bottom:20px;} .cloud-storage .cloud_search_init {width:288px; border:1px solid #999; padding:2px 5px;} .cloud-storage .cloud_search_init:hover, .cloud-storage .cloud_search_init:focus {border-color:#000;} .cloud-storage table.dataTable {border-collapse:collapse; background-color:#E8E8E8; width:100% !important; margin-bottom:10px;} .cloud-storage table.dataTable th, .cloud-storage table.dataTable thead td {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} .cloud-storage table.dataTable th a, .cloud-storage table.dataTable thead td a {color:#fff; font-weight:bold;} .cloud-storage table.dataTable td {border:1px solid #ccc; padding:5px;} .cloud-storage .dataTables_info {margin-bottom:10px;} .cloud-storage .dataTables_paginate {height:20px; position:relative;} .cloud-storage .dataTables_paginate a {float:left; margin-right:5px;} .cloud-storage .dataTables_paginate a.first {} .cloud-storage .dataTables_paginate a.previous {} .cloud-storage .dataTables_paginate a.next {} .cloud-storage .dataTables_paginate a.last {} .cloud-storage .dataTables_paginate span {float:left; margin:0 20px;} .cloud-storage .dataTables_paginate a.paginate_active {font-weight:bold;} /*---------------------------------------- / corporate directory ----------------------------------------*/ div[id$="pnlPeopleTab"], div[id$="divPrintToPDF"] {display:none !important;} div#corp-directory-head {padding-left:15px; padding-right:15px;} #PeopleSearch_container {} /*-----results-----*/ #PeopleSearch_container div[id$="divPeopleSearchResults"] {padding-right:0;} /*table layout*/ #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable {margin:20px 0;} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable th {} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable th a {color:#fff; font-weight:bold;} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable td {} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable tr.PeopleSearchLine2 td {border-bottom:1px solid #ccc;} /*custom layout*/ div[id$="divPeopleSearchResults"] article img {width:100%;} div[id$="divPeopleSearchResults"] .media {} div[id$="divPeopleSearchResults"] .media > .float-left {margin:0;} div[id$="divPeopleSearchResults"] .media img {max-width:100px; object-fit:cover; height:100%;} div[id$="divPeopleSearchResults"] .hover {position:relative;} div[id$="divPeopleSearchResults"] .hover .overlay {opacity:0; transition:all 0.2s ease-in-out; position:absolute; top:0; right:15px; bottom:0; left:15px;} div[id$="divPeopleSearchResults"] .hover::before {display:none;} div[id$="divPeopleSearchResults"] .hover:hover .overlay, div[id$="divPeopleSearchResults"] .hover:focus .overlay {opacity:1;} /*-----org chart-----*/ .RadOrgChart .rocRootNodeList {overflow-x:scroll; padding-bottom:50px !important;} .RadOrgChart .rocItem, .RadOrgChart .rocItemTemplate {width:auto !important; height:auto !important;} .RadOrgChart_Default .rocItem, .RadOrgChart_Default .rocItemTemplate {background:transparent !important; border:0 !important; padding:0 !important;} .RadOrgChart .rocExpandArrow, .RadOrgChart .rocCollapseArrow, .RadOrgChart .rocExpandGroupArrow, .RadOrgChart .rocCollapseGroupArrow {padding:0 !important; margin-left:-8px !important; line-height:14px; font-size:14px;} .org-chart-tile {} .org-chart-tile .thumb-image {display:inline-block; vertical-align:top; width:50px; height:50px; border-radius:3px; margin-right:15px;} .org-chart-tile .thumb-image img {width:100%; border-radius:3px;} .org-chart-tile .display-user-details {display:inline-block; vertical-align:top; font-size:90%;} /*---------------------------------------- / blogs module ----------------------------------------*/ .blogContainer {position:relative;} /*-----archive list-----*/ .blogContainer .blogMenu {padding-right:0;} .blogContainer .blogMenu .clsMidHeader {display:block; border-bottom:1px solid #409ec1; padding:0 0 5px 0; font-size:160%; font-family:inherit; font-weight:300; margin:0 0 20px 0; color:inherit; text-rendering:optimizeLegibility;} .blogContainer .blogMenu a {display:block; margin-bottom:5px;} /*-----blog articles list-----*/ .blogContainer .blogMain {padding-left:0;} .blogContainer .blogMain .blogArticleList {margin-bottom:30px;} .blogContainer .blogMain .blogArticleList .blogDatePosted {color:#878787;} .blogContainer .blogMain .blogArticleList .blogPostedBy {color:#878787; border-bottom:1px dashed #C8C8C8; margin-bottom:20px; padding-bottom:10px;} .blogContainer .blogMain .blogArticleList .blogArticleTags {color:#878787; border-top:1px dashed #C8C8C8; margin-top:20px; padding-top:10px;} /*-----blog article-----*/ .blogArticle {} .blogArticle .blogDatePosted {color:#878787;} .blogArticle .blogPostedBy {color:#878787;} .blogArticle .blogArticleTags {color:#878787; border-bottom:1px dashed #C8C8C8; margin-bottom:20px; padding-bottom:10px;} .blogArtBody > table {border-collapse:collapse; background-color:#E8E8E8; margin-bottom:20px;} .blogArtBody > table th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} .blogArtBody > table th a {color:#fff; font-weight:bold;} .blogArtBody > table td {border:1px solid #ccc; padding:5px;} .blogArtBody ul, .blogArticleDesc ul {margin:0 0 20px 40px; padding:0;} .blogArtBody ul li, .blogArticleDesc ul li {margin-bottom:5px; line-height:150%;} .blogArtBody ol, .blogArticleDesc ol {margin:0 0 20px 40px; padding:0;} .blogArtBody ol li, .blogArticleDesc ol li {margin-bottom:5px; line-height:150%;} .blogArticle .Comments {margin:40px 0 10px;} .blogArticle .Comments h2 {} .blogArticle .Comments .CommentPostedBy {margin:0 10px; padding:10px 10px 0;} .blogArticle .Comments .CommentPostedBy h3 {display:inline; font-size:100%; font-weight:bold;} .blogArticle .Comments .CommentDate {margin:0 10px 1px; padding:0 10px 10px;} .blogArticle .Comments .CommentDate h3 {display:inline; font-size:100%; font-weight:bold;} .blogArticle .Comments .CommentList {margin:0 10px 1px; padding:0 10px 0;} .blogArticle .Comments .CommentList .CommentURL {display:none;} .blogArticle .Comments .CommentBox {} .blogArticle .Comments .CommentBox label {display:block;} .blogArticle .Comments .CommentBox input {margin-bottom:10px;} .blogArticle .Comments .CommentBox textarea {resize:none;} .blogArticle .Comments .CommentBox .Submit input {display:inline-block;} /*-----blog post create-----*/ .add-blog-post {} /*---------------------------------------- / comments element ----------------------------------------*/ .article-comments-container {} .widget .mainItem, .widget .subItem { padding-bottom: 15px;} .widget .mainItem span.mainItemHeading, .widget .subItem span.subItemHeading { padding:5px 0px; display:block; font-size:120%;} /*---------------------------------------- / login element ----------------------------------------*/ .login-element {width:258px; display:inline-block;} .login-element span.lgn-header {display:block; font:normal 175% georgia,arial,verdana,sans-serif; color:#5b5b5b; padding:0; margin:0 0 15px 0;} .login-element div {margin-bottom:10px;} .login-element div label {display:block; margin-bottom:5px;} .login-element div.lgn-password a {} .login-element div.lgn-remember-me {} .login-element div.lgn-remember-me label {display:inline;} .login-element div.lgn-remember-me input {width:auto; height:auto; border:none; margin:0 5px 0 0; padding:0;} .login-element div.lgn-btn {margin-bottom:0;} .login-element div.lgn-btn p {margin:5px 0 0 10px; padding:0; display:inline-block; vertical-align:top;} /*-----oauth login-----*/ div[id$="LoginPanel"] .oauth-social-logins {margin-left:20px; padding-left:20px; border-left:1px solid #e0e0e0; min-height:300px; width:258px; display:inline-block;} div[id$="LoginPanel"] .oauth-social-logins a {float:left; width:210px; height:29px; margin-bottom:5px; padding:0 0 0 40px; color:#fff; text-shadow: 0 1px 0 rgba(0,0,0,0.5); font: bold 100%/250% lucida grande, tahoma, sans-serif; position:relative;} div[id$="LoginPanel"] .oauth-social-logins a::after {font-family:FontAwesome; font-weight:600; color:#fff; position:absolute; top:0; left:0; line-height:29px;} div[id$="LoginPanel"] .oauth-social-logins a.social-fb::after, div[id$="LoginPanel"] .oauth-social-logins a.social-facebook::after {content:"\f09a";} div[id$="LoginPanel"] .oauth-social-logins a.social-gmail::after, div[id$="LoginPanel"] .oauth-social-logins a.social-google::after, div[id$="LoginPanel"] .oauth-social-logins a.social-google-plus::after, div[id$="LoginPanel"] .oauth-social-logins a.social-gplus::after {content:"\f1a0";} div[id$="LoginPanel"] .oauth-social-logins a.social-linkedin::after {content:"\f0e1";} div[id$="LoginPanel"] .oauth-social-logins a.social-openid::after {content:"\f19b";} div[id$="LoginPanel"] .oauth-social-logins a.social-twitter::after {content:"\f099";} div[id$="LoginPanel"] .oauth-social-logins a.social-windows-live::after, div[id$="LoginPanel"] .oauth-social-logins a.social-windows::after, div[id$="LoginPanel"] .oauth-social-logins a.social-live::after, div[id$="LoginPanel"] .oauth-social-logins a.social-microsoft::after {content:"\f17a";} div[id$="LoginPanel"] .oauth-social-logins a.social-yahoo::after {content:"\f19e";} /*---------------------------------------- / event quick search element ----------------------------------------*/ .EventQuickSearchCalendar td[colspan="7"] {border:0;} .EventQuickSearchCalendar .calendarTitle td {border:0; padding:0;} /*---------------------------------------- / events module ----------------------------------------*/ /*-----sort by options-----*/ .EventSearchResults div[id$="pnlSortBy"] {padding-bottom:10px;} /*-----custom details view-----*/ .event-view-training-details .button-group {clear:both; padding-left:15px;} .event-view-training-details #btnRegister {width:auto; text-decoration:none; display:inline-block;} .event-view-training-details #btnRegister:hover, .event-view-training-details #btnRegister:focus {cursor:pointer;} div[id$="BackLink"] {display:none;} /*-----registration-----*/ #divEventRegistration > h2[id^="head"] {display:none;} #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumbSelected {font-weight:bold;} /*---------------------------------------- / events calendar page ----------------------------------------*/ .colour-legend li span {display:inline-block; vertical-align:middle;} .colour-legend li span:first-child {width:20px; height:20px;} #calendarMain {table-layout:fixed;} div[id$="calendarAddButtons"] #btnAdd {display:inline-block;} fieldset[id$="calendarEventTypes"] .clsButtonSmall {display:inline-block;} div[id$="divEventContent"] .rbgvEventActivities tr th:last-child, div[id$="divEventContent"] .rbgvEventResources tr th:last-child {width:150px} #divEventRegistration .rbgvEventActivities tr th:first-child, #divEventRegistration .rbgvEventResources tr th:first-child {width:100px;} #divEventRegistration .rbgvEventResources tr th:last-child {width:150px;} div[id$="AdvancedRegDetails"] span[id$="lblEventDetails"] {display:block;} div[id$="AdvancedRegDetails"] table .clsTitle {width:250px;} /*---------------------------------------- / calendar ----------------------------------------*/ .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"], #myAccountArea div[id$="myCalendarElement_RadSplitter1"] {width:100% !important; height:auto !important;} .calendarview-edit-main-calendar table[id$="CalendarWSCtrl_RadSplitter1"], #myAccountArea table[id$="myCalendarElement_RadSplitter1"] {width:100% !important;} .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadPane1"], #myAccountArea div[id$="myCalendarElement_RadPane1"] {width:100% !important; height:auto !important;} .calendarview-edit-main-calendar .RadScheduler, #myAccountArea .RadScheduler {height:auto !important;} .calendarview-edit-main-calendar .RadScheduler .rsContentWrapper, #myAccountArea .RadScheduler .rsContentWrapper {width:100% !important; height:auto !important;} .calendarview-edit-main-calendar .RadScheduler .rsContentWrapper .rsContentScrollArea, #myAccountArea .RadScheduler .rsContentWrapper .rsContentScrollArea {width:100% !important; height:auto !important;} .calendarview-edit-main-calendar td[id$="CalendarWSCtrl_RadPane1"], #myAccountArea td[id$="myCalendarElement_RadPane1"] {width:70% !important;} .calendarview-edit-main-calendar td[id$="CalendarWSCtrl_splitSideBar"], #myAccountArea td[id$="myCalendarElement_splitSideBar"] {display:none !important;} .calendarview-edit-main-calendar td[id$="CalendarWSCtrl_paneSideBar"], #myAccountArea td[id$="myCalendarElement_paneSideBar"] {width:30% !important;} .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_paneSideBar"], #myAccountArea div[id$="myCalendarElement_paneSideBar"] {width:100% !important; height:auto !important;} .calendarview-edit-main-calendar .RadScheduler .rsHeader, #myAccountArea .RadScheduler .rsHeader {border:none;} .calendarview-edit-main-calendar .RadScheduler .rsHeader h2, #myAccountArea .RadScheduler .rsHeader h2 {font:15px/30px arial,verdana,sans-serif;} .calendarview-edit-main-calendar .RadScheduler .rsHeader ul, #myAccountArea .RadScheduler .rsHeader ul {margin:0;} .calendarview-edit-main-calendar .RadScheduler .rsHeader ul li, #myAccountArea .RadScheduler .rsHeader ul li {margin-bottom:0;} .calendarview-edit-main-calendar .RadScheduler .rsContent, #myAccountArea .RadScheduler .rsContent {border:none;} .calendarview-edit-main-calendar .filter-options fieldset legend, #myAccountArea .filter-options fieldset legend {font-size:100%; border:none;} .calendarview-edit-main-calendar .eccalendar-filter-appointmenttypes .row, #myAccountArea .eccalendar-filter-appointmenttypes .row, .calendarview-edit-main-calendar .eccalendar-filter-group .row, #myAccountArea .eccalendar-filter-group .row {margin-left:0; margin-right:0;} .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadScheduler1"] .rsTopWrap, #myAccountArea div[id$="myCalendarElement_RadScheduler1"] .rsTopWrap {width:100% !important;} .calendarview-edit-main-calendar .RadScheduler .rsHorizontalHeaderWrapper > div, #myAccountArea .RadScheduler .rsHorizontalHeaderWrapper > div {width:100% !important;} .calendarview-edit-main-calendar .eccalendar-rightfilter-ctrls, #myAccountArea .eccalendar-rightfilter-ctrls {padding:15px;} .calendarview-edit-main-calendar .eccalendar-filter, #myAccountArea .eccalendar-filter {padding:0;} .calendarview-edit-main-calendar .eccalendar-filter select, #myAccountArea .eccalendar-filter select {width:100%;} .calendarview-edit-main-calendar #AddAppointment, #myAccountArea #AddAppointment {margin:0; width:100%;} .calendarview-edit-main-calendar .eccalendar-filter-appointmenttypes .row .lefthalf label, #myAccountArea .eccalendar-filter-appointmenttypes .row .lefthalf label, .calendarview-edit-main-calendar .eccalendar-filter-group .row .lefthalf label, #myAccountArea .eccalendar-filter-group .row .lefthalf label {font-weight:normal;} /*---------------------------------------- / mailing list ----------------------------------------*/ /*-----subscribe-----*/ h1.adminHeadingMailing_Lists { margin-left: 40px;} #divMailingListSubscribe {} #divMailingListSubscribe h2 {margin-bottom:10px;} #divMailingListSubscribe fieldset {margin:0 0 20px 0; padding:0; border:none;} #divMailingListSubscribe fieldset legend {display:none} #divMailingListSubscribe fieldset div, #divMailingListSubscribe fieldset p {margin-bottom:10px;} #divMailingListSubscribe fieldset div label, #divMailingListSubscribe fieldset p label {} #divMailingListSubscribe fieldset div input, #divMailingListSubscribe fieldset p input {} #divMailingListSubscribe fieldset div select, #divMailingListSubscribe fieldset p select {} #divMailingListSubscribe p {} #divMailingListSubscribe fieldset table {border:none;} #divMailingListSubscribe fieldset table td {border:none; padding:0 0 10px 0;} #divMailingListSubscribe fieldset#fsAvailableLists {display:none;} #divMailingListSubscribe fieldset#fsAvailableLists div input, #divMailingListSubscribe fieldset#fsAvailableLists p input {width:auto; margin-right:5px;} #divMailingListSubscribe fieldset#fsAvailableLists div label, #divMailingListSubscribe fieldset#fsAvailableLists p label {width:auto;} #divMailingListSubscribe fieldset div.checkbox{margin-left: 15px;} #divMailingListSubscribe #pMailingListSelectListInstructions {display: none;} #divMailingListSubscribe fieldset#fsAvailableLists div input#chk2 {display: none;} #divMailingListSubscribe fieldset#fsAvailableLists div label[for*="chk2"] {display: none;} #divMailingListSubscribe fieldset#fsAvailableLists div .help-block {display: none;} #divMailingListSubscribe .col-form-label { text-align: right; font-weight: bold; } #divMailingListSubscribe .alert p { margin: 0; } #divMailingListSubscribe select#selTitle { max-width: 100%; } /*-----login-----*/ #divMailingListLogin {} #divMailingListLogin h2 {margin-bottom:10px;} #divMailingListLogin fieldset {margin:0; padding:0; border:none;} #divMailingListLogin fieldset legend {display:none} #divMailingListLogin fieldset div, #divMailingListLogin fieldset p {margin-bottom:10px;} #divMailingListLogin fieldset div label, #divMailingListLogin fieldset p label {width:100px; padding-right:5px; display:inline-block; vertical-align:top;} #divMailingListLogin fieldset div input, #divMailingListLogin fieldset p input {width:300px;} #divMailingListLogin fieldset div input#ctl00_ContentPlaceHolderMainNoAjax_SignIn {width:auto;} .MailingListSubscriberDetails-bottom { padding: 20px 0px; display: block;} /*---------------------------------------- / wiki ----------------------------------------*/ .add-wiki-post .information {margin:10px 0; padding:10px; border:1px dashed #b5b5b5; background-color:#f2f2f2; color:#383838;} .add-wiki-post .information h2 {margin:0;} .add-wiki-post .information h3 {} .add-wiki-post .information p {margin:5px 0;} .add-wiki-post textarea, .add-wiki-post input{padding:5px 10px;} /*---------------------------------------- / faq ----------------------------------------*/ #faqContainer {} #faqContainer .FAQHeadingLinks {position:relative;} #faqContainer .FAQHeadingLinks a {position:absolute; top:0;} #faqContainer .FAQHeadingLinks a#TopicHeadAZLink {right:0;} #faqContainer .FAQHeadingLinks a#TopicHeadTopicLink {right:0;} #faqContainer .FAQHeadingLinks a#ancAskAQuestion {right:110px;} #faqContainer .FAQIndex {margin-bottom:20px; padding-bottom:10px; border-bottom:1px dashed #b5b5b5;} #faqContainer .FAQIndex ol {} #faqContainer .FAQIndex ol li {} /*---------------------------------------- / my account ----------------------------------------*/ /*-----my account sub menu-----*/ #myAccountArea .ajax__tab_header {background:none; font-family:inherit; font-size:100%; margin:0 0 30px 0; padding:0;} #myAccountArea .ajax__tab_header > span {display:inline-block; float:none; height:auto; margin:0;} #myAccountArea .ajax__tab_header > span.ajax__tab a {border-radius: .25rem; color:#333; padding: .5rem 1rem; border:0 !important;} #myAccountArea .ajax__tab_header > span.ajax__tab_active a {background-color:#af005e; color:#fff;} #myAccountArea .ajax__tab_header .ajax__tab_outer, #myAccountArea .ajax__tab_header .ajax__tab_inner, #myAccountArea .ajax__tab_header .ajax__tab_tab {background:none; padding:0; height:auto;} #myAccountArea .ajax__tab_body {border:none; font-family:inherit; font-size:100%; padding:0;} /*-----number of returned results and keywords-----*/ #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults {padding-bottom:12px; border-bottom:1px dotted #7c7966; margin-bottom:12px;} #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span {} #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span#ctl00_ContentMyAccount_RecordCountLabel {font-weight:bold;} #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span#ctl00_ContentMyAccount_spnDelete {float:none; margin-left:200px; text-decoration:underline;} /*-----paging controls-----*/ #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks {margin-bottom:12px; font-weight:bold;} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks span.resultPageNumberSelected {font-weight:bold;} /*-----my calendar-----*/ #myAccountArea .findCalendar .colour-legend .colour-search > li .your-events-colour {width:23px; height:13px; background-color:#3477C6; display:inline-block; border-radius:2px;} #myAccountArea .findCalendar .colour-legend .colour-search > li .group-events-colour {width:23px; height:13px; background-color:#51B200; display:inline-block; border-radius:2px;} #myAccountArea .findCalendar .colour-legend .colour-search > li .unit-events-colour {width:23px; height:13px; background-color:#F56601; display:inline-block; border-radius:2px;} #myAccountArea .findCalendar .colour-legend .colour-search > li .user-events-colour {width:23px; height:13px; background-color:#EBD002; display:inline-block; border-radius:2px;} #myAccountArea .findCalendar .colour-legend .colour-search > li .misc-events-colour {width:23px; height:13px; background-color:#862F89; display:inline-block; border-radius:2px;} /*---------------------------------------- / store locator element ----------------------------------------*/ .divDisplayStoreLocator {position:relative;} /*-----map-----*/ .divDisplayStoreLocator .dealer-search-results .dealer-res-map {width:100% !important; height:300px !important;} .divDisplayStoreLocator .dealer-search-results .dealer-res-map > div {display:block !important;} /*-----search results-----*/ .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_processing {display:none;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate a {position:relative; float:left; padding:.5rem .75rem; margin-left:-1px; line-height:1.25; background-color:#fff; border:1px solid #dee2e6;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate a:hover, .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate a:focus {background-color:#eee;} /*---------------------------------------- / store locator page ----------------------------------------*/ #locatorContainer .response-message {display:none;} /*-----google map styles-----*/ #locatorContainer .dealer-search-results {padding-right:0;} #locatorContainer .dealer-search-results .dealer-res-map {width:100% !important; height:300px !important;} #locatorContainer .dealer-search-results .dealer-res-map > div {display:block !important;} /*-----details page styles-----*/ .locatorContainer .dealer-search-results .dealer-res-map {width:100% !important; height:300px !important;} .locatorContainer .dealer-search-results .dealer-res-map > div {display:block !important;} /*---------------------------------------- / content organiser ----------------------------------------*/ /*-----content-----*/ .contentDIV {margin-bottom:20px; float:left; width:100%;} .contentDIV .sectionDIV {} .contentDIV .sectionDIV .itemDIV {margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ccc;} .contentDIV .sectionDIV .itemDIV > div {} .contentDIV .sectionDIV .itemDIV div .numberingDIV {font-weight:bold;} .contentDIV .sectionDIV .itemDIV div .questionDIV {font-weight:bold; margin-bottom:15px;} .contentDIV .sectionDIV .itemDIV div .userInputDIV {padding-left:20px;} .contentDIV .sectionDIV .itemDIV div .userInputDIV input {margin:0 5px 0 0; padding:0; display:inline-block; vertical-align:top;} .contentDIV .sectionDIV .itemDIV div .userInputDIV input[type="text"] {width:100%; max-width:300px; height:30px; padding:2px 5px;} .contentDIV .sectionDIV .itemDIV div .userInputDIV label {line-height:150%; margin-bottom:15px; display:inline-block; vertical-align:top;} .contentDIV .sectionDIV .itemDIV div .userInputDIV select {width:100%; max-width:300px;} .contentDIV .sectionDIV .itemDIV div .userInputDIV textarea {padding:2px 5px; width:100%; max-width:300px; height:100px;} .contentDIV .sectionDIV .itemDIV div .userInputDIV .radiobuttonlistDIV label, .contentDIV .sectionDIV .itemDIV div .userInputDIV .checkboxlistDIV label {line-height:100%; margin:0 10px 10px 0;} .contentDIV .sectionDIV .itemDIV .userInputConfirmDIV {margin-top:10px; padding-left:20px;} .contentDIV .sectionDIV .itemDIV .userInputConfirmDIV .userInputDIV {padding-left:0;} .contentDIV .sectionDIV .itemDIV .userInputConfirmDIV label {display:block;} .contentDIV .sectionDIV .itemDIV .userInputConfirmDIV input {width:100%; max-width:300px;} .contentDIV .sectionDIV .itemDIV .tabledtextDIV div div {width:150px; display:inline-block; vertical-align:top;} .contentDIV .sectionDIV .itemDIV .rawHtmlDIV {} .contentDIV .sectionDIV .itemDIV div .userInputDIV .RadPicker {width:200px !important;} .contentDIV .sectionDIV .itemDIV div .userInputDIV .RadPicker .rcTable {width:200px !important;} .contentDIV .sectionDIV .itemDIV div .userInputDIV .RadPicker .rcTable > div > div {float:left;} .contentDIV .sectionDIV .itemDIV div .userInputDIV .RadPicker .rcTable > div > div.rcInputCell {width:100px !important;} .contentDIV .sectionDIV .itemDIV br {/*margin-bottom:15px;*/} /*-----navigation-----*/ .navigationDIV {float:left; clear:both; background:#eee; padding:10px;} .navigationDIV input.btnNextPage {float:right;} .navigationDIV input.btnFinish {float:right;} /*---------------------------------------- / resource schedule ----------------------------------------*/ .resource-scheduler div[id$="BookingStep1"] {margin-bottom:10px;} .resource-scheduler div[id$="BookingStep2"] {} .resource-scheduler div[id$="BookingStep2"] table {margin-left:35px;} .resource-scheduler div[id$="BookingStep2"] table td {padding:10px 5px;} .resource-scheduler div[id$="BookingStep2"] table td input {margin-right:5px;} .resource-scheduler div[id$="Results"] {} .resource-scheduler div[id$="Results"] #Calendar {float:none; clear:both;} .resource-scheduler .RadScheduler .inputText {float:left;} .resource-scheduler div.EmailListLeft {clear:both;} .resource-scheduler span.riDisplay {height:20px; background-color:#fff; border:1px solid #ccc !important; padding-top:2px;} .resource-scheduler span.riSingle.RadInput {height:24px; margin-top:2px;} .resource-scheduler .qsfexAdvEditControlWrapper textarea {margin:5px 0 !important;} .RadScheduler table {clear:both;} .resource-scheduler .RadScheduler_Telerik input, .resource-scheduler .RadScheduler_Telerik textarea, .resource-scheduler .RadScheduler_Telerik select {border:1px solid #ccc !important; background:none; background-color:#fff; resize:none; padding:2px 5px !important} .resource-scheduler .RadScheduler_Telerik input {height:22px !important; width:148px !important; } .resource-scheduler .RadScheduler_Telerik input#CateringRequired, .resource-scheduler .RadScheduler_Telerik input#keepSendEmail {height:auto !important; padding:0 !important; width:auto !important;} .resource-scheduler .RadScheduler_Telerik input#keepSendEmail {margin:0 5px 0 125px;} .resource-scheduler .RadScheduler_Telerik input#Emails {width:380px !important;} .resource-scheduler .RadScheduler_Telerik input[id$="EndTimePicker_dateInput"] {width:65px !important;} .resource-scheduler .RadScheduler_Telerik textarea {width:380px !important; margin:5px 0 !important; height:100px !important;} .resource-scheduler .RadScheduler_Telerik select.listAvailable, .resource-scheduler .RadScheduler_Telerik select.lstIn {height:140px;} .resource-scheduler .RadScheduler_Telerik select#RecurreceSelect {width:160px;} .resource-scheduler .RadScheduler #EndDate {padding-top:0 !important; margin-top:5px;} .resource-scheduler .RadScheduler label[id$="ScheduleCalendar_Form_Label11"] {margin-top:5px;} .resource-scheduler #qsfexAdvEditInnerWrapper {border:none !important; padding-top:0 !important;} .resource-scheduler .RadScheduler span.resourceCheckBox {display:block; margin-bottom:10px;} .resource-scheduler .qsfexAdvEditControlHalfWrapper .rsAdvTimePicker > input {display:none !important;} .RadScheduler_Telerik .rsAptEditResizeHandle, .RadScheduler_Telerik .rsAptEditFormWrapper, .RadScheduler_Telerik .rsAptEditFormOuter, .RadScheduler_Telerik .rsAptEditFormInner, .RadScheduler_Telerik .rsAptEditFormMiddle, .RadScheduler_Telerik .rsAptEditFormMiddle2 {background: none !important;} .RadScheduler_Telerik .rsAptEditFormWrapper .rsTemplateWrapper, .RadScheduler_Telerik .rsAptEditFormWrapper .rsEditOptions {height: 50px !important;background: none !important;} #InlineInsertTemplate textarea, #InlineEditTemplate textarea {width: 98% !important; height: auto !important;} .RadScheduler a.rsAdvancedEditLink {padding: 5px !important; background: #ddd; margin-right: 5px;} /*---------------------------------------- / Health Consumers ----------------------------------------*/ .hlth-container {min-height: 225px; float: none; margin-bottom: 25px; margin-top: 30px;} .hlth-consumer-wdgt {display: flex; align-content: space-evenly; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px -15px; } .htlh-contbx{width:100%; padding: 0px; height: 100%; border: 10px solid #20575e ; position: relative;} .htlh-contbx .htlh-contbxlink{padding: 40px 50px; display: block; height: 100%;} .hlth-consumer-wdgt .htlh-contbx h3 > a{color: #013b4b;font-weight: bold;font-size:24px;} .htlh-contbx .arrow-lnk, .htlh-contbx .arrow-lnk.icon.icon-right {position: absolute; right: 20px; top:25px; text-decoration: none; padding: 0;} .htlh-contbx h3{margin-bottom:30px;} .htlh-contbx h3, .htlh-contbx p{width:90%; color: #333;} .htlh-contbx .arrow-lnk:hover{text-decoration:none;border:0;} .htlh-contbx .arrow-lnk::after, .htlh-contbx .arrow-lnk.icon.icon-right::after{font-size:95px; transform: translateY(0%); line-height: normal;} .htlh-contbx .icon.icon-right { color: #20575e;} .purple .htlh-contbx { border: 10px solid #644678;} .purple .htlh-contbx .icon.icon-right { color: #644678;} .mint .htlh-contbx { border: 10px solid #5DAD89;} .mint .htlh-contbx .icon.icon-right { color: #5DAD89;} .orange .hlth-consumer-wdgt .htlh-contbx {border: 10px solid #f68a24;} .orange .hlth-consumer-wdgt .htlh-contbx .icon.icon-right{color:#f68a24;} .purple .hlth-consumer-wdgt .htlh-contbx {border: 10px solid #644578;} .purple .hlth-consumer-wdgt .htlh-contbx .icon.icon-right{color:#644578;} .green .hlth-consumer-wdgt .htlh-contbx {border: 10px solid #20575e;} .green .hlth-consumer-wdgt .htlh-contbx .icon.icon-right{color:#20575e;} /*---------------------------------------- / my page, social and group streams ----------------------------------------*/ #mypage-wrapper ul.nav-tabs li a.selected-feed {font-weight:bold;} #socialgroup-wrapper img[id$="padlockImage"] {position:absolute; top:0; right:0;} #mypage-wrapper .mypage-profile, #socialgroup-wrapper .mypageGroup-profile {font-size:90%;} #mypage-wrapper .mypage-profile h2, #socialgroup-wrapper .mypageGroup-profile h2 {font-size:110%;} #mypage-wrapper .mypage-stream h2 {display:none;} /*-----search-----*/ /*-----connections-----*/ /*-----groups-----*/ /*-----post a comment-----*/ /*-----select files and images-----*/ .comments-container .tokenElement {display: none;} .comments-container .post-item div[id$="AjaxFileUpload1"] {width:100% !important; margin-bottom:10px;} .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload {border:none; padding:0;} .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileContainer {} .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileContainer:hover, .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileContainer:focus {cursor:pointer;} .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_dropzone {width:auto; line-height:100px; height:100px !important; margin-bottom:5px;} .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileButton {text-decoration:none; font-size:90%; background-color:#555; color:#fff; border-radius:0;} .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileButton:hover, .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileButton:focus {cursor:pointer;} .comments-container .post-item .ajax__fileupload_queueContainer {margin:5px 0 0 0; padding:0; border:none;} .comments-container .post-item .ajax__fileupload_queueContainer div.ajax__fileupload_fileItemInfo {position:relative; margin:0; padding:5px 10px 5px 5px; height:auto; line-height:100%; font-weight:normal; background:none; font-size:90%; border:none; border-top:1px solid #BDD8E4; background-color:#D9EBF3;} .comments-container .post-item .ajax__fileupload_fileItemInfo .pendingState {background:none; color:inherit;} .comments-container .post-item .ajax__fileupload_fileItemInfo div.removeButton {position:absolute; top:5px; right:5px; float:none; margin:0; padding:0; color:red; font-weight:normal; background:none; line-height:100%; text-indent:-9999px; width:12px; height:12px;} .comments-container .post-item .ajax__fileupload_fileItemInfo div.removeButton::after {content:"\f00d"; font-family:FontAwesome; color:#666; position:absolute; top:0; right:0; bottom:0; left:0; text-indent:0; font-size:12px;} .comments-container .post-item .ajax__fileupload_fileItemInfo div.removeButton:hover::after, .comments-container .post-item .ajax__fileupload_fileItemInfo div.removeButton:focus::after {color:#d2322d;} /*-----posted comment-----*/ .comments-container .comment-list .comment-item .comment-item-detail { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } .comments-container .comment-list .comment-item .comment-item-detail .posted-by img {width:50px; height:50px;} /*-----reply comments-----*/ /*-----reply to a comment-----*/ .comments-container .comment-list .ejs-video-thumb {width:100%; height:150px; position:relative;} .comments-container .comment-list .ejs-video-thumb i {margin:0; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5);} .comments-container .comment-list .ejs-video-thumb i:before {position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:150px;} .comments-container .comment-list .ejs-video-preview .ejs-thumb {width:100%;} .comments-container .comment-list .ejs-video-detail {position:relative; padding-left:0; left:auto; top:auto; right:auto; clear:both; padding-bottom:30px;} .comments-container .comment-list .ejs-video-title {white-space:normal;} .comments-container .comment-list .ejs-video-desc {font-size:100%; color:inherit; height:auto;} .ejs-github-stats, .ejs-video-stats {bottom:5px;} /*---------------------------------------- / my page activity ----------------------------------------*/ .activity-container {float:left; width:100%; clear:both; padding-top:30px;} .activity-container .activity-loader {float:left; width:100%; clear:both;} /*---------------------------------------- / my page settings ----------------------------------------*/ .mypage-settings {float:left; width:100%; position:relative;} .mypage-settings a[id$="GoToMyPage"] {position:absolute; top:0; right:0; z-index:10;} /*tab links*/ .mypage-settings .tab-navigation ul li a.selected {border:1px solid #ddd; border-bottom:none;} /*tab content*/ .mypage-settings .tab-content {} .mypage-settings .tab-content .tab-pane {} .mypage-settings .tab-content div.row {float:left; clear:left; background-color:#E8E8E8; width:600px;} .mypage-settings .tab-content div.row div {float:left; clear:left; width:600px; border-bottom:1px solid #fff;} .mypage-settings .tab-content div.row span {width:325px; border:1px solid #E8E8E8; padding:10px; float:left;} .mypage-settings .tab-content div.row span:first-child {width:150px; padding:10px; float:left; border-right:1px solid #fff; font-weight:bold;} .mypage-settings .tab-content div.row span.buttons {width:50px; border-left:1px solid #fff;} .mypage-settings .tab-content div.row #DivPortraitView span {min-height:99px;} .mypage-settings .tab-content div.row #DivPortraitView img {max-width:300px;} .mypage-settings .tab-content div.row #DivPortraitEdit span {min-height:99px;} .mypage-settings .tab-content div.row #DivPortraitEdit img {max-width:300px;} .mypage-settings .tab-content ul {list-style-type:none; margin:0; padding:0;} .mypage-settings .tab-content ul li {margin:0 0 20px 0; float:left; clear:left; width:100%;} .mypage-settings .tab-content ul li.friend-item {border-bottom:1px solid #E0E0E0; padding-bottom:20px;} .mypage-settings .tab-content ul li .friends-portrait-url {float:left; width:75px;} .mypage-settings .tab-content ul li .friends-portrait-url img, .mypage-settings .tab-content ul li img.friends-portrait {float:left; width:60px; height:60px; margin-right:15px;} .mypage-settings .tab-content ul li .friend-Name {font-size:110%;} .mypage-settings .tab-content ul li .friend-Name a {font-weight:bold;} .mypage-settings .tab-content ul li .friend-Edit, .mypage-settings .tab-content ul li .friend-pending, .mypage-settings .tab-content ul li .friend-request {margin-top:5px; font-size:90%;} .mypage-settings .tab-content .options > div {margin-bottom:5px;} .mypage-settings .tab-content .options > div input {margin-right:5px;} .mypage-settings .tab-content a.Invite-friends-url, .mypage-settings .tab-content a.add-group-url, .mypage-settings .tab-content a.notifications-save {position:absolute; top:50px; right:20px; display:block;} .mypage-settings #tab4 .social-group-container {clear:none; margin:47px 0 0 5%; width:45%;} .mypage-settings #tab4 .social-group-container ul li {width:100%;} /*---------------------------------------- / social groups list ----------------------------------------*/ .social-group-container {float:left; clear:left; width:100%;} .social-group-container ul {list-style-type:none; margin:0; padding:0;} .social-group-container ul li {float:left; clear:left; width:100%; padding:0 0 10px 0; margin:0 0 10px 0; position:relative; border-bottom:1px solid #ddd;} .social-group-container ul li img {position:absolute; top:0; right:0;} .social-group-container ul li .group-title-label {float:left; clear:left; width:100%; padding-bottom:5px;} .social-group-container ul li .group-url-label {float:left; clear:left; width:100%; padding-bottom:5px;} .social-group-container ul li .group-url-label:hover, .social-group-container ul li .group-url-label:focus {text-decoration:none; border:none;} .social-group-container ul li .group-desc-label {float:left; clear:left; width:100%; padding-bottom:5px;} .social-group-container ul li .group-isPublic-label, .social-group-container ul li .group-isActive-label, .social-group-container ul li .edit-group-url, .social-group-container ul li .share-group-url, .social-group-container ul li .delete-group-url, .social-group-container ul li .pending-approval {font-size:90%; float:left; padding:0 5px; border-right:1px solid #E0E0E0;} .social-group-container ul li .accept-invite, .social-group-container ul li .decline-invite {font-size:90%;} .social-group-container .more-group-url {text-decoration:none; clear:both;} .social-group-container .more-group-url:hover, .social-group-container .more-group-url:focus {cursor:pointer;} /*---------------------------------------- / social q+a ----------------------------------------*/ .question-details-container .question-container {position:relative;} .question-details-container .question-container .delete-question-item {position:absolute; top:0; right:0; z-index:1;} .question-details-container .question-container .posted-by img {width:50px; height:50px;} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"], .question-details-container div[id$="AnswerFileUpload"], .question-details-container div[id$="questionFileUpload"] {width:100% !important; margin-bottom:10px;} .add-answer-files div[id$="QuestionStreamFileUpload"] {width:100% !important; margin-bottom:10px; padding-top:0;} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload {border:none; padding:0;} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileContainer, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileContainer, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileContainer, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileContainer{} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileContainer:hover, .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileContainer:focus, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileContainer:hover, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileContainer:focus, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileContainer:hover, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileContainer:focus, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileContainer:hover, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileContainer:focus {cursor:pointer;} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_dropzone, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_dropzone, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_dropzone, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_dropzone {width:auto; line-height:100px; height:100px; margin-bottom:5px;} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileButton, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileButton, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileButton, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileButton {text-decoration:none; font-size:90%; background-color:#555; color:#fff; border-radius:2px;} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileButton:hover, .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileButton:focus, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileButton:hover, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileButton:focus, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileButton:hover, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileButton:focus, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileButton:hover, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileButton:focus {cursor:pointer;} .comment-list .comment-item-detail .comment-item-topics-list {list-style-type:none; margin:0; padding:0;} .comment-list .comment-item-detail .comment-item-topics-list li {display:inline-block; margin-right:10px;} /*---------------------------------------- / training manager ----------------------------------------*/ .training-manager {} .training-manager .competencyDetailsContent {width:100%;} .training-manager .ClosingNotification {background:#D5D6F7 url(/images/tdcm/information.png) no-repeat 12px 9px; border:1px solid #A1BAF7; color:#435991; margin:15px 0; padding:8px 10px 0 37px;} .training-manager .ClosingNotification p {margin:0 0 8px 0; padding:0;} .training-manager .userProgressContent {margin-bottom:20px;} .training-manager .userProgressContent table {} .training-manager .userProgressContent table td {} .training-manager .userProgressContent .grdHeader td {} .training-manager .userCompetenciesListContent, .training-manager .CompetencyDetails, .training-manager .sessionDetailsContent, .training-manager .userCompetencyContent, .training-manager .userCompetencyElementsContent {margin-bottom:20px;;} .training-manager .CompetencyDetails th {width:200px;} .training-manager .quickListUserActionsContent table, .training-manager .bookingDetails, .training-manager .pendingSessionsContent, .training-manager .sessionDetailsAttendeesContent, .training-manager .sessionDetailsAvailableContent {margin-bottom:20px;} .tm_cloud {border:1px solid #CACACA; margin:20px 0 !important; padding:15px !important; float:none !important;} .tm_cloud .selected {display: block; font-weight: bold; margin-right: 10px;} .tm_pathDisplay {margin: 10px 0 20px; text-align: left; width: 100%;} .tm_pathDisplay .tm_pathName {font-size: 120%; font-weight: bold;} .tm_pathDisplay .tm_pathType {font-style: italic;} .tm_compSessions, .tm_compPrevSessions {margin-left:0 !important;} .training_key_icons {border:1px solid #ddd; padding:10px; margin-bottom:20px;} .training-manager #tm-menu ul li a, .training-manager #tm-menu ul li a:link {padding:5px; color:#333; border-radius:2px; display:block;} .training-manager #tm-menu ul li a:hover, .training-manager #tm-menu ul li a:focus, .training-manager #tm-menu ul li.SubMenuList:hover > a, .training-manager #tm-menu ul li.SubMenuList:focus > a {background:#66b8de; border:0;} .training-manager #tm-menu ul li a.active, .training-manager #tm-menu ul li a.active:link, .training-manager #tm-menu ul li a.active:hover, .training-manager #tm-menu ul li a.active:focus {background:#1D779F; color:#fff;} .training-manager #tm-menu ul li.SubMenuList {position:relative;} .training-manager #tm-menu ul li .subMenu2 {display:none; list-style-type:none; margin:0; padding:0; position:absolute; top:100%; left:0; width:200px; background:#eee; z-index:9999;} .training-manager #tm-menu ul li .subMenu2 li a {border-radius:0;} .training-manager #tm-menu ul li.SubMenuList:hover .subMenu2, .training-manager #tm-menu ul li.SubMenuList:focus .subMenu2 {display:block;} .training-manager div[id$="divReportOutput"] {} .training-manager div[id$="divReportOutput"] table {} .training-manager div[id$="divReportOutput"] table th {} .training-manager div[id$="divReportOutput"] table td {} .training-manager div[id$="divSelectUser"] {margin-bottom:20px;} .training-manager div[id$="divSelectUser"] label {float:left; width:50px;} .training-manager div[id$="divSelectUser"] .userSelector {float:left; width:500px; margin-right:20px;} .training-manager a#lnkBack, .training-manager a.training_backButton {width:auto; text-decoration:none; text-align:center; background-color:#fff; padding:5px 10px; color:#555; border:1px solid #555; border-radius:2px; display:inline-block; vertical-align:top;margin-top: 10px;} .training-manager a#lnkBack:hover, .training-manager a#lnkBack:focus, .training-manager a.training_backButton:hover, .training-manager a.training_backButton:focus {border:1px solid #333; cursor:pointer;} .training-manager #btnSelectUser {margin: 10px 0;} .training-manager .userProgressContent #btnSelectUser {margin: 10px 0;} .training-manager .training_key_icons ul {overflow: hidden; list-style-type:none; margin:0; padding:0;} .training-manager .training_key_icons li {float: left; list-style: none; padding: 0 5px} .training-manager table td table {margin:0 !important; } .grdPager td table td {border-collapse:collapse; padding:0 !important; border:0 !important; } .grdPager>td>table {width:auto !important; } .grdPager span {display:block; padding:6px 12px; background:#428bca; border:1px solid #428bca; float:left; color:#fff;} .grdPager a {display:block; padding:6px 12px; border:1px solid #ddd; background:#fff; float:left;} .grdPager a:hover, .grdPager a:focus {background:#f9f9f9; text-decoration:none;} #divPathwayTypeFilter {line-height:35px; margin: 0 0 35px; } #divPathwayTypeFilter #ddlTrainingType {width: 83.33333333333334% !important;} #divPathwaySearch {clear:both; line-height:35px; } #divPathwaySearch #searchPathwayText {width: 83.33333333333334% !important;} .sessionDetailsAttendeesContent {border:1px solid #ddd; } .sessionDetailsAttendeesContent tr th, .sessionDetailsAttendeesContent tr:nth-child(odd) td {background:#f9f9f9;} .ElementListing {margin:0 !important; padding:0 !important; } .ElementListing li {list-style:none; display:block; width:100%; padding: 10px 0; margin: 10px 0; border-bottom:1px solid #ddd; overflow:hidden; text-overflow:ellipsis;} .ElementListing .elementDetails {padding-left:120px; min-height:100px; width:100%; overflow:hidden; display:block; text-overflow:ellipsis; } .ElementListing .elementDetails a[id^="hlImage"] {width:100%; position:absolute; margin-left:-120px; } .ElementListing .elementDetails a[id^="hlImage"] img {max-width:110px;} .ElementListing .elementDetails a[id^="hlName"] {font-size:200%; } .ElementListing .elementDetails span[id^="type"], .ElementListing .elementDetails span[id^="extRefId"]{line-height:20px;} .ElementListing .elementDetails span[id^="extRefId"] {font-size:80%; color:#777;} .ElementListing .elementDetails span[id^="briefDes"], .ElementListing .elementDetails span[id^="longDesc"]{width:100%; display:block; text-overflow:ellipsis; } /*.ElementListing .elementDetails span[id^="briefDes"] {display:block; background:#f9f9f9; width:100%; padding: 10px; border-radius:3px; }*/ .ElementListing .elementDetails .NewItemTagText span:before {font-family:'FontAwesome'; content:"\f005"; color:#428bca; visibility:visible; margin-left:5px; margin-right:5px; vertical-align:top; } .ElementListing .elementDetails span[id^="cost"] {margin-left:10px; font-weight:bold; } .ElementListing .elementDetails .elementName { vertical-align:top; padding:15px 8px; background:#f9f9f9; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:20%; } .ElementListing .elementDetails .elementStatus { vertical-align:top; padding:15px 8px; background:#fff; border-top:1px solid #ddd;border-bottom:1px solid #ddd; } .ElementListing .elementDetails .CompetencyDetails { vertical-align:top; padding:8px; background:#fff; border-top:1px solid #ddd;border-bottom:1px solid #ddd; width:40%; } .ElementListing .elementDetails .CompetencyDetails a { float:right; } .ElementListing .elementDetails span.NewItemTagText {display:inline-block; width:15px; } .ElementListing .elementDetails span.NewItemTagText span {/*visibility:hidden;*/} .ElementListing .elementDetails br {margin:0 0 5px; } /* Competency Details */ .competencyDetailsContent .ElementListing .elementDetails {padding: 0;} .competencyDetailsContent .ElementListing .elementDetails .elementName {width: 20%; float: left; height: 46px;} .competencyDetailsContent .ElementListing .elementDetails .elementStatus {width: 80%; float: left; height: 46px;} .competencyDetailsContent .ElementListing .elementDetails .elementActions {float: left; width: 100%;} .UnitListing li {list-style:none; } .UnitListing {padding:0; } ul.CompetencyList {padding: 0; } ul.CompetencyList li.CompetencyListItem {list-style:none; height:30px; border-bottom:1px solid #ddd; } ul[class^="pathway-unit"] {margin:0; padding:0; } ul[class^="pathway-unit"] li.pathway-unit {padding: 0 0 20px; margin-bottom:20px; border-bottom:1px solid #ddd; list-style:none; } ul[class^="pathway-unit"] li.pathway-unit ul.pathway-unit-properties {margin:0; padding:0; } ul[class^="pathway-unit"] li.pathway-unit ul.pathway-unit-properties li { display:inline-block; width:50%; padding:5px 0; list-style:none; } ul[class^="pathway-unit"] li.pathway-unit ul.pathway-unit-properties li:nth-child(1) {width:100%; font-size:1rem; font-weight:bold; font-family:Georgia; } .userPathwaysDiagramContent .units {} .userPathwaysDiagramContent .units .unit {margin-bottom:20px; padding:0 20px 20px; border-bottom:1px solid #ddd;} .userPathwaysDiagramContent .units .unit h5 {position:relative;} .userPathwaysDiagramContent .units .unit h5 .unitStatus {position:absolute; top:0; right:0;} .userPathwaysDiagramContent .units .unit .element {padding:10px 20px; background:#eee; margin-bottom:10px;} .userPathwaysDiagramContent .units .unit .element h6 {margin:0 0 10px 0; padding:0; position:relative;} .userPathwaysDiagramContent .units .unit .element h6 .elementStatus {position:absolute; top:0; right:0;} /*-----dashboard-----*/ .TrainingLefthandAdminMenu {list-style-type:none; margin:0; padding:0;} .TrainingLefthandAdminMenu li {margin:0; padding:0; position:relative;} .TrainingLefthandAdminMenu li a {display:block; padding:10px 15px; background:#eee; border-top:1px solid #ddd; color:#333;} .TrainingLefthandAdminMenu li:first-child a {border-top:none;} .TrainingLefthandAdminMenu li a:hover, .TrainingLefthandAdminMenu li a:focus {background:#ddd;} .TrainingLefthandAdminMenu li a.active {background:#ccc;} .TrainingLefthandAdminMenu li ul {list-style-type:none; margin:0; padding:0; display:none; position:absolute; top:0; left:100%; z-index:10; width:200px;} .TrainingLefthandAdminMenu li ul li {} .TrainingLefthandAdminMenu li ul li a {padding-left:20px;} .TrainingLefthandAdminMenu li:hover ul, .TrainingLefthandAdminMenu li:focus ul {display:block;} /*-----user actions-----*/ .training-user-actions-available {padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #ccc; display:flex; flex-direction:row; flex-wrap:wrap;} .training-user-actions-item {width:50%; border-left:15px solid #fff; border-right:15px solid #fff; padding:15px; margin-bottom:20px; background:#f6f6f6; position:relative;} .training-user-actions-item h2 {margin-bottom:10px; font-size:120%; font-weight:bold;} .training-user-actions-item h3 {display:none;} .training-user-actions-item p {margin-bottom:5px;} .training-user-actions-item .difficulty {} .training-user-actions-item .difficulty p {display:inline-block; padding-right:10px; vertical-align:top;} .training-user-actions-item .difficulty div {display:inline-block;} .training-user-actions-item .cpdpoints {} .training-user-actions-item .cpdpoints h3 {font-size:100%; display:inline-block; vertical-align:top; padding:0 10px 0 0; margin:0; font-weight:normal;} .training-user-actions-item .cpdpoints p {display:inline-block; vertical-align:top;} .training-user-actions-item .actions {} .training-user-pathway {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc;} .training-user-pathway .table-responsive h3 {display:none;} .training-user-pathway .progressBarDesc {float:left; padding-bottom:10px;} .training-user-pathway .RadProgressBar {float:right; padding-bottom:10px;} .training-user-pathway .card-header {position:relative;} .training-user-pathway .card-header a {display:block; padding-right:50px;} .training-user-pathway .card-header img {position:absolute; top:10px; right:15px;} .training-user-pathway .card-body ul {list-style-type:none; margin:0; padding:0;} .training-user-pathway .card-body ul li {margin-bottom:10px; padding-bottom:10px; border-bottom:#ccc; position:relative;} .training-user-pathway .card-body ul li span {display:block;} .training-user-pathway .card-body ul li span.actions > a.btn {position:absolute; top:0; right:0;} .training-user-pathway > .btn {margin-right:15px;} /*-----dashboard icons-----*/ ul.train-icon {list-style-type:none; margin:0 0 30px -10px; overflow:hidden; width:100%; padding:0;} ul.train-icon li {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #ddd; display:block; float:left; height:105px; margin:0 0 10px 10px; width:122px;} ul.train-icon li:hover {border:1px solid #145074;} ul.train-icon li a {background-image:url(/training/images/trainingmanagerimages/training-dashboard-icons.png); background-repeat:no-repeat; display:block; font-size:90%; font-weight:bold; height: 103px; line-height:12px; padding:65px 10px 10px 10px; text-align:center; text-transform:capitalize;} ul.train-icon li a:hover {background-color:#CEE4EC !important; text-decoration:none;} ul.train-icon li.cal-add a {background-position:50% -452px;} ul.train-icon li.cal-config a {background-position:50% -543px;} ul.train-icon li.cal-info a {background-position:50% -638px;} ul.train-icon li.calendar a {background-position:50% -362px;} ul.train-icon li.cert-info a {background-position:50% -1116px;} ul.train-icon li.cert-progress a {background-position:50% -1018px;} ul.train-icon li.chart-info a {background-position:50% -830px;} ul.train-icon li.day-info a {background-position:50% -734px;} ul.train-icon li.graph-info a {background-position:50% -1212px;} ul.train-icon li.unit-add a {background-position:50% 10px;} ul.train-icon li.unit-elements a {background-position:50% -275px;} ul.train-icon li.unit-info a {background-position:50% -85px;} ul.train-icon li.unit-progress a {background-position:50% -180px;} ul.train-icon li.wishlist a {background-position:50% -926px;} /*---------------------------------------- / download counter ----------------------------------------*/ .DownloadCounterMain {} .DownloadCounterMain h2 {margin-bottom:5px;} .DownloadCounterMain div {margin-bottom:20px;} .DownloadCounterMain div div {margin-bottom:5px;} /*---------------------------------------- / top downloads ----------------------------------------*/ ul.topDownload {list-style-type:none; margin:0 0 20px 0; padding:0;} ul.topDownload li {margin-bottom:10px;} ul.topDownload li span {display:inline-block; vertical-align:top;} ul.topDownload li span.topDownloadImage {} ul.topDownload li span.topDownloadLink {} ul.topDownload li span.topDownloadCount {} /*---------------------------------------- / membership ----------------------------------------*/ div[id$="divMembershipDetails"] {} div[id$="divMembershipDetails"] fieldset {border:none; margin:0 0 20px 0; padding:0;} div[id$="divMembershipDetails"] fieldset legend {display:none;} div[id$="divMembershipDetails"] fieldset[id$="fdsAdditionalQuestions"] td {white-space:normal !important;} div[id$="divMembershipDetails"] fieldset[id$="fdsAdditionalQuestions"] h2 {display:none;} div[id$="divMembershipDetails"] fieldset[id$="fdsAdditionalQuestions"] .clsGeneralText {display:none;} div[id$="divMembershipDetails"] div[id$="divMandatoryMessage"] {padding-left:16.66666667%;} div[id$="divMembershipDetails"] div[id$="divButton"] {padding-left:16.66666667%;} div[id$="divMembershipDetails"] div[id$="divButton"] input {display:inline-block;} div[id$="divMembershipDetails"] div[id$="divButton"] input:hover, div[id$="divMembershipDetails"] div[id$="divButton"] input:focus {cursor:pointer;} /*---------------------------------------- / tag cloud ----------------------------------------*/ .MostViewedContentMain {width:300px; border:1px solid #ddd; padding:20px 20px 10px 20px; margin-bottom:20px;} .MostViewedContentMain .CloudBox {} .MostViewedContentMain .CloudBox a {margin:0 10px 10px 0; line-height:150%; display:inline-block;} .MostViewedContentMain .CloudBox a[style$="font-size:xx-small;"] {font-size:12px !important;} .MostViewedContentMain .CloudBox a[style$="font-size:x-small;"] {font-size:13px !important;} .MostViewedContentMain .CloudBox a[style$="font-size:small;"] {font-size:14px !important;} .MostViewedContentMain .CloudBox a[style$="font-size:medium;"] {font-size:15px !important;} .MostViewedContentMain .CloudBox a[style$="font-size:large;"] {font-size:16px !important;} .MostViewedContentMain .CloudBox a[style$="font-size:x-large;"] {font-size:17px !important;} .MostViewedContentMain .CloudBox a[style$="font-size:xx-large;"] {font-size:18px !important;} /*---------------------------------------- / taxonomy search ----------------------------------------*/ #TaxonSearchControl {} #TaxonSearchControl div.TaxonControlField {margin-bottom:10px;} #TaxonSearchControl div.TaxonControlField label {} #TaxonSearchControl div.TaxonControlField input[type="text"] {} #TaxonSearchControl div.TaxonControlField input[type="text"]:hover, #TaxonSearchControl div.TaxonControlField input[type="text"]:focus {} #TaxonSearchControl div.TaxonControlField select {} #TaxonSearchControl div.TaxonControlField input[type="submit"] {} #TaxonSearchControl div.TaxonControlField input[type="submit"]:hover, #TaxonSearchControl div.TaxonControlField input[type="submit"]:focus {} /*---------------------------------------- / most popular content ----------------------------------------*/ .MostPopularContentListMain {width:300px; border:1px solid #E0E0E0; margin-bottom:20px;} .MostPopularContentListMain ul {list-style-type:none; margin:0; padding:20px; border:1px solid #fff;} .MostPopularContentListMain ul li {margin-bottom:5px;} /*---------------------------------------- / dictionary ----------------------------------------*/ #NavigationButtons {margin:0 0 40px 0;} #NavigationButtons h2 {margin-bottom:10px;} #NavigationButtons ul {list-style-type:none; margin:0; padding:0;} #NavigationButtons ul li {display:inline;} #KeywordSearch {margin:0 0 40px 0;} #KeywordSearch h2 {margin-bottom:10px;} div[id$="DictionaryTerms"] {margin:0 0 40px 0;} div[id$="DictionaryTerms"] dl {list-style-type:none; margin:0; padding:0;} div[id$="DictionaryTerms"] dl dt {list-style-type:none; margin:0; padding:0; font-weight:bold; font-size:120%;} div[id$="DictionaryTerms"] dl dd {list-style-type:none; margin:0 0 20px 0; padding:0;} div[id$="DictionaryTerms"] dl dd h3 {display:none;} div[id$="DictionaryTerms"] dl dd h4 {display:none;} /*---------------------------------------- / people element ----------------------------------------*/ .people-element-list {} /*-----list view-----*/ .people-element-list ul {list-style-type:none; margin:0 0 20px 0; padding:0;} .people-element-list ul li {position:relative; padding-bottom:5px;} .people-element-list ul li a {} .people-element-list ul li div {position:absolute; top:20px; left:20px; z-index:100; padding:10px; border:1px solid #ccc; border-radius:5px; background-color:#fff; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);} .people-element-list ul li div img {vertical-align:middle;} .people-element-list span[id$="dpPeopleList"] {display:block; position:relative; padding:0 20px;} .people-element-list span[id$="dpPeopleList"] a {} #wrapper #page-content #sidebar .people-element-list ul {margin-left:0;} /*-----table view-----*/ .people-element-tabular-layout table {} #wrapper #page-content #sidebar .people-element-tabular-layout table {width:208px;} /*---------------------------------------- / task manager ----------------------------------------*/ /*-----containers-----*/ div[id$="mpTM"] {clear:both;} .task-manager {position:relative;} .content-area .task-manager > h2 {position:absolute; left:-9999px;} .task-manager .result-heading {position:absolute; left:-9999px;} /*-----search options-----*/ .task-manager .tm-search-options {float:left; width:100%; position:relative;} .task-manager .tm-search-options h3 {margin:10px 5px 0 0; font-size:100%; float:left; font-weight:bold;} .task-manager .rgMasterTable .RadComboBox {width:100px !important;} .task-manager .rgMasterTable .RadComboBox > table {width:100px !important;} .task-manager .RadGrid_Elcom {width:auto !important;} /*-----task table-----*/ .task-manager .rgMasterTable .action-buttons {width:100px; margin-top:5px;} /*-----add a task-----*/ div[id$="vwAddTask"] .add-task-fields {} div[id$="vwAddTask"] .add-task-fields > div {width:100%; margin-bottom:15px;} div[id$="vwAddTask"] .add-task-fields > div label, div[id$="vwAddTask"] .add-task-fields > div span[id$="lblUserSelectionText"] {} div[id$="vwAddTask"] .add-task-fields > div textarea {height:44px;} div[id$="vwAddTask"] .add-task-fields > div div[id$="dvAddModeAssginee"] br {display:none;} div[id$="vwAddTask"] .add-task-fields > div .RadListBox {width:200px !important; height:100px; display:inline-block; vertical-align:top;} div[id$="vwAddTask"] .add-task-fields > div .RadListBoxButtonAreaRight {width:250px !important;} div[id$="vwAddTask"] .add-task-fields > div .RadListBox .rlbGroup {border:1px solid #999; padding:2px 5px; width:188px; height:94px; overflow-y:scroll;} div[id$="vwAddTask"] .add-task-fields > div .RadListBox table {margin-right:10px;} div[id$="vwAddTask"] .add-task-fields > div.more_options {} div[id$="vwAddTask"] .add-task-fields > div.more_options > input[type="text"] {} div[id$="vwAddTask"] .add-task-fields > div.more_options select {} div[id$="vwAddTask"] .add-task-fields > div.more_options select[id$="ddlCompleted"] {} div[id$="vwAddTask"] .add-task-fields > div.more_options .left_options {} div[id$="vwAddTask"] .add-task-fields > div.more_options .left_options > div {margin-bottom:15px;} div[id$="vwAddTask"] .add-task-fields > div.more_options .right_options {} div[id$="vwAddTask"] .add-task-fields > div.more_options .right_options > div {margin-bottom:15px;} div[id$="vwAddTask"] .add-task-fields > div fieldset {border:none; padding:0 0 0 105px; margin:0; position:relative;} div[id$="vwAddTask"] .add-task-fields > div fieldset legend {width:100px; padding:0 5px 0 0; margin:0; position:absolute; top:0; left:0;} div[id$="vwAddTask"] .add-task-fields > div fieldset > div {} div[id$="vwAddTask"] .add-task-fields > div fieldset > div > span {display:block;} div[id$="vwAddTask"] .add-task-fields > div fieldset > div .RadListBox {width:400px !important; height:80px;} div[id$="vwAddTask"] .add-task-fields > div fieldset > div .RadListBox .rlbGroup {border:1px solid #999; padding:2px 5px; height:74px; overflow-y:scroll;} div[id$="vwAddTask"] .add-task-fields > div[id$="dvAddModeAssginee"] br {display:none;} div[id$="vwAddTask"] .add-task-fields .publish-button {margin-left:16.6666666667%;} /*-----manage task groups-----*/ div[id$="vwManageTaskGroups"] {position:relative;} div[id$="vwManageTaskGroups"] .buttonGroupTop {position:absolute; top:40px; right:0;} div[id$="vwManageTaskGroups"] .adminFieldSet > div, div[id$="vwManageTaskGroups"] .adminFieldSet > table {width:100%; margin-bottom:15px;} div[id$="vwManageTaskGroups"] .adminFieldSet > div.single-checkbox label {width:auto;} div[id$="vwManageTaskGroups"] .adminFieldSet > div .userSelector, div[id$="vwManageTaskGroups"] .adminFieldSet > div .folderSelector {display:inline-block; vertical-align:top;} div[id$="vwManageTaskGroups"] .adminFieldSet > div .RadListBox {width:400px !important; height:80px;} div[id$="vwManageTaskGroups"] .adminFieldSet > div .RadListBox .rlbGroup {border:1px solid #999; padding:2px 5px;} div[id$="vwManageTaskGroups"] #searchResults {} div[id$="vwManageTaskGroups"] #searchResults .adminDataTable, div[id$="vwManageTaskGroups"] #dvSubgroups table, div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] .adminDataTable {width:100%; border-collapse:collapse; background-color:#E8E8E8; margin-bottom:15px;} div[id$="vwManageTaskGroups"] #searchResults .adminDataTable th, div[id$="vwManageTaskGroups"] #dvSubgroups table th, div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] .adminDataTable th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} div[id$="vwManageTaskGroups"] #searchResults .adminDataTable th a, div[id$="vwManageTaskGroups"] #dvSubgroups table th a, div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] .adminDataTable th a {color:#fff; font-weight:bold;} div[id$="vwManageTaskGroups"] #searchResults .adminDataTable td, div[id$="vwManageTaskGroups"] #dvSubgroups table td, div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] .adminDataTable td {border:1px solid #ccc; padding:5px;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset {margin:0 0 10px 0; padding:0; border:none; position:relative;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions {border-bottom:1px solid #ccc; padding-bottom:10px;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions > legend {font-weight:bold; font-size:110%; margin:0; padding:0;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions > fieldset {padding-left:105px;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions > fieldset > legend {font-weight:normal; font-size:100%; position:absolute; top:0; left:0; width:100px; border:none;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions div {width:100px; display:inline-block; vertical-align:top;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions div input {margin:0 5px 0 0; padding:0;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions div label {width:60px; height:15px; overflow:hidden; display:inline-block; vertical-align:top;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions fieldset.global-permission {padding-left:0; margin-left:100px; padding:5px; background-color:#ccc;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions fieldset.global-permission legend {display:none;} /*-----buttons-----*/ div[id$="vwManageTaskGroups"] input[id$="btnBackToTaskGroupEdit"] {position:absolute; top:0; right:0;} /*-----task element-----*/ .article-task-add-new-content {margin-bottom:20px;} ul.task-element {list-style-type:none; margin:0; padding:0;} ul.task-element li {border-bottom:1px solid #E0E0E0; margin:0 0 5px 0; padding:0 0 5px 0;} ul.task-element li > input[type="checkbox"] {margin-right:10px;} .article-task-edit-buttons-content {padding-left:5px;} .article-task-edit-buttons-content a {border-right:1px solid #ccc; padding:0 5px;} .task-history-show-details a {padding:0 5px;} /*---------------------------------------- / alerts ----------------------------------------*/ .cls-alerts-subscribe-container {margin-bottom:20px;} /*---------------------------------------- / meeting manager ----------------------------------------*/ .meeting-manager-mymeetings div[id$="updSearchMeetingsProgress"], .meeting-manager-managemeetings div[id$="updSearchMeetingsProgress"] {position:absolute; top:10px; left:200px;} .meetingagenda-failure-msg {display:block; background:#FFD6D6 url(/images/tdcm/cross.png) no-repeat 12px 9px; border:1px solid #FFC2C2; color:#C24848; margin:0 0 15px 0; padding:8px 10px 8px 37px;} /*-----containers-----*/ div[id$="rmpMeetingManager"] {position:relative; float:left; clear:both; width:100%; border:1px solid #ddd; border-top:none; padding:20px; background-color:#fff;} /*-----my meetings-----*/ .mymeetings-view-main-content {position:relative;} .meeting-manager-mymeetings .meeting-manager-view-filter {position:absolute; top:20px; right:20px; z-index:2;} .meeting-manager-mymeetings .meeting-manager-view-filter ul {list-style-type:none; margin:0; padding:0;} .meeting-manager-mymeetings .meeting-manager-view-filter ul li {float:left; margin-left:10px;} .meeting-manager-mymeetings .meeting-manager-view-filter ul li a.selected {background:#ddd;} .mymeetings-list-view {position:relative;} .mymeetings-list-view h3, .mymeetings-cal-view h3, .agenda-details > h2 {position:absolute; left:-9999px;} .agenda-details h3 {width:550px;} .agenda-details h3 .meeting-agenda-header-date {display:block; margin-top:5px;font:80% arial,verdana,sans-serif;} .mymeetings-list-view-addnewmeeting {padding-bottom:15px;} .mymeetings-list-view #meeting-search {float:left; width:100%; position:relative;} .mymeetings-list-view .mymeetings-list-view-results {width:100%; clear:both; margin-top:15px;} .mymeetings-list-view-results h3 {position:absolute; left:-9999px;} .mymeetings-list-view .mymeetings-list-view-results, .mymeetings-cal-view {float:left; clear:both; width:100%; margin-top:30px;} /*-----my calendar-----*/ /*please see events calendar page*/ /*-----meeting and agenda details-----*/ .meeting-manager-add-edit h2 {position:absolute; left:-9999px;} .meeting-manager-meetingdetails {position:relative;} .meeting-manager-add-edit .meeting-agenda-element-ctrls {position:absolute; top:5px; right:85px;} .agenda-details .buttonGroupTop div[id$="pnlAgendaPreviewAdminCtrls"] {position:absolute; top:25px; right:85px;} .meeting-manager-add-edit .meeting-agendaitem-start-end-meeting {position:absolute; top:0px; right:215px;} .meeting-manager-add-edit .meeting-agendaitem-start-end-meeting input {float:none; width:auto; height:auto; text-decoration:none; color:#333 !important; padding:5px 10px; border:1px solid #333; border-radius:5px; background:#ccc;} .meeting-manager-add-edit .meeting-agendaitem-start-end-meeting input:hover, .meeting-manager-add-edit .meeting-agendaitem-start-end-meeting input:focus {cursor:pointer; border:1px solid #111; cursor:pointer;} .meeting-manager-meetingdetails .agenda-details .buttonGroupTop {position:absolute; top:0px; right:0px;} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] {} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block, .agenda-details .meeting-agenda-pre-agenda-info {float:left; width:100%;} .agenda-details .meeting-agenda-pre-agenda-info-gridtop, .meeting-manager-meetingdetails div[id$="pnlAgendaItemsInfo"] {float:left; clear:both; margin-top:20px; width:100%;} .meeting-manager-meetingdetails div[id$="pnlAgendaItemsInfo"] > div {margin-bottom:15px;} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block > div, .agenda-details .meeting-agenda-pre-agenda-info > div, .agenda-details .meeting-agenda-pre-agenda-info > div[id$="divAttendeesDetails"] > div {} .agenda-details .meeting-agenda-pre-agenda-info > div[id$="divAttendeesDetails"] {} .meeting-manager-meetingdetails .meeting-agenda-info-tbl, .agenda-details .meeting-agenda-pre-agenda-info .meeting-agenda-info-tbl {border-top:1px solid #ccc; border-left:1px solid #ccc; border-collapse:collapse; width:100%;} .meeting-manager-meetingdetails .meeting-agenda-info-tbl th, .agenda-details .meeting-agenda-pre-agenda-info .meeting-agenda-info-tbl th {padding:10px; font-weight:bold; border-bottom:1px solid #ccc; text-align:left; vertical-align:top;} .meeting-manager-meetingdetails .meeting-agenda-info-tbl td, .agenda-details .meeting-agenda-pre-agenda-info .meeting-agenda-info-tbl td {width:426px; padding:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block > div > h4, .agenda-details .meeting-agenda-pre-agenda-info > div > h4, .agenda-details .meeting-agenda-pre-agenda-info > div[id$="divAttendeesDetails"] h4 {float:left; font-size:100%; line-height:100%; font-family:arial,verdana,sans-serif; margin:0; padding:0; width:140px;} .meeting-agenda-icons h4, .meeting-agendaitem-icon-published-div h4, .meeting-agendaitem-allow-download-div h4, .meeting-agenda-next-meeting-div h4 {font-size:100%; line-height:100%; font-weight:bold; margin:0; padding:0; } .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block > div > span, .agenda-details .meeting-agenda-pre-agenda-info > div > span {float:left; width:280px; height:61px;} .meeting-agenda-icons ul {} .meeting-agenda-icons ul li {float:left; padding-right:20px;} .meeting-agenda-icons ul li a {} .meeting-agenda-icons ul li a::after {} .meeting-agenda-icons ul li a:hover .meeting-agenda-icons ul li a:focus {border:0;} .meeting-agendaitem-icon-published-div p {margin:0;} .meeting-agendaitem-allow-download-div span {} .meeting-agendaitem-allow-download-div input {} .meeting-agendaitem-allow-download-div a[id$="lnkViewMeetingPack"] {} .meeting-agenda-next-meeting-div select {} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block > div[id$="pnlAgendaItemsInfo"] {float:none; clear:both; width:100%; height:auto; padding:0; border:none;} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block > div[id$="pnlAgendaItemsInfo"] > div {margin-bottom:15px;} .agenda-details {} .meeting-manager-mymeetings .agenda-details {float:none; padding:0; border:none;} .agenda-details .meeting-agenda-pre-agenda-info-grid table {font-size:90%; width:100% !important; border-collapse:collapse; background-color:#E8E8E8; margin-bottom:15px;} .agenda-details .meeting-agenda-pre-agenda-info-grid div[id$="gvAgendaItems_GridHeader"] table {margin-bottom:0;} .agenda-details .meeting-agenda-pre-agenda-info-grid table th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} .agenda-details .meeting-agenda-pre-agenda-info-grid table th a {color:#fff; font-weight:bold;} .agenda-details .meeting-agenda-pre-agenda-info-grid table td {border:1px solid #ccc; padding:5px;} .agenda-details .meeting-agenda-pre-agenda-info-grid table td ul {list-style-type:none; margin:0; padding:0;} .agenda-details .meeting-agenda-pre-agenda-info-grid table td ul li {margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px dotted #666;} div[id$="pnlSplAgendaAdminCtrls"] {} div[id$="pnlSplAgendaAdminCtrls"] > div {} div[id$="pnlSplAgendaAdminCtrls"] > div img {vertical-align:middle;} div[id$="pnlSplAgendaAdminCtrls"] > div.meeting-agendaitem-icon-published-div {margin-bottom:15px;} div[id$="pnlSplAgendaAdminCtrls"] > div.meeting-agendaitem-icon-download-div {} div[id$="pnlSplAgendaAdminCtrls"] > div.meeting-agenda-icons {display:block; margin:20px 0; text-align:right;} div[id$="pnlSplAgendaAdminCtrls"] > div.meeting-agenda-icons > span {padding:0 5px; border-left:1px solid #555; display:inline-block; vertical-align:top;} div[id$="pnlSplAgendaAdminCtrls"] > div.meeting-agenda-icons > span:first-child {border-left:none;} /*-----add agenda popup-----*/ .meeting-agenda-grid .meeting-agenda-grid {height:auto !important; min-height:480px;} .meeting-agenda-grid .meeting-agenda-grid table[id$="mainTable"] {margin:10px 0 0 10px;} .meeting-agenda-grid .meeting-agenda-grid table[id$="mainTable"] > tbody > tr > td > table > tbody > tr > td {padding:5px 0;} .meeting-agenda-grid .meeting-agenda-grid label {width:100px; padding:3px 5px 0 0; display:inline-block; vertical-align:top;} .meeting-agenda-grid .meeting-agenda-grid input[type="text"] {width:100%; border:1px solid #bbb; padding:2px 5px; height:20px; } .meeting-agenda-grid .meeting-agenda-grid input[type="text"]:hover, .meeting-agenda-grid .meeting-agenda-grid input[type="text"]:focus {border-color:#333;} .meeting-agenda-grid .meeting-agenda-grid .rcbInputCell input {width:auto; height:auto; border:none; padding:0;} .meeting-agenda-grid .meeting-agenda-grid select {width:100%; border:1px solid #bbb; padding:2px 5px; } .meeting-agenda-grid .meeting-agenda-grid textarea {width:100%; height:54px; border:1px solid #bbb; padding:2px 5px; resize:none; } .meeting-agenda-grid .meeting-agenda-grid textarea:hover, .meeting-agenda-grid .meeting-agenda-grid textarea:focus {border-color:#333;} .meeting-agenda-grid .meeting-agenda-grid .meeting-attendees {} .meeting-agenda-grid .meeting-agenda-grid .meeting-attendees .meeting-all-attendees {width:250px; display:inline-block; vertical-align:top;} .meeting-agenda-grid .meeting-agenda-grid .meeting-attendees .meeting-ex-attendees {width:250px; display:inline-block; vertical-align:top;} .meeting-agenda-grid .meeting-agenda-grid .RadListBox {width:230px; height:100px;} .meeting-agenda-grid .meeting-agenda-grid .RadListBox .rlbGroup {overflow-y:scroll; border:1px solid #bbb; width:180px !important; height:94px !important; max-height:94px !important; padding:2px 5px;} .meeting-agenda-grid .meeting-agenda-grid .meeting-all-attendees .RadListBox .rlbGroup {margin-right:0 !important;} .meeting-agenda-grid .meeting-agenda-grid #lstAgendaItemDocuments .rlbGroup {width:450px !important;} .meeting-agenda-grid .meeting-agenda-grid .meeting-chair-notes-info {display:block;} .agenda-details td.meeting-agenda-action-item {text-align:left !important;} .agenda-details td.meeting-agenda-action-item a[id$="lnkEditAgenda"], .agenda-details td.meeting-agenda-action-item a[id$="lnkDeleteAgenda"], .agenda-details td a#lnkNotesAgenda {} .agenda-details td.meeting-agenda-action-item a[id$="lnkEditAgenda"]:hover, .agenda-details td.meeting-agenda-action-item a[id$="lnkDeleteAgenda"]:hover, .agenda-details td a#lnkNotesAgenda:hover {} .agenda-details td.meeting-agenda-action-item a[id$="lnkEditAgenda"]::after, .agenda-details td.meeting-agenda-action-item a[id$="lnkDeleteAgenda"]::after, .agenda-details td a#lnkNotesAgenda::after {} .meeting-agenda-documents-content-table {} .meeting-agenda-documents-content-table ul {list-style-type:none; margin:0; padding:0;} .meeting-agenda-documents-content-table ul li {margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px dotted #666;} .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgHeader, .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgFilterRow > td, .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgRow > td, .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgAltRow > td, .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgEditRow > td, .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgFooter > td {font-size:90%;} .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgHeader, .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgHeader a {font-weight:bold;} /*-----manage meetings-----*/ .ecagenda-view-meeting-book-div fieldset {margin:0 0 20px 0; padding:0; border:none;} .ecagenda-view-meeting-book-div fieldset legend {padding:0; margin:0; font-size:110%; font-weight:bold;} /*-----import agenda-----*/ .meeting-import {position:relative; float:left; clear:both; width:896px; border:1px solid #ccc; border-bottom:none; padding:20px 20px 0 20px; background-color:#fff;} .meeting-import-header {position:relative; float:left; clear:both; width:896px; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 20px; background-color:#fff;} .meeting-import-content {position:relative; float:left; clear:both; width:896px; border:1px solid #ccc; border-top:none; padding:0 20px 20px 20px; background-color:#fff;} .meeting-import-content fieldset {margin:0 0 20px 0; padding:0; border:none;} .meeting-import-content fieldset legend {padding:0; margin:0; font-size:110%; font-weight:bold;} .meeting-import-content fieldset select {margin-bottom:10px;} .meeting-import-content fieldset input[type="text"] {width:388px; border:1px solid #999; padding:2px 5px; height:20px;} .meeting-import-content fieldset input[type="text"]:hover, .meeting-import-content fieldset input[type="text"]:focus {border-color:#000;} .meeting-import-content table {margin-bottom:20px;} .meeting-import-content table td {padding:0 0 5px 0;} .meeting-import-content table td input {margin:0 5px 0 0; padding:0;} /*---------------------------------------- / telerik control restyle ----------------------------------------*/ /*-----radgrid-----*/ #page-content .RadGrid_Telerik .rgMasterTable, #page-content .RadGrid_Telerik .rgDetailTable, #page-content .RadGrid_Telerik .rgGroupPanel table, #page-content .RadGrid_Telerik .rgCommandRow table, #page-content .RadGrid_Telerik .rgEditForm table, #page-content .RadGrid_Telerik .rgPager table {font-size:100%; font-family:inherit; color:#333;} #page-content .RadGrid_Telerik .rgCommandRow {background:#eee; color:#333;} #page-content .RadGrid_Telerik thead .rgCommandCell {border-bottom:1px solid #eee;} #page-content .RadGrid_Telerik .rgCommandTable {border:0;} #page-content .RadGrid_Telerik .rgHeader, #page-content .RadGrid_Telerik th.rgResizeCol, #page-content .RadGrid_Telerik .rgHeaderWrapper {background:#eee; border-bottom:1px solid #bbb;} #page-content .RadGrid_Telerik .rgRow a, #page-content .RadGrid_Telerik .rgAltRow a, #page-content .RadGrid_Telerik .rgEditRow a, #page-content .RadGrid_Telerik .rgFooter a, #page-content .RadGrid_Telerik .rgEditForm a {color:inherit;} /*-----tabs-----*/ #page-content .RadTabStrip .rtsLevel {overflow:visible; float:left;} #page-content .RadTabStrip ul.rtsUL {overflow:visible; width:100%; border-bottom:1px solid #ccc; list-style-type:none; margin:0; padding:0;} #page-content .RadTabStrip ul.rtsUL li.rtsLI {overflow:visible; float:left; margin-bottom:-1px;} #page-content .RadTabStrip ul.rtsUL li.rtsLI a {position:relative; display:block; padding:10px 15px; margin-right:2px; line-height:1.428571429; border:1px solid transparent; border-radius:4px 4px 0 0;} #page-content .RadTabStrip ul.rtsUL li.rtsLI a:hover, #page-content .RadTabStrip ul.rtsUL li.rtsLI a:focus {background-color:#eee; border-color:#eee #eee #ddd;} #page-content .RadTabStrip ul.rtsUL li.rtsLI a.rtsSelected, #page-content .RadTabStrip ul.rtsUL li.rtsLI a.rtsSelected:hover, #page-content .RadTabStrip ul.rtsUL li.rtsLI a.rtsSelected:focus {color:#3d3d3d; cursor:default; background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent;} #page-content .RadTabStrip ul.rtsUL li.rtsLI a span.rtsOut, #page-content .RadTabStrip ul.rtsUL li.rtsLI a span.rtsIn, #page-content .RadTabStrip ul.rtsUL li.rtsLI a span.rtsTxt {padding:0;} #page-content .RadListBox_Elcom .rlbGroup {border:1px solid #ccc; height:100px;} /*-----ms teams presence indicator-----*/ .user-presence {display:block; width:20px; height:20px; border-radius:50%; border:2px solid #fff; position:absolute; bottom:-4px; right:-4px; line-height:16px; font-size:10px; font-weight:900; text-indent: -9999px; box-shadow:0 0 2px 1px rgba(100,100,100,0.3);} .table td .user-presence {display:inline-block; position:relative; bottom:auto; right:auto; margin-left:5px;} .user-presence::after {font-family:FontAwesome; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; text-indent:0;} .user-presence.status-unavailable {background-color:#fff; color:#959595; border-color:#959595;} .user-presence.status-unavailable::after {content:"";} .user-presence.status-Available {background-color:#9cc162; color:#fff;} .user-presence.status-Available::after {content:"\f00c";} .user-presence.status-AvailableIdle {background-color:#9cc162; color:#fff;} .user-presence.status-AvailableIdle::after {content:"\f00c";} .user-presence.status-Away {background-color:#f5d34b; color:#fff; border:0; line-height:20px; font-size:20px; font-weight:400;} .user-presence.status-Away::after {content:"\f017";} .user-presence.status-BeRightBack {background-color:#f5d34b; color:#fff; border:0; line-height:20px; font-size:20px; font-weight:400;} .user-presence.status-BeRightBack::after {content:"\f017";} .user-presence.status-Busy {background-color:#b43f4e; color:#fff;} .user-presence.status-Busy::after {content:"";} .user-presence.status-BusyIdle {background-color:#b43f4e; color:#fff;} .user-presence.status-BusyIdle::after {content:"";} .user-presence.status-DoNotDisturb {background-color:#b43f4e; color:#fff;} .user-presence.status-DoNotDisturb::after {content:"\f068";} .user-presence.status-Offline {background-color:#fff; color:#959595; border-color:#959595;} .user-presence.status-Offline::after {content:"\f00d";} .user-presence.status-PresenceUnknown {background-color:#fff; color:#959595; border-color:#959595;} .user-presence.status-PresenceUnknown::after {content:"";} /*---------------------------------------- / responsive design ----------------------------------------*/ @media (min-width:1300px){ .container { width: 100%; max-width: 1334px; padding-right: 15px; padding-left: 15px} .half {width:70%;} .widget-contentwrap { padding-left: 60px;} .introblocks .container { padding: 0px 90px;} } @media (min-width:1024px){ #header-links { position: absolute; top: 0; right: 0px; z-index: 1002;} .mobile-icons, .mobile-items{display:none;} #main-nav .hmenu>li>div { overflow: hidden; overflow-y: auto; max-height:400px; display: flex; flex-wrap: wrap; align-content: flex-start; } #main-nav .hmenu>li.iFOL15 >div {max-height:500px; } #main-nav .hmenu>li>div>ul>li:nth-child(3n+1) { clear: left;} #main-nav .hmenu>li>div>ul.firstli { display: none;} #main-nav .hmenu > li.iFOL12.first div.menu-wrap .cloumn2 { border: none;} #main-nav .hmenu>li>div.menu-wrap .cloumn1, #main-nav .hmenu>li>div.menu-wrap .cloumn2, #main-nav .hmenu>li>div.menu-wrap .cloumn3 { width: 33.3333%; float: left; height: calc(100% - 60px); border-right: 2px solid #333; margin: 30px 0px; padding: 0px 30px;} #main-nav .hmenu>li>div.menu-wrap .cloumn3 { border: none;} #main-nav .hmenu>li>div { height: 0; z-index: 1000; position: absolute; top: 140px; left: 15px; right: 0px; background: #0e3b41; padding: 0; } #main-nav .hmenu a { outline: none;} #main-nav .hmenu>li>div.menu-wrap [class*="cloumn"] ul {list-style: none;margin: 0;padding: 0;} #main-nav .hmenu>li>div.menu-wrap [class*="cloumn"] >ul>li>a {display:block; position:relative;text-decoration: none;color: #fff;font-size: 110%;font-weight: 600;line-height: 22px;padding: 0px 0px 10px 0px;text-align: left;} #main-nav .hmenu>li>div.menu-wrap [class*="cloumn"] >ul>li {margin-bottom: 30px;clear:both;display: inline-block;position:relative;float: left;width: 100%;} #main-nav .hmenu>li>div.menu-wrap [class*="cloumn"] ul>li>ul>li>ul { padding: 5px 0px 5px 15px;} #main-nav .hmenu>li>div.menu-wrap [class*="cloumn"] ul>li:hover > a, #main-nav .hmenu>li>div.menu-wrap [class*="cloumn"] ul>li:hover > a, #main-nav .hmenu>li>div.menu-wrap [class*="cloumn"] ul>li>ul>li:hover > a{ color: #8ac4ac;} #main-nav .hmenu>li>div.menu-wrap [class*="cloumn"]>ul>li>a:after {content: "";border-bottom: 5px solid #5DAD89;position: absolute;left: 0;width: 20px;height:5px;bottom: 0;border-radius: 2px;} #main-nav .hmenu>li>div.menu-wrap [class*="cloumn"] ul>li>ul { list-style: none; margin: 0; clear: both; display: inline-block; padding: 20px 0px 0px 0px; width: 100%;} #main-nav .hmenu>li>div.menu-wrap [class*="cloumn"] ul>li>ul>li>a {display: block;text-decoration: none;color: #fff;font-size: 14px;line-height: 22px;padding: 0 0 3px 0;position: relative;} #main-nav .hmenu>li>div.menu-wrap >ul>li.iFOL74.last> ul, #main-nav .hmenu>li>div.menu-wrap [class*="cloumn"] >ul>li.iFOL74.last> ul, #main-nav .hmenu>li> a span.toggle { display: none;} } @media (min-width:1024px) and (max-width:1279px) { #header nav#main-nav{ padding: 97px 0 0 15px;} #main-nav .hmenu>li{padding: 12px 10px;} #main-nav .hmenu>li>a, #main-nav .hmenu>li>span{font-size:100%;} .htlh-contbx{ padding: 0px;} .htlh-contbx .htlh-contbxlink{padding: 25px; } .htlh-contbx .arrow-lnk::after{font-size:60px;} #footer-list ul li{width:100%;} } @media (min-width:1200px) and (max-width:1399px) { .htlh-contbx { width: 90%;} } @media (min-width:0px) and (max-width:1023px) { #header-links { width:100%; float:left; background: #0e3b41;} .mobile-icons{display:block; float:right; position: absolute; bottom:0px; right: 0px;} #main-nav{display:none;} .headerwrap{position:relative; float:left; padding: 0;} #header nav#main-nav { position: absolute; display: none; padding: 0; top: 140px; z-index: 11;} #header nav#main-nav ul { float: none; width: 100%; margin: 0; padding: 0;} #main-nav .hmenu>li { width: 100%;} .mobile-items{display:block;} nav#main-nav .complaint a.btncomplaint, nav#main-nav .complaint { width: 100%;} #header-links { position: absolute; top: 140px; z-index: 99; display: none;} .mobile-items { position: absolute; top: 140px; z-index: 99; width: 100%;display: none;} #header .mobile-items #header-search { width: 100%; } .mobile-items.open, .mobile-items.open .navbar-search, #header nav#main-nav.open, #header-links.open { display: block;} /* .arrow-blocks .icon{ bottom: 60%;}*/ #footer-list ul li{width:100%;} /*Menu style*/ #main-nav .hmenu>li { width: 100%; padding:0px;} #main-nav .hmenu>li .menu-wrap{display:none;} #main-nav .hmenu>li .menu-wrap.open {display: block; height: auto !important; position: relative; top: 0; left: 0; right: 0; margin-bottom:5px;} #main-nav .hmenu>li .menu-wrap.open > ul { opacity: 1; display: block;} #main-nav .hmenu>li .menu-wrap.open > ul li { width: 100%; float: none; border: none; margin: 0;} #main-nav .hmenu>li a { position:relative; padding: 12px 15px;} #main-nav .hmenu>li .menu-wrap.open > ul li a { font-size: 100%;} #main-nav .hmenu>li .menu-wrap.open > ul > li { margin: 0px; padding: 0px 20px;} #main-nav .hmenu>li .menu-wrap.open > ul > li > a {padding: 10px 0px 5px;border-bottom: 1px solid #000;} #main-nav .hmenu>li>div>ul>li:after{border:none; width:auto;height:auto;} #header #main-nav .hmenu>li.clicked .menu-wrap > ul > li > ul { padding: 0px 20px;} #header #main-nav .hmenu>li.clicked .menu-wrap > ul > li > ul > li { padding: 5px 0px;} #main-nav .hmenu>li.clicked, #main-nav .hmenu>li.selected {background: #20575e;} #main-nav .hmenu>li>div>ul {min-height:auto;} #main-nav .hmenu>li>div.menu-wrap .cloumn1, #main-nav .hmenu>li>div.menu-wrap .cloumn2, #main-nav .hmenu>li>div.menu-wrap .cloumn3 { display: none;} #main-nav .hmenu>li> a span.toggle { display: block; text-indent: -9999px; position: absolute; right: 10px; top: 10px; border: 0; width: 30px; z-index: 99; height: 30px;} #main-nav .hmenu>li > a span.toggle:after { position: absolute; right: 0; top: 0px; text-indent: 0; font-size: 14px; cursor: pointer; z-index: 25; font-family: fontawesome; font-weight: 100; content: "\f078"; color: #fff;} #main-nav .hmenu>li > a span.toggle.open:after {content: "\f077"; } #main-nav .hmenu>li>div>ul>li>ul>li>ul{display:block;list-style: none;} #main-nav .hmenu>li>div>ul>li>ul>li>ul li{padding: 3px 0px;} #main-nav .hmenu>li>div>ul>li>ul>li>ul li a { color: #fff;} } @media (min-width:992px) and (max-width:1199px) { h1 {padding-left: 30px;} .content-area .leftcontent{padding-left:40px;} #footer-list ul li{ width: 270px;} } @media (min-width:992px){ .flex-md { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;} h1:before { background: url(/images/UserUploadedImages/11/title-icon.png) no-repeat center; content: ""; padding: 10px 55px 10px 0px; margin-left: -55px;} .complaintabout img, .complaintabout p, .complaintabout a { display: inline; padding-right: 20px;} .oneColumnwrap { padding-left: 55px;} .introblocks .arrow-blocks { min-height: 250PX;} .widget-brief img.leftmoveIco { margin-left: -42px;} } @media (min-width:0) and (max-width:991px) { #header #header-search span[id$="SearchKeywordValidator"], #header #header-search .error-message {color:#dc3545 !important} .container { max-width: 100%; } /*h1 { padding-left: 30px !important; }*/ #section-nav {margin-bottom:20px;} #section-nav .navbar-collapse {max-height:340px;} #section-nav #sections-menu {position:relative; width:auto; height:auto; margin:0; padding:10px; clip:inherit; background:#eee; display:block; color:inherit;} #section-nav #sections-menu::after {content:"\f078"; font-family:FontAwesome; position:absolute; top:10px; right:10px;} #section-nav .navbar-collapse.collapse {display:none !important;} #section-nav .navbar-collapse.in {display:block !important;} #banner-home { padding: 30px 20px 60px;} #footer-menu ul { width: 80%; float: left;} #footer-menu ul li { padding: 5px 7px 0px;} #footer-menu > img { padding-bottom: 20px;} #page-content{margin:20px 0px 0px 0px; padding:0px;} content-bottom-right, .content-top-right { padding: 30px 20px;} .spotlightwrap{padding:0px 5px;} .spotlightwrap .contentblockItem { width: 49.8%; margin: 0; border: 5px solid #fff; padding: 5px; flex: auto; } .spotlightwrap .contentblockItem h2 { font-size: 300%;} .spotlightwrap .contentblockItem p { color: #20575e; font-weight: bold; line-height: 16px;} .spotlightwrap .contentblockImg { height: 100px; line-height: 100px;} .spotlightwrap .contentblockImg img { max-height: 100%;} .content-area .leftcontent{padding:0px 15px 0px;} /*.content-area h1{padding-top:20px;}*/ .htlh-contbx{position:relative; padding: 0px;} .htlh-contbx .htlh-contbxlink{padding: 25px; } .htlh-contbx .icon.icon-right{ position: absolute; right: 15px; top: 0;} .htlh-contbx .icon.icon-right:after { top: 20px; transform: translateY(0%); right: 10px; font-size: 50px;} .articleEditeddate, .ratingDetails {float:left; width: 100%; margin-bottom:15px;} .articleEditeddate { margin-bottom: 30px;} .breadcrumb-mobile #breadcrumb-panel { display: block; margin: 0; width: 100%;} .breadcrumb-mobile #breadcrumbs .breadcrumb{width:100%;border-top: 3px dashed #e8e8e8;padding: 10px 0px;} .breadcrumb-mobile #breadcrumbs {padding: 0px 15px;} .contentfooter { margin: 0; border: none; padding: 10px 30px;} .content-area.container { padding-top: 30px;} .complaint-list>div { padding: 0 10px!important;} .complaintaccord-right .expand-collapse { clear: both;} .rightcontent { margin-top: 30px;} #footer-content img{height:40px; padding-left:0px; margin-top:15px; display:block;} table.sm-block tr td { display: block; width: 100% !important; padding: 10px; white-space: normal !important;} table.sm-block tr td > p { margin: 0;} .widget-brief { padding-left:0px;} } @media (min-width:768px) and (max-width:991px) { .pre-footer .flex-md { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .introblocks h4{margin:0;} .arrow-blocks .icon{ bottom: 40%;} #footer-information{width:49%} .htlh-contbx .arrow-lnk, .htlh-contbx .arrow-lnk.icon.icon-right{right:5px;} .notice {margin-top: 85px;} } @media (min-width:768px) { #main-nav .hmenu > li:hover > ul, #main-nav .hmenu > li:focus > ul {display:block; opacity:1; z-index:2000;} .footer-mobile-logo {display:none;} .banner-home-mobile{display:none;} } @media (min-width:0) and (max-width:767px) { #page-content{margin: 0 0px 0px 0px;} .complaint-list .bg-shade .loactionIcon img{max-width:30%;} h1{font-size:180%; padding-top:10px !important;} #header #header-login ul {clear:both; margin-top:5px;} #header #header-login ul li:first-child a {padding-left:0; border-left:none;} #main-nav > .navbar-right {clear:both; width:100%;} #main-nav .icon-search {position:absolute; top:20px; right:50px;} #header.open #main-nav .icon-search {top:80px;} #main-nav .icon-menu {position:absolute; top:20px; right:15px;} #header.open #main-nav .icon-menu {top:80px;} /* #main-nav #site-nav {clear:both; width:100%; background:#409ec1; padding:0; z-index:99; margin-top:15px; max-height:100%;} #main-nav .hmenu {float:none; background:transparent;} #main-nav .hmenu > li {float:none; padding:0;} #main-nav .hmenu > li > a, #main-nav .hmenu > li > span {color:#fff; padding:5px 20px;} #main-nav .hmenu > li.selected > a, #main-nav .hmenu > li > a > .toggle {float:right;} #main-nav .hmenu > li > a > .toggle::after {color:#fff; padding:0 !important; width:20px; height:20px; text-align:center; line-height:20px;} #main-nav .hmenu > li.selected > a > .toggle::after, #main-nav .hmenu > li > a:hover > .toggle::after, #main-nav .hmenu > li > a:focus > .toggle::after {color:#333;} #main-nav .hmenu > li > ul.open {display:block; position:relative; top:auto; left:auto; width:100%; opacity:1;} #main-nav .hmenu > li > ul > li {float:none; display:block; width:100%;} */ #footer-bottom {padding:20px 0;} #footer-bottom div.align-center {text-align:left;} #footer-bottom ul.float-right {float:left !important;} #footer #footer-links .hmenu > li {width:100%; float:left; padding-bottom:15px;} #breadcrumb-panel {display:none;} /*social*/ #mypage-wrapper .mypage-stream {border:none; padding-left:0; padding-right:0;} #mypage-wrapper .mypage-profile, #socialgroup-wrapper .mypageGroup-profile {padding-right:0;} #mypage-wrapper .mypage-connections, #socialgroup-wrapper .group-members-container {padding-left:0;} /*my account*/ #myAccountArea .findCalendar {padding:0 0 20px 0;} #myAccountArea .calendarView {padding:0;} /*calendar*/ .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] {width:700px !important;} /*document list*/ #divDocListResults .clsSearchParameters {padding:15px 0 0 0;} /*events*/ .EventQuickSearchMain div[id$="pnlEventQuickSearch"] {padding-bottom:30px;} .EventQuickSearchMain .EventQuickSearchCalendar {} #calendar-outer .calender-type, .event-view-training-details .event-details {padding-right:0;} #calendar-outer .calendar-main, .event-view-training-details .event-image, .event-view-training-details .button-group, .EventSearchResults {padding-left:0;} #calendar-outer .calender-type fieldset .form-group {float:left; margin-right:15px;} .SearchCriteria, #myAccountArea .clsEventSearchLeft {padding-right:0; padding-bottom:20px;} #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumb, #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumbSelected {display:block; padding-bottom:5px;} #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumbSeparator {display:none;} #divEventRegistration fieldset#pPhone > legend, #divEventRegistration fieldset#pFax > legend {text-align:left;} /*forms*/ .clsFormCreator .clsFormCreator_button, div.form-actions, #pSavePaymentDetails, .clsFormCreator .formCreatorCaptchaTable, .clsFormCreator .clsFormCreator_button, .clsFormCreator div.clsFormCreator_checkbox, .clsFormCreator div.clsFormCreator_checkbox > span, .clsFormCreator div.clsMandatory {padding-left:0;} .FormResult .clsSearchParameters {padding:15px 0 0 0;} /*corporate directory*/ #PeopleSearch_container div[id$="divSearchRefine"], #divPhoneBookDetail .clsPhotoandContact {padding-right:0;} #PeopleSearch_container div[id$="divPeopleSearchResults"], #divPhoneBookDetail .clsPhoneDetails {padding-left:0;} #divPhoneBookDetail .clsPhotoandContact {padding-bottom:20px;} /*store locator*/ #locatorContainer #SearchFilter {padding-right:0;} #locatorContainer .dealer-search-results {padding-left:0;} /*meeting manager*/ .meeting-manager-managemeetings .single-checkbox {padding-left:0;} .meeting-manager-managemeetings .meeting-buttons-bottom {padding-left:0;} .arrow-blocks { min-height: 120px;} #footer-list ul li{width:100%;} .footer-mobile-logo { position: absolute; right: 15px; top: 15px;} div#footer-information p { display: none;} div#footer-information { position: relative; min-height: 140px;} #footer-logo{display:none;} .footer-mobile-logo {display:block; position: relative; right: auto;} .introblocks.padding-bottom-full h1 { padding: 15px 0px;} .introblocks h4 { font-size: 130%; font-weight: 500; line-height: 24px; margin: 0; padding: 0px;position: relative; height: auto;} .introblocks .arrow-blocks { padding-right: 40px;} .introblocks .arrow-blocks br { display: none;} .introblocks .icon { right: 10px; top: 0; bottom: 0; padding: 0;} .introblocks .icon:after { font-size: 40px; top: 50%; transform: translateY(-50%);} .arrow-blocks { border-width: 7px; min-height: auto;} .introblocks { padding: 20px 15px;} .banner-home-mobile img { border: 0px solid; object-fit: cover; width: 100%; max-width: 100%; display: block !important;} #banner-home{background:none !important;} .widget-media { background: url(/images/UserUploadedImages/11/media-sideIco.png) no-repeat 20px 20px; padding: 20px 15px 20px 15px; background-size: 42px;} .widget-mediaheading { padding: 10px 10px 20px 60px;} .widget-mediaheading h2 { font-size: 18px; display: block; margin-bottom: 10px;} .mediawidget .widget { background-size: 100%;} .widget-mediaheading a.btn.btn-secondary { padding: 3px 13px;} .widget-mediaItem{padding:0px 15px} .publicwarn-widget { background: url(/images/UserUploadedImages/11/warn-sideIco.png) no-repeat 20px 20px; padding: 20px 15px 20px 15px; background-size: 42px;} .widget-publicwarnheading { padding: 10px 10px 20px 60px;} .widget-publicwarnheading h2 { font-size: 18px; display: block; margin-bottom: 10px;} .publicwarnwidget .widget { background: url(/images/UserUploadedImages/11/publichome-top-border-mobile.png)no-repeat; background-size: 100%;} .widget-publicwarnheading a.btn.btn-secondary { padding: 3px 13px;} .publicwarn-tem{padding:0px 10px;margin-bottom: 15px;} .widget-mediaItem h4, .publicwarn-tem h4{font-size:110%;} .publicwarn-tem span.itemdate{padding-top:5px;} .faqlinkhome h4 { display: block; margin-bottom: 10px;} .faqlinkhome h4, .faqlinkhome a, .faqlinkhome img { padding: 0;} .faqlinkhome img { padding-left: 20px; text-align: center; height: 40px;} .htlh-contbx .icon.icon-right:after { top: 30px; } .hlth-container{min-height:auto;} ul.widget-tab{border:none;margin:0px 0px;} ul.widget-tab li{width:100%; margin: 0 10px 15px 0;} ul.widget-tab li.active a, ul.widget-tab li a{border:1px solid #b8b9bc; width: 100%;} .widget-brief .btn-primary {display: inline-block;margin: 10px 0px 0px;} .widget-brief p { padding: 0;} .CustomRatingContainer ul li{ width: 100%; padding-left: 0px; margin-bottom: 10px;} .CustomRatingContainer.RatingContainer{clear:both;} .spotlightwrap .contentblockItem h2{margin:10px 0px;} .complaint-list>div { margin-bottom: 5px;} .htlh-contbx { position: relative; padding:0px;} .htlh-contbx .htlh-contbxlink{padding: 20px 10px; } .htlh-contbx h3, .htlh-contbx p { width: 85%; -ms-word-break:break-word; word-break: break-word; white-space: pre-wrap; font-size: 100%; line-height: 1.5; margin-bottom: 15px;} .hlth-consumer-wdgt .htlh-contbx h3 > a { color: #013b4b; font-weight: bold; font-size: 16px;} .htlh-contbx .arrow-lnk, .htlh-contbx .arrow-lnk.icon.icon-right{ right: 0; top:0;} .htlh-contbx .arrow-lnk::after, .htlh-contbx .arrow-lnk.icon.icon-right::after { font-size: 55px;} .SearchLeft { margin-bottom: 20px;} ul.twocollist li{width:100%;} .notice {margin-top: 85px;} #divMailingListSubscribe .col-form-label, .form-horizontal .col-form-label, .form-horizontal .control-label { text-align: left; } } @media (min-width:0) and (max-width:479px) { #footer #footer-links .hmenu > li > ul > li {width:100%;} .event-view-training-details .event-image img {width:100%;} .cover-white:before{width:275px;} .cover-white { width: 100%;} .spotlightwrap .contentblockItem p{ line-height: 14px; font-size: 10px;} .spotlightwrap .contentblockImg img{ max-height: 80%;} .spotlightwrap .contentblockImg { height: 50px; line-height: 50px;} table.exec-team tr td:first-child { width: 120px !important;} table.exec-team tr td:first-child img{max-width:90%;} .spotlightwrap .contentblockItem{width:100%;} } @media screen and (-webkit-min-device-pixel-ratio:0) { }