/*--------------------------------------------------------------------- Site Theme ---------------------------------------------------------------------*/ /* Site Colours Green:# 00853f - Menu Colour, Button Colours Dark Blue: #153597 - Menu Colour, Border Colour Orange: #f7941e - Menu Colour Dark Red: #b12c15 - Menu Colour Blue: #007dc6 - Menu Colour Black: #000 - Text Body colour Spirite /images/UserUploadedImages/11/icon_spirite.png .sprite { background: url('sprite.png') no-repeat top left; width: 40px; height: 40px; } .sprite.icon_builders { background-position: 0 0; width: 27px; height: 33px; } .sprite.icon_communities { background-position: 0 -53px; width: 35px; height: 23px; } .sprite.icon_household { background-position: 0 -96px; width: 41px; height: 33px; } .sprite.icon_investors { background-position: 0 -149px; width: 35px; height: 23px; } .sprite.icon_lollypop { background-position: 0 -192px; width: 25px; height: 32px; } .sprite.icon_pay { background-position: 0 -244px; height: 37px; } .sprite.icon_register { background-position: 0 -301px; height: 42px; } .sprite.icon_report { background-position: 0 -363px; width: 44px; } .sprite.icon_update { background-position: 0 -423px; width: 43px; } .sprite.icon_findout { background-position: 0 -483px; } .sprite.icon_build { background-position: 0 -543px; height: 34px; } .sprite.icon_media { background-position: 0 -597px; width: 31px; height: 26px; } .sprite.icon_public { background-position: 0 -643px; width: 17px; height: 31px; } .sprite.icon_tenders { background-position: 0 -694px; width: 22px; height: 28px; } .sprite.icon_phone { background-position: 0 -742px; width: 27px; height: 27px; } .sprite.icon_email { background-position: 0 -789px; width: 27px; height: 17px; } .sprite.icon_location { background-position: 0 -826px; width: 23px; height: 29px; } .sprite.icon_computer { background-position: 0 -301px; height: 42px; } */ @font-face { font-family:'FontAwesome'; src:url('/include/fonts/fontawesome-webfont.eot?v=4.0.3'); src:url('/include/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('/include/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('/include/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('/include/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal; } * {box-sizing:content-box; -moz-box-sizing:content-box;} html {font-size:100%;} #wrapper * {box-sizing:border-box; -moz-box-sizing:border-box;} body {font:87.5% 'Roboto', sans-serif; color:#333; margin:0; padding:0;} /*---------- Default Styles ----------*/ a {color:#1a6bb2;} a:hover, a:focus {color:#2a6496;} a, a:link, a:hover, a:focus {cursor:pointer;} a:active {outline:none;} a img {border:none;} video {max-width:100%;} p {line-height:150%; margin:0 0 20px 0; padding:0;} code {line-height:150%; margin:0; padding:0; font-size:100%;} blockquote {line-height:150%; margin:0 0 20px 0; padding:0; font-size:100%;} p,ul,ol {font-size:100%;} input,select,textarea {font:100% arial, verdana, sans-serif; color:#333;} input {margin:0;} td {vertical-align:top;} fieldset legend {font-size:100%; border:none;} .form-horizontal fieldset legend {font-weight:bold; border-bottom:1px solid #e5e5e5;} .form-horizontal .form-group {margin:0 0 15px 0;} .form-control {font-size: 12px;} .btn {font-size: 14px;} .btn-link{color: #2e74b1;} /* default heading styles */ h1 {font-size :250%; color: #203A8C; padding:0; margin:0 0 20px 0;} #module-area h1 {padding:0;} .cm-article13 h1 {font-size: 220%;} h1 a, h1 a:link, h1 a:hover, h1 a:focus {font-weight:normal; color:#1D779F; text-decoration:none;} h2 {font-size: 160%; color:#333; padding:0; margin:0 0 20px 0;} h2 a, h2 a:link, h2 a:hover, h2 a:focus {font-weight:normal; color:#333; text-decoration:none; } h3 {font-size: 130%; color:#333; padding:0; margin:0 0 20px 0;} h3 a, h3 a:link, h3 a:hover, h3 a:focus {font-weight:normal; color:#333; text-decoration:none;} h3 a:not(.btn):not(.page-link):link {color: #333; border-bottom: 0;} h4 {font-size: 120%; color:#333; padding:0; margin:0 0 20px 0;} h4 a, h4 a:link, h4 a:hover, h4 a:focus {font-weight:bold; color:#333; text-decoration:none; } h5 {font-size: 110%; color:#333; padding:0; margin:0 0 20px 0;} h5 a, h5 a:link, h5 a:hover, h5 a:focus {font-weight:bold; color:#333; text-decoration:none; } h6 {font-size: 100%; color:#333; padding:0; margin:0 0 20px 0;} h6 a, h6 a:link, h6 a:hover, h6 a:focus {font-weight:bold; color:#333; text-decoration:none; } h1,h2,h3,h4,h5,h6 {font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;} p {font-family: 'Roboto', sans-serif;} /* home page seo text heading style */ h1.homepageseo { text-align: center; text-transform: none; font-size: 120%; font-weight: bold; color: #515557; } h1.newhomepageseo { text-align: center; text-transform: none; font-size: 120%; font-weight: bold; color: #515557; margin: 20px 0 20px 0; } #content-area ul.pagination {padding: 0; margin: 0;} .page-item .page-link { border: 0; } .page-item.active .page-link, .page-item .page-link.active { background-color: transparent; color: inherit; } /*-----other-----*/ .offscreen, .accessible-heading { position: absolute !important; clip: rect(1px 1px 1px 1px); padding:0 !important; border:0 !important; height: 1px !important; width: 1px !important; overflow: hidden; left: -9999px;} .right-float, .rightFloat {float:right;} .right-float img {max-width: 100%;} .left-float, .leftFloat {float:left;} #adminBanner {display:none;} /* rich editor */ .clsFormCreator .note-editor, .clsFormCreator .note-editor div, .clsFormCreator .note-editor .note-statusbar .note-resizebar {margin-bottom: 0} .clsFormCreator .note-editor .dropdown-menu {margin: 0;} /* inline editor fix */ #editorWrapper #TelerikEditor {height: auto !important;} /*---------------------------------------- / alerts and messages ----------------------------------------*/ .error-message {} .success-message {} .alert-danger {color: #8b0000; display: block;} .alert-danger .error-message {background-color: transparent; margin: 0; padding: 8px 0 8px 40px; border: none;} .alert-warning {color: #584521;} .alert-success {color: #264926;} .alert-info {color: #1a3f4f;} .alert-block[style*='display: inline'], .alert-block[style*='display: block'] {display:block !important; clear:both; margin-top:10px; } /*---------------------------------------- / layout ----------------------------------------*/ #wrapper {width:100%; float:left;position: relative;} .container-wrap {margin:0 auto; position:relative;} .container {position: relative;width: 1250px; max-width: 1250px;} #main-content img {margin: 15px 0; max-width:100%;} #main-content{ background: #fff;} .breadcrumb-item + .breadcrumb-item {padding: 0;} .breadcrumb-item + .breadcrumb-item::before {content: "\f101";} /*---------------------------------------- / buttons ----------------------------------------*/ .btn-secondary {color:#fff; background-color:#444;} .btn-secondary:hover, .btn-secondary:focus {color:#fff; background-color:#000;} .btn-secondary:active, .btn-secondary.active {color:#fff; background-color:#000;} .btn-primary {background: #113A5B; color:#fff; border-color: #113A5B;} .btn-primary:hover, .btn-primary.disabled, .btn-primary[disabled] {background-color:#113A5B; border: 1px #113A5B solid;} .btn-primary:active, .btn-primary.active {background-color: #113A5B;} .btn-warning {color:#444; background:#f0ad4e;} .btn-warning:hover, .btn-warning.disabled, .btn-warning[disabled] {color:#444; background-color:#ed9c28;} .btn-warning:active, .btn-warning.active {color:#444; background-color:#ed9c28;} .btn-danger {background:#ce4844; color:#fff;} .btn-danger:hover, .btn-danger.disabled, .btn-danger[disabled] {background-color:#d2322d;} .btn-danger:active, .btn-danger.active {background-color:#d2322d;} .btn-success {background:#32870b; color:#fff;} .btn-success:hover, .btn-success.disabled, .btn-success[disabled] {background-color:#47a447;} .btn-success:active, .btn-success.active {background-color:#47a447;} .btn-info {background:#67c2ef; color:#fff;} .btn-info:hover, .btn-info.disabled, .btn-info[disabled] {background-color:#39afea;} .btn-info:active, .btn-info.active {background-color:#30ace9;} .btn-inverse {color:#444; background:#fff;} .btn-inverse:hover, .btn-inverse.disabled, .btn-inverse[disabled] {background-color:#fff; color:#2b2b2b;} .btn-inverse:active, .btn-inverse.active {background-color:#fff;} #BasketChecklistItems .btn {font-size:16px; display:inline-block !important; font-family:FontAwesome; width:38px; overflow:hidden; margin-right:5px; position:relative; text-indent:-9999px;} #BasketChecklistItems .btn:before {position:absolute; top:5px; left:0; right:0; text-indent:0;} .btn:before { font-family:'FontAwesome'; padding: 5px;} .btn-add:before {content:"\f067"; color:#fff;} .btn-insert:before {content:"\f067"; color:#fff;} .btn-comments:before {content:"\f075"; color:#fff;} .btn-copy:before {content:"\f0c5"; color:#fff;} .btn-edit:before {content:"\f044"; color:#fff;} .btn-log:before {content:"\f022"; color:#fff;} .btn-remove:before {content:"\f068"; color:#fff;} .btn-versions:before {content:"\f022"; color:#fff;} .btn-view:before {content:"\f002"; color:#fff;} .btn-preview:before {content:"\f002"; color:#fff;} .btn-launch:before {content:"\f08e"; color:#fff;} .btn-update:before {content:"\f046"; color:#fff;} .btn-cancel:before {content:"\f00d"; color:#fff;} .btn-delete:before {content:"\f014"; color:#fff;} .btn-up:before {content:"\f062"; color:#fff;} .btn-down:before {content:"\f063"; color:#fff;} .btn-settings:before {content:"\f013"; color:#fff;} .btn-questions:before {content:"\f128"; color:#fff;} .btn-results:before {content:"\f0ae"; color:#fff;} .btn-user:before {content:"\f007"; color:#fff;} .btn-rules:before {content:"\f160"; color:#fff;} .btn-select:before {content:"\f046"; color:#fff;} .btn-draft:before {content:"\f090"; color:#fff;} .btn-publish:before {content:"\f067"; color:#fff;} .btn-restore:before {content:"\f0e2"; color:#fff;} .btn-publish-facebook:before {content:"\f09a"; color:#fff;} .btn-refresh:before {content:"\f021"; color:#fff;} .btn-impersonate:before {content:"\f0c0"; color:#fff;} /*---------------------------------------- / header ----------------------------------------*/ #header-top {position: relative; height: 0; padding:0; margin:0; width:100%;z-index: 102;} #header {position:relative; height: 100px; padding:0; margin:0; background:#fff; width:100%;-webkit-box-shadow: 0 8px 6px -6px #333;-moz-box-shadow: 0 8px 6px -6px #333; box-shadow: 0 8px 6px -6px #333;z-index: 101;} .header-logo {position:absolute; top: 0; left:0;background-color: #fff;padding: 5px;} .header-logo > a:hover, .header-logo > a:visited {border-bottom: 0 !important;} .header-logo > a > img {width: 215px;} .header-login {position:absolute; top:20px; left:0; background-color:#CECECE; border:1px solid #ACACAC; border-radius:2px;} .header-login h2 {display:none; margin:0; padding:0;} .header-login ul {list-style-type:none; margin:0; padding:0; float:left; border:1px solid #DBDBDB; border-radius:2px;} .header-login ul li {float:left;} .header-login ul li.last-login {display:none;} .header-login ul li > span {float:left; padding:5px 8px 5px 0px;} .header-login ul li > span:first-child {padding:5px 4px 5px 8px;} .header-login ul li a {color:#00557F; float:left; padding:5px 8px; text-decoration:none;} .header-login ul li a:hover, .header-login ul li a:focus {background-color:#00557F; color:#fff; border-radius:3px;} .header-login ul li a.inboxLink {} .header-login ul li a.inboxLink span {color:#fff; text-decoration:none; padding:2px; border:1px solid #1D779F; background-color:#1D779F; border-radius:2px;} .header-login ul li a.inboxLink:hover span, .header-login ul li a.inboxLink:focus span {} .skip-link {position:absolute; left:-9999px;} .header-toplinks { } .header-toplinks .accessible-heading {display: none;} .header-toplinks .hmenu {overflow: hidden;margin: 0;padding: 10px 0;padding-left: 210px;border-bottom: 1px #999 solid;} .header-toplinks .hmenu a {color: #999;padding: 10px;} .header-toplinks .hmenu a:hover {text-decoration: underline;} .header-toplinks .hmenu a:not(.btn):not(.page-link), .header-toplinks .hmenu a:not(.btn):not(.page-link):link, .header-toplinks .hmenu a:not(.btn):not(.page-link):visited {color: #999;} .header-toplinks .hmenu.menu14 > li > a {padding: 10px 0;} .header-toplinks .hmenu > li.first > a {padding-left: 0;} .header-toplinks .hmenu > li.first > a > span {border-left: none;} .header-toplinks .hmenu > li > a > span {border-left: 1px #999 solid; padding: 0 10px;} .header-toplinks .hmenu li {float: none;display: inline-block;vertical-align: top;list-style: none;margin: 0;} .header-toplinks .hmenu > li > ul {display: block;position: absolute;top: 36px;left: 224px;padding: 0 0 0 0;margin: 0;background-color: #fff;display: none;width: 931px;} .header-toplinks .hmenu > li:hover > ul, .header-toplinks .hmenu > li:focus > ul {display:block; z-index:2000;} .header-toplinks .hmenu.menu14 > li > ul {border-top: 1px #999 solid;} .header-toplinks .hmenu > li > ul > li {padding: 0 15px;width: 25%; box-sizing: border-box;} .header-toplinks .hmenu > li > ul > li a {color: #333; font-weight: bold; padding: 10px;float: left;width: 100%;font-size: 110%;} .header-toplinks .hmenu > li > ul > li a:not(.btn):not(.page-link), .header-toplinks .hmenu > li > ul > li a:not(.btn):not(.page-link):link, .header-toplinks .hmenu > li > ul > li a:not(.btn):not(.page-link):visited {color: #333; border-bottom: 1px #ccc solid;} .header-toplinks .hmenu > li > ul > li > ul {width: 100%;float: left;margin: 0;padding: 0;} .header-toplinks .hmenu > li > ul > li > ul > li { display: block;padding: 0;width: 100%;} .header-toplinks .hmenu > li > ul > li > ul > li > a {color: #000;border-bottom: 1px #ccc solid;width: 100%;display: block; font-weight: normal;} .header-toplinks .phone {float: right;position: absolute;right: 35px;top: 5px;color: #555;font-size: 120%;} .header-toplinks .phone:before {font-family: 'fontawesome';content: "\f095";font-size: 20px;position: relative;top: 3px;display: none;} /*---------------------------------------- / search ----------------------------------------*/ .header-search {position:absolute; top:20px; right:0;} .header-search div.searchPanel, #section-menu div.searchPanel {text-align: left; position:relative;padding: 10px;margin-bottom: 20px;} .header-search div.searchPanel label, #section-menu div.searchPanel label {position:absolute; left:-9999px;} div.searchPanel input.searchInput {width: 100%; display: inline-block; padding: 6px 12px;height: 35px !important;} #content-area div.searchPanel input.searchInput {background-color:#fff; color:#333;border: none; z-index: 2;} #content-area div.searchPanel input.searchInput:focus {border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);} div.searchPanel a[id$="SearchLinkButton"], div.searchPanel input[id$="SearchButton"] {} div.searchPanel a[id$="SearchLinkButton"]:hover, div.searchPanel a[id$="SearchLinkButton"]:focus, div.searchPanel input[id$="SearchButton"]:hover, div.searchPanel input[id$="SearchButton"]:focus {text-decoration:none; border:1px solid #003F5F; cursor:pointer;} div.searchPanel span[id$="SearchKeywordValidator"] {display:none !important;} #section-menu {margin-bottom: 15px;} #section-menu .searchPanel { background-color: #eee; padding: 10px 5px;} #section-menu .searchPanel input.searchInput {width: 100%;} #section-menu .searchPanel label {display: none;} #section-menu #_Search_13_SearchLinkButton { text-indent: -9999px; background-color: #113A5B; color: #fff; position: absolute; padding: 7px 17px; top: 0 !important; right: 0 !important; height: 35px !important; } #section-menu #_Search_13_SearchLinkButton:before {font-family: 'fontawesome'; content: "\f002"; font-size: 160%;text-indent: 0;position: absolute;color: #fff;right: 1px;top: -4px;} /* page search */ #content-area .searchOptionsList {list-style: none;padding: 0;margin: 19px 0;} .searchPanel select {padding:8px; margin: 0 5px;} #main-content div.SearchResults {width:100%; max-width: 100%; flex: 100%;} /* advanced search */ #AdvancedSearchCriteria td {vertical-align: middle;width: auto;padding: 3px;} #AdvancedSearchCriteria .form-check {padding: 0; margin: 0 15px; list-style: none;} #AdvancedSearchCriteria .form-check li {list-style: none;} #AdvancedSearchCriteria label {font-weight: normal;} #AdvancedSearchCriteria select {width: 100%; margin: 0;} #AdvancedSearchCriteria .lookin-table {width: 100%;} .AdvancedSearchCriteria #searchResultsInfo {margin: 20px 0; padding: 0;} .AdvancedSearchCriteria #searchResultsInfo li {margin: 5px 0;} .AdvancedSearchCriteria #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_pnlPageLinks {margin: 10px 0;} .AdvancedSearchCriteria #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_pnlnumberResults {font-weight:bold; margin: 10px 0;} #searchResultsInfo ul {margin-left:10px;} #searchResultsInfo ul li {margin-bottom:20px; line-height:150%;} #searchResultsInfo {list-style-type:none; margin:0 18px 20px 0; padding:0;} #content-area #searchResultsInfo li {margin: 10px 0 20px 0;} #searchResultsInfo li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd;} #searchResultsInfo li span.firstRow {display:block;} #searchResultsInfo li span.firstRow a {font-size:115%; text-decoration:none; border-bottom: 0;} #searchResultsInfo li span.firstRow img.resultImage {margin-right:5px;} #searchResultsInfo li span.clsResultDescr {display:block; margin:5px 0 5px 27px; line-height:150%;} #searchResultsInfo li span.clsResultDescr .highlight {color:#C41230;} #searchResultsInfo li span.clsResultFilmedOn {display:block; margin:0px 0 5px 27px; line-height:150%;} #searchResultsInfo li span.clsResultFilmedOn span {padding-right:5px;} #searchResultsInfo li span.clsResultDuration {display:block; margin:0px 0 5px 27px; line-height:150%;} #searchResultsInfo li span.clsResultDuration span {padding-right:5px;} #searchResultsInfo li span.lastRow {display:block; font-size:100%; margin-left:27px; color:#666;} #searchResultsInfo li span .resultNumber {display:none;} #searchResultsInfo li span.clsResultURL{display: none;} #searchResultsInfo li span.firstRow .relevancy span.icon.icon-tiny::after {line-height: 15px; font-size: 12px;} .AdvancedSearchCriteria #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_pnlPageLinks {margin:0 18px 20px 18px;} .AdvancedSearchCriteria #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_pnlPageLinks a {color:#6d6e71; padding-right:5px;} .AdvancedSearchCriteria #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_pnlPageLinks a .resultPageNumberSelected {font-weight:bold;} .AdvancedSearchCriteria #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_pnlPageLinks a:hover, .AdvancedSearchCriteria #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_pnlPageLinks a:focus {color:#6d6e71;} #search-results .SearchLeft {display: none;} /*---------------------------------------- / navigation ----------------------------------------*/ nav#header { position: relative; } #main-nav {top:20px;right:0px;height:46px;z-index:1001;background-color:#fff;border:none;padding-left: 210px;} #main-nav > .accessible-heading {display:none;} /*-----mega menu styles-----*/ #main-nav .hmenu {float:left;list-style-type:none;margin:0;padding:0;background-color:#fff;height: 62px !important;} #main-nav .hmenu a {text-decoration:none;} /* styles for level 1 */ #main-nav .hmenu > li {float:left;padding: 4px 0;} #main-nav .hmenu > li > a, #main-nav .hmenu > li > span {display: block; color:#333; font-size: 100%; height: auto; padding:10px 20px; text-transform: uppercase;font-weight: bold;} #main-nav .hmenu > li > a {width: 165px;padding: 10px 10px 10px 58px;background: url('/images/UserUploadedImages/11/icon_spirite.png') no-repeat top left;} #main-nav .hmenu > li.first > a, #main-nav .hmenu > li.first > span {border-left:none;} #main-nav .hmenu > li:hover, #main-nav .hmenu > li:focus {background-color:#eee;} #main-nav .hmenu > li:hover > a, #main-nav .hmenu > li:focus > a {color:#000;} #main-nav .hmenu > li.first:hover > a, #main-nav .hmenu > li.first:focus > a {border-left:none;} #main-nav .hmenu > li.iFOL176 > a {background: url(/images/UserUploadedImages/12/HouseholdsandResidents.png) no-repeat top left; color: #00accb;} #main-nav .hmenu > li.iFOL177 > a {background: url(/images/UserUploadedImages/12/CommunityandGroups.png) no-repeat top left; color: #f99500;} #main-nav .hmenu > li.iFOL178 > a {background: url(/images/UserUploadedImages/12/OurRegionandEnvironment.png) no-repeat top left; color: #82b839;width: 182px;} #main-nav .hmenu > li.iFOL179 > a {background: url(/images/UserUploadedImages/12/BuildersandDevelopers.png) no-repeat top left; color: #f0592b;} #main-nav .hmenu > li.iFOL180 > a {background: url(/images/UserUploadedImages/12/BusinessandInvestors.png) no-repeat top left; color: #377bc9;} #main-nav .hmenu > li.iFOL10908 > a {background: url(/images/UserUploadedImages/12/VisitorsandEvents.png) no-repeat top left; color: #f99500;} /* styles for level 2 */ #main-nav.scroller .hmenu > li > ul {top:60px;} #main-nav .hmenu > li > ul {display:none; z-index:10; position:absolute; top: 100px; left: 142px; list-style-type:none; margin:0; width: 1013px; padding:20px 20px 20px 0; background-color: #fff; opacity:0.9; filter:alpha(opacity=90);} #main-nav .hmenu > li > ul > li {float:left; width:25%; padding-left:15px;} #main-nav .hmenu > li > ul > li > a, #main-nav .hmenu > li > ul > li > span {display:block; padding:2px 5px; color:#000; text-transform: uppercase; font-weight:bold; font-size:100%; font-weight: bold;} #main-nav .hmenu > li > ul > li > a:hover, #main-nav .hmenu > li > ul > li > a:focus {} #main-nav .hmenu > li:hover > ul, #main-nav .hmenu > li:focus > ul {/*display:block; z-index:2000;*/ } #main-nav .hmenu > li.iFOL176 > ul {border-top: 5px #00accb solid;border-bottom: 5px #00accb solid;} #main-nav .hmenu > li.iFOL177 > ul {border-top: 5px #f99500 solid;border-bottom: 5px #f99500 solid;} #main-nav .hmenu > li.iFOL178 > ul {border-top: 5px #82b839 solid;border-bottom: 5px #82b839 solid;} #main-nav .hmenu > li.iFOL179 > ul {border-top: 5px #f0592b solid;border-bottom: 5px #f0592b solid;} #main-nav .hmenu > li.iFOL180 > ul {border-top: 5px #377bc9 solid;border-bottom: 5px #377bc9 solid;} #main-nav .hmenu > li.iFOL10908 > ul {border-top: 5px #00accb solid;border-bottom: 5px #00accb solid;} /* styles for level 3 */ #main-nav .hmenu > li > ul > li > ul {display:block; list-style-type:none; margin:10px 0 0 0; padding:0;} #main-nav .hmenu > li > ul > li > ul > li {display:block; margin-bottom:5px;} #main-nav .hmenu > li > ul > li > ul > li > a, #main-nav .hmenu > li > ul > li > ul > li > span {display:block; padding:2px 10px 2px 5px; color:#333; font-weight:normal; font-size:100%;} #main-nav .hmenu > li > ul > li > ul > li > a:hover, #main-nav .hmenu > li > ul > li > ul > li > a:focus {background-color:#fff; color:#000; border-radius:3px;} /* styles for level 4 */ #main-nav .hmenu > li > ul li ul li ul {display:none;} /*-----top flyout menu styles-----*/ #TopMenu {background-color:#F4F5F6; height:46px !important;} #TopMenu .menu {height:36px !important; padding:5px 0;} #TopMenu .menu ul.rootGroup {border-right:1px solid #fff;} #TopMenu .menu ul li {margin-bottom:0;} /*root/level1 horizontal menu*/ #TopMenu a.link, #TopMenu a.CMLevel1Selected {height:auto;} #TopMenu a.link span, #TopMenu a.CMLevel1Selected span {color:#777777; font-size:120%; height:16px; padding:10px 20px; border-right:1px solid #E0E0E0; border-left:1px solid #ffffff;} #TopMenu li.first a.link span, #TopMenu li.first a.CMLevel1Selected span {border-left:none;} #TopMenu a.link:hover span, #TopMenu a.link:focus span {color:#1E1E1E;} #TopMenu a.CMLevel1Selected span {color:#1E1E1E;} /*level 2 horizontal menu*/ #TopMenu a.CMLevel2, #TopMenu a.CMLevel2Selected {height:auto;} #TopMenu a.CMLevel2 span, #TopMenu a.CMLevel2Selected span {height:auto; padding:10px; width:146px; border:none; background-color:#E8E8E8;} #TopMenu a.CMLevel2Selected:hover span, #TopMenu a.CMLevel2:hover span, #TopMenu a.CMLevel2:focus span {} #TopMenu a.CMLevel2Selected span {color:#1E1E1E;} /*level 3 horizontal menu*/ #TopMenu a.CMLevel3, #TopMenu a.CMLevel3Selected {height:auto;} #TopMenu a.CMLevel3 span, #TopMenu a.CMLevel3Selected span {height:auto; padding:10px; width:146px; border:none; background-color:#E8E8E8;} #TopMenu a.CMLevel3Selected:hover span, #TopMenu a.CMLevel3:hover span, #TopMenu a.CMLevel3:focus span {} #TopMenu a.CMLevel3Selected span {color:#1E1E1E;} /*level 4 horizontal menu*/ #TopMenu a.CMLevel4, #TopMenu a.CMLevel4Selected {height:auto;} #TopMenu a.CMLevel4 span, #TopMenu a.CMLevel4Selected span {height:auto; padding:10px; width:146px; border:none; background-color:#E8E8E8;} #TopMenu a.CMLevel4Selected:hover span, #TopMenu a.CMLevel4:hover span, #TopMenu a.CMLevel4:focus span {} #TopMenu a.CMLevel4Selected span {color:#1E1E1E;} /*----------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 .rpLink {display:block; text-decoration:none;height: auto !important; width: 100% !important;} .RadPanelBar .rpOut {display:block;} .RadPanelBar .rpText {display:block;} .RadPanelBar .rpSlide {display:none;} #LeftMenu li.open ul{ display:block; } div[id$="Panelbar13"] .rpSlide {display:block;} #LeftMenu {width:100% !important; height:auto !important; margin: 0 0 20px 0;} #LeftMenuBar li {list-style: none;display: block;} #LeftMenuBar ul {padding: 0; margin: 0;} #LeftMenuBar .rpText {display: block; font-size: 120%; padding: 10px 15px; border-bottom: 1px #999 solid;} #LeftMenuBar ul > li > a > span > span {background-color: #153597; color: #fff; text-transform: uppercase;} #LeftMenuBar ul > li > div > ul > li > a > span > span.rpText {border-bottom: 1px #fff solid; padding: 10px 15px 10px 30px; background-color: #D6D6D6; color: #333; text-transform: none; position: relative;} #LeftMenuBar ul > li > div > ul > li > a > span > span.rpText:before {font-family: 'fontawesome'; content: "\f138"; position: absolute; left: 15px; top: 11px;} /* selected states */ #LeftMenuBar .MenuItemTwoClicked .rpText, #LeftMenuBar .MenuItemTwoClicked:hover .rpText, #LeftMenuBar .MenuItemThreeClicked .rpText, #LeftMenuBar .MenuItemThreeClicked:hover .rpText, #LeftMenuBar .MenuItemFourClicked .rpText, #LeftMenuBar .MenuItemFourClicked:hover .rpText {background-color: #ececea; font-weight: 700; position: relative; } /* level 2 */ #LeftMenuBar .MenuItemThree .rpText {padding: 10px 15px 10px 55px;} #LeftMenuBar ul > li > div > ul > li > div > ul > li > a > span > span.rpText {background-color: #fff; border-bottom: 1px #ccc solid;} #LeftMenuBar ul > li > div > ul > li > div > ul > li > a > span > span.rpText:before {font-family: 'fontawesome'; content: "\f0da"; position: absolute; left: 40px; top: 11px;} /* level 3 */ #LeftMenuBar .MenuItemFour .rpText {padding: 10px 15px 10px 75px;} #LeftMenuBar ul > li > div > ul > li > div > ul > li > div > ul > li > a > span > span.rpText:before {font-family: 'fontawesome'; content: "\f0da"; position: absolute; left: 60px; top: 11px;} #LeftMenu .panelbar a.link span.rpExpandHandle {display:none;} /*-----section menu styles-----*/ #section-nav .navbar-collapse {padding:0; max-height:none;} #content-area #section-menu ul {list-style-type:none; margin:0; padding:0; width:100%;} #section-menu .hmenu a, #section-menu .hmenu a:link, #section-menu .hmenu a:visited {display:block; position:relative;padding:5px 10px; font-size: 13.2px;} #section-menu .hmenu li {position:relative;margin-bottom: 0;} /*level 1*/ #section-menu .hmenu > li > a, #section-menu .hmenu > li > a:link, #section-menu .hmenu > li > a:visited {background-color:#153597; color: #fff; font-size:100%; border-bottom:2px solid #ddd; padding:10px 15px;text-transform: uppercase;} #section-menu .hmenu > li > a:hover, #section-menu .hmenu > li > a:focus, #section-menu .hmenu > li > a:active {} #section-menu .hmenu > li > ul {display: none;} /*level 2*/ #section-menu .hmenu > li > ul > li > a, #section-menu .hmenu > li > ul > li > a:link, #section-menu .hmenu > li > ul > li > a:visited {border-bottom:1px solid #f5f5f5; font-size:100%; padding: 10px 15px 10px 35px; background-color: #D6D6D6;color: #333;} #section-menu .hmenu > li > ul > li > a:hover, #section-menu .hmenu > li > ul > li > a:focus, #section-menu .hmenu > li > ul > li > a:active {} #section-menu .hmenu > li > ul > li > a > span::before {font-family: 'fontawesome'; content: "\f138"; position: absolute; left: 15px; top: 10px; font-weight: bold;} #section-menu .hmenu > li > ul > li.selected > a {background-color: #ececea;color: #333; font-weight: bold;} #section-menu .hmenu > li > ul > li > ul {display: none;} #section-menu .hmenu > li > ul > li.selected > ul {display: block;} /*level 3*/ #section-menu .hmenu > li > ul > li > ul > li > a, #section-menu .hmenu > li > ul > li > ul > li > a:link, #section-menu .hmenu > li > ul > li > ul > li > a:visited {border-bottom:1px solid #ccc; font-size:100%; padding-left:30px;background-color: #fff;color: #333; padding: 10px 15px 10px 55px;} #section-menu .hmenu > li > ul > li > ul > li > a:hover, #section-menu .hmenu > li > ul > li > ul > li > a:focus, #section-menu .hmenu > li > ul > li > ul > li > a:active {border-bottom:1px solid #f5f5f5; background-color:#f4f4f4; color:#333;} #section-menu .hmenu > li > ul > li > ul > li > a > span::before {font-family: 'fontawesome'; content: "\f0da"; position: absolute; left: 40px; top: 11px; font-weight: 900;} #section-menu .hmenu > li > ul > li > ul > li > ul {display: none;} #section-menu .hmenu > li > ul > li > ul > li.selected > ul {display: block;} /*level 4*/ #section-menu .hmenu > li > ul > li > ul > li > ul > li > a, #section-menu .hmenu > li > ul > li > ul > li > ul > li > a:link, #section-menu .hmenu > li > ul > li > ul > li > ul > li > a:visited {border-bottom:1px solid #ccc; font-size:100%; padding-left:30px;background-color: #fff;color: #333; padding: 10px 15px 10px 65px;} #section-menu .hmenu > li > ul > li > ul > li > ul > li > a:hover, #section-menu .hmenu > li > ul > li > ul > li > ul > li > a:focus, #section-menu .hmenu > li > ul > li > ul > li > ul > li > a:active {border-bottom:1px solid #f5f5f5; background-color:#f4f4f4; color:#333;} #section-menu .hmenu > li > ul > li > ul > li > ul > li > a > span::before {font-family: 'fontawesome'; content: "\f0da"; position: absolute; left: 50px; top: 11px; font-weight: 900;} /*selected item*/ #section-menu .hmenu li ul li.selected > a, #section-menu .hmenu li ul li.selected > a:link, #section-menu .hmenu li ul li.selected > a:visited, #section-menu .hmenu li ul li.selected > a:hover, #section-menu .hmenu li ul li.selected > a:focus, #section-menu .hmenu li ul li.selected > a:active {background-color:#f4f4f4; color:#333; pointer-events:none;} #section-menu .hmenu li.selected > ul {display:block;} #section-menu .hmenu li > ul.open {display:block;} /*toggle item*/ #section-menu .hmenu .toggle {position:absolute; top:3px; right:0; bottom:0; width:30px; height:30px; line-height:30px; z-index:100; background-color:transparent; border:0; border-radius:5px; color:#333; font-size:16px; transition:all 0.2s ease;} #section-menu .hmenu .toggle:hover, #section-menu .hmenu .toggle:focus, #section-menu .hmenu .toggle:active {background-color:#333; color:#fff;} #section-menu .hmenu li.selected > .toggle {pointer-events:none;} #section-menu .hmenu li.selected > .toggle:hover, #section-menu .hmenu li.selected > .toggle:focus, #section-menu .hmenu li.selected > .toggle:active {background-color:transparent; color:#333;} #section-menu .hmenu .toggle::after {content:"\f078"; font-family:FontAwesome; display:block; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center;} #section-menu .hmenu li.selected > .toggle::after, #section-menu .hmenu .toggle.open::after {content:"\f077";} /*---------------------------------------- / breadcrumbs ----------------------------------------*/ #breadcrumb-panel, #content-area .content-breadcrumb {position:relative; height: auto; padding: 20px 0 15px 100px; overflow: hidden;margin: 0 0 40px 0;background-color: #eee;} #breadcrumbs {display: inline-block;} #breadcrumblabel {position: absolute; left: -9999px;} #content-area #breadcrumbs ol {margin: 0; padding: 8px 12px;background-color: transparent;text-transform: uppercase;} #content-area #breadcrumbs ol li {margin-bottom: 0;} #breadcrumb-panel #utilities {float:right; padding:5px 15px 0 0;} #breadcrumb-panel #utilities ul {list-style-type:none; margin:0; padding:0;} #breadcrumb-panel #utilities ul li {display:inline;} #breadcrumb-panel #utilities ul li a {} #breadcrumb-panel #utilities ul li a img {vertical-align:middle;} .breadcrumb>li+li:before {font-family: "fontawesome"; color: #000; content: "\f101"; padding: 0 10px;} /*---------------------------------------- / content ----------------------------------------*/ #content-area h1 {color: #000; text-transform: uppercase;} #content-area, #module-area {position:relative; background-color:#fff; } #content-area hr {margin-bottom:20px; border:none; height:1px; color:#ccc; background-color:#ccc;} #content-area > table {border-collapse:collapse; background-color:#E8E8E8; margin-bottom:20px;} #content-area > table th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} #content-area > table th a {color:#fff; font-weight:bold;} #content-area > table td {border:1px solid #ccc; padding:5px;} #content-area ul {margin:0 0 20px 40px; padding:0;} #content-area ul li {margin-bottom:5px; line-height:150%;} #content-area ol {margin:0 0 20px 40px; padding:0;} #content-area ol li {margin-bottom:5px; line-height:150%;} #content-area img.right-float {margin:0 0 15px 15px;} #content-area img.left-float {margin:0 15px 15px 0;} #content-area img.responsive-image {max-width:100%;} .content#content-area iframe {/*margin-bottom:40px;*/} /*-----list columns style-----*/ #content-area .cols {margin:0; padding:0;} #content-area .cols ul {width:33%; margin:0; padding:0 0 0 25px; float:left;} /*-----add tick icon-----*/ #content-area h2.install {background:url(/images/tdcm/tick.png) no-repeat 0px 3px; padding-left:23px;} /*-----item lists-----*/ #content-area ul.item-block {margin:20px 0;} #content-area ul.item-block li {list-style:none; margin:0; display:block; margin:5px 5px 0 0; border:solid 1px #d5d5d5;} #content-area ul.item-block li a {padding:10px 20px; text-align:center; text-decoration:none; font-size:14px; width:100px; display:block;} #content-area ul.item-block li a:hover, #content-area ul.item-block li a:focus {background:#d5d5d5;} #content-area ul.item-block li a:active {color:#525252;} .table>thead>tr>th{vertical-align:top;} /*-- custom table for water quality--*/ .color-table { margin:0px;padding:0px; width:100%; border:1px solid #cccccc; }.color-table table{ border-collapse: collapse; border-spacing: 0; width:100%; height:100%; margin:0px;padding:0px; }.color-table tr:last-child td:last-child {} .color-table table tr:first-child td:first-child {} .color-table table tr:first-child td:last-child {} .color-table tr:last-child td:first-child{} .color-table tr:hover td{} .color-table tr:nth-child(odd){background-color:#efefef; } .color-table tr:nth-child(even){ background-color:#ffffff; } .color-table td{ vertical-align:middle; border:1px solid #cccccc; border-width:0px 1px 1px 0px; text-align:left; padding:10px; font-size:inherit; font-family:inherit; font-weight:inherit; color:#333; } .color-table td p{margin-bottom:0px;} .color-table tr:last-child td{ border-width:0px 1px 0px 0px; }.color-table tr td:last-child{ border-width:0px 0px 1px 0px; }.color-table tr:last-child td:last-child{ border-width:0px 0px 0px 0px; } .color-table tr:first-child td{ background:#515557 !important; border:0px solid #cccccc; text-align:center; border-width:0px 0px 1px 1px; font-size:120% !important; font-family:"Roboto Condensed",sans-serif; color:#ffffff; } .color-table tr:first-child:hover td{ background:-o-linear-gradient(bottom, #515557 5%, #515557 100%); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #515557), color-stop(1, #515557) ); background:-moz-linear-gradient( center top, #515557 5%, #515557 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#515557", endColorstr="#515557"); background: -o-linear-gradient(top,#515557,515557); background-color:#515557; } .color-table tr:first-child td:first-child{ border-width:0px 0px 1px 0px; } .color-table tr:first-child td:last-child{ border-width:0px 0px 1px 1px; } /*cycle 2 slider image*/ img.cycle-slide,.cycle-slideshow img{width:auto;height:350px;} /*scroll Table*/ .table-scroll {display:block; overflow:scroll;height:750px;} .table-scroll td{vertical-align: top;min-width: 290px;} /*---------------------------------------- / home page ----------------------------------------*/ .home-search { background-color: #d9d9d9; padding: 15px; } .home-search .searchPanel {position: relative;} .home-search .searchPanel label {display: none;} .home-search #_Search_13_SearchLinkButton { text-indent: -9999px; background-color: #113A5B; color: #fff; position: absolute; padding: 6px 18px; top: 0; right: 0; z-index: 2; } .home-search #_Search_13_SearchLinkButton:before {font-family: 'fontawesome'; content: "\f002";text-indent: 0;position: absolute;color: #fff;right: 5px;top: 2px;} .home-sidebar-heading {text-transform: uppercase; margin: 30px 0 20px 0;} .home-sidebar-heading:before {font-family: 'fontawesome'; content: "\f0c1"; color: #FDB713; padding-right: 10px;} ul.home-icons { background-color: #d9d9d9; padding: 15px; } ul.home-icons li {margin: 0 0 30px 0; list-style: none; min-height:40px;} ul.home-icons li a {color: #000; font-size: 140%;} ul.home-icons li a span {display: block; font-size: 70%;} ul.home-icons li {padding: 0 0 0 55px;} ul.home-icons li a:not(.btn):not(.page-link), ul.home-icons li a:not(.btn):not(.page-link):link, ul.home-icons li a:not(.btn):not(.page-link):visited {color: #000;} ul.home-icons li a:not(.btn):not(.page-link):hover, ul.home-icons li a:not(.btn):not(.page-link):focus, ul.home-icons li a:not(.btn):not(.page-link):active {border-bottom: 0; text-decoration: underline} ul.home-icons li.home-pay {background: url('/images/UserUploadedImages/11/icon_pay.png') 0 0 no-repeat;} ul.home-icons li.home-register {background: url('/images/UserUploadedImages/11/icon_register.png') 0 0 no-repeat;} ul.home-icons li.home-reports {background: url('/images/UserUploadedImages/11/icon_report.png') 0 0 no-repeat;} ul.home-icons li.home-updates {background: url('/images/UserUploadedImages/11/icon_update.png') 0 0 no-repeat;} ul.home-icons li.home-info {background: url('/images/UserUploadedImages/11/icon_findout.png') 0 0 no-repeat;} ul.home-icons li.home-build {background: url('/images/UserUploadedImages/11/icon_build.png') 0 0 no-repeat;} ul.home-icons li.home-form {background: url('/images/UserUploadedImages/11/icon_form.png') 0 0 no-repeat;} ul.home-icons li.home-computer {background: url('/images/UserUploadedImages/11/icon_computer.png') 0 0 no-repeat;} ul.home-icons li.home-news-events{background: url('/images/UserUploadedImages/11/icon-news-event.png') 0 0 no-repeat;} ul.home-icons li.home-podcast {/*background: url('/images/UserUploadedImages/11/podcasticon.png') 0 0 no-repeat;*/ background: url('/images/UserUploadedImages/11/videocamera.png') 0 0 no-repeat;} ul.home-icons li.home-water {background: url(/images/UserUploadedImages/11/water-drop-black.png) 0 0 no-repeat;} ul.home-icons li.home-drcme {background: url(/images/UserUploadedImages/11/DRCME_logo.png) 0 0 no-repeat;} ul.home-icons li.home-bookapp{background: url(/images/UserUploadedImages/11/bookanappicon.png) 0 0 no-repeat;} ul.home-icons li.home-planningportalsubmission {background: url(/images/UserUploadedImages/12/planningportalsubmission.png) 0 0 no-repeat; height:52px;} /*---------------------------------------- / page-tools ----------------------------------------*/ #page-tools {width: 100%; float:left; clear:both; border-top:1px solid #E0E0E0; margin-top:20px;} #page-tools-inner {border-top:1px solid #fff; float:left; clear:both; width: 100%; padding:20px 10px 0 10px;} /*---------------------------------------- / sidebar ----------------------------------------*/ .sidebar-heading {font-size: 200%; text-transform: uppercase;} #section-menu img {max-width: 100%;} /*---------------------------------------- / have your say ----------------------------------------*/ #have-your-say-wrap {background-color: #017bc4; padding: 20px 0; color: #fff; overflow: hidden;display:none;} #have-your-say-wrap h2 {color: #fff; font-size: 320%; text-transform: uppercase;float: left; width: 50%; margin-top: 20px;} #have-your-say-wrap h2:before {font-family: 'fontawesome'; content: "\f0e6"; padding-right: 10px; font-size: 120%;} #have-your-say-wrap .content {float: left; width: 50%;} #have-your-say-wrap .content ul {padding: 0; margin: 0;} #have-your-say-wrap .content ul li {list-style: none; margin: 5px 0;} #have-your-say-wrap .content ul li a:before {font-family: 'fontawesome'; content: "\f0a9"; margin-right: 10px;} #have-your-say-wrap a {color: #fff;} /*---------------------------------------- / landing page nav styles - DEVELOPMENT APPLICATIONS ----------------------------------------*/ .landing-page-nav .grid { width:100%; float:left; margin: 0 -1%; } .landing-page-nav .list-item-container { margin: 20px 0px 20px 0px; padding:20px; min-height: 200px; border-radius: 4px; border-left: solid 6px #00accb; box-shadow: 2px 3px 10px rgba(36,35,63,0.5); } .landing-page-nav .list-item-container:hover, .landing-page-nav .list-item-container:focus { background-color: #eee; } .landing-page-nav .list-item-container a { min-height: 200px; text-transform: none; } .landing-page-nav a:hover{ text-decoration:none; } .landing-page-nav.landing-3-col > div > div:nth-child(3n+1) { clear: left; } /*---------------------------------------- / footer Style ----------------------------------------*/ #footer {float:left; width:100%; clear:both; font-size:100%; color:#fff; padding:0 0 20px 0;} #footer * {box-sizing:border-box; -moz-box-sizing:border-box;} #footer .clsFormCreator label>span{color:#fff !important; } #footer a {color:#fff;} #footer hr {display:none;} #footer h3 {color:#fff; text-transform:uppercase; padding:0 0 5px 0; margin:0 0 15px 0;font-weight: bold;} #footer ul {list-style-type:none; margin:0; padding:0;} #footer ul li, #footer .widget .mainItem, #footer .widget .subItem {margin:0 0 10px 0;} #footer-top-one, #footer-top-two, #footer-top-three, #footer-top-four {margin-bottom:20px;} #footer .clsFormCreator {padding:0; border:none; width:100%; background:transparent;} #footer .clsFormCreator label {display:block; width:auto; padding:0; margin:0 0 5px 0;} #footer .clsFormCreator input[type="text"] {width:100% !important; height:25px !important; border: none; background: #fff; padding:5px 10px;} #footer .clsFormCreator div.clsMandatory {margin:0; padding:0;} #footer .clsFormCreator div.clsBtnSubmit {margin:0; padding:0;} #footer .clsFormCreator input[type="submit"] {padding:0 35px; width:auto !important; height:35px !important; text-transform:uppercase; border:1px solid #555; color:#fff; background:#113A5B;} #footer .clsFormCreator input[type="submit"]:hover, #footer .clsFormCreator input[type="submit"]:focus {background: #113A5B;} #footer .clsFormCreator .form-actions {padding: 0; margin: 10px 0;} #footer #footer-bottom {text-align:right; text-decoration:none; clear:both;} #footer .clsBtnSaveAsDraft {display: none;} #footer-top-one ul {padding-left: 0;} #footer-top-one ul li {border-bottom: 1px #fff solid; padding: 15px 0 15px 50px;vertical-align: bottom;display: inline-block;width: 100%;} #footer-top-one ul li.phone {background: url('/images/UserUploadedImages/11/icon_spirite.png') no-repeat top left; background-position: 5px -733px; } #footer-top-one ul li.email {background: url('/images/UserUploadedImages/11/icon_spirite.png') no-repeat top left; background-position: 5px -778px; } #footer-top-one ul li.address {background: url('/images/UserUploadedImages/11/icon_spirite.png') no-repeat top left; background-position: 6px -818px; padding: 5px 0 15px 50px;} #footer-top-one ul li.fax {background: url('/images/UserUploadedImages/11/icon_fax.png') 0 0 no-repeat; height:50px;} #footer-top-two a:before {font-family: 'fontawesome'; content: "\f0a9"; margin-right: 5px;} #footer-top-three h2, #mc_embed_signup h2 {text-transform: uppercase; color: #fff; font-size: 120%;margin: 10px 0;} #footer-top-three p {margin: 5px 0;} #footer-top-three {font-size: 90%;} .footer-links-wrap {background-color: #515557; padding: 15px 0;} .footer-bottom-links {background-color: #3a3c3d; padding: 15px 0;} #footer-bottom-left ul, #footer-bottom-right ul {padding: 0; margin: 0;} #footer-bottom-left ul li, #footer-bottom-right ul li {list-style: none; float: left; margin: 12px 0; padding: 0 15px; border-right: 1px #ccc solid; } #footer-bottom-right ul li {padding: 0 5px; margin: 0; border: none;} .footer-logo img {width: 120px;} /*---------------------------------------- / sister carousal with thumbnail images ----------------------------------------*/ img.cycle-slide {width:100%;max-width: 100%;height: auto;vertical-align: bottom;margin: 0px !important;} div#per-slide-template, div.per-slide-template,{position:relative;} div#per-slide-template img, div.per-slide-template img {opacity:0.5;display: inline;position: relative;cursor:pointer; object-fit: cover;} div#per-slide-template img.cycle-pager-active, div.per-slide-template img.cycle-pager-active {opacity:1;} div#thumbnail-arrow, div.thumbnail-arrow {position: absolute;top: 40%;z-index: 100; width: 100%;} div#thumbnail-arrow a#prev, div.thumbnail-arrow a.prev {left: 20px;z-index: 2000; text-indent: -9999px;width: 38px;height: 38px;background: #f0f0f0 url(/images/tdcm/slider_prev.png) no-repeat 50% 50%;opacity: 1;display: block;position:absolute;} div#thumbnail-arrow a#next, div.thumbnail-arrow a.next{opacity: 1;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%;} div#thumbnail-arrow a:hover,div#thumbnail-arrow a:selected, div.thumbnail-arrow a:hover,div.thumbnail-arrow a:selected{border:0 none;} .cycle-overlay {background: #000;color: #fff;padding: 10px;width:100%;height:50px;position:relative;z-index:200;} .cycle-overlay div{} /*---------------------------------------- / search results ----------------------------------------*/ ol#searchResultsInfo > li {margin-bottom:30px;} ol#searchResultsInfo > li > a {border:0 !Important;} .SearchLeft h2 {font-size:130%; margin-top:0; margin-bottom:16px; background:url(/images/useruploadedimages/11/refine-search.gif) no-repeat top left; padding-left:25px;} .SearchLeft ul {list-style-type:none; margin:0 0 32px 0; padding:0;} .SearchLeft ul li {} .SearchLeft ul li a {} .SearchLeft ul li .selected a {font-weight:bold;} .SearchResults div[id$="pnlnumberResults"] {font-size:120%; margin:0 18px 20px 0; clear:both;} .SearchResults div[id$="pnlnumberResults"] #RecordCount {font-weight:bold;} .SearchResults div[id$="pnlnumberResults"] #searchTerms {font-weight:bold;} .SearchResults ul {margin-left:10px;} .SearchResults ul li {margin-bottom:20px; line-height:150%;} .SearchResults ol {list-style-type:none; margin:0 18px 20px 0; padding:0;} .SearchResults ol li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd;} .SearchResults ol li span.firstRow {display:block;} .SearchResults ol li span.firstRow a {font-size:120%; text-decoration:none;} .SearchResults ol li span.firstRow img.resultImage {margin-right:5px;} .SearchResults ol li span.clsResultDescr {display:block; margin:5px 0 5px 27px; line-height:150%;} .SearchResults ol li span.clsResultDescr .highlight {color:#C41230;} .SearchResults ol li span.clsResultFilmedOn {display:block; margin:0px 0 5px 27px; line-height:150%;} .SearchResults ol li span.clsResultFilmedOn span {padding-right:5px;} .SearchResults ol li span.clsResultDuration {display:block; margin:0px 0 5px 27px; line-height:150%;} .SearchResults ol li span.clsResultDuration span {padding-right:5px;} .SearchResults ol li span.lastRow {display:block; font-size:100%; margin-left:27px; color:#666;} .SearchResults ol li span .resultNumber {display:none;} .SearchResults div[id$="pnlPageLinks"] {margin:0 18px 20px 18px;} .SearchResults div[id$="pnlPageLinks"] a {color:#6d6e71; padding-right:5px;} .SearchResults div[id$="pnlPageLinks"] a .resultPageNumberSelected {font-weight:bold;} .SearchResults div[id$="pnlPageLinks"] a:hover, .SearchResults div[id$="pnlPageLinks"] a:focus {color:#6d6e71;} /*---------------------------------------- / real-time search results ----------------------------------------*/ #content-area .searchPanel {position:relative;} .quickSearchPanel {position:absolute; top:38px; z-index:1002;} .header-search .quickSearchPanel {right:0px;} #content-area .quickSearchPanel {left:0px;} .dynamic-results {text-align:left; border:1px solid #E0E0E0; width:290px; height:auto; padding:5px; overflow:hidden; background-color:#fff; display:none;} .dynamic-results .dynamic-results-mask {display:none;} .dynamic-results .dynamic-results-mask p {margin-bottom:5px;} .dynamic-results .dynamic-results-inner {display:none; width:290px; height:auto; overflow:auto;} .dynamic-results .dynamic-results-inner p {margin-bottom:5px;} .dynamic-results .dynamic-results-inner ol {list-style-type:none; margin:0; padding:0;} .dynamic-results .dynamic-results-inner ol li {} .dynamic-results .dynamic-results-inner ol li a {display:block; padding:5px; border-bottom:1px solid #eee;} .dynamic-results .dynamic-results-inner ol li a:hover, .dynamic-results .dynamic-results-inner ol li a:focus {background-color:#CECECE;} .dynamic-results .dynamic-results-links {display:block; color:#fff; background-color:#333; padding:5px;} .dynamic-results .dynamic-results-links a, .dynamic-results .dynamic-results-links a:hover {color: #fff; text-decoration: none;} .dynamic-results .dynamic-results-links #close-results {float:right;} .dynamic-results .dynamic-results-links #close-results:hover, .dynamic-results .dynamic-results-links #close-results:focus {cursor:pointer;} .dynamic-results .dynamic-results-links .more-results {} .dynamic-results .dynamic-results-links .more-results:hover, .dynamic-results .dynamic-results-links .more-results:focus {cursor:pointer;} .dynamic-results .search-variable {display:none;} /*---------------------------------------- / document details ----------------------------------------*/ #DocDetailsContainer {} #DocDetailsContainer > div {margin-bottom:5px;} #DocDetailsContainer h1 {} #DocDetailsContainer h2 {font-size:100%; line-height:150%; font-weight:normal; padding:0 5px 0 0; margin:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #DocDetailsContainer h2.clsDocSummaryLabel {font-size:140%; display:block; margin-bottom:5px;} #DocDetailsContainer h2.clsDocViewDocumentLabel {font-size:140%; display:block; margin-bottom:5px;} #DocDetailsContainer h2.clsDocAssosiatedDocsLabel {font-size:140%; display:block; margin-bottom:5px;} #DocDetailsContainer > div > div, #DocDetailsContainer > div > p {margin:0; padding:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #DocDetailsContainer > div > div img, #DocDetailsContainer > div > p img {vertical-align:middle; margin-right:5px;} #DocDetailsContainer > div > p.clsDocViewDocument {display:block; margin:0; padding:20px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} #DocDetailsContainer > div.clsDocBriefSummaryContainer {margin-bottom:25px;} #DocDetailsContainer > div.clsDocDatePublishedContainer {margin-bottom:25px;} #DocDetailsContainer > div.clsDocViewDocumentContainer {margin-bottom:25px;} #DocDetailsContainer > div > div.clsDocAssosiatedDocs {display:block;} .dataTables_paginate {padding: 15px 0;} .dataTables_paginate .paginate_button, .dataTables_paginate .paginate_active {padding: 8px 12px; display: inline-block;} .dataTables_paginate .paginate_active {background-color: #153597; color: #fff; border-radius: .125rem; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);} .dataTables_paginate .paginate_button:hover {background-color: #eee; border-radius: .125rem; -webkit-transition: all .3s linear; transition: all .3s linear; text-decoration: none;} .dataTables_paginate .paginate_button_disabled, .dataTables_paginate .first, .dataTables_paginate .last {display: none;} .dataTables_filter label {display: inline-block;} .dataTables_filter input { display: inline-block; padding: .375rem .75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } /*---------------------------------------- / document type annotations ----------------------------------------*/ #content-area a.document.pdf .file-info .file-type, .cloud-storage table.dataTable td > span.pdf { background:url(/Images/DocumentTypeImages/file-pdf.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #content-area a.document.doc .file-info .file-type, #content-area a.document.docx .file-info .file-type, .cloud-storage table.dataTable td > span.doc, .cloud-storage table.dataTable td > span.docx { background:url(/Images/DocumentTypeImages/file-doc.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #content-area a.document.xls .file-info .file-type, #content-area a.document.xlsx .file-info .file-type, .cloud-storage table.dataTable td > span.xls, .cloud-storage table.dataTable td > span.xlsx { background:url(/Images/DocumentTypeImages/file-xls.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #content-area a.document.ppt .file-info .file-type, #content-area a.document.pptx .file-info .file-type, .cloud-storage table.dataTable td > span.ppt, .cloud-storage table.dataTable td > span.pptx { background:url(/Images/DocumentTypeImages/file-ppt.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #content-area a.document.pps .file-info .file-type, #content-area a.document.ppsx .file-info .file-type, .cloud-storage table.dataTable td > span.pps, .cloud-storage table.dataTable td > span.ppsx { background:url(/Images/DocumentTypeImages/file-ppt.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #content-area a.document.flv .file-info .file-type, #content-area a.document.f4v .file-info .file-type, .cloud-storage table.dataTable td > span.flv, .cloud-storage table.dataTable td > span.f4v { background:url(/Images/DocumentTypeImages/file-flv.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #content-area a.document.url .file-info .file-type, .cloud-storage table.dataTable td > span.url { background:url(/Images/DocumentTypeImages/file-url.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #content-area a.document.mpg .file-info .file-type, .cloud-storage table.dataTable td > span.mpg { background:url(/Images/DocumentTypeImages/file-mpg.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #content-area a.document.mp3 .file-info .file-type, .cloud-storage table.dataTable td > span.mp3 { background:url(/Images/DocumentTypeImages/file-mp3.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #content-area a.document.mp4 .file-info .file-type, .cloud-storage table.dataTable td > span.mp4 { background:url(/Images/DocumentTypeImages/file-mp4.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #content-area a.document.wmv .file-info .file-type, .cloud-storage table.dataTable td > span.wmv { background:url(/Images/DocumentTypeImages/file-wmv.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #content-area a.document.gif .file-info .file-type, #content-area a.document.jpg .file-info .file-type, #content-area a.document.png .file-info .file-type, .cloud-storage table.dataTable td > span.gif, .cloud-storage table.dataTable td > span.jpg, .cloud-storage table.dataTable td > span.png { background:url(/Images/DocumentTypeImages/file-jpg.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #content-area a.document.youtube .file-info .file-type { background:url(/Images/DocumentTypeImages/file-url.png) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } .cloud-storage table.dataTable td > span.album { background:url(/Images/tdcm/photo.png) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } .cloud-storage table.dataTable td > span.folder { background:url(/Images/tdcm/folder.png) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } /*--------------------------------------------------------------------- Site Modules ---------------------------------------------------------------------*/ /*---------------------------------------- / 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%;} #content-area .widget-list, #content-area .widget-list ol, #content-area .widget-list ul, #content-area .widget-list li {list-style: none; margin: 0;} #content-area .widget-list.row {margin-left: -15px; margin-right: -15px;} .widget-list .item {overflow: hidden;} .widget-list .title {font-size:100%; font-weight:bold;} .widget-list .item h3 a {color: #1A6BB2;} .widget-list .thumb, .widget-list .group {float: left;} .news-heading-widget {text-transform: uppercase; font-size: 180%; background: url('/images/UserUploadedImages/11/icon_newspaper.png') 0 50% no-repeat; padding-left: 45px; margin: 10px 0 20px 0;} .lookingfor-heading {text-transform: uppercase; font-size: 180%; background: url('/images/UserUploadedImages/11/lookingforiconhome.png') 0 50% no-repeat; padding-left: 45px; margin: 15px 0 20px 0;} .quicklinks-heading-widget {text-transform: uppercase; font-size: 180%; background: url('/images/UserUploadedImages/11/home-quicklinks-icon-new.png') 0 50% no-repeat; padding-left: 45px; margin: 10px 0 20px 0;} .home-news-widget {overflow: hidden; margin-left: -15px; margin-right: -15px;} .home-news-widget .content-wrap {border-bottom: 1px #ccc solid; padding-bottom: 10px; width: 100%;} .home-news-widget .content-wrap .item-image img {float: none !important;} .home-news-widget .allsubItems {display: inline;} .home-news-widget h3 {color: #000; display: inline-block; margin: 15px 0;} /*.home-news-widget .content {min-height: 100px;}*/ .home-news-widget .content p {margin: 0;} .home-news-widget img {max-width: 100%;} .home-news-widget h3 a, .home-news-widget h3 a:not(.btn):not(.page-link), .home-news-widget h3 a:not(.btn):not(.page-link):link, .home-news-widget h3 a:not(.btn):not(.page-link):visited{color: #333;} .align { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .align { -webkit-box-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } div.align>div[class*='col-'] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; margin-left: -0.5px; } .home-widget {margin: 20px 0;} .home-widget h3 {margin: 10px 0;} .home-widget .feature-item {border-bottom: 1px #ccc solid; padding-bottom: 10px;} .home-widget .other-items h3 {font-size: 100%; font-family: 'Roboto', sans-serif;} .home-widget .widget-date {text-align: right;display: block;font-size: 90%;text-transform: uppercase;} .home-widget .widget-date:after {font-family: 'fontawesome'; content: "\f073"; padding: 0 10px;} .home-widget .other-items a:before {font-family: 'fontawesome'; content: "\f0a9"; margin-right: 5px;} .home-widget-media h2 {background: url('/images/UserUploadedImages/11/icon_spirite.png') 0 -597px no-repeat; padding: 3px 10px 0 40px;} .home-widget-notice h2:before {font-family: 'fontawesome'; content: "\f130"; padding-right: 10px;color: #fdb713;} .home-slider-quotes h2 {background: url('/images/UserUploadedImages/11/icon_spirite.png') 0 -694px no-repeat; padding: 3px 10px 1px 40px;} .item-btn {text-align: right;} .home-widget .item-btn a {color: #000;} .action-btn a {color: #fff; text-align: center; padding: 5px 30px; margin: 10px 0 5px 0; background-color: #113A5B; display: inline-block; text-decoration: none; text-transform: uppercase; font-size: 90%;} .action-btn a:not(.btn):not(.page-link), .action-btn a:not(.btn):not(.page-link):link, .action-btn a:not(.btn):not(.page-link):visited {color: #fff; cursor: pointer;} .featured-widget img {margin: 15px 0;} .featured-widget dt a {font: 20px 'Roboto Condensed', sans-serif; text-transform: uppercase; color: #000;} .featured-widget dd a {display: inline-block; padding: 6px 12px; margin: 10px 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background: #113A5B; color: #fff;} #content-area .featured-widget dd a:link, #content-area .featured-widget dd a:visited {color: #fff;} /*-----image widget-----*/ .image-widget dt {text-align:center;} .image-widget img {max-width: 100%; width: 100%;} .image-widget .mainItem, .image-widget .subItem {margin:0 20px 20px 0; width:160px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .image-widget .allsubItems {display:inline;} .image-widget .mainItem>a, .image-widget .subItem>a{display:inline-block;} .image-widget .item {text-align: center;} .image-widget .title h3 a {margin: 5px 0;display: inline-block;} .image-widget .image {float: left;} .image-widget .image a, .image-widget .item ul li {display: block; width: 100%;} /*-----article widget-----*/ .article-widget .item h3 {margin: 5px 0;} .article-widget .mainItem, .article-widget .subItem, .article-widget .item {margin-bottom:15px;} .article-widget .mainItemHeading, .article-widget .subItemHeading {font-size:120%; font-weight:bold;} #Widget51944 .mainItem, #Widget51944 .subItem, #Widget51944 .item {margin-bottom:15px; display: inline-block;} /*-----document widget-----*/ .document-widget .mainItem, .document-widget .subItem {margin-bottom:15px;} .document-widget h3 {margin: 0;} /*-----event widget-----*/ .event-widget .thumb img {width: 100px; margin: 0 10px 10px 0;} /*-----video widget-----*/ .video-widget img {max-width: 100%; width: 100%;} .video-widget .mainItem {background:#deded5; border:1px solid #bbbbbb; height:216px;} .video-widget .mainItem img {} .video-widget .mainItem dl {width:450px; margin:20px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .video-widget .allsubItems {margin-top:20px;} .video-widget .subItem {margin:0 20px 20px 0; width:160px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .video-widget .subItem img {width:160px;} .video-widget .subItem dt {text-align:center;} .video-widget .item {text-align: center;} .video-widget .title h3 a {margin: 5px 0;display: inline-block;} #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;} /*-----slideshow widget-----*/ .slideshow-widget {} .slideshow-widget .slideshowcontainer {} .slideshow-widget .slideshowcontainer .slideshow {height:125px !important; width:160px !important;} .slideshow-widget .slideshowcontainer .slideshownav {} .slideshow-widget .slideshowcontainer .slideshownav a {padding-right:5px;} /*-----video widget-----*/ .youtube-widget h2 {display:none;} .youtube-widget a {text-decoration:none;} .youtube-widget img {float:none;} .youtube-widget .mainItem {background:#fff; border:1px solid #bbbbbb; padding:10px; height:200px;} .youtube-widget .mainItem img {} .youtube-widget .mainItem dl {width:400px; margin:0 0 0 20px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .youtube-widget .mainItem dl .mainItemHeading {font-size:175%; display:block; margin-bottom:10px;} .youtube-widget .allsubItems {margin-top:20px;} .youtube-widget .subItem {margin:0 20px 30px 0; width:440px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .youtube-widget .subItem img {width:160px; margin-right:20px;} .youtube-widget .subItem dl {width:200px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .youtube-widget .subItem dt {} .youtube-widget .subItem dt .subItemHeading {font-weight:bold;} /*-----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;} /*---------------------------------------- / widget refinements /*---------------------------------------*/ .refinewidget {margin-bottom:20px;} .refinewidget ol {list-style-type:none; margin:0; padding:0;} #wrapper #content-area #sidebar .refinewidget > ol {margin-left:11px;} .refinewidget ol li {padding:0 10px 5px 0; position:relative;} #wrapper #content-area #sidebar .refinewidget ol li {margin-bottom:0;} .refinewidget > ol > li > ol {margin:5px 0 0 10px;} #wrapper #content-area #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 #content-area #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:0; right:0; width:12px; height:12px; text-indent:-9999px; background:url(/images/tdcm/cross-small.png) no-repeat 0 0;} .refinewidget .searchInput {width:130px; height:20px; border:1px solid #999; padding:2px 5px;} .refinewidget .searchInput:hover, .refinewidget .searchInput:focus {border-color:#000;} .refinewidget a[id$="SearchLinkButton"] {color:#fff; text-decoration:none; padding:5px 10px; border:1px solid #1D779F; background-color:#1D779F; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } .refinewidget a[id$="SearchLinkButton"]:hover, .refinewidget a[id$="SearchLinkButton"]:focus {text-decoration:none; border:1px solid #003F5F; cursor:pointer;} /*---------------------------------------- / carousels /*---------------------------------------*/ #home-slide-wrap {position: relative; z-index: 2;} .carousel-contents {position:relative; max-width:100%;} .carousel-contents #slider-prev {opacity:1; 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%; background-image:url(/images/tdcm/slider_prev.png), linear-gradient(top, #f5f5f5, #e9e9e9)!important; background-image:url(/images/tdcm/slider_prev.png), -webkit-linear-gradient(top, #f5f5f5, #e9e9e9)!important; background-image:url(/images/tdcm/slider_prev.png), -moz-linear-gradient(top, #f5f5f5, #e9e9e9)!important; background-image:url(/images/tdcm/slider_prev.png), -ms-linear-gradient(top, #f5f5f5, #e9e9e9)!important; background-image:url(/images/tdcm/slider_prev.png), -o-linear-gradient(top, #f5f5f5, #e9e9e9)!important; } .carousel-contents #slider-next {opacity:1; 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%; background-image:url(/images/tdcm/slider_next.png), linear-gradient(top, #f5f5f5, #e9e9e9)!important; background-image:url(/images/tdcm/slider_next.png), -webkit-linear-gradient(top, #f5f5f5, #e9e9e9)!important; background-image:url(/images/tdcm/slider_next.png), -moz-linear-gradient(top, #f5f5f5, #e9e9e9)!important; background-image:url(/images/tdcm/slider_next.png), -ms-linear-gradient(top, #f5f5f5, #e9e9e9)!important; background-image:url(/images/tdcm/slider_next.png), -o-linear-gradient(top, #f5f5f5, #e9e9e9)!important; } .carousel-contents:hover #slider-prev, .carousel-contents:focus #slider-prev, .carousel-contents:hover #slider-next, .carousel-contents:focus #slider-next {opacity:1;} .carousel-contents a:focus {border: 1px #A9C9FF solid;} .carousel-contents #slide {width:100% !important; height: auto !important; position:relative; overflow:hidden;} .carousel-contents #slide img {width: 100%; max-width: 100%;} .carousel-contents #slide > div {width:100% !important; height:450px; display:none; } .carousel-contents .container {z-index: 2;} .carousel-contents #slide > div .content { background: url('/images/UserUploadedImages/11/bg_grey_alpha.png') 0 0 repeat; width: 35%; float: right; height: 2000px; z-index: 2; } .carousel-contents #slide > div h3 {float:left; position:relative; z-index:2; font-size:230%; font-weight: 600; color:#fff; margin: 20px 20px 10px 20px; padding:10px;} .carousel-contents #slide > div p {float:left; clear:both; position:relative; z-index:2; font-size:135%; color:#fff; margin:0 20px 20px 20px; padding: 0 10px 10px 10px;} .carousel-contents #slide > div img {position:absolute; top:0; left:0; z-index:1; width: 100%; max-width: 100%;} .carousel-timer {position: absolute; top: 20px; right: 20px; z-index:4; background: #fff; padding: 10px;} .carousel-timer a {font-family: "FontAwesome"; color: #333;} .carousel-timer a:hover {text-decoration: none;} .carousel-timer a#pauseButton {margin-right: 10px;} .carousel-timer a#pauseButton:after {content: "\f04c";} .carousel-timer a#resumeButton:after {content: "\f04b"} .carousel-contents #slide > div .content a {color: #fff; text-transform: uppercase; font-weight: 400; font-size: 100%;} /*---------------------------------------- / polls element ----------------------------------------*/ #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 15px 0;} #PollMain #ctl00_ContentPlaceHolderMainNoAjax_ctl01_btnViewResult {margin:0 5px;} #PollMain #PollSection .RenderPoll label, #PollMain #PollSection .RenderPoll input {margin-top:10px; display:block;} /*results*/ #content-area #PollMain {} #sidebar #PollMain {width:200px; margin-bottom:20px; z-index:1;} #content-area #PollMain label, #sidebar #PollMain label {display:inline;} #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 span {position:absolute; left: 50%; bottom:0px;} #PollMain ul li .progress {margin-bottom: 5px;} /*---------------------------------------- / form creator element ----------------------------------------*/ .clsFormCreator {margin-bottom: 20px; background-color:#fff;} .clsFormCreator div {margin-bottom:20px; position:relative;} .clsFormCreator div span.mandatory, .clsFormCreator div span.validatoralert {position:absolute; top:0; right:100px; background-color: #a00000; color:#fff !important; padding:9px 14px;} .clsFormCreator div span.validatoralert {right: 15px; width:150px;} .clsFormCreator .clsFieldset {border:none; margin-bottom:20px; padding:0;} .clsFormCreator .clsFieldset > legend {color:#000; font-size:100%; border: none;} .clsFormCreator div .clsCheckBoxListSpanOptions > span, .clsFormCreator div .clsRadioButtonListSpanOptions > span {margin-bottom:5px; display:block;} .clsFormCreator div.clsMandatory {font-size:90%;} .clsFormCreator div.clsBtnSaveAsDraft {width:auto; margin:20px 10px 0 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .clsFormCreator div.clsBtnSubmit {width:auto; margin:20px 0 0 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .clsFormCreator div.clsBtnClear {width:auto; margin:20px 0 0 10px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .clsFormCreator .formCreatorCaptchaTable {padding-left:16.6667%;} .clsFormCreator .formCreatorCaptchaTable div {margin-bottom:0;} .clsFormCreator .two-column > div {width:50%; padding-right:20px;} .clsFormCreator .three-column > div {width:33%; padding-right:20px;} .clsFormCreator .submit-failed, .clsFormCreator .submit-success {display:none;} .clsFormCreator .form-control.clsOrderPreference.is-invalid {width:100px !important;} .clsFormCreator > .alert {flex-basis:100%; width:100%;} .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;} /* .clsFormCreator .clsOrderOfPreferenceSpanOptions span {display: block; overflow: hidden; margin-bottom: 10px;} .clsFormCreator .clsOrderOfPreferenceSpanOptions span .clsOrderPreference {display: inline-block;} .clsFormCreator .clsRadioButtonListSpanOptions .form-check, .clsCheckBoxListSpanOptions .form-check {overflow: hidden;} .clsFormCreator .clsRadioButtonListSpanOptions .form-check .textbox, .clsCheckBoxListSpanOptions .form-check .textbox {width: auto;float: none;display: inline-block;margin-left: 5px;} .clsFormCreator .clsRadioButtonListSpanOptions .form-check input[type="radio"], .clsCheckBoxListSpanOptions .form-check input[type="checkbox"] {float: none; vertical-align: middle;} .clsFormCreator .clsRadioButtonListSpanOptions .form-check label, .clsCheckBoxListSpanOptions .form-check label {top:3px; position: relative;} */ .clsFormCreator input[type="file"] {height: auto;} #content-area .clsFormCreator #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_myCaptcha_ctl01 {margin: 15px 0; display: block;overflow: hidden;} #content-area .clsFormCreator .formCreatorCaptchaTable p {overflow: hidden; display: block;width: 100%;margin: 10px 0;} #content-area .clsFormCreator .formCreatorCaptchaTable p label, #content-area .clsFormCreator .formCreatorCaptchaTable p input {float: left; width: auto;clear: none;padding: 5px 10px;margin: 0;} .clsFormCreator .clsFormCreator_datebox input {display: inline;} .Fieldset_Cemetery-in-Dubbo { display:none; } .Fieldset_Cemetery-in-Dubbo.open { display:block !important; } .clsFormCreator .clsFormCreator_textbox {clear:left;} /* legacy support */ .clsFormCreator .col-xs-2, .clsFormCreator .col-xs-10 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; position: relative; width: 100%; padding-right: 15px; padding-left: 15px;} .clsFormCreator .col-xs-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;} .clsFormCreator.form-horizontal .control-label, .clsFormCreator.form-horizontal .col-form-label {text-align: right; border-bottom: 0; font-weight: bold;} .clsFormCreator .select-field::before {display: none;} .clsFormCreator .select-field select {appearance: none; background-image: url('/images/UserUploadedImages/11/dropdown-arrow.svg'); background-repeat: no-repeat; background-position: right 10px center; background-size: 20px; color: #000;} .clsFormCreator .clsFormCreator_radiobuttonlist div {margin-bottom: 10px} .clsFormCreator .clsFormCreator_radiobuttonlist .form-check-label {line-height: 26px;} .clsFormCreator fieldset legend.control-label {justify-content: end;} /*-----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;} /*---------------------------------------- / form results element ----------------------------------------*/ /* .FormResult {position:relative; padding-bottom:40px;} */ /*-----search parameters-----*/ /* .FormResult .clsSearchParameters {position:relative; background:#e3e3e3; border:1px solid #c2c2c2; padding:60px 10px 10px 10px; min-height:20px;} .FormResult .clsSearchParameters .form-control {} .FormResult .clsSearchParameters .clsSubmitNew {position:absolute; top:10px; right:26px;} .FormResult .clsSearchParameters .divSearchPanelInner {} */ /*-----results table-----*/ /* .FormResult .total-records {position:absolute; bottom: 0; right:0; display:block; padding:5px 10px;} */ /*-----pagination-----*/ /* #content-area .FormResult .pagination ul {margin:0;} .FormResult .pagination .audible {position:absolute; left:-9999px;} .FormResult .pagination p {} .FormResult .pagination ul {list-style-type:none; margin:0; padding:0;} .FormResult .pagination ul li {float:left; margin-right:10px;} .FormResult .pagination ul li > span, .FormResult .pagination ul li > a {border:1px solid #ccc; background-color:#eee; padding:2px 5px; display: block;} .FormResult .pagination ul li.disabled {display:none;} .FormResult .pagination ul li.current {font-weight:bold; font-size:110%;} */ /*---------------------------------------- / form results details ----------------------------------------*/ /* .divFormCreatorTableContentMain {width:608px; margin:0 0 20px 0;} .divFormCreatorTableContentMain div {margin-bottom:10px;} .divFormCreatorTableContentMain div label {width:100px; padding-right:5px; white-space:normal !important; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .divFormCreatorTableContentMain div input {width:288px; border:1px solid #999; padding:2px 5px;} .divFormCreatorTableContentMain div input:hover, .divFormCreatorTableContentMain div input:focus {border-color:#000;} .divFormCreatorTableContentMain div select {width:300px; border:1px solid #999; padding:2px 5px;} .divFormCreatorTableContentMain div textarea {width:288px; height:144px; border:1px solid #999; padding:2px 5px; resize:none;} .divFormCreatorTableContentMain div textarea:hover, .divFormCreatorTableContentMain div textarea:focus {border-color:#000;} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions {width:300px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span {width:300px; margin-bottom:5px; display:block;} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span input {width:auto;} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span label {width:auto;} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions {width:300px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions span {width:300px; margin-bottom:5px; display:block;} .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; background:#e3e3e3; border:1px solid #c2c2c2; padding:10px;} #divDocListResults .clsSearchParameters .search-heading {position: absolute; left: -9999px;} #divDocListResults .clsSearchParameters .search-parameters label {display: inline-block;} #divDocListResults .clsSearchParameters #divFileSizeSearch input {} #divDocListResults .clsSearchParameters .RadPicker input { border: 1px #ddd solid; height: 30px; } #divDocListResults .clsSearchParameters .form-control {width: 100%; margin: 0;} #divDocListResults .clsSearchParameters > div > div {display: inline-block; margin-bottom: 5px;} #divDocListResults #searchLastEdited, #divDocListResults #searchLastEditedDublin {display: block;} #divDocListResults .columnActions {width: 110px;} */ /*-----results table-----*/ .table {margin: 10px 0;} .table th { vertical-align: bottom; border-bottom: 2px solid #DDD;} .table th a {font-weight: bold;} /* #divDocListResults th a {position: relative; display: block;} #divDocListResults th a.no-sort {padding-left: 0;} #divDocListResults .click-to-sort-a-z:before {content: "\f106";font-family: 'FontAwesome'; position: absolute; top: 0; left: 0;} #divDocListResults .click-to-sort-z-a:before {content: "\f107";font-family: 'FontAwesome'; position: absolute; top: 0; left: 0;} #divDocListResults th a:hover {text-decoration: none;} #divDocListResults a.ancFileIcon img {display: none;} #divDocListResults a.ancFileIcon::after {font-family: 'FontAwesome';font-weight: 300; font-size: 20px; color: #000;} #divDocListResults a.ancFileIcon[href*='.zip']::after {content: "\f1c6";} #divDocListResults a.ancFileIcon[href*='.docx']::after {content: "\f1c2";} #divDocListResults a.ancFileIcon[href*='.pdf']::after {content: "\f1c1";} #divDocListResults a.ancFileIcon[href*='.ppt']::after {content: "\f685";} #divDocListResults td[id*='.IconValue'] {text-align: center;} */ /*-----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;} /*---------------------------------------- / login element ----------------------------------------*/ div[id$="LoginPanel"] {border:1px solid #E0E0E0; background-color:#fff; width:640px; padding:20px; margin-bottom:20px;} .login-element {width:258px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .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 input[type="text"], .login-element div input[type="password"] {border:1px solid #999; padding:2px 5px;} .login-element div input[type="text"]:hover, .login-element div input[type="text"]:focus, .login-element div input[type="password"]:hover, .login-element div input[type="password"]:focus {border-color:#000;} .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: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} /*-----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: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} div[id$="LoginPanel"] .oauth-social-logins a {float:left; width:210px; height:29px; margin-bottom:5px; padding:0 0 0 40px; color:#fff; background-image:url(/images/tdcm/social_signin_buttons.png); background-repeat:no-repeat; text-shadow: 0 1px 0 rgba(0,0,0,0.5); font: bold 100%/250% lucida grande, tahoma, sans-serif;} div[id$="LoginPanel"] .oauth-social-logins a.social-fb, div[id$="LoginPanel"] .oauth-social-logins a.social-facebook {background-position:0px -53px;} div[id$="LoginPanel"] .oauth-social-logins a.social-gmail, div[id$="LoginPanel"] .oauth-social-logins a.social-google, div[id$="LoginPanel"] .oauth-social-logins a.social-google-plus, div[id$="LoginPanel"] .oauth-social-logins a.social-gplus {background-position:0px -240px;} div[id$="LoginPanel"] .oauth-social-logins a.social-linkedin {background-position:0px -98px;} div[id$="LoginPanel"] .oauth-social-logins a.social-openid {background-position:0px -193px;} div[id$="LoginPanel"] .oauth-social-logins a.social-twitter {background-position:0px -5px;} div[id$="LoginPanel"] .oauth-social-logins a.social-windows-live, div[id$="LoginPanel"] .oauth-social-logins a.social-windows, div[id$="LoginPanel"] .oauth-social-logins a.social-live, div[id$="LoginPanel"] .oauth-social-logins a.social-microsoft {background-position:0px -287px;} div[id$="LoginPanel"] .oauth-social-logins a.social-yahoo {background-position:0px -146px;} /*---------------------------------------- / button styles ----------------------------------------*/ .form-horizontal .form-actions {margin-left:16.6667%; width:83.3333%; padding-left:15px; padding-right:15px;} #Widget51944 img {width:160px; margin: 0 10px 0 0;} /*---------------------------------------- / iframe size set ----------------------------------------*/ iframe#jqmContent{width:100%; height:400px;} .table-responsive-cls{overflow-x:scroll; overflow-y:hidden;} .Fieldset_Cemetery-in-Dubbo > legend.clsFieldsetLegend { display: none; } /*---accordion---*/ .accordion .card-header { background-color: transparent; border: none; box-shadow: none; border-bottom: 1px #153597 solid; padding: 0; } .accordion .card-body {padding: 15px 0;} .accordion .card-header h3 { margin: 0; padding: 15px 65px 15px 0; position: relative; } .accordion .card-header h3 a:after { content: "\f068"; font-family: 'fontawesome'; font-size: 2rem; position: absolute; right: 0; bottom: 0; color: #153597; border: 1px #153597 solid; padding: 13px 20px; border-bottom: none; } .accordion .card-header h3 a.collapsed:after { content: "\f067"; } .accordion .card-header h3 > a { font-size: 1.4rem; color: #153597; display: block; text-transform: none; } .accordion .card { border-radius: unset; border: none; box-shadow: none; } .accordion-group .card-header {background-color:transparent; border:none; box-shadow:none; border-bottom:1px #153597 solid; padding:0;} .accordion-group .card > div:nth-child(2) {padding:15px 0;} .accordion-group .card-header h3 {margin:0; padding:15px 65px 15px 0; position:relative;} .accordion-group .card-header h3 button:after {content:"\f068"; font-family:'fontawesome'; font-size:2rem; position:absolute; right:0; bottom:0; color:#153597; border:1px #153597 solid; padding:13px 20px; border-bottom:none; height:65px; line-height:40px; font-weight:900;} .accordion-group .card-header h3 button.collapsed:after {content:"\f067";} .accordion-group .card-header h3 > button {font-size:1.4rem; color:#153597; display:block; text-transform:none;} .accordion-group .card {border-radius:unset; border:none; box-shadow:none; margin-bottom:20px;} .accordion-group a.expand-all, .accordion-group a.collapse-all {text-transform:uppercase; text-decoration:underline !important; font-weight:bold; color:#153597 !important;} #wrapper #content-area ul.tabs-defined {margin:0;} #wrapper a.tabs-defined.nav-tabs {border-bottom:2px solid #e0e0e0; display:flex; gap:1rem;} #wrapper .tabs-defined .nav-link {font-weight:500; color:#555; border:none; border-bottom:2px solid transparent; padding:0.5rem 0; transition:all 0.3s ease; font-size:120%; text-decoration:none;} #wrapper .tabs-defined .nav-link:hover {color:#000; border-color:#ccc;} #wrapper .tabs-defined .nav-link.active {color:#000; border-color:#007bff; font-weight:600;} .sparkle { font-size: 30px; text-align: center; font-family:impact; -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url(/images/UserUploadedImages/11/colour.gif) repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; } .hm-media-release{border-top: 1px #ccc solid; margin: -1px 0 0 0; padding-top: 20px;} /*---------------------------------------- / rate Calculator Element ----------------------------------------*/ .rateCalcElement .dropdown-content, .rateCalcElement .actionBtn { margin-bottom: 10px;} .rateCalcElement .actionBtn .btn { margin-right: 5px;} .rateCalcElement .dropdown-content { padding: 0px 15px 0px 0px;} .rateCalcElement .actionBtn { padding: 0;} .rateCalcElement .btn-primary:hover, .rateCalcElement .btn-primary:focus, .rateCalcElement .btn-primary:active, .rateCalcElement .btn-primary.active { background: #113A5B; border-color: #113A5B; outline: none;} #divResultError.ResultError { color: #f1592a; margin-bottom: 20px;} .rateCalcElement+#divResult table td:first-child { width: 35%;} #divMandatory.ResultError { color: red; padding-bottom: 15px;} .home-updated-info {text-align: center; font-size: 16px; margin-top: 20px;} .table>thead>tr>th.table-heading {font-weight:bold!important;} .cm-article452 .table>thead>tr>th {font-weight:normal;} .Fieldset_Rates-Assessment-Number .clsFieldsetLegend {display:none!important;} /*-----ms teams presence indicator-----*/ .user-presence {display:block; width:20px; height:20px; border-radius:50%; border:2px solid #fff; position:absolute; bottom:-4px; right:-4px; line-height:16px; font-size:10px; font-weight:900; text-indent: -9999px; box-shadow:0 0 2px 1px rgba(100,100,100,0.3);} .table td .user-presence {display:inline-block; position:relative; bottom:auto; right:auto; margin-left:5px;} .user-presence::after {font-family:FontAwesome; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; text-indent:0;} .user-presence.status-unavailable {background-color:#fff; color:#959595; border-color:#959595;} .user-presence.status-unavailable::after {content:"";} .user-presence.status-Available {background-color:#9cc162; color:#fff;} .user-presence.status-Available::after {content:"\f00c";} .user-presence.status-AvailableIdle {background-color:#9cc162; color:#fff;} .user-presence.status-AvailableIdle::after {content:"\f00c";} .user-presence.status-Away {background-color:#f5d34b; color:#fff; border:0; line-height:20px; font-size:20px; font-weight:400;} .user-presence.status-Away::after {content:"\f017";} .user-presence.status-BeRightBack {background-color:#f5d34b; color:#fff; border:0; line-height:20px; font-size:20px; font-weight:400;} .user-presence.status-BeRightBack::after {content:"\f017";} .user-presence.status-Busy {background-color:#b43f4e; color:#fff;} .user-presence.status-Busy::after {content:"";} .user-presence.status-BusyIdle {background-color:#b43f4e; color:#fff;} .user-presence.status-BusyIdle::after {content:"";} .user-presence.status-DoNotDisturb {background-color:#b43f4e; color:#fff;} .user-presence.status-DoNotDisturb::after {content:"\f068";} .user-presence.status-Offline {background-color:#fff; color:#959595; border-color:#959595;} .user-presence.status-Offline::after {content:"\f00d";} .user-presence.status-PresenceUnknown {background-color:#fff; color:#959595; border-color:#959595;} .user-presence.status-PresenceUnknown::after {content:"";} /*---------------------------------------- / responsive design ----------------------------------------*/ /* responsive embed bootstrap 3.3.5 */ .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .table-responsive {max-width: 100%; overflow-x: auto;} .table-responsive .tbl-third-col tr td:nth-child(3) { width: 25%; word-wrap: break-word; word-break: break-word; } /* large screens */ @media (min-width: 992px){ .cm-article53315 #main-content { padding-right: 80px;} .container#content-area .row {margin: 0;} } @media(min-width:993px) and (max-width: 1199px) { .header-toplinks {padding-left: 170px;position: relative;} .header-toplinks .hmenu {width: 100%; padding-left: 0;} .header-toplinks .phone {right: 75px;} #main-nav {padding-left: 170px;} #main-nav .hmenu > li > ul {width: 100%;left: 142px;} #main-nav .hmenu > li > a {background-image: none !important;} #main-nav .hmenu > li > a {width: 135px !important;padding: 10px !important;} .header-logo > a > img {width: 150px;} .header-logo {left: 0;} .header-toplinks .hmenu > li > ul { width: 813px; left: 128px; top: 36px; } .header-toplinks .hmenu > li > ul > li > a {padding: 10px;} .carousel-contents #slide > div h3 {font-size: 200%;} .carousel-contents #slide > div p {font-size: 120%;} } /* mobile and tablets */ @media (min-width: 0) and (max-width:992px){ video {width: 100%; height: auto;} #content-area {margin-top: 0;} img {max-width: 100%;} /* form creator */ .clsFormCreator .clsFormCreator_datebox input {width: auto !important;} .clsFormCreator .clsFormCreator_datebox img {top: 5px; position: relative;} .clsFormCreator fieldset.two-column > div {width:100%; padding-right:0;} .clsFormCreator fieldset.three-column > div {width:100%; padding-right:0;} /* widget refine */ .refinewidget .searchInput {margin-bottom: 5px;} /* content organiser */ .contentDIV .sectionDIV .itemDIV div .userInputDIV {margin-left: 0;width: 100%;} .contentDIV .sectionDIV .itemDIV div .userInputDIV label {width: auto ;} .contentDIV .sectionDIV .itemDIV div .userInputDIV .radiobuttonlistDIV label, .contentDIV .sectionDIV .itemDIV div .userInputDIV .checkboxlistDIV label {margin-right: 5px;} .contentDIV .sectionDIV .itemDIV div .userInputDIV select {width: 100%;} .navigationDIV {width: 100%; height: auto;} /* social styles */ /* blog */ .add-blog-post .item-entry textarea, .add-blog-post .item-entry input[type="text"] {width: 100% !important;} /* q and a */ .question-details-container, .question-details-container .comments-container {width:100%; margin: 0;} /* corp directory */ #PeopleSearch_container div[id$="divSearchRefine"] {float: none;overflow: hidden;width: 100%;margin: 0;} #PeopleSearch_container div[id$="divPeopleSearchResults"] {float: none; width: 100%; overflow-x: scroll;} /* store locator */ #locatorContainer .dealer-search-results {padding: 0; margin: 0;width: 100%;overflow: hidden;} #locatorContainer .dealer-search-results .dealer-res-map {width: 100% !important;} #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top > div {width: 50%;border: none;background: none; border: none;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter input {margin-left: 0;} #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_divResultList {width: 100%;} #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_length label, #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_length {width: 100%;} #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_wrapper .top #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_ctl01_storeLocatorResult_length select {width: auto !important;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_info {text-align: left;} /* my account */ .menu-trigger {background: #666;color: #fff;padding:10px;position: relative;display: block; cursor: pointer;} #myEditPreferredLocationsContainer > div > ul > li {margin-bottom: 0;} #myEditPreferredLocationsContainer ul {cursor: pointer; overflow: hidden;height: auto;background-color: transparent;border: none;margin: 0;} #myAccountArea, .myAccountArea {overflow: hidden;width: 100%; } #myAccountArea .accountDetails {padding-top: 25px;} #myAccountArea .findCalendar {width: 100%; float: left;} #myAccountArea .ajax__tab_body {overflow: visible;} #myAccountArea .calendarView {margin: 0; width: 100%;} #myAccountArea div.userPrefOuter a {position: static; margin: 10px 0;} #myAccountArea div.userPrefOuter h3 {margin: 0; padding: 0;} #myAccountArea div.alertEditOuter {padding: 0; border: none;} #myAccountArea .eventClass span, #myAccountArea .frequencyDiv span {width: 100%; margin: 10px 0; display: block;} #myAccountArea .eventClass span input[type="checkbox"], #myAccountArea .eventClass span label {margin-right: 10px;} #myAccountArea .frequencyDiv span input[type="radio"], #myAccountArea .frequencyDiv span label {margin-right: 10px;} #myAccountArea div.alertTaxListBox {width: 100%;} #myAccountArea .buttonGroupTop {overflow: hidden;} #myAccountArea .calendarView #calendarMain {border: none !important;} #myAccountArea #calendarMain #TRHeaderRow th a span {float: left;} #myAccountArea #btnSave, #myAccountArea #btnCancel {margin-top: 10px;} #myAccountArea .buttonGroup {padding: 0;} /* search */ .SearchCriteria, #myAccountArea .clsEventSearchLeft {width: 100%;} /* event */ .event-view-training-details img {max-width: 100%; margin: 0 0 15px 0;} .event-view-training-details table {width: 100%;} .EventSearchResults {margin: 0; padding: 15px 0; width: 100%;} ol#eventsearchResultsInfo {width: 100%;} #eventOuterTable .event-search-results ol li {float: left; width: 100%;} /* calendar */ .calendarview-edit-main-calendar .rsAdvancedModal {width: 90% !important; left: 40px;} #calendar-outer #calendarMain, .mymeetings-cal-view #calendarMain, #myAccountArea #calendarMain {width: 100%; margin-top: 10px;} .mymeetings-cal-view {overflow-x: scroll;} .mymeetings-cal-view #calendarMain {width: 600px;} .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] .RadSplitter_Telerik {width: 692px;} .eccalendar-filter-appointmenttypes .row .lefthalf, .eccalendar-filter-group .row .lefthalf {width:90%!important;} /* Resource Scheduler */ .resource-scheduler .RadScheduler {overflow-x: scroll; width: 100% !important; height: auto !important;} #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_divDisplayWeekend {text-align: left !important; margin: 10px 0;} #ResourceCheck {margin-left: 0;} .resource-scheduler div.EmailListLeft, .resource-scheduler div.EmailListRight {margin: 10px 0; width: 100%;} #ISCLink {height: auto !important} #content-area .RadAjaxPanel select, #content-area .RadAjaxPanel textarea, #content-area .RadAjaxPanel inputnput[type="text"] {width: auto !important;} /* meeting manager */ div[id$="rmpMeetingManager"] .RadAjaxPanel, div[id$="rmpMeetingManager"] {width: 100%; overflow: hidden;} .meeting-manager-managemeetings .meeting-edit div {display: block; width: 100% !important;margin: 3px 0;} .meeting-manager-managemeetings .meeting-edit fieldset {margin: 10px 0;padding: 0;} .meeting-manager-managemeetings .meeting-edit fieldset legend {position: static;width: 100%;margin: 10px 0;} .meeting-manager-managemeetings .meeting-edit > div.single-checkbox {padding: 0; margin: 10px 0;} .meeting-buttons, .meeting-buttons-bottom {padding: 0;} .mymeetings-list-view #meeting-search>div .mymeetings-list-view-fromdt, .mymeetings-list-view #meeting-search > div .mymeetings-list-view-todt {width: 100%;} .mymeetings-list-view div.RadPicker table.rcSingle .rcInputCell {padding: 10px 0;} /* membership */ div[id$="divMembershipDetails"] fieldset p label {width:100%; padding:0 0 5px 0; text-align:left;} div[id$="divMembershipDetails"] fieldset p input {width:100% !important;} div[id$="divMembershipDetails"] fieldset p select {width:100%;} div[id$="divMembershipDetails"] fieldset p textarea {width:100%;} div[id$="divMembershipDetails"] div[id$="divMandatoryMessage"] {padding-left:0%;} div[id$="divMembershipDetails"] div[id$="divButton"] {padding-left:0%;} /* login */ .login-element, div[id$="LoginPanel"] {width: 100%;} #wrapper {background:#fff;} #intro {margin-top:20px;} #content-blocks .content-one {margin-bottom:20px;} #content-blocks .content-one video {width:100%;} #content-blocks .content-one embed {width:100%;} /* tererik */ .ui-dialog.ui-widget-content {width: 100% !important;} .ui-dialog.ui-widget-content .ui-dialog-content .date-box {width: auto;} } @media (min-width:992px) and (max-width:1199px){ .header-toplinks .phone{right: 25px; position: static; font-size: 15px; margin-top: 10px;} #header{height:auto;} } /* tablets and small computers */ @media(min-width:768px) and (max-width:991px) { #header{height:auto;} #main-nav {padding-left: 110px;top:0px;} #main-nav .hmenu > li > ul {width: 625px;left: 110px;} #main .widget .mainItem, #main .widget .subItem {width:33%;} #breadcrumb-panel, #content-area .content-breadcrumb {background-color: #F5F5F5;padding: 20px 0 20px 135px; margin-bottom:0px;} .carousel-contents #slide > div h3 {margin-top: 20px;font-size: 140%;margin: 10px 20px;} .carousel-contents #slide > div p {font-size: 100%;margin: 0 20px 10px 20px;} .home-sidebar-heading {font-size: 140%} #main-nav .hmenu > li > a {background: none;padding: 10px;width: 118px;} #main-nav .hmenu > li.iFOL178 > a {width: 135px !important;} .header-logo {left: -10px;top: 10px;} .header-logo > a > img {width: 130px;} .header-toplinks {padding-left: 120px;position: relative;} .header-toplinks .hmenu {width: 100%; padding-left: 0;} .header-toplinks .phone {right: 25px; position:static; font-size:15px; margin-top: 10px;} .header-toplinks .hmenu li{font-size:12px;} .header-toplinks .hmenu > li > ul {left: 110px; width: 624px;} .header-toplinks .hmenu > li > ul > li {padding: 10px;width: 25%;} .header-toplinks .hmenu > li > ul > li > a, .header-toplinks .hmenu > li > ul > li > ul > li > a {padding: 10px 0;} .container{width:100%;} } /* mobile devices */ @media (min-width: 0) and (max-width:767px){ .responsive-design-form label.control-label.col-xs-2, .responsive-design-form legend.control-label.col-xs-2{width:100%; margin-bottom:10px;} .responsive-design-form .col-xs-10{width:100%;} .responsive-design-form .col-xs-10 input[type="text"], .responsive-design-form .col-xs-10 select, .responsive-design-form .col-xs-10 textarea{width:100%!important;} .responsive-design-form input[type="text"], .responsive-design-form select, .responsive-design-form textarea, .responsive-design-form input[type="file"]{width:100%!important;} html {overflow-x: hidden;} #breadcrumb-panel {display:none;} /* general mobile styles */ #content-area {margin-top: 0;} #module-area {margin: 20px 0;} #content-area h1 {margin-top: 20px;} nav#header { position:static;} #header-top {height:110px;position: absolute;width: 116px; left: 5px;} .header-toplinks .phone {display: none;} .header-toplinks {background-color: #444;float: left;width: 100%;position: relative;padding-left: 100px;} .header-toplinks:before {content: "Useful Links"; color: #ccc; padding: 6px 5px; float: left;width: 60%;background: #636363 url('/images/UserUploadedImages/11/arrow_down.png') 98% 50% no-repeat;border: 1px #eee solid;margin: 10px 5px 5px 15px;z-index: 1;position: absolute;} .header-toplinks .hmenu {display: none; z-index: 1001; background-color: #444;position: absolute;top: 52px; padding: 0;width: 100%;} .header-toplinks .hmenu a {display: block; padding: 5px 15px;} .header-toplinks .hmenu ul, .header-toplinks .hmenu > li:hover > ul, .header-toplinks .hmenu > li:focus > ul {display: none;} .header-toplinks .hmenu li {float: none;display: block;} .header-toplinks .accessible-heading {height: 52px !important; display: block; width: 100% !important;float: left;left: 0 !important;z-index: 34234234;margin: 0;position: relative !important;text-indent: -9999px;} .header-login {left:40px} .header-login > a {left: 25px; padding:5px; border-radius:3px; color:#000; border:1px solid #000; display:block; font-size:100%; font-family:arial,sans-serif;} .header-login > a:hover, .header-login > a:focus {cursor:pointer; background-color:#999;} .header-login > a.open {background-color:#999;} .header-login ul {width:260px; border:none; float:none; padding:0; border-radius:0; position:absolute; top:30px; left:-320px; background:#ccc; z-index:9999;} .header-login ul li {float:none; display:block; padding:10px 20px; border-bottom:1px solid #E0E0E0;} .header-login ul li.last-login {display:block;} .header-login ul li span {float:none; padding:0;} .header-login ul li > span:first-child {padding:0;} .header-login ul li a {float:none; display:block; padding:0;} .header-login ul li:hover, .header-login ul li:focus {background-color:#00557F;} .header-login ul li:hover a, .header-login ul li:focus a {color:#fff;} .header-login ul li a:hover, .header-login ul li a:focus {border-radius:0; background:none;} .header-logo {left: 0; top: 0;} .header-logo > a > img {width: 220px !important;} .header-toplinks .hmenu > li{border-bottom: 1px solid #666;} .header-toplinks .hmenu > li > a{ font-weight: bold;} .header-toplinks .hmenu > li > ul{position: initial; background: transparent;} .header-toplinks .hmenu > li > ul > li > a:not(.btn):not(.page-link), .header-toplinks .hmenu > li > ul > li > a:not(.btn):not(.page-link):link, .header-toplinks .hmenu > li > ul > li > a:not(.btn):not(.page-link):visited, .header-toplinks .hmenu > li > ul > li > a {float: none; color: #fff; font-weight: 100;} .header-toplinks .hmenu > li:hover > ul, .header-toplinks .hmenu > li:focus > ul{display: block;} /* Search */ .header-search {position:relative; top:65px; margin:0px; padding:0 15px;} .header-search div.searchPanel {padding-right:70px;} div.searchPanel label {display: block;} div.searchPanel input.searchInput {width:100% !important;} #content-area div.searchPanel input.searchInput {padding-right: 60px;} div.searchPanel a[id$="SearchLinkButton"], div.searchPanel input[id$="SearchButton"] {position:absolute; bottom: 0; right:0;} #TaxonSearchControl div.TaxonControlField input[type="submit"] {margin-left: 0;} #AdvancedSearchCriteria td {width: 70px;} /* Carousel */ .carousel-contents #slide > div .content {width: 60%} .carousel-contents #slide > div h3 {font-size: 150%;margin: 15px 20px 0 20px;padding: 0;} .carousel-contents #slide > div p.text {display: none;} .carousel-contents #slide > div .content a {width: auto;padding: 5px;font-size: 60%;} .carousel-contents #slide > div p {padding: 5px 0} div#thumbnail-arrow a#next,div#thumbnail-arrow a#prev{display:none;} .cycle-overlay{height:60px;} #main-nav {height:0px; position:static; border:none;} #main-nav > .accessible-heading {display:block; left: 100px; top: 60px; z-index:1000; width: 178px !important; height: 30px !important; padding: 4px 15px 3px 30px !important; border:1px solid #000; border-radius:3px; background:url(/images/tdcm/admin_menu_icon.png) no-repeat 5px 5px; clip: auto !important;color: #333;font-size: 110%;text-transform: uppercase;} #main-nav > .accessible-heading:hover, #main-nav > .accessible-heading:focus {cursor:pointer; } #main-nav > .accessible-heading.open {background-color: #eee;} #section-menu {float:none; width:100% !important; margin:0 0 20px 0; position:relative;} #section-menu .accessible-heading {font-size:100%; font-family:arial,sans-serif; position:relative; display:block; left:0px; top:0px; padding:5px; border:1px solid #000; border-radius:3px;} #section-menu .accessible-heading:hover, #section-menu .accessible-heading:focus {cursor:pointer; background-color:#999;} #section-menu #LeftMenu {display:none; position:absolute; top:25px; left:0; z-index:1000;} /*-----mega menu styles-----*/ #main-nav .hmenu {position:absolute; top: 90px; left: 0 !important;list-style-type:none; margin: 10px 0 0 0; padding: 15px 10px 15px 10px; width: 100%; height:auto !important; background: #FFF; z-index:10;border-top: 5px #1F3A8D solid;left: -980px;border-bottom: 5px #1F3A8D solid;display: none;} #main-nav .hmenu a {text-decoration:none;} /* styles for level 1 */ #main-nav .hmenu > li {float: left; display:block; margin:0; padding:0;width: 100%;} #main-nav .hmenu > li.first {border-radius:0;} #main-nav .hmenu > li > a, #main-nav .hmenu > li > span {float:none; display:block; padding: 10px; font-weight:bold; border:none; width: 100%; background: none!important;} #main-nav .hmenu > li:hover, #main-nav .hmenu > li:focus {background:none;} /* styles for level 2 */ #main-nav .hmenu > li > ul {display:block; position:relative; top:0; width: 100%; list-style-type:none; margin:0; padding: 0 20px; background:none;border: none !important;display: none; left: 0;} #main-nav .hmenu > li > ul > li {float: left; display:block; width: 100%; margin:0; padding:0;} #main-nav .hmenu > li > ul > li > a, #main-nav .hmenu > li > ul > li > span {float:none; display:block; padding:10px 0; color: #555;text-transform: none;} #main-nav .hmenu > li > ul > li > a:hover, #main-nav .hmenu > li > ul > li > a:focus {} /* styles for level 3 */ #main-nav .hmenu > li > ul > li > ul {display:block; list-style-type:none; margin: 0; padding:0;} #main-nav .hmenu > li > ul > li > ul > li {float:none; display:block; margin:0; padding:0;} #main-nav .hmenu > li > ul > li > ul > li > a, #main-nav .hmenu > li > ul > li > ul > li > span {float:none; display:block; padding:8px 15px; color:#000; font-weight:normal;} #main-nav .hmenu > li > ul > li > ul > li > a:hover, #main-nav .hmenu > li > ul > li > ul > li > a:focus {background-color:#fff; color:#000; border-radius:0;} /* styles for level 4 */ #main-nav .hmenu > li > ul li ul li ul {display:none;} #section-menu .hmenu {display: none;} /* MOBILE MENU STYLING */ .carousel-contents .container{padding:0;} .top-menu { margin-left: -15px; margin-right: -15px;} nav#header{box-shadow: none;} #main-nav{ height: 53px; position: relative; border: 0; text-align: right; top: 0; background: none; } #main-nav>.accessible-heading { display: block; left: 0; right: 0; top: 0; z-index: 9999; width: 100% !important; height: 100% !important; padding: 0 !important; border: none !important; border-radius: 3px; background: url("/images/UserUploadedImages/11/menu_icon.png") no-repeat; clip: auto!important; color: #333; font-size: 110%; FONT-WEIGHT: 500; font-size: 0 !important; background-position: right 15px center; background-size: 35px; } .header-toplinks { padding-left: 0 !important; } .header-toplinks:before { content: "Useful Links"; color: #ccc; padding: 6px 5px; /* float: left; */ width: 60%; background: #636363 url(/images/UserUploadedImages/11/arrow_down.png) 98% 50% no-repeat; border: 1px #eee solid; margin: 10px 5px 5px 15px; z-index: 1; position: absolute; margin: 10px auto; left: 0; right: 0; } #main-nav>.accessible-heading.open{background-color: transparent !important;} #main-nav .hmenu>li>a, #main-nav .hmenu>li>span { text-align: left;} /* Widgets */ #main .widget .mainItem, #main .widget .subItem {width:33%;} #intro .intro-block-one, #intro .intro-block-two, #intro .intro-block-three, #intro .intro-block-four {height:auto;} #wrapper #content-area #page-tools .Rating, #wrapper #content-area #page-tools .RatingContainer {float:none; width:100%; margin-bottom:20px;} #wrapper #content-area #page-tools #page-tools-connect {float:none; width:100%;} #footer-top-one, #footer-top-two {margin-bottom:20px;} /* Most Viewed */ .MostViewedContentMain {width: 100%;} /* Task Manager */ .RadAjaxPanel .task-manager {width: 938px;} /*calendar */ #content-area .rsAdvancedModal .rsAdvInnerTitle {margin-top: 0;} .RadScheduler .rsAdvancedEdit ul {padding: 0; margin: 0;} /* meeting manager */ #module-area .meeting-manager-managemeetings .meeting-edit>div .RadListBox, #module-area .meeting-manager-managemeetings .meeting-edit>fieldset .RadListBox, .meeting-manager-managemeetings .meeting-edit > div .RadListBox .rlbGroup, .meeting-manager-managemeetings .meeting-edit > fieldset .RadListBox .rlbGroup {width: 100% !important;} .meeting-agenda-grid .meeting-agenda-grid {left: 0 !important; top: 100px !important;} .meeting-agenda-grid .meeting-agenda-grid, div#lstAgendaItemDocuments {width: 100% !important;} .meeting-agenda-grid .meeting-agenda-grid table[id$="mainTable"] {margin: 10px 10px 0 10px;} .meeting-manager-meetingdetails {float: none;} div[id$="vwAddTask"] .add-task-fields > div.more_options .right_options, div[id$="vwAddTask"] .add-task-fields > div.more_options .left_options {width: 100%;} .task-manager .tm-search-options > div.buttons .search-button, .task-manager #btnAddNewTaskTMView, div[id$="vwAddTask"] .add-task-fields #btnAddTask, div[id$="vwManageTaskGroups"] .buttonType1, div[id$="vwManageTaskGroups"] #btnAddSubGroup, .task-manager .additional-options input[type="button"] {margin-left: 0;} div[id$="vwManageTaskGroups"] .buttonGroupTop {position: static;} .mymeetings-list-view-results .table-responsive {border: none;} #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_vwManageTaskGroups div#searchResults table-responsive{overflow-x:scroll; width: 100%;} #gvtmTaskGroups a {color: #fff;} div[id$="vwAddTask"] .add-task-fields > div.more_options {margin-left: 0;} /* blogs */ .blogContainer .blogMenu {position: relative; margin-bottom: 15px; width:100%;} .blogContainer .blogMain {margin: 0;} .blogContainer .blogMenu .clsMidHeader {margin: 15px 0;} .blogContainer .blogMenu a.AddArticleLink {padding:5px; border-radius:3px; color:#fff; background: #1D779F; width: auto; font-size: 120%; font-family:arial,sans-serif;} .blogArticle .Comments {width:100%;} /* polls */ #content-area #PollMain {width:100%;} /* search */ .home-search #_Search_13_SearchLinkButton {top: 0;position: absolute;height: 33px;} .home-search .searchPanel {position: relative;} .SearchLeft {margin-top: 40px;} .SearchResults {width:100%;} .SearchResults ol li span.lastRow {word-wrap: break-word; margin-left: 0;} .SearchResults ol li span.clsResultDescr {margin-left: 0;} /* Mailing lists */ #pMailingListSelectListInstructions, #divMailingListSubscribe {margin: 10px 0;} /* Faq */ #faqContainer .FAQHeadingLinks a {position: static;} /* Forms */ .clsFormCreator .formCreatorCaptchaTable {padding: 0;} .clsFormCreator div.clsFormCreator_checkbox {padding: 0;} .clsFormCreator div.clsFormCreator_checkbox label {position: static;} .clsFormCreator #recaptcha_area, .clsFormCreator #recaptcha_table {width: 310px !important;margin: 0 0 0 -25px;} /* Event Quick Search */ #content-area .EventQuickSearchMain .EventQuickSearchRow input[type="text"], #content-area .EventQuickSearchMain .EventQuickSearchRow label {display: block; width: 100% !important; margin: 5px 0;} #content-area .EventQuickSearchMain .EventQuickSearchRow #selQuickEventType label {width: auto !important;display: inline;} .EventQuickSearchMain div[id$="EventQuickSearch"] {width:100%; padding: 0;} .EventQuickSearchMain .EventQuickSearchCalendar, .EventQuickSearchMain .EventQuickSearchCalendar table {width:100%;} .EventQuickSearchMain .EventQuickSearchCalendar table {margin: 15px 0;} /* Event Registrations */ .event-registration-confirmation .NotificationEmailEvent, #divEventRegistration #tblEventDetails, #divEventRegistration fieldset {width: 100%;} .event-registration-confirmation .NotificationEmailEvent td {border: none;} .event-registration-confirmation .NotificationEmailEvent th {padding: 5px;} #divEventRegistration fieldset textarea, div#divColleaguesInputFields, #divEventRegistration fieldset label, #divEventRegistration fieldset input, #divEventRegistration fieldset select {width: 100%;} #divEventRegistration fieldset fieldset input {width: 100%;} #divEventRegistration fieldset fieldset input[type="checkbox"] {width: auto;} #divEventRegistration fieldset fieldset label {margin: 0;} #divEventRegistration fieldset fieldset .form-check label {margin: 0;} .clsCheckBoxListSpanOptions .form-check {} #divEventRegistration fieldset select {width: 100% !important;} #divEventRegistration fieldset fieldset legend {width: 100%;position: relative;} #divEventRegistration fieldset fieldset {padding: 5px 0;} #divEventRegistration .clsFormCreator div {margin: 5px 0;} #divEventRegistration fieldset fieldset label {width: 100%; margin: 5px 0;} .NotificationEmailRegDetails td {padding: 5px 0;} /* Form Results */ .FormResult .clsSearchParameters .clsSubmitNew {position: static; padding-bottom: 10px; margin-left: 15px;} .FormResult .clsSearchParameters {padding: 10px;} .FormResult .clsSearchParameters .clsFormResultsSearchButton {margin-left: 15px; padding-left: 0;} /* FORM STYLE*/ .clsFormCreator.form-horizontal label.control-label + div.col-xs-10 .form-control { width: 100% !important; } .clsFormCreator.form-horizontal label.control-label + div.col-xs-10 { width: 100%; } .clsFormCreator.form-horizontal label.col-form-label { width: 100%; } .clsFormCreator.form-horizontal fieldset legend { width: 100%; } .clsFormCreator.form-horizontal .form-group.clsFormCreator_uploadfilebox label + span.col-xs-2 { display: none; } .clsFormCreator.form-horizontal .form-group.clsFormCreator_uploadfilebox label + span.col-xs-2 + div.col-xs-10 { width: 100%; } .clsFormCreator.form-horizontal .form-group.clsFormCreator_uploadfilebox label + span.col-xs-2 + div.col-xs-10 input { width: 100% !important; } .clsFormCreator.form-horizontal .form-group.form-actions { width: 100%; margin-left: 0; padding-left: 35%; margin-bottom: 60px; } .clsFormCreator.form-horizontal .clsFormCreator div.clsMandatory { width: 100%; padding-left: 0; text-align: center; margin-bottom: 0; } /* language */ .language-switcher {position: relative; margin-bottom: 15px;} /* social */ #mypage-wrapper ul.switch-feed {position: static; margin: 10px 0 0 0;width: 100%;} #mypage-wrapper .mypage-stream{padding:0;} .comments-container .post-item {width: 100%;} #mypage-wrapper > h1 {position: static; margin:0 0 20px 0;} #mypage-wrapper .mypage-profile, #socialgroup-wrapper .mypageGroup-profile {position:relative; padding:10px 120px 10px 10px; overflow:hidden; background:#eee;} #mypage-wrapper .mypage-profile .photo-container, #socialgroup-wrapper .mypageGroup-profile .photo-container {position:absolute; top:10px; right:10px; width: auto;} #mypage-wrapper .mypage-profile .photo-container img, #socialgroup-wrapper .mypageGroup-profile .photo-container img {width: 100px;} #mypage-wrapper .mypage-profile h2, #socialgroup-wrapper .mypageGroup-profile h2 {border-bottom: none;padding-bottom: 0;margin-bottom: 0;font-size: 110%;} #mypage-wrapper .mypage-profile p, #socialgroup-wrapper .mypageGroup-profile p {margin: 10px 0; font-size: 110%;} #mypage-wrapper .mypage-profile p br, #socialgroup-wrapper .mypageGroup-profile p br {display: none;} /* Comments */ #content-area .comments-container .comment-list, .comments-container .comment-list{padding:0;} #content-area .comments-container .comment-list .reply-list, .comments-container .comment-list .reply-list{padding-left:35px;} .comment-list .comment-item .comment-item-image, .comments-container .comment-list .comment-item .comment-item-image {width: 50px;} .comments-container .comment-list .comment-item .comment-item-image img{max-height:50px;} .comments-container .comment-list .reply-list .comment-item .comment-item-detail, .comments-container .comment-list .comment-item .comment-item-detail{min-height:60px; padding:0 0 30px 60px;} .comments-container .post-item textarea {width: 100%;} .comments-container .post-item select, .comments-container .post-item .postCommentBtn {bottom: -5px;} .comments-container .post-item select {position: static; margin: 10px 0;} .activity-container .activity-list .activity-item .activity-item-detail{padding: 0 0 20px 0;} .activity-container .activity-list .activity-item .comment-item-image{position:static; border-bottom:solid 1px #f2f2f2; width:100%; margin-bottom:5px;} .activity-container .activity-list .activity-item .comment-item-image span{text-indent:25px;} #mypage-wrapper .mypage-connections, #socialgroup-wrapper .group-members-container {padding-left:0;} #RadWindowWrapper_ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_MySocialPostStream1_rwDocumentSelector, #RadWindowWrapper_ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_MySocialPostStream1_rwDocumentSelector .rwTable {height: 500px !important;} #RadWindowWrapper_ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_MySocialPostStream1_rwDocumentSelector {overflow-x:scroll !important; width: 100% !important;overflow-y: hidden;} #RadWindowWrapper_ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_MySocialPostStream1_rwDocumentSelector {width: 100% !important;} .comments-container .comment-list .comment-reply {height: auto; } /* article map */ .article-map, .article-map iframe {width: 100%;} /* store locator */ #locatorContainer .clsDivSearchResults {overflow-x: scroll;} /* top download */ ul.topDownload li span.topDownloadLink {width: auto;} /* content organiser */ .contentDIV .sectionDIV .itemDIV .tabledtextDIV div div, .contentDIV .sectionDIV .itemDIV div .userInputDIV input, .contentDIV .sectionDIV .itemDIV div .userInputDIV input[type="text"], .contentDIV .sectionDIV .itemDIV div .userInputDIV textarea {min-width: 0 !important; width: 100% !important;} .form-group .form-actions {margin-left:0; width:100%; padding-left:0; padding-right:0;} .home-news-widget .content {min-height: auto;} .home-news-widget img {width: 100%;} #have-your-say-wrap h2 {width: 100%; font-size: 180%;} #have-your-say-wrap .content {width: 100%;} .container{width:100%;} } @media (min-width: 0) and (max-width:480px){ #footer-bottom-left ul li, #footer-bottom-right ul li{width: 100%; border: 0; text-align: center;} #main .widget .mainItem, #main .widget .subItem {width:50%;} #content-area, #module-area {margin-top: 0;} .org-chart-header {padding-top: 40px;} }