/*--------------------------------------------------------------------- theme ---------------------------------------------------------------------*/ 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:normal; 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; padding-left:0; padding-right:0; margin-left:0;} .form-group.clsFormCreator_htmlcontent {padding:0px; margin-top: 15px;} .btn-default {color: #333 !important; text-decoration:none !important; border-color:#ccc; background:#ccc;} .align>div[class*='col-'], .align>article[class*='col-']{display: flex; flex-direction: row; flex-wrap: wrap;} .module-area { padding-bottom: 45px;} /*---------------------------------------- / 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:"\f078"; font-family:FontAwesome; font-size:20px; width:34px; height:34px; color:#333; display:block; text-align:center; line-height:34px; position:absolute; top:5px; right:0; border-radius:0 2px 2px 0; z-index:1; opacity:0;} fieldset.refine-outer .select-field select { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.35); font-size: 15px; font-weight: bold;} /*---------------------------------------- / layout ----------------------------------------*/ .container-full {padding-right: 15px; padding-left: 15px;} .container-mid {margin-right: auto; margin-left: auto;width:100%; max-width:1440px;} ul.listitem {margin: 10px 0 20px 0px;padding: 0px;list-style: none; display: inline-block; width: 100%;} ul.listitem li:before {content: "\f330";color: #00538d;font-size: 110%;font-weight: bold;display: inline-block;font-family:fontawesome;width: 25px;vertical-align: top;} ul.listitem li {font-size: 100%;line-height: 24px;position: relative;list-style: none;margin-bottom: 8px;} ol {list-style: none;counter-reset: li;margin: 0px 0px 20px 0px;padding: 0px 0px 0px 15px;} ol>li:before {content: counter(li) ".";width: 1.0em;position:absolute;left:-12px;top:-4px;color: #00538d;font-weight: bold; font-size:125%;} .content-area ol>li:before {width:auto;position:relative;left:-10px;top:0px;} /* Added by LR Aug 2025 - double digit counters were gronk. */ ol>li {counter-increment: li;padding-left: 10px;position:relative;margin-bottom: 8px;} ol li strong, ol li b { margin-bottom: 5px; display: inline-block;} /*---------------------------------------- / header ----------------------------------------*/ .bg.black { background: #000; color: #fff;} #header .icon-menu::after { color: #FFF; } /*.admin #header { top: 40px;}*/ #header #header-top #header-utilities #header-font-resize {height: 40px; line-height: 40px; padding-left: 5px; padding-right: 20px} #header #header-top #header-utilities #header-font-resize ul { list-style-type: none; margin: 0; padding: 0;} #header #header-top #header-utilities #header-font-resize ul li { float: left; position: relative; margin-right: 0;} #header #header-top #header-utilities #header-font-resize ul li a {text-indent: -9999px;line-height: 40px;position: relative;width: 20px;float: left;color: #fff; text-decoration: none; } #header #header-top #header-utilities #header-font-resize ul li a#small {width: 10px;} #header #header-top #header-utilities #header-font-resize ul li a#large {width: 35px;} #header #header-top #header-utilities #header-font-resize ul li a:after { text-indent: 0} #utilities li.printico img { display: none;} #utilities li.printico a:before {content: "\f02f"; font-family: fontawesome;} #header #header-top .skip-link a { padding: 13px 17px; line-height: 40px; color:#fff; font-size:14px; text-decoration: none;} #header #header-top .skip-link .fal { font-size:21px; padding-right:10px;} #header-contact a.btn .fa-phone-volume { font-size: 24px; vertical-align: middle; padding-left: 8px; margin-top: -7px;} .icon.icon-font-sml:after {content: "A";font-size: 15px;bottom: 5px;font-family: arial,helvetica,sans-serif;line-height: 50px;width: auto;} .icon.icon-font-lrg:after {content: "A";font-size: 25px;bottom: 5px;font-family: arial,helvetica,sans-serif; line-height: 50px;width: auto;} /* #header-top { height: 40px;} -- updated Aug 2024 */ #header-utilities { background: #92930a; color: #fff; display:inline-flex; } #header-contact a.btn { text-decoration: none; color: #fff; font-size: 15px; position: relative; padding: 13px 10px 13px 17px; line-height: 19px;} #header #header-top a { height: 40px;} #header #header-bottom button#toggle-search { position: relative; color: #fff; width: 80px; height: 50px; padding: 4px 0px 0px; background: none; display: none;} #header #header-bottom button#toggle-search:hover, #header #header-bottom button#toggle-search:focus, #header #header-bottom button#toggle-search:active { border: none; outline: none; box-shadow: none;} /*#header #site-nav { position: relative;}*/ #header #header-bottom button#toggle-search:after {font-weight: 100; line-height: 0; position: absolute; top: 25px; right: 0;} #header {position:relative; /*background:url(/ecthemes/3/images/bg-body-top.png) repeat-x 50% 0; transition:padding-top 0.2s ease-in-out;*/} /*#header.open {padding-top:60px;}*/ #header a {border:none; text-decoration: none;} #header .col-lg-12 {position:static;} #header .navbar {position:static; width: 100%;} #header .navbar-brand {width:135px; height:35px; background:url(/ecthemes/3/images/logo-elcomx2-updated.png) no-repeat -25px 0; background-size:cover;} #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; 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 { position: relative; width: 100%; top: 0 !important; /* position:absolute; top:129px; right:0; left:0;*/ z-index: 11; background: #fff;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1); } #header #header-search:focus { outline: none;} #header #header-search label {display:none;} #header #header-search .form-control {box-shadow: none; width: 100%; border-radius: 0; height: 80px; background: transparent; border: 0; padding: 15px 30px 15px 0px; color: #000; text-align: left; line-height :24px;} #header #header-search a.btn {width:50px; height:80px; overflow:hidden; position:absolute; top:0; right:15px; color:#000; text-align:center; background: transparent;border:0; text-indent:-9999px;} #header #header-search a.btn::after {font-family:FontAwesome; font-size:30px; content:"\f002"; position:absolute; top:0; right:0; bottom:0; text-indent:0; line-height:77px; color: #00538d; font-weight: 300;} #header #header-search span[id$="SearchKeywordValidator"], #header #header-search .error-message {display:none !important;} #header #header-search span[id$="SearchKeywordValidator"], #header #header-search .error-message {} #header #header-search .quickSearchPanel {position:absolute; z-index:10; width: 100%; right: 0; background: #fff;} #header #header-search .quickSearchPanel .dynamic-results {padding:15px; border-bottom:2px solid #ddd; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5); min-height: 60px;} #header #header-search .quickSearchPanel .dynamic-results .dynamic-results-inner {height:220px !important; overflow-y:auto; margin-bottom:10px;} #header #header-search .quickSearchPanel .dynamic-results ol {list-style-type:none; margin:0; padding:0;} #header #header-search .quickSearchPanel .dynamic-results ol li {margin-bottom:5px;} #header #header-search .quickSearchPanel .dynamic-results ol li:before { content: "";} #header #header-search .quickSearchPanel .dynamic-results .dynamic-results-links {padding-top:10px; border-top:1px solid #ddd;} #header #header-search .quickSearchPanel .dynamic-results .dynamic-results-links a {display:inline-block; margin-right:10px;} .searchPanel:hover, .searchPanel:focus { outline: none; border: none;} .searchInput::-webkit-input-placeholder { /* Edge */color: #000; font-size:21px;} .searchInput:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #000; font-size:21px;} .searchInput::placeholder { color: #000;} #quicklinks-home ul {padding-top: 30px;list-style: none; margin: 0;} #quicklinks-home ul li {padding-bottom: 30px;padding-left: 0;padding-right: 15px;width: 16.666666666666664%;cursor: pointer;text-align: center;border: none;} #quicklinks-home ul li .fal {width: 100%;height: 70px;display: flex;padding-bottom: 20px;align-items: center;justify-content: center;font-size: 70px;font-weight: lighter;color: #adb5bd;} #quicklinks-home ul li a {font-size: 100%;line-height: 21px; color: #333;display: block;} #quicklinks-home ul li:hover a {text-decoration: none;} #quicklinks-home ul li .fal { vertical-align: bottom;} #quicklinks-home ul li a:hover, #quicklinks-home ul li a:focus { border: none; text-decoration: none;} #quicklinks-home ul li:hover .fal, #quicklinks-home ul li:focus.fal { text-decoration: none; border: none;} .ql-accord { display: none; clear:both;} #quicklinks-home ul li:hover .fal { color: #00538d;} .home-newswidget div article .taxonomy-name{ padding: 0;} .newslistitem .taxonomy-name, .newslistitem .btn.taxonomy-name{ padding: 0;} .home-newswidget div article .taxonomy-name > a, .newslistitem .btn.taxonomy-name > a{ padding: 8px 25px; display: list-item; float: left; list-style: none; margin: 0px 5px 5px 0px;} #event-area img { max-width: max-content; max-width:100%;} /* was overflowing */ /* .home-newswidget a.StartTax17, .newslistitem a.StartTax17 { background: #137bae; color: #fff; padding: 8px 25px;} .home-newswidget a.StartTax18, .newslistitem a.StartTax18 { background: #939408; color: #fff; padding: 8px 25px;} .home-newswidget a.StartTax19, .newslistitem a.StartTax19 { background: #f6a11b; color: #fff; padding: 8px 25px;} .home-newswidget a.StartTax20, .newslistitem a.StartTax20 { background: #787e82; color: #fff; padding: 8px 25px;} .home-newswidget a.StartTax21, .newslistitem a.StartTax21 { background: #634e2d; color: #fff; padding: 8px 25px;} .home-newswidget a.StartTax22, .newslistitem a.StartTax22 { background: #21b4c1; color: #fff; padding: 8px 25px;} .home-newswidget a.StartTax23, .newslistitem a.StartTax23 { background: #b87a63; color: #fff; padding: 8px 25px;} .home-newswidget a.StartTax24, .newslistitem a.StartTax24 { background: #0a4856; color: #fff; padding: 8px 25px;} .home-newswidget a.StartTax25, .newslistitem a.StartTax25 { background: #000000; color: #fff; padding: 8px 25px;}*/ .newslistitem:nth-child(3n) .taxonomy-name > a { background: #f6a11b; color: #fff} .newslistitem:nth-child(3n+1) .taxonomy-name > a { background: #137bae; color: #fff} .newslistitem:nth-child(3n+2) .taxonomy-name > a { background: #939408; color: #fff} .home-newswidget div article:nth-child(1) .taxonomy-name > a { background: #137bae; color:#fff;} .home-newswidget div article:nth-child(2) .taxonomy-name > a { background: #939408; color:#fff;} .home-newswidget div article:nth-child(3) .taxonomy-name > a { background: #f6a11b; color:#fff;} .home-newswidget .date{ padding-bottom: 10px; font-size: 17px;} .newsrefinewidg > h2 { background: #00538d; padding: 10px 20px; font-size: 120%; color: #fff;} .newsrefinewidg { padding: 0; width: 100%!important; border: 0; background: #d4e2ec;} .newsrefinewidg.refinewidget ol li { border-bottom: 1px solid #fff; padding: 7px 20px 7px 30px;} .newsrefinewidg.refinewidget ol li:before { content: ""; content: "\f054"; font-family: FontAwesome; font-size: 12px; display: block; float: left; color: #000; font-weight: 400; position: absolute; left: 10px; transition: .5s linear; top: 10px;} .newsrefinewidg.refinewidget ol li a { color: #000;} .newsrefinewidg.refinewidget ol li a span { text-decoration: none; color: #000;} .cm-article13 #page-content { padding: 0;} .grey-contbg .bg-section{background: #ececec;} .caution { padding: 20px 150px 20px 90px; border: 2px solid #d51923; position: relative; background: url("/images/UserUploadedImages/11/caution-insect.png") no-repeat 98% center #f7f7f7; margin-bottom: 30px;} .caution img { position: absolute; right: 30px; top: 20%;} .caution:before {content: "\f06a";position: absolute;left: 20px; font-family: fontawesome; font-size: 46px;line-height: 46px;font-weight: bold;color: #d51923;} .caution h4 { margin-bottom: 10px; text-transform: uppercase; font-size: 18px; font-weight: 600; padding-top: 12px;} .threeCol-txtlinks { display: flex; flex-direction: row; flex-wrap: wrap; } .threeCol-txtlinks .item .text-block {background: #00538d;color: #fff; transition: 0.3s;} .threeCol-txtlinks .item:hover .text-block { background: #92930a;} .threeCol-txtlinks .item {display: flex;flex-direction: row;flex-wrap: wrap;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;margin-left: -0.5px;min-height: 110px;} .threeCol-txtlinks .title { height: 100%; padding:25px 15px; display: flex;} .threeCol-txtlinks .title span.float-left.full {height: 100%;display: flex;align-items: center;font-weight: 300;font-size: 120%;line-height: 1.2; color: #fff; text-decoration: none;} .threeCol-txtlinks .item .text-block > a { height: 100%;} .threeCol-txtlinks .item span.file-info { position: absolute; bottom: 5px; font-size: 13px; right: 5px;} .content-area .widget .widgetPageLinks.pageLinksBottom a#PreviousLink, .content-area .widget .widgetPageLinks.pageLinksBottom a#NextLink, .content-area .widget .widgetPageLinks.pageLinksBottom a { font-size: 15px; } .content-area .widget .widgetPageLinks.pageLinksBottom{ padding:10px;} .threeCol-txtlinks .item span.file-info, .threeCol-txtlinks .item span { color: #fff; text-decoration: none;} /*---------------------------------------- / navigation ----------------------------------------*/ #main-nav {padding:15px 15px 0px; border:none; margin: 0;} /*#main-nav.open {padding-top:70px;}*/ /*-----mega menu styles-----*/ #main-nav .hmenu {float:left; list-style-type:none; margin:0; padding:0; } #main-nav .hmenu a {text-decoration:none;} /*megamenu hover hack for tablet - small monitors so users can scroll down the megamenu*/ body.megamenu-hover {overflow:hidden !important;} .menu7 ul.megamenu-hover {overflow-y:scroll;} /* styles for level 1 */ #main-nav .hmenu > li {float:left; padding:0;} #main-nav .hmenu > li > a, #main-nav .hmenu > li > span {display:block; color:#fff; font-size:113%; font-family: arial, sans-serif; height:auto; padding: 14px 20px 33px 20px;} #main-nav .hmenu > li:focus > a span {padding-bottom: 10px; border-bottom: 3px solid #92930a;} #main-nav .hmenu > li.open > a span, #main-nav .hmenu > li.selected > a span, #main-nav .hmenu > li:hover > a span, #main-nav .hmenu > li:focus > a span {padding-bottom: 10px; border-bottom: 3px solid #92930a;} #main-nav .hmenu > li > a:focus span {padding-bottom: 10px; border-bottom: 3px solid #92930a;} #main-nav .hmenu > li:last-child > a {padding-right: 0;} #main-nav .hmenu > li.open > a:focus, #main-nav .hmenu > li.open > a:active {outline: 5px auto -webkit-focus-ring-color;} /* styles for level 2 */ #main-nav .hmenu > li > div {z-index:10; position:absolute; top:129px; left:-9999px; list-style-type:none; margin:0; width: 100%; padding: 30px 0px;background: #00538d;} #main-nav .hmenu>li .menu-wrap>ul { width: 1400px; margin: 0px auto; padding: 0px 20px;} #main-nav .hmenu > li > div > ul > li {display:block; float: left; width: 25%; padding-right: 40px; padding-bottom: 20px;} #main-nav .hmenu > li > div > ul > li > a, #main-nav .hmenu > li > div > ul > li > span {display:block; padding:5px 0 10px; color:#fff; font-size:140%; font-family: arial, sans-serif; border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 15px;} #main-nav .hmenu > li > div > ul > li.selected > a, #main-nav .hmenu > li > div > ul > li:hover > a, #main-nav .hmenu > li > div > ul > li:focus > a {} #main-nav .hmenu > li.open > div, #main-nav .hmenu > li:hover > div, #main-nav .hmenu > li:focus > div {z-index:2000; left: 0; right: 0;} #main-nav .hmenu > li >ul, .menu-wrap { display: none;} /* styles for level 3 */ #main-nav .hmenu > li > div > ul > li > ul {padding: 0;} #main-nav .hmenu > li > div > ul > li > ul > li {display:block;} #main-nav .hmenu > li > div > ul > li > ul > li > a, #main-nav .hmenu > li > div > ul > li > ul > li > span {display:block; padding:0 0 10px 0; color:#fff; line-height: 21px; font-size: 100%;} #main-nav .hmenu > li > div > ul > li > ul > li li.selected > a, #main-nav .hmenu > li > div > ul > li > ul > li > a:hover, #main-nav .hmenu > li > div > ul > li > ul > li > a:focus {text-decoration: underline;} /* styles for level 4 */ #main-nav .hmenu > li > div > ul li ul li ul {display:none;} /*-----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 > 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;} /*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;} /*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;} /*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;} #left-nav .hmenu li.selected > ul {display:block;} #left-nav .hmenu li > ul.open {display:block;} /*toggle item*/ #left-nav .hmenu a > .toggle {position:absolute; top:0; right:0; bottom:0; width:30px; height:100%; z-index:100;} #left-nav .hmenu > li > a > .toggle {display:none;} #left-nav .hmenu a > .toggle::after {content:"\f078"; font-family:FontAwesome; color:#333; font-size:16px; display:block; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:30px;} #left-nav .hmenu li.selected > a .toggle::after, #left-nav .hmenu a > .toggle.open::after {content:"\f077";} /*----------panelbar default css----------*/ .RadPanelBar {width: 100% !important;} .RadPanelBar ul {list-style-type:none; margin: 0 !important; padding:0;} .RadPanelBar ul li {margin: 0 !important;} .RadPanelBar .link {display:block; text-decoration:none;} .RadPanelBar .rpOut {display:block; text-decoration: none;} .RadPanelBar .rpText {display:block;} .RadPanelBar .rpSlide {display:none;} div[id$="Panelbar13"] .rpSlide {display:block;} /*-----panelbar menu styles-----*/ #left-nav > .btn { padding: 12px 15px;} #LeftMenu .panelbar > ul >li a.MenuItemOne { display: none;} #LeftMenu .panelbar a.MenuItemOne {background:#ececea; color: #000; border-bottom:none; text-decoration: none;} #LeftMenu .panelbar a.link.MenuItemOne .rpText {background: none; padding:10px; font-size: 90%; text-decoration: none;} #LeftMenu .panelbar a.link:hover .rpText, #LeftMenu .panelbar a.link:focus .rpText {background:#d4e2ec;} #LeftMenu .panelbar ul li ul .rpExpandable .rpText:before {content:"\f32d"; font-family:FontAwesome; font-size:17px; display:block; float:left; color: #00538d; font-weight: 700; position: absolute; left: 10px; transition: 0.5s linear;} /*level 2 panelbar*/ #LeftMenu .panelbar a.MenuItemTwo {border-bottom:1px solid #fff; font-size:100%;} #LeftMenu .panelbar a.MenuItemTwo .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText {padding:10px 10px 10px 35px; width:100% !important; background:#ececea; border:none; text-decoration: none;} /*level 3 panelbar*/ #LeftMenu .panelbar a.MenuItemThree {border-bottom:1px solid #f5f5f5; font-size:100%;} #LeftMenu .panelbar a.MenuItemThree .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {padding:8px 10px 8px 50px; width:100% !important; background:none; border:none; text-decoration: none;} #LeftMenu .panelbar a.MenuItemThree:hover .rpText, #LeftMenu .panelbar a.MenuItemThree:focus .rpText {} /*level 4 panelbar*/ #LeftMenu .panelbar a.MenuItemFour{border-bottom:1px solid #f5f5f5; font-size:100%;} #LeftMenu .panelbar a.MenuItemFour .rpText, #LeftMenu .panelbar a.MenuItemFourClicked .rpText {padding-left:48px; background:none; border:none;} #LeftMenu .panelbar a.MenuItemFour:hover .rpText, #LeftMenu .panelbar a.MenuItemFour:focus .rpText {} #LeftMenu .panelbar .rpLevel4 a.MenuItemFour .rpText, #LeftMenu .panelbar .rpLevel4 a.MenuItemFourClicked .rpText {padding-left:60px;} /*selected item*/ #LeftMenu a.CMLevel1Selected .text, #LeftMenu a.CMLevel2Selected .text, #LeftMenu a.CMLevel3Selected .text, #LeftMenu a.CMLevel4Selected .text #LeftMenu .panelbar a.MenuItemOneClicked .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, #LeftMenu .panelbar a.MenuItemFourClicked .rpText {background: #d4e2ec;} #LeftMenu .panelbar ul li ul .rpExpandable.MenuItemTwoClicked .rpText:before, #LeftMenu .panelbar ul li ul .rpExpandable.MenuItemThreeClicked .rpText:before { content: "\f331";} #LeftMenu .panelbar a.MenuItemThree .rpText:before { content: "\f054"; font-family: FontAwesome; font-size: 12px; display: block; float: left; color: #000; font-weight: 400; position: absolute; left: 36px; transition: .5s linear; top: 12px; } #LeftMenu .panelbar a.link span.rpExpandHandle {display:none;} /*---------------------------------------- / TRC top left menu bar(below banner) ----------------------------------------*/ #submenulevel2 .panelbar > ul > li a.MenuItemTwo { display: none;} #submenulevel2 #LeftMenu{padding:0px;} #submenulevel2 .panelbar > ul li a.MenuItemThree{padding: 15px;font-size: 14px;display: inline-block;margin: 0;border: none;} #submenulevel2 #LeftMenu .panelbar a.MenuItemThree .rpText{ background: none; padding: 0; color: #fff; font-size: 100%; border: none;} #submenulevel2 #LeftMenu .panelbar a.MenuItemThree .rpText:before{content:"";} #submenulevel2 .panelbar > ul li a.MenuItemThree.MenuItemThreeClicked { background: #fff; color: #92930a;} #submenulevel2 #LeftMenu .panelbar a.MenuItemThreeClicked .rpText{ color: #92930a;} #submenulevel2 #LeftMenu a.link, #submenulevel2 #LeftMenu a.CMLevel1Selected { width: auto !important;} #submenulevel2 #LeftMenu li { width: auto; float: left;} /*---------------------------------------- / home ----------------------------------------*/ /*#banner-home {height:500px;}*/ #banner-home p { color: #fff;} #banner-home h1 {font-size:150%; font-weight:500; color: #fff; text-transform: uppercase;} #banner-home h1:after { content: ""; width: 100px; height: 4px; background: #91930b; display: block; margin-top: 20px; margin-bottom: 20px;} #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;} #discover-area article > ul { background: rgba(0,83,141,0.9); color: #fff; list-style: none; margin: 0; min-height: 300px;padding: 50px 5%; width: 60%;} #discover-area article > ul li h2{text-transform:uppercase;} /*---------------------------------------- / Breadcrumbs ----------------------------------------*/ .breadcrumb-item+.breadcrumb-item {padding-left:0;} .breadcrumb-item+.breadcrumb-item::before {color: #000; content: "\f105"; font-weight: 300; line-height: 18px; font-size: 16px; float: none;} /*---------------------------------------- / Upcoming Events ----------------------------------------*/ .upcom-event article.align .image img{width:100%;} .upcom-event article.align .description{ position: relative;} .upcom-event article .description .date{width:70px;float:left;} .upcom-event article .description .date .mainItemDate, .upcom-event article .description .date .subItemDate{ text-align: left; display: inline-block;} .upcom-event article .description .date span{display:inline-block;} .upcom-event article .description .desc-lft-cont{width:calc(100% - 70px);float:left; padding: 4px 0px 10px 15px;} .upcom-event article .description .desc-lft-cont h5{margin-bottom:10px;} .upcom-event article .description .desc-lft-cont p{font-size:16px;} #rightbar .upcom-event article .description .desc-lft-cont, #left-nav .upcom-event article .description .desc-lft-cont { padding: 4px 0px 0px 15px;} .upcom-event article .description .date .mainItemDateYear, .upcom-event article .description .date .subItemDateYear{display:none;} .upcom-event article .description .date .mainItemDateDay, .upcom-event article .description .date .subItemDateDay{font-size:60px;width:100%; display: block;} .upcom-event article .description .date .mainItemDateMonth, .upcom-event article .description .date .subItemDateMonth{font-size:21px;text-transform:uppercase;} .upcom-event article .description .date .mainItemDateMonth, .upcom-event article .description .date .subItemDateMonth { position: relative; top: -20px; font-weight:600;} .upcom-event article:nth-child(1) .description .date {color:#137bae;} .upcom-event article:nth-child(2) .description .date {color:#939408;} .upcom-event article:nth-child(3) .description .date {color:#f6a11b;} .upcom-event h2{text-transform:uppercase;} .upcom-event h2:after, #quicklinks-home h2:after, .home-newswidget h2:after, .EventListingsTitle:after{display: block;clear: both;content: "";position: relative;left: 0;bottom: 0; max-width: 100px;height: 1px; width: 50%; border-bottom: 4px solid #00538d; margin: 0 auto;top: 25px;} nav#section-nav .upcom-event h2:after, #rightbar .upcom-event h2:after { margin: 0;} .nav#section-nav upcom-event article .description .desc-lft-cont{padding-left: 15px;} .content-area.module-area .eventprefooter { display: none;} .upcom-event .image img { height: 100%; object-fit: cover;} .upcom-event .description .date .mainItemDateDay, .upcom-event .description .date .subItemDateDay { line-height: 65px;} /* whats on custom page element */ .EventListingInnerContainer div[class*='EventDetailsContainer']:nth-child(n+4) { display: none !Important;} .EventListingInnerContainer { margin-top: 80px; display: flex; flex-direction: row; flex-wrap: wrap;} .EventListingInnerContainer div[class*='EventDetailsContainer'] { display: flex; flex-direction: row; flex-wrap: wrap; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;} .EventListingInnerContainer>div[class*='EventDetailsContainer'] { margin-left: -0.5px; width: 33.33333%; margin-bottom: 15px;} .EventListingInnerContainer .EventThumbnail img{width:100%; height: 100%; object-fit: cover;} .EventListingInnerContainer .DetailsInfo { padding: 30px; position: relative;} form[action*="./"] div#EventsMapHolder { display: none;} form[action*="./"] .EventTypeListingsContent { display: none;} .EventListingsContent .EventListingsTitle { text-transform: uppercase; font-size: 200%; font-weight: 400; text-align: center; padding: 0; margin: 0 0 15px 0; color: inherit; text-rendering: optimizeLegibility; line-height: 1.4;} .EventListingInnerContainer .EventWhenAndWhere { position: absolute; left: 30px; width: 70px; top: 40px;} .EventListingInnerContainer .EventTitle { padding-left: 80px; font-weight: 300; margin: 0 0 10px 0; color: inherit; text-rendering: optimizeLegibility; line-height: 1.4; font-size: 130%;} .EventListingInnerContainer .EventShortDescr { padding-left: 80px; font-size: 16px; line-height: 1.5; margin: 0 0 15px 0;} .EventListingInnerContainer .EventStartDate { padding: 0; margin: 0 0 15px 0; color: inherit; text-rendering: optimizeLegibility; line-height: 1.4; font-size: 140%; text-transform: uppercase; font-weight: 600;} .EventListingInnerContainer .EventTitle a{color:#fff; text-decoration:none;} .EventDetailsContainer:nth-child(1) .EventWhenAndWhere {color: #137bae} .EventDetailsContainer:nth-child(2) .EventWhenAndWhere {color: #939408} .EventDetailsContainer:nth-child(3) .EventWhenAndWhere {color: #f6a11b} .EventListingInnerContainer .EventStartDate .date:last-child { display: none;} .EventStartDate span.date { font-size: 60px; width: 100%; display: block; line-height: 38px; text-align: left; font-weight: 300;} #section-nav .EventListingInnerContainer>div[class*='EventDetailsContainer'], #rightbar .EventListingInnerContainer>div[class*='EventDetailsContainer'] {width: 100%;padding: 0;} #section-nav .EventListingInnerContainer .DetailsInfo, #rightbar .EventListingInnerContainer .DetailsInfo {padding:15px;} #section-nav .EventListingInnerContainer .EventWhenAndWhere, #rightbar .EventListingInnerContainer .EventWhenAndWhere{ left: 17px; width: 70px; top: 22px;} #section-nav .EventListingInnerContainer, #rightbar .EventListingInnerContainer{margin-top: 60px;} #section-nav .EventListingsTitle, #rightbar .EventListingsTitle { text-align: left; margin-top: 20px;} #section-nav .EventListingsTitle:after, #rightbar .EventListingsTitle:after{margin:0;} /*---------------------------------------- / 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;} #utilities { position:absolute; top:20px; right:15px;} #utilities ul {list-style-type:none; margin:0; padding:0;} #utilities ul li {display:inline;} .breadcrumb>li a span { font-size: 85%; font-weight: bold;} .breadcrumb>li+li:before { content: "\f105"; font-family: fontawesome; color: #000; font-size: 20px; position: relative; padding: 0 10px; left: 0; top: 0; font-weight: 100;} .breadcrumb>li a { color: #00538d;} .breadcrumb>li span { font-weight: 400; display: inline-block; position: relative; top: -3px;} .breadcrumb>li span.clsBreadCrumbsHighlighted { vertical-align: baseline; position: relative; top: -2px;} #breadcrumb-panel { position: relative;} .breadcrumb>li:first-child:before { content: "";} .breadcrumb>li { display: inline-block; padding: 0;} #banner-content {position: relative;height: 100%;overflow: hidden; } #banner-content article { position: relative; max-height: 281px} #banner-content img { /* position: absolute; top: 0; left: -9999px; right: -9999px; */ margin: 0 auto; object-fit: cover; max-height: 281px; width: 100%; } #banner-content #heading-panel { float: none; position: relative; height: 281px;} #banner-content #heading-panel h1 { position: absolute; bottom: 20px; left: 10px; font-size: 430%; font-weight: 600;} /*Three column widget image links and description*/ .threecol-wdgt { display: flex; align-content: space-evenly; height: 100%; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .threecol-wdgt .item:hover .title { background: #00538d;} .threecol-wdgt .item .title { transition: background-color 0.5s ease;} .threecol-wdgt .item { margin-right: -0.5px;} .threecol-wdgt .item .title a { color: #fff; text-decoration: none;} .threecol-wdgt img[src*="/"] {display: block;} .threecol-wdgt img {display: none;} /* accordion */ .accordion { text-decoration: none;} .accordion .card.panel-default { border: 0; margin: 0; box-shadow: none; border-radius: 0; background: transparent} .accordion .panel-default>.card-header { padding: 0; border: 0; border-radius: 0} .accordion h2.card-title a, .accordion h2.card-title .btn {color: #000;padding: 15px 40px 15px 25px;font-weight: normal;font-size: 125%;width: 100%;display: inline-block; text-decoration:none;} .accordion-group+br { display: none} .accordion { margin: 25px 0 40px 0} .accordion h2 { 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 h2 a.collapsed:after, .accordion h2 .btn.collapsed:after { content: "\f078";font-family: Fontawesome;border: 0;font-size: 24px;position: absolute;right: 0px;top: 0;bottom: 0;font-weight: 100;color: #a2a2a2;width: 55px;text-align: center;background: transparent;height: 100%;} .accordion h2 a:after, .accordion h2 .btn:after {content: "\f077";font-family: Fontawesome;border: 0;font-size: 24px;position: absolute;right: 0px;top: 0;bottom: 0;font-weight: 100;color: #fff;width: 55px;text-align: center;background: #666666;height: 100%; line-height: 60px;} .accordion h2 a:hover, .accordion h2 .btn:hover {color: #000;} .accordion .card.panel-default .card-body {padding: 15px 15px 15px 25px;} .accordion>.card{border:none;} .accordion>.card>.card-header{padding:0px; margin-bottom:10px; border:none;} /* Ratings*/ .CustomRatingContainer.RatingContainer > h2 { display: none;} .CustomRatingContainer.RatingContainer ul { list-style: none; margin: 10px 0px 10px 0px; padding: 0; display: inline-block; width: 100%;} .CustomRatingContainer.RatingContainer ul li { float: left; width: 50%;} .CustomRatingContainer.RatingContainer ul li { font-size: 120%;} .CustomRatingContainer.RatingContainer ul li a { padding-right: 15px; vertical-align: middle;} .CustomRatingContainer.RatingContainer ul li .RatingCustomNumber { display: none;} .RatingContainer ul li span.rating-number .accessible { display: none;} .ratingwrap h3 {color: #92930a;} .ratingwrap { background: #333; color: #fff;} /*---------------------------------------- / 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%;} #rightbar .list { position: relative; padding-left: 36px;} #rightbar .list:before { /*content: "\f330";*/ background: url(/images/UserUploadedImages/11/arrow-right-llist.png) no-repeat; width: 25px; height: 25px;content: ""; margin: 3px 0px 0px; color: #00538d; font-size: 110%; font-weight: bold; font-family: fontawesome; vertical-align: top; position: absolute; left: 9px;} .relatedformswrap > h2{margin-bottom: 40px;} .relatedformswrap > h2:after{ display: block; clear: both; content: ""; position: relative; left: 0; bottom: 0; max-width: 100px; height: 1px; width: 50%; border-bottom: 4px solid #00538d; margin: 0; top: 25px;} .relatedformswrap ul { margin: 10px 0 20px 0; padding: 0; list-style: none; display: inline-block; width: 100%;} .relatedformswrap ul li:before { content: "\f330"; color: #00538d; font-size: 110%; font-weight: bold; display: inline-block; font-family: fontawesome; vertical-align: top; position: absolute; left: 0;} .relatedformswrap ul li { font-size: 100%; line-height: 24px; position: relative; list-style: none; margin-bottom: 8px; padding: 5px 5px 5px 25px;} .formlistwidget table.table-bordered { width: 100%; border: none;} .formlistwidget table.table-bordered thead tr td, .formlistwidget table.table-bordered thead tr, .formlistwidget table.table-bordered thead tr, .formlistwidget table.table-bordered thead { border: none;} .formlistwidget table.table-bordered thead tr td{padding:10px;font-weight: 500;font-size: 18px;} .formlistwidget table.table-bordered tr td a { color: #000; text-decoration: none;} .formlistwidget table.table-bordered tbody tr:hover { background: #00538d;} .formlistwidget table.table-bordered tbody tr:hover a, .formlistwidget table.table-bordered tbody tr:hover td { color: #fff;} .formlistwidget { margin-bottom: 20px; } /*---------------------------------------- / footer ----------------------------------------*/ #scroll-top {display:none; position:fixed; bottom:0; right:0;} #scroll-top.show{display:block;} #scroll-top a {display:block; color:#3d3d3d;} #footer {} #footer ul {list-style-type:none; margin:0; padding:0;} #footer ul li {float:left; padding:0 5px;} #footer .footerRight ul li { padding: 0px 5px 0px 0px;} #footer .btn-secondary, #footer .btn-secondary:link, #footer .btn-secondary:visited {color:#3d3d3d; border-color:#fff; background:#fff;} #footer .btn-secondary:hover, #footer .btn-secondary:focus, #footer .btn-secondary:active {color:#3d3d3d; border-color:#ccc; background:#ccc;} #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;} .footerLeft p { line-height: 1.8;} #footer .footerMiddle ul li { float: none; padding-bottom: 10px;} #footer-bottom { background: #171717; color: #fff;} #footer .footerRight ul .fab { font-weight: 600;} #footer .footmenu ul li { padding-right: 15px;} .footerLeft .fa-envelope { vertical-align: middle;} #footer .footerMiddle ul li a .fab {font-weight: 600; font-size: 150%; width: 40px; border: 2px solid #fff; border-radius: 60px; text-align: center; height: 40px; vertical-align: middle; color:#137bae; padding: 5px 0px 0px 0px; margin-right: 15px;} .footerRight li { margin-bottom: 10px;} .newslistitem .btn { padding: 5px 20px;} .sitemapMenu>ul { list-style: none} .sitemapMenu ul>li { list-style: none; line-height: 28px; position: relative;} .sitemapMenu ul>li>ul li { width: 100%} .sitemapMenu>ul li a, .sitemapMenu>ul li a span, .sitemapMenu>ul li a:link, .sitemapMenu>ul li a:visited { color: #000; text-decoration:none; border:none;} .sitemapMenu ul>li>ul { margin-bottom: 20px} .sitemapMenu ul>li:before { content: "\2023"; color: #07538d; font-size: 150%; font-weight: bold; display: inline-block; width: 1em; margin-left: -0.6em; top: -3px; position: absolute; margin-right: 0} /*---------------------------------------- / Error pages ----------------------------------------*/ #errorpages h1 { font-size: 1150%; font-weight: bold; color: #92930a;} #errorpages h2 { font-size: 450%; font-weight: 100; color: #92930a;} #errorpages p{font-size:150%;} #errorpages ul{margin: 0px 0px 60px 0px;padding:0px;list-style:none;} #errorpages ul li a{font-size:140%;color: #00538d;} #errorpages a{color: #00538d;} /*---------------------------------------- / Development hub ----------------------------------------*/ .develophub-block ul.listitem{padding: 25px 20px 15px 20px;margin: 0;} .develophub-block ul.listitem li:before {content: "\f138";font-weight: 400;color: #328cb8;vertical-align: middle;} .develophub-block ul.listitem li a{color: #000;font-size: 16px;padding-left: 8px;vertical-align: top;} .develophub-block .item { height: 100%; background: #e9ecef;} .develophub-block ul.listitem li { padding: 0px 0px 12px 0px; margin: 0;} #devhub-links ul { position: absolute; right: 15px; top: 15px; list-style: none; margin: 0; padding: 0;} #devhub-links ul li { float: left; padding-left: 10px;} #devhub-links h4 { padding: 0 240px 5px 0px; margin: 0;} #devhub-links .fa-comments { font-size: 32px; padding-left: 5px;} .inpect-book-wrap .fal, .inpect-book-wrap .fa { font-size: 68px; position: absolute; left: 50px; font-weight: 100;} .inpect-book-wrap {padding: 40px 30px 60px 130px;margin: 0px;} .inpect-book-wrap h2 {margin: 0;color: #92930a;} .inpect-book-wrap a { font-size: 160%;} .devhub-footerlist ul {list-style: none;margin: 20px 0px 0px 0px;padding: 0;} .devhub-footerlist ul li { padding: 0px 0px 15px 40px; position:relative;} .devhub-footerlist ul li a { font-size: 120%;} .devhub-footerlist ul li a .fal, .devhub-footerlist ul li a .fa { position: absolute; left: 0; top: 2px; color:#adb5bd; font-size: 130%;} /*---------------------------------------- / 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:1px solid #ccc; background-color:#eee; padding:2px 5px;} .pagination ul li.disabled {display:none;} .pagination ul li.current {font-weight:bold; font-size:110%;} /*---------------------------------------- / search results ---------------------------------------- */ ol#searchResultsInfo > li {margin-bottom:30px; border-bottom: 1px solid #ccc; padding-bottom: 30px;} ol#searchResultsInfo > li > a {border:0 !Important;} .pagination .page-item.active .page-link { background: #92930a; border:1px solid #92930a; color: #fff;} ol#searchResultsInfo > li:before {display:none;} .SearchResults #RecordCount, .SearchResults #searchTerms{ color: #92930a; font-size: 150% !important; font-weight: normal !important;} #searchResultsInfo .firstRow a{ display:block; float: left;} #searchResultsInfo .firstRow .relevancy{ float: left;} #searchResultsInfo .clsResultDescr { width: 100%; float: left;} #searchResultsInfo .firstRow .relevancy > .icon { float: left; width: 10px; height: 10px; margin-right: 4px; display: inline-block; top: 5px;} #searchResultsInfo .firstRow .relevancy > .icon.icon-tiny::after{ font-size: 10px;} #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;} /*---------------------------------------- / custom event page ----------------------------------------*/ .event-rightwrap { background: #f0f0f0; padding: 30px;} .event-rightwrap .panel-default>.panel-heading{background:#fff;border:none;border-radius: 0px;color: #00538d; position: relative; padding: 20px 15px;} .event-rightwrap .panel-group .panel{border:none;border-radius: 0px;box-shadow: none;} .event-rightwrap .panel-default>.card-header h4{font-size:23px;} .event-rightwrap .panel-default>.card-header h4 a { display: block;} .event-rightwrap .panel-default>.panel-heading+.panel-collapse .panel-body{border:none; padding-top: 0;} body.admin form[action="./y"] .eventbanner {display: none;} .event-rightwrap .panel-default>.card-header h4 a:after { position: absolute; content: "\f078"; font-family: Fontawesome; right: 0px; top: 0; font-size:21px; color: #a2a2a2; pointer-events: none;} .event-rightwrap .panel-default>.card-header h4 a:not(.collapsed):after { content: "\f077";} .event-rightwrap h3.ticket:after { position: absolute; left: 0; content: "\f3ff"; font-family: Fontawesome;} .event-rightwrap h3.ticket { position: relative; padding-left: 50px;} .event-rightwrap .panel-default>.card-header h4 {padding-left: 35px; position:relative;} .event-rightwrap .panel-default>.card-header h4:before {position:absolute; left:0px; top:0px; font-family: Fontawesome;} .event-rightwrap .panel-default.item1>.card-header h4:before{ content: "\f073";} .event-rightwrap .panel-default.item2>.card-header h4:before{ content: "\f4a0";} .event-rightwrap .panel-default.item3>.card-header h4:before{ content: "\f05a";} .event-booking-back-button-container > a { background: #00538d; color: #fff; padding: 7px 20px;} .event-rightwrap .EventsTicketHeader:after { position: absolute; left: 0; content: "\f3ff"; font-family: Fontawesome} .event-rightwrap .EventsTicketHeader { font-family: inherit; font-weight: 300; font-size: 180%; margin: 0 0 15px 0; color: inherit; text-rendering: optimizeLegibility; line-height: 1.4; position: relative; padding: 0px 0px 15px 50px; } /* submission id page */ .event-rightwrap .EventsTicketHeader:after { position: absolute; left: 0; content: "\f3ff"; font-family: Fontawesome} .event-rightwrap .EventsTicketHeader { font-family: inherit; font-weight: 300; font-size: 180%; margin: 0 0 15px 0; color: inherit; text-rendering: optimizeLegibility; line-height: 1.4; position: relative; padding: 0px 0px 15px 50px; } .EventDateDetailsContainer, .EventPricingDetailsContainer, .EventInfoDetailsContainer{ background: #fff; margin-bottom:7px; padding: 0px 15px 15px 15px;} .Eventinfowrap-custom { background: #fff; border: 0; border-radius: 0; position: relative; margin-bottom: 5px;} .EventDateHeaderContainer, .EventPricingHeaderContainer, .EventInfoHeaderContainer { padding: 20px 15px; color: #00538d; cursor: pointer;} .EventDateHeaderContainer > span, .EventPricingHeaderContainer > span, .EventInfoHeaderContainer > span { padding-left: 35px; position: relative; font-size: 23px;} .EventDateHeaderContainer > span:before, .EventPricingHeaderContainer > span:before, .EventInfoHeaderContainer > span:before { position: absolute; left: 0; top: -4px; font-family: Fontawesome;} .EventDateHeaderContainer > span:before { content: "\f073"} .EventPricingHeaderContainer > span:before { content: "\f4a0"} .EventInfoHeaderContainer > span:before { content: "\f05a"} [action*="./EventDetailsPreview.aspx"] #page-content .content-area h1 {display:none;} .EventDetailsPreviewContent > h2 { font-size: 250%;} .EventDateHeaderContainer:after , .EventPricingHeaderContainer:after , .EventInfoHeaderContainer:after { position: absolute; content: "\f078"; font-family: Fontawesome; right: 20px; top: 20px; font-size: 21px; color: #a2a2a2; pointer-events: none;} .EventDateHeaderContainer.selected:after , .EventPricingHeaderContainer.selected:after , .EventInfoHeaderContainer.selected:after { content: "\f077"} .workflowapprov-event #DivFormContent { width: 75%; float: left;} .workflowapprov-event .preview-info { width: 25%; float: left; padding-left: 20px;} .workflowapprov-event .form-horizontal.form-control:hover, .workflowapprov-event .form-horizontal.form-control:focus {background: #fff; margin: 0;} .workflowapprov-event .buttonFormsGroupTop, .workflowapprov-event .buttonFormsGroupBottom { margin-bottom: 20px;} .workflowapprov-event .buttonFormsGroupTop input, .workflowapprov-event .buttonFormsGroupBottom input{margin-bottom:5px;} .workflowapprov-event table>tbody>tr>td.clsNormal.editableArea.contentFCre { padding: 0; border: none; background: none;} .workflowapprov-event .preview-info a { color: #07538d;} /*--------------------------------------------------------------------- site modules ---------------------------------------------------------------------*/ /*---------------------------------------- / Custom Create event ----------------------------------------*/ .CreateEventMainContent .RowContent {text-align: left;font-size: 100%;font-weight: 100;margin-bottom: 15px;clear: both;width: 100%;float: left;} .CreateEventMainContent .RowContent label { text-align: left; font-size: 100%; font-weight: bold; width: 20%; float:left;} .CreateEventMainContent select{ border: 1px solid #dadada; border-radius: 0; height: 40px; font-size: 95%; width: 79%;} .CreateEventMainContent .RowContent input[type="text"]{ width: 79%; float:left; padding: 6px 12px; background-color: #fff; background-image: none; border: 1px solid #dadada; border-radius: 0; font-size: 95%; margin: 0; height: 45px; } .CreateEventMainContent .RowContent .RadEditor {float:left;padding: 0;background-color: #fff;background-image: none;border: 1px solid #dadada;border-radius: 0;font-size: 95%;margin: 0px 0px 20px 0px;} .CreateEventMainContent .RowContent .NoteMsg{width:100%;clear:both;float: left;padding: 10px 0px;} .CreateEventMainContent .RowContent [id*=_UploadImage]{ border: 1px solid #dadada; border-radius: 0; height: 40px; font-size: 95%; padding: 6px 12px;} .CreateEventMainContent .RowContent .EventCheckboxList{ background: none; display: inline-block; clear:both;} .CreateEventMainContent .RowContent .EventCheckboxList td { padding: 0;} .CreateEventMainContent .RowContent .EventCheckboxList td input[type="checkbox"], .EventFieldset .RowContent .EventCheckboxList td label {width: auto;float: left;margin-right: 8px;} .CreateEventMainContent .RowContent .EventRadioButtonList { background: none;} .CreateEventMainContent .RowContent .EventRadioButtonList td { padding: 0;} .CreateEventMainContent .RowContent .EventRadioButtonList td input[type="radio"]{width: auto;float: left;margin: 5px 8px 0px 0px;} .CreateEventMainContent .RowContent .EventRadioButtonList td label {width: auto;float: left;margin-right: 8px;} .CreateEventMainContent legend.EventLegend { padding: 0 5px 0 0; color: #00538d; font-size: 24px;font-weight: 100; text-transform: uppercase; margin: 15px 0px; border: none; width: auto;} .CreateEventMainContent fieldset.EventFieldset { background: transparent; border-radius: 0; border: 1px solid #ccc; padding: 15px 15px 15px 25px; margin: 0px 0px 20px 0px;} .CreateEventMainContent .EventButton { color: #fff; border-color: #00538d; background: #00538d; box-shadow: none; border: none; padding: 10px 20px; margin: 20px 0px; } .CreateEventMainContent .RowContent ul li {padding: 5px 0px;} .CreateEventMainContent .RowContent ul { margin: 20px 0px;} .CreateEventMainContent .RowContent [id$="Summary"] ul { background: #efecec; padding: 10px 20px 10px 40px;} .CreateEventMainContent .RowContent [id$="Summary"] ul li { font-size: 15px; color: red;} CreateEventMainContent .RowContent [id$="Summary"] b { color: red;} .CreateEventMainContent .RowContent table#gvExistingEvents td { text-align: left; border: 1px solid #fff;} .CreateEventMainContent .RowContent .accountButton { background: #00538d; color: #fff; padding: 5px 10px; font-size: 90%;} .CreateEventMainContent .RowContent .accountButton[id*=delete] { background: black;} .CreateEventMainContent .RowContent div.RadPicker table.rcSingle .rcInputCell input[type="text"], .CreateEventMainContent .RowContent .RadPicker.RadDateTimePicker input { width: 100%;} .CreateEventMainContent .RowContent .Mandatory { color: red;} .CreateEventMainContent .RowContent .EventRadioButtonList label { font-weight: normal;} .CreateEventMainContent .RowContent .EventCheckboxList label { font-weight: normal;} .CreateEventMainContent .RowContent .EventCheckboxList input[type="radio"] {float: left;margin-right: 10px;} .content-area .CreateEventMainContent .RadEditor table>tbody>tr>td { padding: 0;} .content-area .CreateEventMainContent .RadEditor table>tbody>tr>td.reToolZone { padding: 2px 5px;} /*.CreateEventMainContent .RowContent [id*="_OutcomeMessage"] { background: rgb(145, 146, 9); color: #fff; padding: 20px; } */ table#gvExistingEvents { width: 100%; border-collapse: collapse;} /*.CreateEventMainContent .RowContent [id*='_OutcomeMessage'] {color: #919209;font-weight: bold;}*/ .CreateEventMainContent .RowContent table#gvExistingEvents tr:last-child td span { font-weight: bold;} .CreateEventMainContent .RowContent table#gvExistingEvents tr:last-child td { padding: 15px 10px 10px; border:none;} .CreateEventMainContent .RowContent #strKeywords { width: 79% !important;} .CreateEventMainContent fieldset.EventFieldset+.clsMandatory { display: block !important;} .clsMandatory .red {color:red;} .CreateEventMainContent .RowContent [id$="Summary"] > b {color: red;} .CreateEventMainContent .RowContent .note-editor { width: 79%; float: left;} .CreateEventMainContent .RowContent .note-link-dialog .modal-dialog label, .CreateEventMainContent .RowContent .note-link-dialog .modal-dialog input { width: 100%;} .CreateEventMainContent .RowContent .note-link-dialog .modal-dialog .form-group.row-fluid{margin: 5px 0px 0px 0px;display: inline-block;width: 100%;} .CreateEventMainContent .RowContent .note-link-dialog .modal-dialog .modal-footer{ border: none; padding: 0; text-align: left; margin: 10px 15px;} .CreateEventMainContent .RowContent .note-link-dialog .modal-dialog input[type="checkbox"] { width: auto;} .content-area table.table-bordered>tbody>tr>td {border:1px solid #ccc;} .EventsTicketHeader > a:hover { text-decoration: underline;} .CreateEventMainContent .RowContent [id*="OutcomeMessage"] { color: #92930a; font-weight: bold;} /*---------------------------------------- / 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;} .content-area .widget .widgetPageLinks { display: inline-block; width: 100%; padding: 20px 15px; margin: 0px; border: none; font-size: 21px;} .content-area .widget .widgetPageLinks > h3 { display: none;} .content-area .widget .widgetPageLinks a { color: #00538d;} .content-area .widget .widgetPageLinks #PreviousLink, .widget .widgetPageLinks #NextLink {border-bottom: none; text-decoration: none; } .content-area .widget .widgetPageLinks a, .content-area .widget .widgetPageLinks a span, .content-area .widget .widgetPageLinks a .resultPageNumberSelected { font-weight: normal; border-bottom: none; text-decoration: none;} .content-area .widget .widgetPageLinks a .resultPageNumberSelected { font-weight: bold; text-decoration: underline; } .content-area .widget .widgetPageLinks #PreviousLink span, .widget .widgetPageLinks #NextLink span{ text-decoration: none;} #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;} .refinewidget ol li .RefineWidgetRemove {float:left; position:absolute; top:35%; right:10px; width:12px; height:12px; text-indent:-9999px;} .refinewidget ol li .RefineWidgetRemove::after {content:"\f00d"; font-family:FontAwesome; font-size:12px; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:12px; text-indent:0; color:#000;} .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 #939408; background:#939408; border-radius:0; display:block; letter-spacing:1px; width:30px; height:30px; z-index:4;} #rightbar .refinewidget a[id$="SearchLinkButton"] { 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 .refinewidget a[id$="SearchLinkButton"]:hover, .refinewidget a[id$="SearchLinkButton"]:focus {text-decoration:none; cursor:pointer;} .formsearch-refine.refinewidget .searchInput { margin-bottom: 50px;} .formsearch-refine a.refineremove { position: absolute; bottom: -30px;} /*-----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.form-group.col-lg-6 {} .clsFormCreator div.form-group.col-lg-6 > label {display:block; width:100%; text-align:left;} .clsFormCreator div.form-group.col-lg-6 > div {display:block; width:100%;} .clsFormCreator div > input.clsDateBox {width:200px !important;} .clsFormCreator fieldset {border:none; margin:0; padding:0;} .clsFormCreator fieldset legend {color:inherit; font-size:100%; border:none; font-weight:bold;} .clsFormCreator .clsFieldset {margin-bottom:30px; padding:15px; 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 .clsCheckBoxListSpanOptions span.mandatory-indictator { display: inline;} .clsFormCreator .clsFormCreator_droplist > div.autowidth[class*=col], .clsFormCreator .clsFormCreator_linkeddroplist > div.autowidth[class*=col] { width: auto; float: left; } .clsFormCreator div.clsFormCreator_checkbox {position:relative; padding-left:25%; margin-left:15px;} #FormCreator_840132 div.clsFormCreator_checkbox{padding-left:18%;} .clsFormCreator div.clsMandatory {clear:both; margin-left:15px; margin-bottom:15px; text-align:right; font-size:90%;} .clsFormCreator .clsFormCreator_button {text-align:right;} .clsFormCreator .clsFormCreator_button.col-lg-6 {text-align:left;} .clsFormCreator .clsFormCreator_button.col-lg-6 + .clsFormCreator_button.col-lg-6 {text-align:right;} .clsFormCreator .clsFormCreator_button input[value~="back"] {background:#ccc; border-color:#ccc;} .clsFormCreator div.form-actions > div { padding-right: 20px; float:left; } .clsFormCreator div.form-actions > div input {} .clsFormCreator div.clsBtnSubmit {} .clsFormCreator div.clsBtnClear {} .clsFormCreator .formCreatorCaptchaTable {padding:15px; background:#f3f3f3; border-radius:5px; margin-left:0; margin-right:0;} .clsFormCreator .formCreatorCaptchaTable div {margin-bottom:0;} .clsFormCreator .submit-failed, .clsFormCreator .submit-success {display:none;} .clsFormCreator .repeat {position:relative;} .clsFormCreator .repeat .delete-button {float:left; border:none; padding:5px 10px; position:absolute; bottom:15px; right:15px;} .clsFormCreator .add-button {float:right; clear:both; margin-top:20px; margin-right:15px; border:none; padding:5px 10px;} .clsFormCreator .Fieldset_My_Hobbies {margin-bottom:0;} .clsFormCreator .Fieldset_More_Hobbies {position:relative;} .clsFormCreator .Fieldset_More_Hobbies > legend {display:none;} .clsFormCreator .Fieldset_More_Hobbies .clsFormCreator_button {clear:both;} .clsFormCreator .Fieldset_Hobbies {} .clsFormCreator .Fieldset_Hobbies > legend {display:none} .clsFormCreator .clsFormCreator_datebox > div {width:240px; flex: 0 0 240px; max-width: 240px;} .clsFormCreator .clsFormCreator_datebox > div::before {content:"\f073"; 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:25px; border-radius:0 2px 2px 0; z-index:1;} .clsFormCreator .clsFormCreator_datebox .ui-datepicker-trigger {display:none;} .clsFormCreator .clsFormCreator_datebox .datetimepicker {width:100% !important;} .clsFormCreator select {-webkit-appearance:none; -moz-appearance:none; appearance:none;} .clsFormCreator select::-ms-expand {display:none;} .clsFormCreator .clsFormCreator_droplist > div {position:relative;} .clsFormCreator .clsFormCreator_droplist > div select, .clsFormCreator .clsFormCreator_linkeddroplist > div select {position:relative; z-index:2; background:transparent;} .clsFormCreator .clsFormCreator_droplist.clsFormCreator_UserField1001_14439 > div {width:240px !important;} .clsFormCreator .clsFormCreator_droplist > div::before, .clsFormCreator .clsFormCreator_linkeddroplist>div::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:15px; border-radius:0 2px 2px 0; z-index:1;} .clsFormCreator .sigWrapper .pad {width:100% !important;} .clsFormCreator div.form-group .alert {display:block; border:0; background:0; padding:0 15px; font-size:90%; color:#b94a48;} .clsFormCreator div.form-group .alert::before {content:"\f06a"; font-family:FontAwesome; font-size:140%; padding-right:5px;} .clsFormCreator .form-control.clsOrderPreference.is-invalid {width:100px !important;} .clsFormCreator > .alert {flex-basis:100%; width:100%;} .labelbold label.col-form-label, .labelbold legend.control-label { font-weight: bold;} /*-----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;} /* tamworth basic form customisation */ .content-area .form-horizontal .col-form-label {text-align: left;font-size: 100%;font-weight: normal; /*padding-left: 0;*/} .content-area .form-horizontal .form-control {border-radius: 0px;font-size: 95%;} .content-area .form-horizontal .form-control:not(textarea) {height: 40px;} .content-area .clsFormCreator .clsFormCreator_droplist > div::before, .content-area .clsFormCreator .clsFormCreator_linkeddroplist > div::before {height: 40px;background: #f4f4f4;width: 40px;content: "\f078";font-family: Fontawesome;line-height: 40px;color: #acb4bc;right: 15px;} .content-area .clsFormCreator fieldset .clsFormCreator_droplist > div::before {right: 15px;} /* panel styles - updated by Lorren Radford 2025 to match MILO - Tamworth Regional Council theme. */ .content-area .clsFormCreator > fieldset { background: transparent; border-radius: 0; padding: 15px 15px 15px 25px; } .content-area .clsFormCreator>fieldset.clsFormCreator_radiobuttonlist, .content-area .clsFormCreator>fieldset.clsFormCreator_orderofpreference, .content-area .clsFormCreator>fieldset.clsFormCreator_checkboxlist { border: none; padding: 0px 15px;} .content-area .clsFormCreator>fieldset>legend{ text-align: left; font-size: 100%; font-weight: normal;} /* panel fieldset only */ .content-area .clsFormCreator>fieldset.clsFieldset { border: 1px solid #ccc; } /* panel label */ .content-area .clsFormCreator>fieldset > legend.clsFieldsetLegend{ padding: 0px 5px 0px 0px; width: auto; color: #00538d; font-size: 24px; font-weight: 100; text-transform: uppercase; } /* end updated panel styles */ .content-area .clsFormCreator div.clsMandatory {text-align: left; margin: 30px 0px 20px 0; color: #555555; font-size: 14px; width: auto; float: left;} .content-area .clsFormCreator .clsFormCreator_uploadfilebox div.col-lg-9 { padding-right: 0;} .content-area .clsFormCreator fieldset .clsFormCreator_uploadfilebox div.col-lg-9 {padding-right:15px;} /*.content-area .clsFormCreator .form-group.form-actions.col-lg-12{ width: auto; margin: 0px 0 20px 0px; display: flex; justify-content: flex-end; position: relative; top: -40px;}*/ .clsFormCreator.form-horizontal.form-control, .clsFormCreator.form-control{height:auto;} .content-area .clsFormCreator .clsFormCreator_datebox>div::before{position: absolute; line-height: 40px; right: 20px; border-radius: 0 2px 2px 0; font-size: 24px; background: none; color: #00538d; width: 24px;} .content-area .clsFormCreator .clsDescriptionField h2 {font-size:150%;text-transform:uppercase;margin-top: 30px;} .content-area .clsFormCreator div .clsRadioButtonListSpanOptions span.mandatory-indictator { display: inline;} .content-area .clsDescriptionField { padding: 0px 15px;} .content-area .form-group.clsFormCreator_htmlcontent .clsDescriptionField { padding: 0px;} .content-area .clsDescriptionField ul {padding: 0 0 0 15px; line-height: 1.5;} .form-horizontal.form-control { border: none; height: 100%; padding:0px;} .form-horizontal.form-control:hover, .form-horizontal.form-control:focus, .form-horizontal.form-control:active{background:none;} .clsFormCreator .form-group.fullwidth .col-form-label, .clsFormCreator .form-group.fullwidth > div { width: 100%; padding: 0; margin-bottom: 10px;} .main-content-area .form-group > div > .select-field > select, .main-content-area .clsFormCreator_datebox > div > input{width: 100% !important; max-width: 100%;} /*-----date picker-----*/ .ui-corner-all {border-radius:2px;} .ui-datepicker {width:250px; padding:2px;z-index:2 !important;} .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; width: 42%; margin: 0; height: 16px;} .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;} /*---------------------------------------- / form results ----------------------------------------*/ .FormResult {} /*-----search parameters-----*/ .FormResult .clsSearchParameters {position:relative; background:#f2f6f9; border-bottom:1px solid #d7edee; margin-bottom:15px; padding:30px; min-height:20px;} .FormResult .clsSearchParameters .clsSubmitNew {position:absolute; bottom:15px; right:15px;} .FormResult .clsSearchParameters .clsSubmitNew a {color:#fff; display:inline-block; vertical-align:top;} .FormResult .clsSearchParameters .divSearchPanelInner > div, .FormResult div.advanced-search-panel > div {margin:0 5px 0 0; position:relative; display:inline-block; vertical-align:top;} .FormResult div.advanced-search-panel > div .RadPicker input {width:100% !important; height:24px;} .FormResult div.advanced-search-panel > div input#txtRefNo {width:50px !important;} .FormResult .clsSearchParameters .divSearchPanelInner .pnlSearchMore {display:none;} .FormResult a#advanced-search {padding:5px;} /*-----results table-----*/ .FormResult .total-records {position:absolute; bottom:0; right:0; display:block; padding:5px 10px;} .FormResult table.returned-results {margin-bottom:20px; width:100%;} /*-----form results details-----*/ .divFormCreatorTableContentMain {width:608px; margin:0 0 20px 0;} .divFormCreatorTableContentMain div {margin-bottom:10px;} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions {} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span {} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span input {width:auto;} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span label {width:auto;} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions {} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions span {} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions span input {width:auto;} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions span label {width:auto;} .divFormCreatorTableContentMain div.clsFormCreator_checkbox {position:relative; padding-left:105px;} .divFormCreatorTableContentMain div.clsFormCreator_checkbox label {width:auto; position:absolute; left:130px; top:0;} .divFormCreatorTableContentMain div.clsFormCreator_checkbox input {width:auto;} .divFormCreatorTableContentMain fieldset {border:none; margin:0 0 20px 0; padding:0;} .divFormCreatorTableContentMain fieldset legend {color:#000;} .divFormCreatorTableContentMain div.clsMandatory {padding-left:105px; font-size:90%;} .divFormCreatorTableContentMain div.clsBtnSubmit {padding-left:105px;} .divFormCreatorTableContentMain div.clsBtnSubmit input {width:auto;} .divFormCreatorTableContentMain div.clsBtnSubmit input:hover, .divFormCreatorTableContentMain div.clsBtnSubmit input:focus {} /*---------------------------------------- / document list /*---------------------------------------*/ #divDocListResults {} /*-----search parameters-----*/ /* #divDocListResults .clsSearchParameters {position:relative;} #divDocListResults .clsSearchParameters .search-heading {display:none;} #divDocListResults .clsSearchParameters .search-parameters {} #divDocListResults .clsSearchParameters .search-parameters label {} #divDocListResults .clsSearchParameters .search-parameters #searchLastEdited {} #divDocListResults .clsSearchParameters .search-parameters #searchLastEdited label {} #divDocListResults .clsSearchParameters .RadPicker input {} #divDocListResults .clsSearchParameters .clsFormResultsSearchButton {} #divDocListResults .clsSearchParameters .clsFormResultsSearchButton a#SearchLinkButton {} #divDocListResults .clsSearchParameters .clsFormResultsSearchButton a#SearchClearAllButton {} #divDocListResults table{background:none;} #divDocListResults .table-bordered {border: none;padding-bottom:20px;} #divDocListResults .table>thead > tr >th{color: #00538d; font-weight:normal; font-size:115%;} #divDocListResults .table-bordered>thead>tr>th, .clsDocListRepeater .table-bordered>tbody>tr>th, .clsDocListRepeater .table-bordered>tfoot>tr>th, .clsDocListRepeater .table-bordered>thead>tr>td, .clsDocListRepeater .table-bordered>tbody>tr>td, #divDocListResults .table-bordered>tfoot>tr>td { border: none; background: none;} #divDocListResults .table-responsive { border-bottom: 5px solid #00538d; margin-bottom: 20px;} #divDocListResults .table-bordered tr a { color: #000; text-decoration: none;} */ /*-----results table-----*/ /* #divDocListResults .clsDocListRepeater {} #divDocListResults .clsDocListRepeater table#tableDocList {width:100%;} #divDocListResults .clsDocListRepeater table#tableDocList th {} #divDocListResults .clsDocListRepeater table#tableDocList th a {color:#3d3d3d;} #divDocListResults .clsDocListRepeater table#tableDocList td {} #divDocListResults table tbody tr:hover { background: #00538d;} #divDocListResults table tbody tr:hover td, #divDocListResults table tbody tr:hover td a { color: #fff;} .clsDocListRepeater .dataTables_filter { padding: 15px 0px;} .clsDocListRepeater .dataTables_filter input[type="text"] { box-shadow: none; border: 1px solid #dadada; padding: 5px 10px; margin-left: 5px;} .clsDocListRepeater .dataTables_paginate{ color: #00538d; margin-bottom: 15px;} .clsDocListRepeater .dataTables_paginate > a { padding: 0px 10px 0px 0px; font-size: 16px;} .clsDocListRepeater .dataTables_paginate span .paginate_button, .clsDocListRepeater .dataTables_paginate span .paginate_active { padding: 0px 10px 0px 0px; font-size: 16px;} .clsDocListRepeater .dataTables_paginate span { padding-right: 5px;} .clsDocListRepeater .dataTables_paginate span .paginate_active { font-weight: bold;} .clsDocListRepeater .dataTables_paginate > a.first.paginate_button, .clsDocListRepeater .dataTables_paginate > a.last.paginate_button { display: none;} */ /*---------------------------------------- / 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;} /*span list layout*/ #PeoplesearchResultsInfo {list-style-type:none; margin:30px 0; padding:0;} #PeoplesearchResultsInfo li {} #PeoplesearchResultsInfo li .firstRow {} #PeoplesearchResultsInfo li .chart-icon {} #PeoplesearchResultsInfo li .firstRow .PeopleResultName {} #PeoplesearchResultsInfo li .clsPeopleResultContactInfo {} #PeoplesearchResultsInfo li .PeopleResultContact span {} #PeoplesearchResultsInfo li .PeopleResultContact a {} #PeoplesearchResultsInfo li .PeopleResultContact em {} #PeoplesearchResultsInfo li .clsPeopleResultManager {} #PeoplesearchResultsInfo li .PeopleResultNumber {} #PeoplesearchResultsInfo li .PeopleResultGroupUnitOrg {} #PeoplesearchResultsInfo li .clsPeopleResultThumb {} /*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%;} /*-----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:"";} /*---------------------------------------- / 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 {} /*---------------------------------------- / 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;} 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;} /*-----results page-----*/ #eventOuterTable {} #eventOuterTable #TBQuickSearchCriteria {width:400px;} #eventOuterTable table.calendar {border:1px solid #505050 !important; width:320px;} #eventOuterTable table.calendar th {padding:5px; text-align:center;} #eventOuterTable table.calendar td {padding:5px; text-align:center; width:auto; font-weight:bold; border:none;} #eventOuterTable table.calendar td.calendarCurrentDay {background:#d2f8c5;} #eventOuterTable table.calendar td.calendarEventDay {background-color:#1d779f;} #eventOuterTable table.calendar td.calendarEventDay a {color:#fff;} #eventOuterTable table.calendar td.calendarCurrentDayWithEvent {background-color:#1d779f;} #eventOuterTable table.calendar td.calendarCurrentDayWithEvent a {color:#fff;} #eventOuterTable table.calendar td.calendarWeekend {background:#f3f3f3;} #eventOuterTable table.calendar td.calendarOtherDay {background:#e7e7e7; color:#b7b7b7;} #eventOuterTable .event-search-results {margin-top:40px;} #eventOuterTable .event-search-results ol {list-style-type:none; margin:20px 0 0 0; padding:0; width:100%;} #eventOuterTable .event-search-results ol li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #E0E0E0;} #eventOuterTable .event-search-results ol li .eventresultNumber {display:none;} #eventOuterTable .event-search-results ol li .firstRow {} #eventOuterTable .event-search-results ol li .lastRow {} /*---------------------------------------- / 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;} /*---------------------------------------- / event quick search element ----------------------------------------*/ .EventQuickSearchCalendar td[colspan="7"] {border:0;} .EventQuickSearchCalendar .calendarTitle td {border:0; padding:0;} /*---------------------------------------- / 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-----*/ #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 {} #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;} /*-----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;} /*---------------------------------------- / 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:100px;} #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;} /*---------------------------------------- / 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;} /*---------------------------------------- / 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;} /*---------------------------------------- / 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;} /* ==================================================================================================================== * FLEXSLIDER THEME * ====================================================================================================================*/ .full-width-carousel .captions.noheading.nodescription { display: none; } .full-width-carousel .captions.noheading h1 {display: none;} .full-width-carousel .captions.nodescription p{display: none;} .flexslider { margin: 0 0 0px; background: #fff; position: relative; zoom: 1; display: inline-block; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); width: 100%; } .flexslider .slides { zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; height:450px; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left:10px;background: url(/images/UserUploadedImages/11/prev-arw.png) no-repeat 50% 50%;width:40px;height: 40px;display: block;text-indent: 9999px;} .flex-direction-nav .flex-next { right: 10px;background: url(/images/UserUploadedImages/11/next-arw.png) no-repeat 50% 50%;width:40px;height: 40px;display: block;text-indent: 9999px;} .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 0px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 0px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a .flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li:before {content: "";} .flex-control-nav li { margin: 0; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 8px; height: 8px; display: block; background: #9E9E9E; cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #fff; } .flex-control-paging li a.flex-active { background: #fff; cursor: default; } .flexslider .slides img { width: 100%; display: block; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* ==================================================================================================================== * Home Carousel * ====================================================================================================================*/ #page-content .carousel-contents { max-width: 100%;} .full-width-carousel ul li .container { position:static; width:100%;} .full-width-carousel .flex-control-nav { position: absolute; bottom: 0; z-index: 2; left: 0; padding: 0;} .full-width-carousel .captions {position: absolute;width: 700px;color:#fff; top:15%;right: 0; background: rgba(0, 0, 0, 0.80); padding: 40px 100px 40px 40px; max-height: 80%; overflow: hidden;} /* ==================================================================================================================== * Table Style * ====================================================================================================================*/ /* .content-area table { background: #efecec;}*/ .content-area table>tbody>tr>th { background: #00538d; color: #fff; padding: 20px; font-weight: normal; text-transform: uppercase; font-size: 14px;} .content-area table>tbody>tr>td { border: none; padding: 15px;} .content-area table>tbody>tr>td a, .content-area table>tbody>tr>td a:hover { transition: none;} .content-area .FormResult table>tbody>tr>th { color: #000; padding:15px;} /*---------------------------------------- / responsive design ----------------------------------------*/ @media(min-width: 1400px) { .container { width:1370px; max-width: 1370px; } #module-area { width: 1370px; } } @media (min-width:992px) and (max-width:1366px) { .full-width-carousel .captions { width: 55%; top: 5%; padding: 20px 50px 20px 40px; font-size: 85%; max-height: 225px; overflow: hidden;} } @media (min-width:992px) and (max-width:1199px) { #header-icon { max-width: 30%;} .upcom-event article .description .desc-lft-cont{padding-left:10px;} .module-area .SearchCriteria{ padding: 30px 25px;} .upcom-event article.align .description{ padding: 10px;} } @media(min-width: 992px) { #main-nav .hmenu>li>div>ul>li>.expand { display: none;} #main-nav .hmenu>li:hover>.menu-wrap { display: block;} div#top-left-nav.navbar-collapse.collapse { padding-left: 0;} #sections-menulevel2 { display: none;} .content-area .clsRadioButtonListSpanOptions span.form-check.col-lg-6 { width: 33.333%;} #main-nav .hmenu>li>.expand, #main-nav .hmenu>li>div>ul>li>.expand { display: none; text-indent: -9999px; position: absolute; right: 0; top: 0; border: none;} .upcom-event .image img,.EventListingInnerContainer .EventThumbnail img{height:250px;} ol#searchResultsInfo{width:90%;} } @media (min-width:0) and (max-width:991px) { .navbar-collapse.collapse.show{ display: block !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;} /*HomeBanner*/ .full-width-carousel { display: inline-block;} .full-width-carousel ul li .container { max-width: 100%!important; padding: 0!important;} .full-width-carousel .captions { position: static; width: 100%; padding: 35px 20px; -webkit-box-shadow: 0 0 40px -10px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 40px -10px rgba(0,0,0,0.7); box-shadow: 0 0 40px -10px rgba(0,0,0,0.7); color: #000; margin-bottom: 20px;background: #000;} .full-width-carousel .flex-control-nav { bottom: 56%;} .upcom-event article.align .description{height:auto;margin-bottom:25px;width:100%;} #breadcrumb-panel {display:none;} #footer .footerMiddle ul li a { padding-left: 50px; min-height: 45px; display: block; position: relative; padding-top: 8px;} #footer .footerMiddle ul li a .fab{ font-size: 135%; padding: 7px 0 0 0; position: absolute; left: 0; top: 0;} #footer .footerRight ul li{ width: 100%;} #footer .footerRight ul li a { min-width: 130px;} .content-area .form-horizontal .control-label+div.col-lg-9{padding-left:0;} .content-area .clsFormCreator .clsFormCreator_uploadfilebox div.col-lg-9 { padding-left: 0;} .SearchRefineElement, .SearchResults {padding-top:20px;} /* Menu */ #toggle-nav { height: 80px; width: 80px; position: absolute; right: 0; margin: 0; z-index: 99; } #toggle-nav.icon.icon-menu:after {top: 18px; right: 18px; font-weight:100; } #toggle-nav.navbar-toggle.collapsed {background: #00538d;color: #fff; } #toggle-nav.navbar-toggle { background: #92930a; color: #fff; } #main-nav #site-nav { position: absolute; top: 120px; right: 0; left: 0;background: #000; padding: 0; z-index: 99; min-height: 100%; } .navbar-collapse { padding-left: 0; padding-right: 0; max-height: none; } .navbar-collapse.in { overflow: visible; } .navbar-toggle,.navbar-collapse { display: block!important;} .navbar-collapse.collapse {display: none!important;} .navbar { border-radius: 0; } #main-nav .hmenu {float: none; background: transparent;} #main-nav .hmenu>li { position: relative; float: left; width: 100%; padding: 0; border-bottom: 1px solid #4a4a4a; } #main-nav .hmenu>li>.expand, #main-nav .hmenu>li>div>ul>li>.expand { display: block; text-indent: -9999px; position: absolute; right: 0; top: 0; border: none;} #main-nav .hmenu>li>.expand:after, #main-nav .hmenu>li>div>ul>li>.expand:after {position: absolute; right: 25px; top: 5px; text-indent: 0; font-size: 24px; cursor: pointer;z-index: 25; font-family: fontawesome; font-weight: 100; content: "\f078"; } #main-nav .hmenu>li>.expand.open:after { content: "\f077"; color:#fff; } #main-nav .hmenu>li>div>ul>li>.expand.open:after{ content: "\f077"; color:#000; } #main-nav .hmenu>li>a,#main-nav .hmenu>li>span { color: #fff; padding: 15px; font-size: 95%;} #main-nav .hmenu>li>a:hover,#main-nav .hmenu>li>a:focus { background: #92930a; color: #fff; } #main-nav .hmenu>li.open>a { background: #92930a; color: #fff; border-bottom: 1px solid #4a4a4a;} #main-nav .hmenu>li>div{position: relative; top: 0; padding: 0; display: none;} #main-nav .hmenu>li.open>div { display: block;} #main-nav .hmenu > li.open > div ul { left: 0 !important; right: 0; padding: 0; width: 100%; top: 58px; background: #fff; position: static; float: left; } #main-nav .hmenu > li:hover > div ul, #main-nav .hmenu > li:focus > ul { left: -9999px; } #main-nav .hmenu > li > div ul > li {float: left;width: 100%;height: auto;padding-right: 0;padding-left: 0;padding-bottom: 0; position: relative;} #main-nav .hmenu > li > div ul > li > a, #main-nav .hmenu > li > div ul > li > span {color: #000;border-top: 0;padding: 15px 40px 15px 40px; margin: 0; border-bottom: 1px solid #4a4a4a; font-size: 90%;} #main-nav .hmenu > li.open > a span, #main-nav .hmenu > li.selected > a span, #main-nav .hmenu > li:hover > a span, #main-nav .hmenu > li:focus > a span { padding-bottom: 15px; border-bottom: 0; } #main-nav .hmenu > li > ul > li > ul { position: absolute; left: -9999px;} #header-bottom { height: 80px;} #main-nav .hmenu>li .menu-wrap>ul{width:100%;margin: 0px;padding: 0px;} #main-nav .hmenu>li>div>ul>li>ul>li>a, #main-nav .hmenu>li>div>ul>li>ul>li>span{color:#000;font-size: 90%;padding:15px 40px 15px 40px;} #main-nav .hmenu>li>div>ul>li>ul{display:none;} #main-nav .hmenu>li>div>ul>li>ul.open { display: block;} #submenulevel2 { padding: 0;} #submenulevel2 #LeftMenu a.link, #submenulevel2 #LeftMenu a.CMLevel1Selected, #submenulevel2 #LeftMenu li { width: 100%!important; float:none;} #submenuwrap .container{width:100%;} #sections-menulevel2 { position: relative; width: auto; height: auto; margin: 0; padding: 10px 10px 10px 60px; clip: inherit; display: block; color: inherit; text-transform: uppercase;} #sections-menulevel2:after { content: "\f0c9"; font-family: fontawesome; position: absolute; left: 20px; font-size: 28px; font-weight: 100; top: 1px;} #rightbar img, #rightbar .widget img{width:100%;} .upcom-event h2, #quicklinks-home h2, .home-newswidget h2, .EventListingsTitle{margin-bottom:40px;} /* search */ #header #header-search{ top: 120px;} #header #header-bottom button#toggle-search { position: absolute; right: 90px; top: 55px; padding: 0;} #header #header-bottom button#toggle-search:after{font-size: 28px;} #quicklinks-home h2 { margin-bottom: 80px;} #quicklinks-home ul li { width: 33.333%; float: left;} /*Discover Map*/ #discover-area article.image{background: none !important;} #discover-area article img{display: block !important;} #discover-area article > ul{min-height:auto;width:100%;} #devhub-links h4{padding:0 0 5px 0; font-size:120%;} #devhub-links ul { position: relative; right: 0px; top: 0px; list-style: none; margin: 0; padding: 5px 0px; display: inline-block;} #devhub-links ul li{padding:0px 10px 0px 0px;} /*Sub banner*/ #banner-content img {left: 0; right: 0; } #banner-content #heading-panel h1 { text-decoration: none; font-size: 270%; left: 0px;} [id*=_ContentPlaceHolderMainNoAjax_Panel1].SearchCriteria, .module-area .SearchCriteria, .EventSearchResults{width:100%; margin: 30px 0px; padding: 25px 20px 60px 20px;} .EventSearchResults {padding:0px; clear: both;} .event-rightwrap.margin-top-max { margin-top: 15px;} .SearchCriteria div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable, .SearchCriteria div[id$="pnlCriteriaToDate"] .RadPicker .rcTable {width:100% !important;} .SearchCriteria div[id$="pnlCriteriaFromDate"] .RadPicker, .SearchCriteria div[id$="pnlCriteriaToDate"] .RadPicker { width: calc(90% - 100px)!important;} .module-area .SearchCriteria fieldset{ width: 100%;} div[id$="pnlSortBy"]>a, .EventSearchResults div[id$="pnlNumberResults"]{font-size: 100%;} [id*=RecordCountLabel], span#searchTerms{ font-size: 115%;} .module-area div[id$="pnlNumberResults"]+div[id$="pnlSortBy"]>a { color: #00538d; font-size: 18px;} .module-area div[id$="pnlNumberResults"] { padding-bottom: 10px; font-size: 120%;} .module-area .Warning { padding: 20px 0px;} #RecordCount [id*=RecordCountLabel]{color:#000;font-size: 100%; font-weight: bold;} .EventListingInnerContainer>div[class*='EventDetailsContainer']{width:100%;} .EventListingInnerContainer .DetailsInfo { padding: 15px; } .EventListingInnerContainer .EventWhenAndWhere{ left: 15px; top:25px;} .workflowapprov-event #DivFormContent { width: 100%; float: left;} .workflowapprov-event .preview-info { width: 100%; float: left; padding: 0px;} #event-area .table-div{overflow:auto; width:100%; float: left;} .home-newswidget a{ word-break: break-word;} } @media (min-width:768px) and (max-width:991px) { /*Upcoming Events*/ .upcom-event article .description .date{width: 70px;} .upcom-event article .description .desc-lft-cont { width: calc(100% - 70px);} .home-newswidget .align .bg-section h5 { font-size: 190%;} .home-newswidget div article .taxonomy-name { font-size: 150%;} .home-newswidget .align .bg-section{margin-bottom:30px;} #errorpages h1{ font-size: 750%;} #quicklinks-home ul li:nth-child(3n+1) { clear: left;} } @media (min-width:768px) { #main-nav .hmenu > li:hover > ul, #main-nav .hmenu > li:focus > ul {display:block; opacity:1; z-index:2000;} .develophub-block .item .image img {height: 200px;object-fit: cover;width: 100%;} .CreateEventMainContent .EventFieldset .RowContent .RadEditor {width:79%!important;} .CreateEventMainContent .RowContent .NoteMsg{width:80%; margin-left:20%;} } @media (min-width:0) and (max-width:767px) { #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:hover, #main-nav .hmenu > li > a:focus {background:#fff;} #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%;}*/ #header-icon.logo{width:70%; padding-left: 15px;} #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;} .accordion h2.card-title a{font-size:110%;} #footer #footer-bottom .footmenu ul li{float:none; display:inline;} #footer-bottom{text-align:center;} #footer .footerRight ul li{display:block;} .footerRight, .footerLeft {display: inline-block; text-align: center; margin: 20px 0px 30px; padding:0px 20px;} #footer .footerMiddle ul li{display:block;} #footer .footerMiddle {margin:20px 0px;} #footer .footerMiddle h4, #footer .footerMiddle p, .footerwhitelogo{ text-align: center;} .footerwhitelogo {padding-top:20px;} #footer .footerLeft .fa-envelope{display:block; text-align: center;} /*home Carousel*/ .full-width-carousel .flex-control-nav{bottom:75%;} /*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;} /*Upcoming Events*/ .upcom-event article .description .date .mainItemDateDay, .upcom-event article .description .date .subItemDateDay{font-size: 50px;} .upcom-event article .description .date{width: 70px;} .upcom-event article .description .desc-lft-cont { width: calc(100% - 70px); padding-left:0px;} #quicklinks-home ul li { width: 50%; float: left; } #quicklinks-home ul li:nth-child(2n+1) { clear: left;} .footmenu li a { font-size: 80%; white-space: nowrap;} #banner-content #heading-panel h1 { left: 15px;} .CustomRatingContainer.RatingContainer ul li{ width: 100%; margin-bottom: 20px;} .caution {padding: 20px 50px 20px 60px; background-size: 60px;} .caution:before{ font-size: 26px;} #errorpages h1{ font-size: 350%;} #errorpages h2{ font-size: 250%;} #devhub-links ul{position:relative; top:auto; right:auto; display: inline-block;} #devhub-links h4{padding: 0 0px 20px 0px;} ol#eventsearchResultsInfo li span.firstRow span.clsEventResultThumb{width:100%;margin: 0;} .event-rightwrap{padding:15px;} .CreateEventMainContent .EventFieldset .RowContent label, .CreateEventMainContent .RowContent label{width:100%;} .CreateEventMainContent .EventFieldset .RowContent input[type="text"], .CreateEventMainContent select{width:100%;} .CreateEventMainContent .RowContent #strKeywords, .CreateEventMainContent .RowContent .RadDateTimePicker { width: 100% !important;} .CreateEventMainContent .EventFieldset .RowContent .RadEditor {width:100% !important;} .CreateEventMainContent .RowContent .note-editor { width: 100%; float: left;} .SearchCriteria #CriteriaGoButton{display:table; margin:20px 0px;} .module-area div[id$="pnlNumberResults"]+div[id$="pnlSortBy"]>a{display:block;} #discover-area article img{ min-height: 200px; object-fit: cover;} #header-top{display:none;} #header #header-bottom button#toggle-search{ top: 15px;} #header #header-search, #main-nav #site-nav{ top: 80px;} } @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%;} #header-icon.logo{width:55%; padding:8px 0px 0px 8px;} #header #header-top .skip-link a{ padding: 13px 17px; font-size: 12px;} #header-contact a.btn{font-size: 13px; padding: 13px 5px 13px 8px;} #header #header-top #header-utilities #header-font-resize{padding-right: 5px;} .SearchCriteria h2#CriteriaHeading{font-size:21px;} .module-area .SearchCriteria{padding:30px 15px;} .module-area .SearchCriteria .form-group label{ width: 80px;} .module-area .SearchCriteria .form-group .form-control{ width: calc(100% - 80px);} /*.content-area .clsFormCreator .form-group.form-actions.col-lg-12{ top: -50px;}*/ .content-area .clsFormCreator div.clsMandatory{ width: calc(100% - 100px); margin: 10px 0 20px 0;} } @media (min-width:0) and (max-width:360px) { #banner-content.devhub-banner #heading-panel h1 {/* text-decoration: none;font-size: 200%; */ left: 0;} } @media (min-width:0) and (max-width:320px) { .full-width-carousel .flex-control-nav { bottom: 83%;} }