/*--------------------------------------------------------------------- base styles and reset ---------------------------------------------------------------------*/ @font-face { font-family: 'Lab Grotesque'; src: url('/ecthemes/4/css/LabGrotesque-Bold.woff2') format('woff2'), url('/ecthemes/4/css/LabGrotesque-Bold.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Lab Grotesque'; src: url('/ecthemes/4/css/LabGrotesque-Medium.woff2') format('woff2'), url('/ecthemes/4/css/LabGrotesque-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Lab Grotesque'; src: url('/ecthemes/4/css/LabGrotesque-Regular.woff2') format('woff2'), url('/ecthemes/4/css/LabGrotesque-Regular.woff') format('woff'); font-weight: normal; font-style: normal; } * {box-sizing:content-box; -moz-box-sizing:content-box;} #header *, #page-content *, #footer * {box-sizing:border-box; -moz-box-sizing:border-box; outline: none;} html {font-size:100%;} body {font: 86% "Muli","Helvetica Neue", helvetica, arial, sans-serif; color: #3d3d3d; margin: 0; padding: 0; background: #fff; line-height: 170%;} .editMode .hero {height: auto !important;} .editMode .divLocation {margin-bottom: 15px; margin-left: 16.666666666666664%; padding-left: 5px;} .editMode .divLocation input {margin-left: 15px;} .padding-left{padding-left:15px!important; } .padding-top{padding-top:15px!important;} .font-bold{font-weight: 600 !important;} .clearb {clear: both;} #AdminMenu .menu ul.horizontal li.item a.CMLevel1::after {top:0;} /*----------default styles----------*/ /* default link styles */ a, a:link, a:visited {color:#143B86; text-decoration:none; word-wrap:break-word; outline: none;} a:hover, a:focus, a:active {color:#078FE5; text-decoration:none; cursor:pointer; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in;} a img {border:none;} /* defaults */ img {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; max-width: 100%; } input[type="button"], input[type="submit"] {-webkit-appearance: none;} input[type="text"], input[type="password"] {-webkit-appearance: none;} p {margin:0 0 20px 0; padding:0;} ul, ol {margin-bottom:20px;} code {line-height:1.5; margin:0; padding:0; font-size:100%;} blockquote {line-height:1.5; margin:0 0 20px 0; padding:0; font-size:100%;} input {margin:0;} th, td {vertical-align:top;} strong, b {font-weight:600;} textarea {resize:none;} legend {font-weight: 700; margin: 0; border-top: 1px solid #999; border-bottom: none; padding: 10px 0; font-size: 110%;} hr { border: 5px solid #F2F2F2; margin: 50px 0 20px;} .hero hr {border: none; margin: 10px 0;} .hide {display: none !important;} .container img {max-width: 100%;} .table-responsive {margin: 10px 0 0;} .table { background: #fff;} #ctl00_ContentPlaceHolderMainNoAjax_rules li {color: #fff;} /* default heading styles */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:'Lab Grotesque', 'Raleway'; color: #111; font-weight:800; padding:0; margin:0 0 20px 0; color:inherit; text-rendering: optimizeLegibility; position: relative;} h1 {text-shadow: 1px 0 0;} .right-panel h1:after, .right-panel h2:after, .right-panel h3:after, .right-panel h4:after, .right-panel h5:after, .right-panel h6:after { content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px;} h3.zero-harm-red:after { content: ""; width: 70px; height: 12px; display: block; background: #ee3224; margin: 5px 0 20px; } .left-side h1:after, .left-side h2:after, .left-side h3:after, .left-side h4:after, .left-side h5:after, .left-side h6:after { content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px;} .wsmaincontent h1:after, .wsmaincontent h2:after, .wsmaincontent h3:after, .wsmaincontent h4:after, .wsmaincontent h5:after, .wsmaincontent h6:after { content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px;} h1 {font-size:220%;} h2 {font-size:180%;} h3 {font-size:160%;} h4 {font-size:140%;} h5 {font-size:120%;} h6 {font-size:110%;} h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:focus, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:focus, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:focus, h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:focus, h5 a, h5 a:link, h5 a:visited, h5 a:hover, h5 a:focus, h6 a, h6 a:link, h6 a:visited, h6 a:hover, h6 a:focus {font-weight:normal; font-weight:700; color:inherit; text-decoration:none; border:none;} h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus, h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus {color:#428bca;} h1.smaller, h2.smaller, h3.smaller, h4.smaller, h5.smaller, h6.smaller {font-size:120%;} /*-----other-----*/ .accessible-heading {position:absolute; left:-9999px; margin:0; padding:0;} .right-float, .rightFloat {float:right;} .left-float, .leftFloat {float:left;} #adminBanner {display:none;} video {max-width:100%;} /*fieldset legend {font-size:100%; border:none;}*/ .form-horizontal .control-label {text-align: left; padding: 0;} .form-horizontal fieldset legend {font-weight:bold;} .form-horizontal fieldset legend.col-lg-12 {font-size:160%; font-weight:normal;} .form-horizontal .form-group {margin:0 0 15px 0;} .form-horizontal .form-group > div {padding-left: 0; padding-right: 0;} .labelwidth > label.control-label { width: 100%;} .equalwidth > label.control-label + div.col-xs-10 { width: 50%;} .equalwidth > label.control-label { width: 50%;} .myAccountArea .form-horizontal .form-group > div.col-lg-10 { width: 82%;} .training-manager .form-horizontal fieldset legend {border: none; font-size: 100%;} .form-control {border-radius:0; font-size:100%; color:inherit; width: 100% !important;} .header-nav a.btn {border:none;} .tab-content.panel {border:1px solid #ddd; border-top:none; border-radius:0;} .tab-content>.tab-pane {padding: 10px;} .tab-content>.tab-pane .radio {margin: 0 10px 0 0;} #TaskAssigmentOptions { padding: 10px 20px;} .task-pagination-content .task-page {padding: 3px 5px; border: 1px solid #ccc; margin: 0 2px;} .task-pagination-content .task-page.current {border: 1px solid #666;} .task-important {position: relative; padding: 0 0 0 20px;} .task-important:before { padding: 0 10px 0 0; font-weight: 500; color: #666; content: "\f005 "; font-family: FontAwesome; font-size: 16px; display: block; float: left; margin-left: -14px; margin-top: -1px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear;} .task-total-label, .my-tasks-assigned-total-label { padding: 10px 15px; display: block;} .article-task-action-buttons-content a { float: left; padding: 5px; margin: 5px; border: 1px solid #ccc; background: #fff;} .article-task-action-buttons-content a.task-mark-as-read-button {background: #eee; color: #000; border: 1px solid #666; color: green;} .article-task-action-buttons-content a.task-mark-as-unread-button { background: #fafafa; color: #000; border: 1px solid #666; color: #cc0000;} div.form-actions, #pSavePaymentDetails {/*padding-left:16.666666666666664%;*/ margin-bottom:15px;} div.form-actions > .btn {margin-left:15px;} ul.radio, ul.checkbox {list-style-type:none; margin:0; padding:0;} .form-horizontal legend.col-lg-12, .form-horizontal div.col-lg-12 {padding-left:0; padding-right:0;} .is_stuck {width: 100%!important; position: fixed!important; top: 0!important; z-index: 999;} .padding-all { padding: 15px;} .shadow { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);} .border-rad-bot { border-radius: 0 0 3px 3px;} .bg-section { background: #fff; color: #333;} .corpdetailscontainer .bg-section {background: #FAFAFA;} .align-center { text-align: center;} #lblPhone {border: none; text-align: right; font-size: 100%; font-weight: bold;} .link-overlay a { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; z-index: 2; text-indent: -9999px; } /* View groups button styles */ #dvBapcorbespokeGroupResults .group-edit i{ font-size: 16px; display: inline-block !important; width: 35px; height: 30px; overflow: hidden; margin-right: 5px; margin-left: 0; position: relative; text-indent: -9999px; padding: 0; border: 0; background:#317ab9;} #dvBapcorbespokeGroupResults .group-edit i:before{position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-indent: 0; text-align: center; line-height: 30px; padding-right: 0; color:#fff;} #dvBapcorbespokeGroupResults .group-del i{ font-size: 16px; display: inline-block !important; width: 35px; height: 30px; overflow: hidden; margin-right: 5px; margin-left: 0; position: relative; text-indent: -9999px; padding: 0; border: 0; background:#d2322d;} #dvBapcorbespokeGroupResults .group-del i:before{position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-indent: 0; text-align: center; line-height: 30px; padding-right: 0; color:#fff;} #dvBapcorbespokeGroupResults .group-view i{ font-size: 16px; display: inline-block !important; width: 35px; height: 30px; overflow: hidden; margin-right: 5px; margin-left: 0; position: relative; text-indent: -9999px; padding: 0; border: 0; background:#317ab9;} #dvBapcorbespokeGroupResults .group-view i:before{position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-indent: 0; text-align: center; line-height: 30px; padding-right: 0; color:#fff;} #dvViewGroupMain .form-row{float:left; } #dvViewGroupMain .form-row .form-group{margin-bottom:0;} #dvViewGroupMain input.btn{margin-top:15px; margin-bottom:15px;} #gvGroupResults_filter input{margin-left:5px;} /*-----telerik control restyle-----*/ #page-content .riSingle .riTextBox {/*font-family: 'Muli'; display: block; height: 34px; padding: 6px 12px; font-size: 100%; line-height: 1.428571429; color: inherit; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-right: none;*/ } #mainContentZone {clear:left;} #page-content .RadGrid_Elcom, #page-content .RadGrid_Elcom .rgMasterTable, #page-content .RadGrid_Elcom .rgDetailTable, #page-content .RadGrid_Elcom .rgGroupPanel table, #page-content .RadGrid_Elcom .rgCommandRow table, #page-content .RadGrid_Elcom .rgEditForm table, #page-content .RadGrid_Elcom .rgPager table, #page-content .GridToolTip_Elcom {font-family:inherit; font-size:100%;} #page-content .RadGrid_Elcom {border:none;} #page-content .RadGrid_Elcom .rgCommandTable {border:none;} #page-content .RadGrid_Elcom .rgCommandRow {background:none;} #page-content .RadGrid_Elcom thead .rgCommandCell {border-bottom:none;} #page-content .RadGrid_Elcom .rgHeader, #page-content .RadGrid_Elcom th.rgResizeCol {background:none; border:none;} #page-content .RadGrid_Elcom .rgHeader {background:#fff; border:1px solid #ddd; padding:8px;} #page-content .RadGrid_Elcom .rgHeader, #page-content .RadGrid_Elcom .rgHeader a {color:inherit;} #page-content .RadGrid_Elcom .rgFilterRow {background:#f9f9f9;} #page-content .RadGrid_Elcom .rgFilterRow > td {border:none; border:1px solid #ddd; padding:8px;} #page-content .RadGrid_Elcom .rgRow td {border:1px solid #ddd; padding:8px;} #page-content .RadGrid_Elcom .rgAltRow {background:#f9f9f9;} #page-content .RadGrid_Elcom .rgAltRow td {border:none; border:1px solid #ddd; padding:8px;} #page-content .RadSplitter_Telerik {width: 100% !important;} #page-content .RadSplitter_Telerik, #page-content .RadScheduler_Telerik, #page-content .RadScheduler_Telerik a, #page-content .RadScheduler_Telerik input, #page-content .RadScheduler_Telerik select, #page-content .RadScheduler_Telerik textarea {font:100% "Muli","Helvetica Neue", helvetica, arial, sans-serif; color:inherit;} #page-content .RadSplitter_Telerik, #page-content .RadSplitter_Telerik .rspPaneTabContainer, #page-content .RadSplitter_Telerik .rspPane, #page-content .RadSplitter_Telerik .rspResizeBar, #page-content .RadSplitter_Telerik .rspSlideContainerResize, #page-content .RadSplitter_Telerik .rspPaneHorizontal, #page-content .RadSplitter_Telerik .rspResizeBarHorizontal, #page-content .RadSplitter_Telerik .rspSlideContainerResizeHorizontal {border-color:#ddd;} #page-content .RadSplitter_Telerik .rspResizeBar{display: none;} #page-content .RadScheduler_Telerik .rsHeader, #page-content .RadScheduler_Telerik .rsHeader ul a:hover, #page-content .RadScheduler_Telerik .rsHeader ul a:hover span, #page-content .RadScheduler_Telerik .rsHeader .rsSelected, #page-content .RadScheduler_Telerik .rsHeader .rsSelected em, #page-content .RadScheduler_Telerik .rsHeader .rsDatePickerActivator, #page-content .RadScheduler_Telerik .rsHeader .rsPrevDay, #page-content .RadScheduler_Telerik .rsHeader .rsNextDay, #page-content .RadScheduler_Telerik .rsModalBgTopLeft, #page-content .RadScheduler_Telerik .rsModalBgTopRight, #page-content .RadScheduler_Telerik .rsModalBgBottomLeft, #page-content .RadScheduler_Telerik .rsModalBgBottomRight, #page-content .RadInput_Telerik a.riUp, #page-content .RadInput_Telerik a.riDown, #page-content .RadScheduler_Telerik .rsModalWrapper .rsModalButtons a, #page-content .RadScheduler .rsAdvancedEdit .rsAdvancedSubmitArea a, #page-content .RadScheduler_Telerik .rsTopWrap .rsAptEditFormWrapper .rsEditOptions a {background:none;} #page-content .RadScheduler_Telerik .rsModalBgTopLeft, #page-content .RadScheduler_Telerik .rsModalBgTopRight, #page-content .RadScheduler_Telerik .rsModalBgBottomLeft, #page-content .RadScheduler_Telerik .rsModalBgBottomRight {background:#fff;} #page-content .RadScheduler .rsHeader {background:none; background: #808080;} #page-content .RadScheduler_Telerik .rsHorizontalHeaderTable th, #page-content .RadScheduler_Telerik .rsSpacerCell, #page-content .RadScheduler_Telerik .rsAllDayHeader, #page-content .RadScheduler_Telerik .rsVerticalHeaderWrapper, #page-content .RadScheduler_Telerik .rsVerticalHeaderTable {background:none; background:#ccc;} #page-content .RadScheduler_Telerik .rsHeader .rsPrevDay, #page-content .RadScheduler_Telerik .rsHeader .rsNextDay, #page-content .RadScheduler .rsHeader .rsDatePickerActivator, #page-content .RadInput_Telerik a.riUp, #page-content .RadInput_Telerik a.riDown {position:relative; height:30px; line-height:30px; margin-top:0;} #page-content .RadScheduler_Telerik .rsHeader .rsPrevDay:after, #page-content .RadScheduler_Telerik .rsHeader .rsNextDay:after, #page-content .RadScheduler .rsHeader .rsDatePickerActivator:after, #page-content .RadInput_Telerik a.riUp:after, #page-content .RadInput_Telerik a.riDown:after {font-family:FontAwesome; color:#fff; position:absolute; top:0; right:0; bottom:0; left:0; text-indent:0; text-align:center; line-height:30px;} #page-content .RadInput_Telerik a.riUp:after, #page-content .RadInput_Telerik a.riDown:after {color:#333;} #page-content .RadScheduler_Telerik .rsHeader .rsPrevDay:after {content:"\f053";} #page-content .RadScheduler_Telerik .rsHeader .rsNextDay:after {content:"\f054";} #page-content .RadScheduler .rsHeader .rsDatePickerActivator:after {content:"\f078";} #page-content .RadInput_Telerik a.riUp:after {content:"\f077";} #page-content .RadInput_Telerik a.riDown:after {content:"\f078";} #page-content .RadScheduler .rsAdvancedEdit .rsAdvBasicControls .rsAdvTimePicker .riTextBox, #page-content .RadScheduler .rsAdvancedEdit .rsAdvDatePicker input {width:80px !important} #page-content .RadScheduler .rsAdvancedEdit fieldset {} #page-content .RadScheduler .rsAdvancedEdit fieldset legend {font-size:100%; font-weight:bold; line-height:1.4;} #page-content .RecurrenceEditor .rsAdvRecurrencePatterns, #page-content .RecurrenceEditor .rsAdvRecurrenceRangePanel, #page-content .RecurrenceEditor_Telerik ul.rsRecurrenceOptionList {border-color:#ddd;} #page-content .RecurrenceEditor .rsAdvRecurrenceRangePanel li {height:auto; line-height:1;} #page-content .RadScheduler_Telerik input.btn {color:#fff; padding:5px 20px;} #page-content .RadScheduler .rsAdvancedEdit .rsAdvancedSubmitArea a {width:auto; height:auto;} #page-content .RadScheduler_Telerik .rsAptCreate, #page-content .RadScheduler_Telerik .rsMonthView .rsAptCreate {background:none; background:#a2ea8a} #page-content .RadScheduler .rsHeader p {line-height:30px;} #page-content .RadScheduler .rsHeader ul a {line-height:30px; color:#fff;} #page-content .RadScheduler_Telerik .rsHeader a:hover, #page-content .RadScheduler_Telerik .rsHeader em {color:#fff;} #page-content .RadScheduler .rsHeader .rsSelected {background:#333;} #page-content .RadScheduler .rsHeader ul li:before {display:none;} #page-content .RadScheduler_Telerik .rsContent, #page-content .RadScheduler_Telerik .rsTopWrap .rsFooter {border:none;} #page-content .RadScheduler_Telerik .rsContentTable td.rsSelectedSlot {} #page-content .RadScheduler .rsMonthView .rsDateWrap {height:auto !important;} #page-content .RadScheduler .rsMonthView .rsDateBox {height:auto;} #page-content .RadScheduler .rsDateHeader {height:auto;} /*-----calendar popup-----*/ div[id$="timeView_wrapper"] { max-height: 200px; overflow-y: auto; } .ui-dialog .ui-dialog-content .RadInput .riTextBox {height: 36px !important;} .ui-dialog .ui-dialog-content .groupMultiSelector .form-group .col-sm-10 { padding-right: 10px;} .ui-dialog .ui-dialog-content .task-history-details-all dl dt {list-style-type: none; margin: 0; padding: 0; clear: both; display: block; margin: 10px 0;} .ui-dialog .ui-dialog-content .task-history-details-all dl dd.task-important {position: relative; padding: 0 0 0 15px;} #page-content .RadCalendar_Telerik, #page-content .RadCalendar_Telerik .rcTitlebar table {font:100% "Raleway","Helvetica Neue", helvetica, arial, sans-serif;} #page-content .RadCalendar_Telerik .rcTitlebar {background:none; background-color:#ccc;} #page-content .RadCalendar_Telerik .rcRow .rcSelected {border:none; background:none; background-color:#409ec1;} #page-content .RadCalendar_Telerik .rcRow .rcSelected a {color:#fff;} #page-content .RadCalendar_Telerik .rcRow .rcHover {border:none; background:none; background-color:#ccc;} #page-content .RadCalendar_Telerik .rcRow .rcHover a {color:#333;} #page-content .RadCalendar .rcWeek th {text-align:center;} #page-content .RadCalendar .rcRow td {text-align:center; border:none; padding:1px 0;} #page-content .RadCalendar .rcMain .rcRow a, #page-content .RadCalendar .rcMain .rcRow span {padding:0;} #page-content .RadCalendar_Telerik .rcWeek th {padding-right:0;} #page-content .RadCalendar_Telerik .rcTitlebar .rcPrev, #page-content .RadCalendar_Telerik .rcTitlebar .rcNext, #page-content .RadCalendar_Telerik .rcTitlebar .rcFastPrev, #page-content .RadCalendar_Telerik .rcTitlebar .rcFastNext {background:none; position:relative; height:16px; line-height:16px;} #page-content .RadCalendar_Telerik .rcTitlebar .rcPrev:after, #page-content .RadCalendar_Telerik .rcTitlebar .rcNext:after, #page-content .RadCalendar_Telerik .rcTitlebar .rcFastPrev:after, #page-content .RadCalendar_Telerik .rcTitlebar .rcFastNext:after {font-family:FontAwesome; color:#333; position:absolute; top:0; right:0; bottom:0; left:0; text-indent:0; text-align:center; line-height:16px;} #page-content .RadCalendar_Telerik .rcTitlebar .rcPrev:after {content:"\f104";} #page-content .RadCalendar_Telerik .rcTitlebar .rcFastPrev:after {content:"\f100";} #page-content .RadCalendar_Telerik .rcTitlebar .rcNext:after {content:"\f105";} #page-content .RadCalendar_Telerik .rcTitlebar .rcFastNext:after {content:"\f101";} #page-content .calendarview-edit-main-calendar .RadScheduler .rsMonthView .rsWrap .rsApt .rsAptOut .rsAptMid .rsAptIn .rsAptContent {border-radius:0;} .RadScheduler_Telerik .rsMonthView .rsContentTable td {height: 150px;} .calendarview-edit-main-calendar .RadScheduler .rsMonthView .rsLastWrap.rsShowMore { font-size: 90% !important; height: 25px !important;} #page-content .RadScheduler .rsAptColor .rsAptContent {background-image:none;} .riContSpinButtons .riContentWrapper {min-width: 100px;} .riSingle a.riUp {display: inline-block; height: 8px; width: 15px; vertical-align: top; margin-top: -10px !important; margin-bottom: 0; height: 20px !important; margin-left: 5px; z-index: 2; position: relative;} .riSingle a.riDown { display: inline-block; height: 8px; width: 15px; vertical-align: top; margin-left: -15px; vertical-align: bottom; margin-bottom: -10px !important; margin-top: 0; position: relative; z-index: 1; } .eccalendar-filter-appointmenttypes .row {margin-left: 0; margin-right: 0;} .eccalendar-filter .filter-options fieldset legend {display: none;} #page-content .RadInput_Telerik a.riUp, #page-content .RadInput_Telerik a.riDown { display: inline-block;} .eccalendar-rightfilter-ctrls h2 { font-weight: 700; border-top: 1px solid #999; padding: 10px 0; font-size: 110%;} .RadSplitter_Telerik .rspCollapseBarExpand {display: none;} .RadScheduler .rsAdvancedModal table {} .RadScheduler_Telerik .rsAdvancedEdit a.rsAdvEditClose {overflow: hidden;} .RadScheduler_Telerik .rsAdvancedEdit .rsInvalid input { height: auto;} .RadScheduler_Telerik .rsAdvancedEdit .col-sm-10 {padding: 0 10px 0 0;} .RadScheduler .rsAdvancedEdit .checkbox {padding-left: 175px;} .RadScheduler .rsAdvancedEdit label { font-family: 'Lab Grotesque', 'Raleway' !important; min-width: 130px; font-size: 13px !important; margin: 0 10px !important;} .RadScheduler .rsAdvancedEdit .help-block { padding-left: 155px; } .RadScheduler .rsAdvancedEdit div.rsAdvancedSubmitArea a {padding: 10px; border: 1px solid #ccc;} .RadScheduler .rsAdvancedEdit div.rsAdvancedSubmitArea a.rsAdvEditSave{background: #666 !important; color: #fff !important;} .RadScheduler .rsAdvancedEdit .rsAdvInnerTitle {font-size: 16px;font-weight: bold;} .RecurrenceEditor .rsAdvWeekly_WeekDays li {clear: both; width: auto !important;} .RecurrenceEditor .rsAdvPatternPanel {height: auto !important;} .eccalendar-filter {padding:13px!important;} /*-----date picker-----*/ .ui-corner-all {border-radius:0;} .ui-datepicker {width:250px; padding:0;} .ui-datepicker .ui-datepicker-header {padding:5px;} .ui-datepicker table {font-size:12px;} .ui-datepicker td {padding:0;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display:block; width:15px; height:15px; border-radius:4px; background:#fff; top:5px; border:1px solid #fff;} .ui-datepicker .ui-datepicker-prev {left:5px;} .ui-datepicker .ui-datepicker-next {right:5px;} .ui-datepicker .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-next:after {font-family:FontAwesome; color:#1f3263; position:absolute; top:0; right:0; bottom:0; left:0; line-height:15px; text-align:center; font-size:12px;} .ui-datepicker .ui-datepicker-prev:after {content:"\f053";} .ui-datepicker .ui-datepicker-next:after {content:"\f054";} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:none;} .ui-widget-content {border:1px solid #ccc; background:#eee; color:#333;} .ui-datepicker .ui-datepicker-title {margin:0; line-height:1;} .ui-datepicker .ui-datepicker-title select {font-size:12px; color:#333;} .ui-datepicker th {font-size:12px;} .ui-widget-header {border:none; background:#0068b3;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#fff; color:#333; font-weight:normal; font-size:12px; width:25px; height:20px; text-align:center; line-height:20px; padding:0; margin:0 auto 5px auto;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border:1px solid #906D4F; background:#f5f0ed;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border:1px solid #906D4F; color:#000;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:1px solid #1f3263; color:#333;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:auto;} /*--------------------------------------------------------------------- site theme ---------------------------------------------------------------------*/ /*---------------------------------------- / layout ----------------------------------------*/ /*-----lists-----*/ .no-list {list-style-type:none; margin:0; padding:0;} .striped {} .striped li {padding: 15px; border-top: 1px solid #ddd;} .striped li:nth-child(even) {background: #fafafa;} .striped li:nth-child(odd) {background: #fff;} /*-----margins-----*/ .no-margin {margin:0 !important;} .no-margin-top {margin-top:0 !important;} .no-margin-right {margin-right:0 !important;} .no-margin-bottom {margin-bottom:0 !important;} .no-margin-left {margin-left:0 !important;} .margin-top {margin-top:15px;} .margin-right {margin-right:15px;} .margin-bottom {margin-bottom:15px;} .margin-left {margin-left:15px;} .margin-over {margin-left:-15px !important; margin-right:-15px !important;} /*-----gutters-----*/ .no-padding {padding:0 !important;} .no-padding-top {padding-top:0 !important;} .no-padding-right {padding-right:0 !important;} .no-padding-bottom {padding-bottom:0 !important;} .no-padding-left {padding-left:0 !important;} .padding-top {padding-top:15px;} .padding-right {padding-right:15px;} .padding-bottom {padding-bottom:15px;} .padding-left {padding-left:15px;} /*-----alignment-----*/ .align-left {text-align:left;} .align-center {text-align:center;} .align-right {text-align:right;} /*-----borders-----*/ .no-border {border:none !important;} .border-top {border-top:1px solid #eee;} .border-right {border-right:1px solid #eee;} .border-bottom {border-bottom:1px solid #eee;} .border-left {border-left:1px solid #eee;} .border-full {border:1px solid #eee;} /*-----flexbox layout for equal height boxes-----*/ .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; -webkit-box-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; } .align > div[class*='col-'], .align > li {margin-left:-0.5px;} #page-content aside.right-float {padding: 0 3%;} #page-content .bottom-content { padding: 30px; margin: 0 0 20px; background: #f6f6f6; } /*-----containers-----*/ .section {padding:60px 0;} .block {display:block; padding:15px;} .center {text-align:center;} div.center {margin:0 auto; float:none;} .feature {font-size:150%;} /*-----backgrounds-----*/ .bg {} .highlight {background:#f2f6f9; border-bottom:1px solid #d7edee;} .highlight h2 {color:#00a1e3;} .bg-image {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;} .bg-image h2 {color:#fff;} .bg-image-hex {color:#fff; background-image:url(/ecthemes/4/images/bg-hex-grid-blue.jpg);} .bg-image-road {color:#fff; background-image:url(/ecthemes/4/images/bg-fast-track.jpg);} .bg-image-hex-pale {color:#3d3d3d; background-image:url(/ecthemes/4/images/bg-pale-grey-hex.png );} .overlay {position:relative;} .overlay:before {content:""; background:rgba(0,0,0,0.5); position:absolute; top:0; right:0; bottom:0; left:0;} /*-----buttons-----*/ .btn, .btn:link, .btn:visited {border-radius:0; color:inherit; -webkit-transition: all .7s ease; transition: all .7s ease; text-decoration:none; padding:10px 20px; background:#ccc; border:2px solid #ccc; border-bottom:2px solid rgba(204,204,204,1); /*margin:15px 0;*/ font-size:100%; margin: 0 5px 0 0;} .btn:hover, .btn:focus, .btn:active {border-color:#ccc; outline: none;} .btn-default, .btn-default:link, .btn-default:visited {color:#3d3d3d; border-color:#ddd; background:#ddd;} .btn-default:hover, .btn-default:focus, .btn-default:active {color:#3d3d3d; border-color:#ccc; background:#ccc;} .btn-primary, .btn-primary:link, .btn-primary:visited, .clsFormCreator .add-button {color:#fff; border-color:#262626; background:#262626;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active {color:#3d3d3d; border-color:#eee; background:#eee;} .btn-success, .btn-success:link, .btn-success:visited {color:#fff; border-color:#143b86; background:#143b86;} .btn-success:hover, .btn-success:focus, .btn-success:active {color:#3d3d3d; border-color:#ccc; background:#ccc;} .btn-danger, .btn-danger:link, .btn-danger:visited, .clsFormCreator .repeat .delete-button {color:#fff; border-color:#ca0a19; background:#ca0a19;} .btn-danger:hover, .btn-danger:focus, .btn-danger:active {color:#3d3d3d; border-color:#ccc; background:#ccc;} .btn-toggle {opacity:0;} .btn-link, .btn-link:link, .btn-link:visited {padding:0; border:none; color:#143B86; letter-spacing:0; background:transparent;} .btn-link:hover, .btn-link:focus, .btn-link:active {color:#409ec1; background:transparent;} /*-----icons-----*/ .icon {position:relative;} .icon:after {font-family:FontAwesome; font-size:25px; position:absolute;} .btn.icon {background:transparent; border:none; border-radius:0; color:#3d3d3d; font-size:20px; height:30px; width:30px; text-indent:-9999px;} .btn.icon:after {top:0; right:0; bottom:0; left:0; text-align:center; line-height:30px; text-indent:0;} .icon.icon-large {} .icon.icon-large:after {font-size:40px;} .icon.icon-top {padding-top:35px;} .icon.icon-top.icon-large {padding-top:50px;} .icon.icon-top:after {top:0; left:0; right:0; margin:0 auto; text-align:center;} .icon.icon-right {padding-right:35px;} .icon.icon-right.icon-large {padding-right:50px;} .icon.icon-right:after {right:0;} .icon.icon-bottom {padding-bottom:35px;} .icon.icon-bottom.icon-large {padding-bottom:50px;} .icon.icon-bottom:after {bottom:0; left:0; right:0; margin:0 auto; text-align:center;} .icon.icon-left {padding-left:35px;} .icon.icon-left.icon-large {padding-left:50px;} .icon.icon-left:after {left:0;} .icon.icon-menu:after {content:"\f0c9";} .icon.icon-search:after {content:"\f002";} .icon.icon-search.open:after {content:"\f00d";} .icon.icon-person:after {content:"\f0c0";} .icon.icon-location:after {content:"\f041";} .icon.icon-notes:after {content:"\f1ea";} .icon.icon-question:after {content:"\f29c";} .icon.icon-pen:after {content:"\f040";} .icon.icon-cog:after {content:"\f085";} .icon.icon-image:after {content:"\f03e";} .icon.icon-doc:after {content:"\f0f6";} .icon.icon-design:after {content:"\f1fc";} .icon.icon-form:after {content:"\f046";} .icon.icon-flow:after {content:"\f126";} .icon.icon-facebook:after {content:"\f09a";} .icon.icon-linkedin:after {content:"\f0e1";} .icon.icon-twitter:after {content:"\f099";} .icon.icon-youtube:after {content:"\f167";} /*-----opacity-----*/ .invisible {opacity:0;} .translucent {opacity:0.5;} .opaque {opacity:0.8;} .uppercase {text-transform:uppercase;} /*---------------------------------------- / header ----------------------------------------*/ #header {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} #header.is_stuck .navbar-brand { max-width: 200px; height: 55px; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;} .bu-burson #header.is_stuck .navbar-brand { height: 55px;} #header.is_stuck #header-login {height: auto;} #header #header-login.green-bg{ background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(37,144,102,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(37,144,102,1) 100%); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(37,144,102,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#259066",GradientType=1); } #header #header-login.dark-green-bg{ background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(35,150,24,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(35,150,24,1) 100%); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(35,150,24,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#239618",GradientType=1); } #header #header-login.orange-bg{ background: rgb(255,255,255); background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,123,39,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,123,39,1) 100%); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,123,39,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ff7b27",GradientType=1); } #header.is_stuck #header-login ul {margin: 0;} #header.is_stuck #header-login p { width: 30px; height: 30px; border: none; margin: 5px 0 0 5px; } #header {position:fixed; z-index:999; width:100%; -webkit-transform: translate3d(0,0,0);} #header a {border:none;} #header .col-lg-12 {position:static;} #header .navbar {border: none; min-height: auto; margin: 0; background: #262626; border-radius: 0;} #header .navbar ul {list-style: none; padding: 0; margin: 0;} #header .navbar ul li {float: left; padding: 0; margin: 0;} #header .navbar ul li.selected > a, #header .navbar ul li:hover > a { border-bottom: 10px solid #143B86; color: #ccc;} #header .navbar ul li.iFOL12 a { padding: 15px 15px 7px; text-indent: -9999px; background-image: url(/images/UserUploadedImages/11/icon-home.png); background-position: 50%; background-repeat: no-repeat;} #header .navbar ul li.iFOL341 a { padding: 15px 15px 7px; text-indent: -9999px; background-image: url(/images/UserUploadedImages/11/Mail_icon.png); background-position: 50%; background-repeat: no-repeat; } #header .navbar ul li.iFOL389 a { padding: 15px 15px 7px; text-indent: -9999px; background-image: url(/images/UserUploadedImages/11/Mail_icon.png); background-position: 50%; background-repeat: no-repeat; } #header .navbar ul li.first.selected a {opacity: 0.5; border: none;} #header .navbar ul li a {text-transform: uppercase; color: #fff; font-weight: 700; padding: 15px 5px 7px; float: left; letter-spacing: 0.5px; font-size: 95%; margin: 0 5px;} #header .navbar-brand { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; width: 320px; height: 108px; background: url(/images/UserUploadedImages/11/logo-core-blue.png) no-repeat 0 0; /*background: #fff url(/images/UserUploadedImages/12/xmas-logo.png) no-repeat 0 0;*/ background-size: 100%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;} #header #header-login { height: 108px; padding: 15px; background: #fff url(/images/UserUploadedImages/11/bg-header-gradient4.jpg) top right repeat-y; margin: 0; background-size: contain;} #header #header-login p { background-position: center; -webkit-transition: all 0.7s ease; background-image: none!important; transition: all 0.7s ease; width: 80px; float: right; height: 80px; border-radius: 50%; margin: 0; filter: brightness(95%) grayscale(100%); background-size: cover; background: #fff;border: 7px solid #fff;} #header #header-login p img {border-radius: 50%; width: 66px; height: 66px; object-fit: cover;} #header.is_stuck #header-login p img {border-radius: 50%; width: 30px; height: 30px; object-fit: cover;} #header #header-login p:hover {filter: brightness(100%) grayscale(0%);} #header #header-login ul {font-size: 90%; list-style-type: none; margin: 25px 15px 0 0; padding: 0; color: #fff; float: right;} #header #header-login ul li {float:left; margin: 0 5px 0 0;} #header #header-login ul li a { line-height: 140%; float: left; border-left: none; padding: 10px; color: #fff; font-weight: 600; background: rgba(0,0,0, 0.2);} #header #header-login ul li.greeting {margin: 7px 5px 0 0;} #header #header-login ul li.greeting a { line-height: 200%; float: none; margin: 0 5px; background: none; padding: 0; font-weight: 700;} #header #header-login ul li img {width:20px; border-radius:20px;} .skip-link {} #header-icon {padding: 0;} #header #header-login ul li.logout a { text-indent: -9999px; background-image: url(/images/UserUploadedImages/11/icon-logout.png); background-repeat: no-repeat; background-position: 50%; padding: 10px 15px;} #header #header-login li.backBapcor a { background-image: url(/images/UserUploadedImages/11/logo-bapcor-footer.png); background-size: 80%; padding: 10px 20px; width: 82px; text-indent: -9999px; background-repeat: no-repeat; background-position: center; } #info-window { max-width: 280px; margin: 0 auto; overflow: hidden; } #info-window #rules { margin: 0 0 10px!important; font-size: 90%; clear: both; background: #fff; padding: 5%; } #info-window #rules p, #info-window #rules ul {color: #007197} #info-window div.top-bar {display: none;} #info-window a.ellogo {display: none;} #info-window .main-login .content, #info-window .main-login {width: auto !important; color:#fff;} #info-window .login-input, #info-window .login-input label, #info-window .login-input span {color:#fff;} #Bapcor_Custom input[type="text"] { border: 1px solid #ccc; padding: 5px; width: 98%;} #Bapcor_Custom .formRow span, #Bapcor_Custom .warning, #Bapcor_Custom .error { color: red;} .error404 .system-logo { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; width: 320px; height: 108px; /* background: url(/images/UserUploadedImages/11/logo-bapcor.jpg) no-repeat 0 0; */ background: #fff url(/images/UserUploadedImages/11/logo-core-blue.png) no-repeat 0 0; background-size: 100%; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;} .error404 div.top-bar {display: block !important;} .error404 {max-width: 500px !important; width: 100% !important;} .error404 .content { float: none !important; max-width: 592px; padding: 25px 45px 0 45px; text-align: left; border: none !important; border-radius: 0; margin: 0 auto; width: 100% !important; font-family: 'Lab Grotesque'; font-size: 110%; line-height: 160%; } .error404 h1 {font-family: 'Lab Grotesque', 'Raleway'; color: #111; font-weight: 800; padding: 0; margin: 0 0 20px 0; color: inherit; text-rendering: optimizeLegibility; position: relative;} .error404 h1:after { content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px;} .orgchart-tooltip {/*display: none !important;*/} div[id$="RadToolTip1"] {display: none !important;} .orgchart-tooltip article {text-align: center; margin-bottom: 0;} .orgchart-tooltip article img { max-width: 200px;} .orgchart-tooltip article > div {padding: 10px 0; box-shadow: none !important;} .orgchart-tooltip article h3 + p + p, .orgchart-tooltip article h3 + p + p + p + p + p, .orgchart-tooltip .form-submission-responses-details + p {display: none;} .orgchart-tooltip .form-submission-responses-details {width: 100%;} .orgchart-tooltip .form-submission-responses-details th, .orgchart-tooltip .form-submission-responses-details td {border: 0 !important; text-align: center !important; padding: 0 !important;} .orgchart-tooltip .form-submission-responses-details tr {display: block;} .orgchart-tooltip .form-submission-responses-details tr:first-child, .orgchart-tooltip .form-submission-responses-details tr:first-child + tr th, .orgchart-tooltip .form-submission-responses-details tr:first-child + tr +tr {display: none;} .orgchart-tooltip a span {margin: 0 !important; height: auto !important; clip: initial !important; width: auto !important; position: relative !important; color: #fff; text-decoration: underline;} .emailCheck .btnGreen {border-radius: 0; color: inherit;-webkit-transition: all .7s ease;transition: all .7s ease;text-decoration: none;padding: 10px 20px;background: #ccc;border: 2px solid #ccc; border-bottom-color: rgb(204, 204, 204); margin: 15px 0;font-size: 100%;margin: 10px 0; color: #fff;border-color: #262626;background: #262626;} .loginPage #page-content { background: #0D2450; padding: 3% 0;} .loginPage #header {width: auto !important;position: relative !important;} .loginPage #header .navbar-brand {width: 320px !important;height: 108px !important;} #info-window .inner-login-box { margin: 0 !important; width: 100% !important;} #info-window h2 {color: #fff;} #info-window .content { float: left; width: 100% !important; padding: 10px; text-align: left; border: none; border-radius: 0; } #info-window .login-window {color: #fff; float: left; width: 100%; } #info-window h1 { border-bottom: 1px solid #DBDEE0; color: #fff;} .loginPage { background: #111;} .loginPage button, .loginPage #header .btn.icon-search {display: none;} .loginPage #aspnetForm { max-width: 320px; overflow: hidden; margin: 5% auto 0;} .loginPage div.admin-menu-on, .loginPage #AdminMenu {display: none;} #info-window .login-input a { text-decoration: underline; color: #fff;} .navbar-collapse {box-shadow: none !important;} #header .btn {margin:0; padding:0;} #header .btn.icon-search {display: none;} #header #header-search { position: relative; float: right; border-bottom: 10px solid #143b86; min-width: 400px;} #header #header-search label {display:none;} #header #header-search span[id$="SearchKeywordValidator"] {display: none; position: absolute; top: 15px; left: -3px; color: red; font-size: 150%;} #header #header-search .form-control {font-weight: 700; box-shadow:none; letter-spacing:-0.5px; width:100%; border-radius:0; height:45px; background:#262626; border:none; padding:15px 90px 15px 10px; color:#eee;} #header #header-search a.btn {background: none; width:60px; height:45px; overflow:hidden; position:absolute; top:0; right:0; color:#fff; text-align:center; border:0; text-indent:-9999px;} #header #header-search a.btn:after { font-family: FontAwesome; font-size: 25px; content: "\f002"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: 0; line-height: 45px; font-weight: 700; } .system-items ul li.inbox a:hover:before, .system-items ul li.inbox a:focus:before, .system-items ul li.inbox a:before {background: none;} .system-items ul li.inbox a span {font-size: 10px; font-weight: bold; right: -27px;} /*---------------------------------------- / navigation ----------------------------------------*/ #main-nav {border:none; overflow: hidden; /*background: url(/images/UserUploadedImages/11/bg-header-sliver.jpg) repeat-x;*/ background:#fff;} #main-nav.open {} .navbar-brand { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; width: 200px; height: 50px;} /*-----mega menu styles-----*/ #main-nav .hmenu {float:left; list-style-type:none; margin:0; padding:0; background-color:#fff;} #main-nav .hmenu a {text-decoration:none;} /* styles for level 1 */ #main-nav .hmenu > li {float:left; padding:5px 0;} #main-nav .hmenu > li > a, #main-nav .hmenu > li > span {display:block; color:#333; font-size:120%; height:auto; padding:0 20px;} #main-nav .hmenu > li:hover, #main-nav .hmenu > li:focus {} #main-nav .hmenu > li:hover > a, #main-nav .hmenu > li:focus > a {color:#00a1e3;} /* styles for level 2 */ #main-nav .hmenu > li > ul {display:none; z-index:10; position:absolute; top:46px; right:0; list-style-type:none; margin:0; width: 1170px; padding:20px 20px 20px 0; background-color:#000; 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; border-bottom:2px solid #207EAB; padding:2px 5px; color:#207EAB; font-weight:bold; font-size:120%;} #main-nav .hmenu > li > ul > li > a:hover, #main-nav .hmenu > li > ul > li > a:focus {border-bottom:2px solid #fff;} #main-nav .hmenu > li:hover > ul, #main-nav .hmenu > li:focus > ul {display:block; z-index:2000;} /* 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 15px; color:#fff; font-weight:normal; font-size:110%;} #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;} /*-----left flyout menu styles-----*/ #sections-menu { display: none; line-height: 100%; clip: auto; text-transform: uppercase; padding: 5px 10px; position: relative; margin: 0 0 10px; font-weight: 700; float: left; width: auto; height: auto; color: #143b86; border: 1px solid #eee; background: #fff; border-radius: 3px; border-bottom: 2px solid #ddd;} #LeftMenu {padding-bottom: 20px;overflow: hidden;} #LeftMenu .menu, #LeftMenu, #LeftMenu .rootGroup {width: 100% !important;} #LeftMenu li {margin-bottom: 0;width: 100%;} /*root/level2 vertical menu*/ #LeftMenu a.link, #LeftMenu a.CMLevel1Selected {padding: 5px 0; font-family: 'Muli'; height: auto; border-bottom:1px solid #1D779F; width:100% !important;} #LeftMenu a.link .text, #LeftMenu a.link .rpText, #LeftMenu a.CMLevel1Selected .text {background-color:#66b8de; color:#1E1E1E; font-size:100%; height: auto; padding:8px 12px 6px 12px;} #LeftMenu a.link:hover, #LeftMenu a.link:focus {} #LeftMenu a.link:hover .text, #LeftMenu a.link:focus .text {background-color:#1D779F; color:#fff; font-size:100%;} /*level 2 vertical menu*/ #LeftMenu a.CMLevel2, #LeftMenu a.CMLevel2Selected {height:30px; border-bottom:1px solid #66b8de;} #LeftMenu a.CMLevel2 span, #LeftMenu a.CMLevel2Selected span {background-color:#91cae8; height:16px; padding:8px 12px 6px 12px;} #LeftMenu a.CMLevel2Selected:hover span, #LeftMenu a.CMLevel2:hover span, #LeftMenu a.CMLevel2:focus span {background-color:#1D779F;} /*level 3 vertical menu*/ #LeftMenu a.CMLevel3, #LeftMenu a.CMLevel3Selected {height:30px; border-bottom:1px solid #91cae8;} #LeftMenu a.CMLevel3 span, #LeftMenu a.CMLevel3Selected span {background-color:#b5dced; height:16px; padding:8px 12px 6px 12px;} #LeftMenu a.CMLevel3Selected:hover span, #LeftMenu a.CMLevel3:hover span, #LeftMenu a.CMLevel3:focus span {background-color:#1D779F;} /*level 4 vertical menu*/ #LeftMenu a.CMLevel4, #LeftMenu a.CMLevel4Selected {height:30px; border-bottom:1px solid #b5dced;} #LeftMenu a.CMLevel4 span, #LeftMenu a.CMLevel4Selected span {background-color:#e7f8ff; height:16px; padding:8px 12px 6px 12px;} #LeftMenu a.CMLevel4Selected:hover span, #LeftMenu a.CMLevel4:hover span, #LeftMenu a.CMLevel4:focus span {background-color:#1D779F;} #LeftMenu .group {width:210px !important;} /*----------panelbar default css----------*/ .RadPanelBar {width: 100% !important;} .RadPanelBar ul {list-style-type:none; margin: 0 !important; padding:0;} .RadPanelBar ul li {margin: 0 !important;} .RadPanelBar .link {display:block; text-decoration:none;} .RadPanelBar .rpOut {display:block;} .RadPanelBar .rpText {display:block;} .RadPanelBar .rpSlide {display:none;} div[id$="Panelbar13"] .rpSlide {display:block;} .RadPanelBar .rpSlide .rpSlide { margin: 0 0 0 50px; padding: 5px 0;} /*-----panelbar menu styles-----*/ #LeftMenu .panelbar a.MenuItemOne {display: none; border-bottom:1px solid #409ec1; background:none; color: #333; font-size:18px; font-family: 'Lab Grotesque', 'Raleway',sans-serif;} #LeftMenu .panelbar a.link.MenuItemOne .rpText {background: none; padding:20px 10px 5px;} #LeftMenu .panelbar a.link:hover .rpText, #LeftMenu .panelbar a.link:focus .rpText {} #LeftMenu .panelbar ul li ul .rpExpandable .rpText:before {/*content:"\f105 "; font-family:FontAwesome; font-size:16px; display:block; float:left; margin-left:-14px; margin-top:-1px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear;*/ } #LeftMenu .panelbar ul li ul .MenuItemTwoClicked .rpText:before, #LeftMenu .panelbar ul li ul .MenuItemThreeClicked .rpText:before, #LeftMenu .panelbar ul li ul .MenuItemFourClicked .rpText:before { font-weight: 500; color: #666; content:"\f105 "; font-family:FontAwesome; font-size:16px; display:block; float:left; margin-left:-14px; margin-top:-1px; -webkit-transition: 0.5s linear; -moz-transition: 0.5s linear; transition: 0.5s linear;} /*level 2 panelbar*/ #LeftMenu .panelbar a.MenuItemTwo {border-bottom:1px solid #888; font-size:100%;} #LeftMenu .panelbar a.MenuItemTwoClicked {padding-left:20px;} #LeftMenu .panelbar a.MenuItemTwo .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText { padding-left: 0; width:100% !important; background:none; border:none; font-family: "Muli","Helvetica Neue", helvetica, arial, sans-serif;} /*level 3 panelbar*/ #LeftMenu .panelbar a.MenuItemThree {border-bottom:1px solid #888; font-size:100%;} #LeftMenu .panelbar a.MenuItemThreeClicked {padding-left:20px;} #LeftMenu .panelbar a.MenuItemThree .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {padding-left: 0; width:100% !important; background:none; border:none; font-family: "Muli","Helvetica Neue", helvetica, arial, sans-serif;} #LeftMenu .panelbar a.MenuItemThree:hover .rpText, #LeftMenu .panelbar a.MenuItemThree:focus .rpText {} /*level 4 panelbar*/ #LeftMenu .panelbar a.MenuItemFour{border-bottom:1px solid #888; font-size:100%;} #LeftMenu .panelbar a.MenuItemFour .rpText, #LeftMenu .panelbar a.MenuItemFourClicked .rpText {padding-left:0; background:none; border:none;} #LeftMenu .panelbar a.MenuItemFourClicked .rpText {padding-left: 20px;} #LeftMenu .panelbar a.MenuItemFour:hover .rpText, #LeftMenu .panelbar a.MenuItemFour:focus .rpText {} #LeftMenu .panelbar .rpLevel4 a.MenuItemFour .rpText, #LeftMenu .panelbar .rpLevel4 a.MenuItemFourClicked .rpText {padding-left:60px;} /*selected item*/ #LeftMenu a.CMLevel1Selected .text, #LeftMenu a.CMLevel2Selected .text, #LeftMenu a.CMLevel3Selected .text, #LeftMenu a.CMLevel4Selected .text, #LeftMenu .panelbar a.MenuItemOneClicked .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, #LeftMenu .panelbar a.MenuItemFourClicked .rpText {color: #143b86; font-weight: 700;} #LeftMenu .panelbar ul li ul .rpExpandable.MenuItemTwoClicked .rpText:before, #LeftMenu .panelbar ul li ul .rpExpandable.MenuItemThreeClicked .rpText:before { /* -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); */ } /*---------------------------------------- / home ----------------------------------------*/ #banner-home {height:500px;} #banner-home h1 {font-size: 150%; font-weight: 500; color: #acf8ff;} #banner-home p strong {font-size: 430%; font-weight: 600; max-width: 900px; color: #fff; margin: 30px auto; line-height: 100%; text-shadow: 2px 2px 20px #333;} .announcements { padding: 10px; line-height: 170%;} .announcements .owl-carousel { width: 80%; margin: 0 auto;} .announcements .owl-carousel .owl-stage-outer {} .announcements .owl-nav {display: none;} .announcements:hover .owl-nav {display: block;} .announcements .owl-carousel .owl-nav .owl-prev, .announcements .owl-carousel .owl-nav .owl-next {} .announcements {background: #D33338; color: #fff; text-align: center;} .announce a:link, .announce a:visited, .announcements a {color: #fff;} .announcements p {margin: 0; font-size: 95%;} .announcements a strong { font-weight: 800; font-size: 150%; position: relative; padding: 0 0 15px 40px; display: inline-block;} .announcements a strong:before { font-family: FontAwesome; font-size: 20px; /*content: "\f12a"; position: absolute; top: -2px; right: 0; bottom: 0; left: 0; text-indent: 0; line-height: normal; height: auto; width: 30px; height: 30px; border-radius: 50%; background: #000; padding: 5px;*/ font-weight: normal; } .announcements .owl-item {} .announcements .owl-item > div { max-width: 800px; margin: 0 auto; padding: 2%;} .announcements .owl-item > div p a {text-decoration: underline;} .announcements.white-text a , .content-area article .announcements.white-text a { color: #fff; } .announcements .item {margin-bottom: 25px;} .announcements .item:last-child {margin-bottom: 0;} /*---------------------------------------- / content ----------------------------------------*/ #breadcrumb-panel { overflow: hidden; margin: 0; padding: 0;} #breadcrumbs {position: relative; padding: 0;} #breadcrumbs:after { content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px;} #breadcrumbs p {display:none;} #breadcrumbs .breadcrumb { margin: 0; background: transparent; border-radius: 0; border-bottom: none; padding: 5px 0; font-size: 90%;} #breadcrumbs .breadcrumb a { color: #666;} #utilities.tablet {display: none; padding: 0 20px 0 0;} #utilities, #utilities1 { padding: 0; margin: 10px 0; float: right; padding: 0; width: 100%;} #utilities ul, #utilities1 ul {float: right; list-style-type:none; margin:0; padding:0;} #utilities ul li, #utilities1 ul li {display:inline-block;} .btn.loginPreceda { background-image: url(/images/UserUploadedImages/11/icon-preceda.png); background-repeat: no-repeat; background-size: 30px; padding: 10px 15px 10px 50px; background-position: 10px 8px; font-weight: 700; background-color: #ddd;} .cm-article1713 .content-area nav.left-float h2::after, .cm-article1713 .content-area nav.left-float h3::after { content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px;} .cm-article1713 #breadcrumbs::after, .cm-article1837 #breadcrumbs::after, .cm-article1845 #breadcrumbs::after, .cm-article1713 .content-area article h4::after, .cm-article1837 .content-area article h4::after, .cm-article1845 .content-area article h4::after {background: #f2d211 !important;} .cm-article1713 .content-area nav.left-float h2::after, .cm-article1713 .content-area nav.left-float h3::after{background: #f2d211;} .cm-article1713 .content-area aside.right-panel h2::after, .cm-article1713 .content-area aside.right-panel h3::after {background: #f2d211;} .cm-article2789 .content-area nav.left-float h2::after, .cm-article2789 .content-area nav.left-float h3::after { content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px;} .table-blue-grey {margin-bottom: 20px;} .table-blue-grey tr:nth-child(odd) {background: #e7ebf7;} .table-blue-grey tr:nth-child(even) {background: #f2f3f4;} .table-blue-grey tr:first-child {background: #4f81bd;} .table-blue-grey tr th {font-size: 120%; font-weight: bold; padding: 10px; color: #fff;} .table-blue-grey tr td {padding: 10px;} /*---------------------------------------- / sidebar ----------------------------------------*/ #sidebar {} #sidebar h3 {border-bottom:1px solid #409ec1; padding-bottom:5px; font-size:160%;} #sidebar h4 {font-size:140%;} #sidebar h5 {font-size:120%;} #sidebar h6 {font-size:100%;} /*---------------------------------------- / footer ----------------------------------------*/ #footer {} #footer ul {list-style-type:none; margin:0; padding:0;} #footer ul li {float:left; padding:0 5px;} #footer .btn.icon {font-size:16px; width:16px; height:16px; padding:0 5px;} #footer .btn.icon:after {font-size:16px; line-height:16px;} #footer .btn-default, #footer .btn-default:link, #footer .btn-default:active {color:#3d3d3d; border-color:#fff; background:#fff;} /*--------------------------------------------------------------------- site modules ---------------------------------------------------------------------*/ /*---------------------------------------- / document upload ----------------------------------------*/ .FileUpload a#btnAdddocument1 {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; margin-bottom:20px;} .FileUpload a#btnAdddocument1:hover, .FileUpload a#btnAdddocument1:focus {} /*---------------------------------------- / widgets ----------------------------------------*/ .widget {} .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%;} #nyroModalWrapper {background-color:#000; height:auto !important} #nyroModalWrapper h1 {margin:10px 0 0 10px;} #nyroModalFull {z-index: 9999 !important;} #nyroModalFull #nyroModalWrapper {transform: translateX(-50%) !important;} #nyroModalFull #closeBut {color:#ffffff; background:#000; padding:5px; position:absolute; top:10px; right:10px;} #nyroModalWrapper #nyroModalContent {overflow:hidden !important; height: auto !important;} .tax {margin: 0 0 10px;} .tax a {text-transform: uppercase; background: #d0ebf4; display: inline-block; width: auto; padding: 3px 2%; font-size: 80%; letter-spacing: 1px; margin: 0 3px 3px 0;} .allCareers h4 a{color: #143B86;} .moreCareers .mainItem, .moreCareers .subItem {border-bottom: 1px solid #eee; padding: 5px 0; } .media article { margin-bottom: 5px; height: 115px; overflow: hidden; background-size: cover; background-position: center;} .media article img {opacity: 0;} #lightbox-imageBox, #lightbox-infoBox { border: 15px solid #fff !important;} #lightbox-currentNumber {display: none !important;} #lightbox-infoHeader { width: 80% !important; text-align: left !important; float: left; } #lightbox-infoFooter { margin-top: 3px; color: #333; float: right; width: 20%; } #lightbox-caption { font-size: 110% !important;} #lightbox-caption a, #lightbox-caption #lightbox-caption-seperator {display: none !important;} #lightbox-close a { position: relative; border: none; height: 30px; text-indent: -9999px; display: block; width: 30px; float: right; color: #fff !important; padding: 0; } #lightbox-close a:after { content: "\f00d"; font-family: FontAwesome; font-size: 35px; position: absolute; top: -15px; right: 0; bottom: 0; left: 0; text-indent: 0; color: #333;} .staffVacancies h2 a.viewAll,.staffVacancies a.viewAll{background:#eee;display:inline-block;padding:3px 10px;color:#999;text-transform:lowercase;border:1px solid #ccc;margin:0 10px;font-size:13px;font-weight:400!important;text-shadow:none;letter-spacing:0} .staffVacancies{margin:25px 0} .staffVacancies h2::after{content:"";width:70px;height:12px;display:block;background:#143B86;margin:5px 0 20px} .staffVacancies .row{border-top:2px solid #ccc;padding:20px 0;margin:0} .staffVacancies h2 + .row{border:none} .content-area article .staffVacancies a {color: #005596} .staffVacancies strong{font-weight:700} .staffVacancies em{font-style:normal;font-size:85%;font-weight:700;display:block} .staffVacancies em ul{list-style:none;padding:0;margin:0;display:inline} .staffVacancies em ul li{display:inline} .staffVacancies em ul li:after{content:", "} .staffVacancies em a{font-weight:700;color:#333} .staffVacancies .row .col-sm-3{padding-left:0} /*---------------------------------------- / widget refinements /*---------------------------------------*/ .tags {} .tags ol { display: inline-block; list-style: none; margin: 0; padding: 0;} .tags ol li {display: inline-block; margin: 0 5px 0 0;} .tags ol li:before {content: ",";} .tags ol li:first-child:before {content: "";} .tags ol li.tagID16, .tags ol li.tagID1 {display: none;} .widget {clear: both;} .refinewidget {margin-bottom:20px; position:relative;} .refineKeyword .RefineWidgetRemove { display: block; width: 30px; height: 30px; overflow: hidden; text-indent: -9999px; border: 1px solid #ccc; position: absolute; bottom: 0; right: 30px;} .refineKeyword .RefineWidgetRemove:after { content: "\f00d"; font-family: FontAwesome; font-size: 16px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; line-height: 180%; text-indent: 0; color: #333; background: #fafafa;} .refinewidget ol {list-style-type:none; margin:0; padding:0;} #wrapper #page-content #sidebar .refinewidget > ol {margin-left:11px;} .refinewidget ol li {padding:0 10px 5px 0; position:relative;} #wrapper #page-content #sidebar .refinewidget ol li {margin-bottom:0;} .refinewidget > ol > li > ol {margin:5px 0 0 10px;} #wrapper #page-content #sidebar .refinewidget > ol > li > ol {margin-left:10px;} .refinewidget > ol > li > ol > li {} .refinewidget > ol > li > ol > li > ol {margin:5px 0 0 20px;} #wrapper #page-content #sidebar .refinewidget > ol > li > ol > li > ol {margin-left:20px;} .refinewidget > ol > li > ol > li > ol li {} .refinewidget ol li .RefineSelected {font-weight:bold;} .refinewidget ol li .RefineWidgetRemove {float:left; position:absolute; top:5px; right:0; width:12px; height:12px; text-indent:-9999px;} .refinewidget ol li .RefineWidgetRemove:after {content:"\f00d"; font-family:FontAwesome; font-size:16px; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:12px; text-indent:0; color:#333;} .refinewidget .searchInput {display:block; width:100%; height:30px; padding:5px 35px 5px 5px; line-height:1.428571429; vertical-align:middle; background:#fff; border:1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .refinewidget .searchInput:hover, .refinewidget .searchInput:focus {} .refinewidget a[id$="SearchLinkButton"] {position:absolute; bottom:0; right:0; text-indent:-9999px; color:#fff; text-decoration:none; padding:0; border: none; background: none; border-radius:0; display:block; letter-spacing:1px; width:30px; height:30px;} .refinewidget a[id$="SearchLinkButton"]:after {color:#333; content:"\f002"; font-family:FontAwesome; font-size:16px; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:30px; text-indent:0;} .refinewidget a[id$="SearchLinkButton"]:hover, .refinewidget a[id$="SearchLinkButton"]:focus {text-decoration:none; cursor:pointer;} /* hide root tax for publications */ #RefineWidget1312 > ol > li > a { display: none; } /*---------------------------------------- / alerts stream ----------------------------------------*/ #page-content .notifications {} #page-content .notifications .alerts-section {} #page-content .notifications .alert-item {border:none; border-bottom:1px solid #eee; padding:0 0 35px 0; margin:0 0 15px 0; position:relative;} #page-content .notifications .alert-item header {position:relative; padding-right:100px;} #page-content .notifications .alert-item header h4 {margin-bottom:10px;} #page-content .notifications .alert-item header p.Alerted-date-item {font-size:90%;} #page-content .notifications .alert-item header .indicator {position:absolute; top:0; right:0; font-style:italic;} #page-content .notifications .alert-item .options {position:absolute; bottom:15px; right:0; list-style-type:none; margin:0; padding:0;} #page-content .notifications .alert-item .options li {display:inline; padding-left:15px;} .alert {border-radius: 0;} .alert-danger { color: #b94a48; background-color: #f2dede; border-color: #ebccd1; clear: both; float: left; display: block; padding: 5px; margin: 10px 15px; } /*---------------------------------------- / carousels /*---------------------------------------*/ .carousel-contents {position:relative; /*max-width:940px;*/ max-width:100%;} .carousel-contents #slider-prev {opacity:0; display:block; position:absolute; top:50%; left:20px; z-index:2000; text-indent:-9999px; width:38px; height:38px; background:#f0f0f0 url(/images/tdcm/slider_prev.png) no-repeat 50% 50%;} .carousel-contents #slider-next {opacity:0; display:block; position:absolute; top:50%; right:20px; z-index:2000; text-indent:-9999px; width:38px; height:38px; background:#f0f0f0 url(/images/tdcm/slider_next.png) no-repeat 50% 50%;} .carousel-contents:hover #slider-prev, .carousel-contents:focus #slider-prev, .carousel-contents:hover #slider-next, .carousel-contents:focus #slider-next {opacity:1;} .carousel-contents #slide {width:100%; height:450px; position:relative; overflow:hidden;} .carousel-contents #slide > div {width:100%; height:450px;} .carousel-contents #slide > div .content {} .carousel-contents #slide > div h3 {float:left; position:relative; z-index:2; font-size:250%; color:#fff; margin:40px 20px 20px 20px; padding:10px; background-color:#666;} .carousel-contents #slide > div p {float:left; clear:both; position:relative; z-index:2; font-size:175%; color:#fff; margin:0 20px 20px 20px; padding:10px; background-color:#95BA00;} .carousel-contents #slide > div img {position:absolute; top:0; left:0; z-index:1;} .subslider.owl-carousel .owl-dots .owl-dot.active { background: #143B86} .subslider.owl-carousel .owl-dots .owl-dot { height: 10px; margin-right: 5px; background: #fff; display: block; border: none; width: 10px; border-radius: 10px;} .subslider .owl-dots { position: absolute; bottom: 30px; right: 10px; z-index: 2; display: flex;} .carousel-contents .subslider.owl-carousel { height: 200px; max-width:600px; } .subslider.owl-carousel .owl-item img { height: 200px; object-fit: cover;} /*---------------------------------------- / workflow /*---------------------------------------*/ .btn-default.buttontypescomments, .btn-default.buttontypeback {margin-top: 0px; padding:12px; } .feedback + .DivContent{padding-top:10px;} /*---------------------------------------- / workspace members /*---------------------------------------*/ div[id$="MemberPanel"] {margin-bottom:45px;} .uploaded-documents-content {list-style-type:none; margin:0; padding:0;} .uploaded-documents-content li {border-bottom:1px solid #E0E0E0; padding:0 10px 10px 10px; margin-bottom:10px; line-height:1;} .uploaded-documents-content li .published-icon {} .uploaded-documents-content li .document-link {padding-right:10px;} .uploaded-documents-content li .document-details {font-style:italic; font-size:90%;} .uploaded-documents-content li .document-details label {font-weight:normal;} /*---------------------------------------- / rss /*---------------------------------------*/ .rss ol {margin:0; padding:0;} .rss ol li {margin:0 0 10px 0;} .rss ol li a {display:block;} /*---------------------------------------- / wiki /*---------------------------------------*/ .module-area .ArticleList ul {list-style-type:none; margin:0; padding:0;} .module-area .ArticleList ul li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #ccc;} .module-area .ArticleList ul li a {display:block; margin-bottom:5px;} .module-area .ArticleList ul li span.ArticleSeparator {display:none;} .module-area .ArticleList ul li span.ArticleDescription {display:block;} /*---------------------------------------- / polls ----------------------------------------*/ #PollMain #PollSection span {font:18px/1.2em georgia,arial,verdana,sans-serif; margin:0 0 10px 0; display:block;} #PollMain span.RenderPoll {display:block; margin:10px 0px;} /*poll page*/ #PollMain span.RenderPoll input {margin:0 5px 5px 0;} #PollMain span.RenderPoll label {margin:0 0 5px 0;} #PollMain input[id$="btnPoll"] {margin:10px 0;text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #1D779F; background-color:#1D779F; border-radius: 2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #PollMain input[id$="btnPoll"]:hover, #PollMain input[id$="btnPoll"]:focus {border:1px solid #00557F; cursor:pointer;} #PollMain #ctl00_ContentPlaceHolderMainNoAjax_ctl01_btnViewResult {margin:0 5px;} #PollMain #PollSection .RenderPoll label, #PollMain #PollSection .RenderPoll input {margin-top:10px; display:block;} /*results*/ #PollMain{width:250px;} .content-area #PollMain {width:500px;} #sidebar #PollMain {width:200px; margin-bottom:20px; z-index:1;} .content-area #PollMain label, #sidebar #PollMain label {display:inline;} #PollMain ul {margin:0; padding0; list-style-type:none;} #PollMain ul li {position:relative; margin-bottom:5px;} #PollMain ul li .pollOption {display:block;} #PollMain ul li .pollOuter {border:solid #c5c5c5 1px; width:165px;} #PollMain ul li .pollOuter .pollPercent {display:block; background:#666; height:15px;} #PollMain ul li .pollOuter span {position:absolute; left:175px; bottom:0px;} /*---------------------------------------- / quiz ----------------------------------------*/ .content-area .clsQuizTable {width:90%; background-color:transparent; border:none;} .content-area .clsQuizTable th {border:none; padding:0;} .content-area .clsQuizTable td {border:none; padding:0;} .content-area .clsQuizTable td.clsQuesNo {text-align:right; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #ddd;} .content-area .clsQuizTable td.clsQuesText {font:normal 160% tahoma,arial,verdana,sans-serif; color:#002341; padding:20px 0; margin:0; border-top:1px solid #ddd;} .content-area .clsQuizTable td.clsPrev {text-align:left; padding-top:20px;} .content-area .clsQuizTable td.clsNext {text-align:right; padding-top:20px;} .content-area .clsQuizTable td.clsOptions {padding-bottom:10px;} .content-area .clsQuizTable td.clsOptions input {margin-right:10px;} /*---------------------------------------- / form creator ----------------------------------------*/ .DivFormContent .buttonFormsGroupTop {display:none;} .cm-article386 #page-content .content-area { width: 100%; max-width: 500px; margin: 0 auto;} .cm-article386 #page-content .content-area textarea { height: 300px;} .clsFormCreator.form-horizontal .form-group{ clear: both;} .clsFormCreator {margin:0 0 20px 0;} .clsFormCreator > div {margin-bottom:20px; position:relative;} .clsFormCreator .form-group > div.col-xs-12, .clsFormCreator > div.col-xs-12 {padding: 0;} .clsFormCreator div > input.clsDateBox {width:200px !important; float: left; position: relative; background: url(/images/UserUploadedImages/11/icon-datepicker.png) no-repeat right center;} .ui-datepicker-trigger {display: none;} .clsFormCreator fieldset {border:none; margin:0 0 20px 0; padding:0;} .clsFormCreator h3, .clsFormCreator fieldset legend { border: none; border-top: 10px solid #eee; margin: 20px 0 0; padding: 20px 0 0; display: inline-block; width: 100%; } .clsFormCreator fieldset.clsRadioButtonListSpanOptions legend, .clsFormCreator fieldset.clsCheckBoxListSpanOptions legend {font-size: 100%; border: none;} .clsFormCreator div .clsCheckBoxListSpanOptions span, .clsFormCreator div .clsRadioButtonListSpanOptions span, .clsFormCreator div .clsOrderOfPreferenceSpanOptions span {display:block; padding-left:0;} .clsFormCreator div span.mandatory-indictator{display: inline-block;} .clsFormCreator div .clsOrderOfPreferenceSpanOptions span {float:left; width:100%; clear:both; padding-bottom:10px;} .clsFormCreator div .clsCheckBoxListSpanOptions span input, .clsFormCreator div .clsRadioButtonListSpanOptions span input {width:auto !important; height:auto; margin:5px 5px 0 0; padding:0;} .clsFormCreator div .clsOrderOfPreferenceSpanOptions span input {float:left;} .clsFormCreator div .clsCheckBoxListSpanOptions span label, .clsFormCreator div .clsRadioButtonListSpanOptions span label {width:auto; padding-top:0; font-weight:normal; float:none; text-align:left; display: block;} .clsFormCreator div .clsOrderOfPreferenceSpanOptions span label {float:left;} .clsFormCreator div.clsFormCreator_checkbox {position:relative; /*padding-left:16.666666666666664%;*/} .clsFormCreator div.clsFormCreator_checkbox label {width:auto; float:none;} .clsFormCreator div.clsFormCreator_checkbox input {width:auto !important; height:auto; margin:5px 5px 0 0; padding:0;} .clsFormCreator div.clsMandatory {/*margin-left:15px; padding-left:16.666666666666664%;*/ font-size:90%;} .clsFormCreator .clsFormCreator_button {/*padding-left:16.666666666666664%;*/ margin-right:15px;} .btn-navigation { background: #143b86; border: none;} .radio, .checkbox {padding-left: 0;} .clsFormCreator .clsFormCreator_button {float:left;} .clsFormCreator .clsFormCreator_button input[value~="back"] {background:#ccc; border-color:#ccc;} .clsFormCreator .clsFormCreator_button+.clsFormCreator_button {padding-left:0;} .clsFormCreator div.form-actions > div {width:auto; float:left;} .clsFormCreator div.form-actions > div:first-child {} .clsFormCreator div.form-actions > div input {margin-right:10px;} .clsFormCreator div.clsBtnSubmit {} .clsFormCreator div.clsBtnClear {} .clsFormCreator .formCreatorCaptchaTable {/*padding-left:16.666666666666664%;*/} .clsFormCreator .formCreatorCaptchaTable div {margin-bottom:0;} .clsFormCreator fieldset.two-column > div {width:50%; padding-right:20px;} .clsFormCreator fieldset.three-column > div {width:33%; padding-right:20px;} .clsFormCreator .submit-failed, .clsFormCreator .submit-success {display:none;} .clsFormCreator .repeat {position:relative;} .clsFormCreator .repeat .delete-button {float:left; border:none; padding:5px 10px; position:absolute; bottom:15px; right:15px;} .clsFormCreator .add-button {float:right; clear:both; margin-top:20px; margin-right:15px; border:none; padding:5px 10px;} .clsFormCreator .Fieldset_My_Hobbies {margin-bottom:0;} .clsFormCreator .Fieldset_More_Hobbies {position:relative;} .clsFormCreator .Fieldset_More_Hobbies > legend {display:none;} .clsFormCreator .Fieldset_More_Hobbies .clsFormCreator_button {clear:both;} .clsFormCreator .Fieldset_Hobbies {} .clsFormCreator .Fieldset_Hobbies > legend {display:none} .clsFormCreator > h2 {clear: left;} .clsFormCreator .alert-danger {margin-left:0; margin-right:0;} .clsFormCreator .feedback.error-message a {color: #b94a48;} .clsFormCreator .feedback.error-message {padding-right: 25px;} .form-horizontal.comments .clsFieldset.Fieldset_Comments legend, .form-horizontal.comments .clsFieldset.Fieldset_Comments{display:none;} .clsFormCreator.comments fieldset.Fieldset_Comment legend.clsFieldsetLegend { display: none;} .button-delete-container {float:left;} .clsFormCreator .radio input[type="checkbox"] {float: left;} .searchPanel {position: relative;} .searchPanel .quickSearchPanel { position: absolute; background: #333; z-index: 999; width: 100%; } .searchPanel .quickSearchPanel ol { list-style: disc; padding: 10px; margin: 0 20px; color: #fff;} .searchPanel .quickSearchPanel a {border: none; color: #fff; font-size: 90%;} .dynamic-results-links {float: right; font-weight: bold; margin: 10px 0;} #close-results { position: relative; margin: 10px; background: #222; padding: 5px;} #close-results:after {content: "\f00d"; font-family: fontawesome; font-size: 150%; margin: 0 5px;} .dynamic-results {margin: 10px 0 0; padding: 10px;} /*---------------------------------------- / form results ----------------------------------------*/ .FormResult {} /*-----search parameters-----*/ .FormResult .clsSearchParameters {position:relative; background:#f2f6f9; border-bottom:1px solid #d7edee; margin-bottom:15px; padding:15px; min-height:20px;} .FormResult .clsSearchParameters .clsSubmitNew {position:absolute; bottom:15px; right:15px;} .FormResult .clsSearchParameters .clsSubmitNew a {color:#fff; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .FormResult .clsSearchParameters .divSearchPanelInner > div, .FormResult div.advanced-search-panel > div {margin:0 5px 0 0; position:relative; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .FormResult div.advanced-search-panel > div .RadPicker input {width:100% !important; height:24px;} .FormResult div.advanced-search-panel > div input#txtRefNo {width:50px !important;} .FormResult .clsSearchParameters div.clsFormResultsSearchButton {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .FormResult .clsSearchParameters div.clsFormResultsSearchButton a {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .FormResult .clsSearchParameters .divSearchPanelInner .pnlSearchMore {display:none;} .FormResult a#advanced-search {padding:5px;} /*-----results table-----*/ .FormResult .total-records {position:absolute; bottom:0; right:0; display:block; padding:5px 10px;} .FormResult table.returned-results {margin-bottom:20px; width:100%;} /*-----pagination-----*/ .FormResult .pagination {} .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;} .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 span.clsCheckBoxListSpanOptions {} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span {} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span input {width:auto;} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span label {width:auto;} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions {} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions span {} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions span input {width:auto;} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions span label {width:auto;} .divFormCreatorTableContentMain div.clsFormCreator_checkbox {position:relative; padding-left:105px;} .divFormCreatorTableContentMain div.clsFormCreator_checkbox label {width:auto; position:absolute; left:130px; top:0;} .divFormCreatorTableContentMain div.clsFormCreator_checkbox input {width:auto;} .divFormCreatorTableContentMain fieldset {border:none; margin:0 0 20px 0; padding:0;} .divFormCreatorTableContentMain fieldset legend {color:#000;} .divFormCreatorTableContentMain div.clsMandatory {padding-left:105px; font-size:90%;} .divFormCreatorTableContentMain div.clsBtnSubmit {padding-left:105px;} .divFormCreatorTableContentMain div.clsBtnSubmit input {width:auto;} .divFormCreatorTableContentMain div.clsBtnSubmit input:hover, .divFormCreatorTableContentMain div.clsBtnSubmit input:focus {} .content-area div[id$="divReportArea"] .form-actions input { margin-bottom: 10px;} .content-area div[id$="divReportArea"] + .table-responsive{width:100%; overflow:auto; border: 1px solid #ddd;} /*---------------------------------------- / document list /*---------------------------------------*/ #divDocListResults {clear: both;} #searchFileDescLabel, #searchFileNameLabel {/*display: none;*/} .ancFileLink { word-break: break-word;} #divDocListResults .btn-angle-right:before {content: "\f107";} /*-----search parameters-----*/ #divDocListResults .clsSearchParameters { position: relative; background: none; border-bottom: none; margin-bottom: 15px; padding: 0;} #divDocListResults .clsSearchParameters .search-heading {} #divDocListResults .clsSearchParameters .search-heading h2 {font-size: 110%;} #divDocListResults .clsSearchParameters .search-parameters { padding: 0 10px 0 0; margin:0 0 10px 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; clear: both; width: 100% !important;} #divFileSizeSearch {width: 100%;} #searchFileSize > span { width: 45%; float: left; margin: 0 10px 0 0;} #searchFileSize #searchFileSizeBytes { display: block; clear: left;} #divDocListResults .clsSearchParameters div[id$="divLastEditedSearch"] {} #divDocListResults .clsSearchParameters div[id$="divLastEditedSearch"] label { padding: 10px 10px 0 0;} #divDocListResults .clsSearchParameters #divFileSizeSearch.search-parameters legend {border-top:0; display: none;} #divDocListResults .clsSearchParameters .search-parameters div[class*="col"] {clear:left; width: 100%; padding:0;} #divDocListResults .clsSearchParameters #divFileSizeSearch #searchFileSize .form-group {width: 50%; margin-bottom:0;} #divDocListResults .clsSearchParameters #divFileSizeSearch #searchFileSize .form-group:first-child {padding-right: 7.5px;} #divDocListResults .clsSearchParameters #divFileSizeSearch #searchFileSize .form-group:last-child {padding-left: 7.5px;} #divDocListResults .clsSearchParameters .clsFormResultsSearchButton div[class*="offset"] {margin-left:0;} #divDocListResults .clsSearchParameters .search-parameters input { padding: 20px; max-width: 100%; clear: both; display: block; padding: 20px;} #divDocListResults .clsSearchParameters .RadPicker input {width:100%; height:24px;} #divDocListResults .clsSearchParameters .clsFormResultsSearchButton { padding: 0; width: 100%; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; clear: both; display: block;} #divDocListResults .clsSearchParameters .search-parameters label {width: 100%;} #divDocListResults .clsSearchParameters .search-parameters #searchLastEdited {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divDocListResults .clsSearchParameters .clsFormResultsSearchButton a#SearchLinkButton {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divDocListResults .clsSearchParameters .clsFormResultsSearchButton a#SearchClearAllButton {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} /*-----results table-----*/ #divDocListResults .clsDocListRepeater table th {white-space: nowrap;} #divDocListResults .clsDocListRepeater table th[aria-label*="Title"] {min-width: 200px;} #divDocListResults .clsDocListRepeater table th a{ color:#000;} #divDocListResults .clsDocListRepeater table#tableDocList {border: none; width:100%;} #divDocListResults .clsDocListRepeater table#tableDocList th { border: none !important; width: auto !important;} #divDocListResults .clsDocListRepeater table#tableDocList th.title { width: 25% !important;} #divDocListResults .clsDocListRepeater table#tableDocList th a {color:#3d3d3d;} #divDocListResults .clsDocListRepeater table#tableDocList td { border-left: none !important; border-right: none !important;} #divDocListResults .clsSearchParameters .search-panel .RadPicker .rcCalPopup { height: 42px !important; width: 30px !important; } #divDocListResults .clsSearchParameters .search-panel .RadPicker {width: 200px !important;} /*---------------------------------------- / cloud storage ----------------------------------------*/ .cloud-storage {margin-bottom:20px;} .cloud-storage .cloud-breadcrumb {margin-bottom:20px;} .cloud-storage .cloud_search_init {width:288px; border:1px solid #999; padding:2px 5px;} .cloud-storage .cloud_search_init:hover, .cloud-storage .cloud_search_init:focus {border-color:#000;} .cloud-storage table.dataTable {border-collapse:collapse; background-color:#E8E8E8; width:100% !important; margin-bottom:10px;} .cloud-storage table.dataTable th, .cloud-storage table.dataTable thead td {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} .cloud-storage table.dataTable th a, .cloud-storage table.dataTable thead td a {color:#fff; font-weight:bold;} .cloud-storage table.dataTable td {border:1px solid #ccc; padding:5px;} .cloud-storage .dataTables_info {margin-bottom:10px;} .dataTables_paginate {height:20px; position:relative; margin: 0 0 30px;} .dataTables_paginate a {float:left; margin: 0 5px;} .dataTables_paginate a.first, .dataTables_paginate a.previous, .dataTables_paginate a.next, .dataTables_paginate a.last { position: relative; text-indent: -9999px; width: 20px; height: 20px; overflow: hidden; display: inline-block; color: #666;} .dataTables_paginate a.first:before, .dataTables_paginate a.previous:before, .dataTables_paginate a.next:before, .dataTables_paginate a.last:before { font-family: 'FontAwesome'; font-size: 25px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: 0;} .dataTables_paginate a.first:before { content: "\f100";} .dataTables_paginate a.previous:before {content: "\f104";} .dataTables_paginate a.next:before {content: "\f105";} .dataTables_paginate a.last:before { content: "\f101";} .dataTables_paginate span {float:left; margin: 0 10px 0 0;} .dataTables_paginate a.paginate_active {font-weight:bold;} /*---------------------------------------- / custom calendar - Sep 2022 ----------------------------------------*/ .plcalculate { text-align: center; background-color: rgb(21, 60, 133); width: 500px; margin-left: auto; margin-right: auto; padding: 10px; } .plcalculate h1, .plcalculate h2, .plcalculate p { color: #fff; } .plcalculate h2:after { background:none!important; } /*---------------------------------------- / corporate directory ----------------------------------------*/ #usernameText { width: 200px; border: 1px solid #ccc; padding: 5px 10px;} #RecordCount{font-weight: bold;} .RadOrgChart .rad-tooltip {/*display: none !important;*/} .RadOrgChart .rocOnly, .RadOrgChart .rocItem {width: auto !important; height: auto !important;} .rocItemList {width: auto !important;} div[id$="pnlPeopleTab"], div[id$="divPrintToPDF"] {display:none !important;} div#corp-directory-head {padding-left:15px; padding-right:15px;} div.clsPhoneName {padding:0 15px 20px 15px;} div[id*="userPickerDiv"] .form-group > label {width: auto; padding-right: 15px;} .dept-select label.control-label {width: auto; padding-right: 15px;} .dept-select select#departmentList {max-width: 30%;} /*-----search-----*/ #PeopleSearch_container div[id$="divPeopleSearchCriteria"] {margin-bottom:20px;} #PeopleSearch_container div[id$="divSearchRefine"] {} #PeopleSearch_container div[id$="divSearchRefine"] > div > div {margin-bottom:10px;} #PeopleSearch_container div[id$="divSearchRefine"] fieldset {border:none; margin:0; padding:0;} #PeopleSearch_container div[id$="divSearchRefine"] fieldset legend {font-weight:bold; font-size:100%; margin-bottom:5px;} #PeopleSearch_container div[id$="divSearchRefine"] fieldset label {display:none;} #PeopleSearch_container div[id$="divSearchRefine"] select {width:100%;} #PeopleSearch_container div[id$="divSearchRefine"] div[id$="pnlCriteriaGoButton"] button, #PeopleSearch_container div[id$="divSearchRefine"] div[id$="pnlBrowseGoButton"] button {display:block; width:100%;} #PeopleSearch_container div[id$="divSearchRefine"] div div button:hover, #PeopleSearch_container div[id$="divSearchRefine"] div div button:focus {cursor:pointer;} /*-----results-----*/ /*table layout*/ #PeopleSearch_container div[id$="divPeopleSearchResults"] {} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable {margin:20px 0;} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable th {} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable th a {color:#fff; font-weight:bold;} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable td {} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable tr.PeopleSearchLine2 td {border-bottom:1px solid #ccc;} #PeopleSearch_container {clear : left;} div[id$="divPeopleSearchResults"] article img { width: 100%;} div[id$="divPeopleSearchResults"] article { display: flex; flex-wrap: wrap; padding-left: 15px; padding-right: 15px; margin-bottom: 30px;} div[id$="divPeopleSearchResults"] .link-cover { position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; z-index: 100;} div[id$="divPeopleSearchResults"] article div {word-break: break-all; } div[id$="divPeopleSearchResults"] div[id*="pnlnumberResults"] {padding-left: 15px;} div[id$="divPeopleSearchResults"] div[id*="pnlSortBy"] {padding-left: 15px; margin-bottom: 30px;} div[id*="Ajax_userfeedback"] ul {padding-left: 20px;} /*span list layout*/ #PeoplesearchResultsInfo, #searchResultsInfo {list-style-type:none; margin:20px 0; padding:0; 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; -webkit-box-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;} #searchResultsInfo li .firstRow a.customiconType ~ a.document { word-break: break-all;} #searchResultsInfo li .firstRow a.customiconType { display: inline; float: left; margin-right: 5px;} #PeoplesearchResultsInfo li span {display: block; word-break: break-word;} #PeoplesearchResultsInfo li em, #PeoplesearchResultsInfo li span.PeopleResultTitleSeparator, #PeoplesearchResultsInfo li span.PeopleResultTitle, #PeoplesearchResultsInfo li span.PeopleResultJobDetailsFullTitle, #PeoplesearchResultsInfo li span.PeopleResultContactEmail {display: none;} #PeoplesearchResultsInfo li, #searchResultsInfo li { position: relative; float: left; clear: none; width: 23%; min-height: 100px; margin: 0 2% 2% 0; padding: 2%; border: 1px solid #f2f2f2; background: #fff; overflow: hidden; border-bottom: 2px solid #f2f2f2; text-align: center;} #searchResultsInfo li {text-align: left;} #PeoplesearchResultsInfo li:hover {border-color: #ddd;} #PeoplesearchResultsInfo li .firstRow {margin-bottom:5px; clear: both; display: block;} .PeopleResultName { clear: both; display: block; text-align: center;} #PeoplesearchResultsInfo li .firstRow.noThumb {} #PeoplesearchResultsInfo li .firstRow.noThumb .PeopleResultName {position: relative; } #PeoplesearchResultsInfo li .firstRow.noThumb .PeopleResultName:before {/*font-family: FontAwesome; border: 1px solid blue; color: red; font-size: 35px; content: "\f2bd"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: 0; line-height: 35px;*/ background-image: url(/images/UserUploadedImages/11/icon-default-profile.png); background-repeat: no-repeat; background-position: center; content: ""; display: block; width: 90px; height: 90px; margin: 0 auto 10px; background-size: 100%; } #PeoplesearchResultsInfo li .chart-icon {margin-left: 10px; display: none;} #PeoplesearchResultsInfo li .firstRow .PeopleResultName {font-size:110%; font-weight:bold;} #PeoplesearchResultsInfo li .clsPeopleResultContactInfo {clear:both; } #PeoplesearchResultsInfo li .PeopleResultContact span {display: block; text-transform: lowercase;} #PeoplesearchResultsInfo li .PeopleResultContact span.PeopleResultContactEmail {display: none;} #PeoplesearchResultsInfo li .PeopleResultContact a {display: block; clear:both; margin-top:5px;} #PeoplesearchResultsInfo li .PeopleResultContact em {display:none;} #PeoplesearchResultsInfo li .clsPeopleResultManager {float:left; clear:both; margin-top:5px; padding-left:115px; display: none;} #PeoplesearchResultsInfo li .PeopleResultNumber {display:none;} #PeoplesearchResultsInfo li .PeopleResultGroupUnitOrg, .PeopleResultTitleSeparator, .PeopleResultTitle {display:none;} #PeoplesearchResultsInfo li .clsPeopleResultThumb {display: block;} #PeoplesearchResultsInfo li .clsPeopleResultThumb a { background-position: center; background-size: cover; width: 90px; height: 90px; border-radius: 50%; display: block; margin: 0 auto 20px; overflow: hidden;} #PeoplesearchResultsInfo li .clsPeopleResultThumb a img {display:none; height: 100%; } .corp-dir-view-detail .btn-primary { float: none; width: 300px; background: #666;} /*-----details-----*/ .module-area #divPhoneBookDetail {margin:0 0 20px 0;} #contactEmail {display: none;} #divPhoneBookDetail .btn-default { float: left; margin: 20px 0 0; clear: left;} #divPhoneBookDetail .btn-default.back { padding: 10px 20px 10px 30px; text-transform: lowercase; position: relative;} #divPhoneBookDetail .btn-default.back:before { font-family: FontAwesome; font-size: 25px; content: "\f104"; position: absolute; top: 7px; right: auto; bottom: 0; left: 10px; text-indent: 0; line-height: normal; height: auto;} .module-area #divPhoneBookDetail .clsPhotoandContact {background: #fff; padding: 3%; float: left; border: 1px solid #eee; border-bottom: 2px solid #eee; text-align: center;} .clsPhotoPhone { width: 200px; height: 200px; margin: 0 auto 20px; overflow: hidden; border-radius: 50%; background-size: cover; background-position: center; filter: brightness(97%);} #divPhoneBookDetail .clsPhotoandContact img {display: none; /* height: 100%; */} #divPhoneBookDetail .clsPhotoandContact h2 {display: none; margin:10px 0 0 0; font-size:120%; font-weight:bold;} #divPhoneBookDetail .clsPhotoandContact .clsContact div {margin-bottom:5px;} #divPhoneBookDetail #nameDetails {font-size:160%; color: #FAFAFA;} #divPhoneBookDetail #nameDetails a { font-weight: 800!important; color: #333; font-size: 130%;} #PositionDetails { clear: both; display: block;} #PositionDetails:after { content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px;} #divPhoneBookDetail .clsPhoneDetails {padding: 0 5%; display: inline-block; float: none;} #divPhoneBookDetail .clsPhoneDetails h2 { margin: 10px 0 0 0; color: #333; font-weight: 500; font-size: 140%;} #divPhoneBookDetail .clsPhoneDetails div { margin: 0 0 30px;} /*-----org chart-----*/ #page-content .corp-dir-user-org-chart {box-sizing:content-box; -moz-box-sizing:content-box;} #page-content .corp-dir-user-org-chart * {box-sizing:content-box; -moz-box-sizing:content-box; outline: none;} #page-content .corp-dir-user-org-chart .org-chart-tile > a { position: static; height: auto; min-width: 130px; margin: 0 auto; overflow: visible; clip: auto; display: block; text-align: center;} .org-chart-header {margin:0 0 20px 0; position:relative;} .org-chart-header a.back:before {content: "< ";} .org-chart-header a.back {text-transform: lowercase; position:absolute; top:0; right:0; width:auto; text-decoration:none; text-align:center; background-color:#fff; padding:5px 10px; color:#555; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .org-chart-header a.back:hover, .org-chart-header a.back:focus {border:1px solid #333; cursor:pointer;} div[id$="phonebookUserOrgChart_userPickerDiv"] {margin:0 0 20px 0;} div[id$="phonebookUserOrgChart_userPickerDiv"] label {padding:3px 5px 0 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} div[id$="phonebookUserOrgChart_userPickerDiv"] input {width:288px; height:20px; border:1px solid #999; padding:2px 5px;} div[id$="phonebookUserOrgChart_userPickerDiv"] input:hover, div[id$="phonebookUserOrgChart_userPickerDiv"] input:focus {border-color:#000;} #wrapper .RadOrgChart * {box-sizing:content-box; -moz-box-sizing:content-box;} .RadOrgChart .rocItemTemplate .thumb-image { width: 80px; margin-left: 5px; height: 80px; background-size: cover; background-position: center; display: block; margin: 0 auto 5px; border-radius: 50%;} .RadOrgChart { overflow-x: auto;} .RadOrgChart .rocItemTemplate .thumb-image img {border-radius: 50%; width:80px; height:80px; display: none;} .RadOrgChart .rocItemTemplate .display-name { width: 100%; clear: both; display: block; text-align: center;} #page-content .corp-dir-user-org-chart .rocItemField {display: none;} .RadOrgChart_Office2010Blue .rocGroup { border-radius: 0 !important;background-color: #fff !important; background: #fff; border: 1px solid #333; min-width: 170px;} .RadOrgChart_Office2010Blue .rocItemContent, .RadOrgChart_Office2010Blue .rocItemTemplate { border-color: transparent; padding: 0 !important; border-radius: 0 !important; border: none !important; background-color: #fff !important; background-image: none !important; height: auto !important; text-align: center;} /* Corporate Directory Template */ .profile-image img { border-radius: 50%; padding-right: 25px; } .OrgCharContent .RadOrgChart .rocCollapseGroupArrow, .RadOrgChart .rocExpandGroupArrow, #page-content .corp-dir-user-org-chart .rocCollapseGroupArrow { display: none !important; } .orgchart-tooltip .more a { color: #fff; text-decoration: underline; } .orgchart-tooltip .chart-icon { display: none; } #divViewDetail #contactEmail {display: block;} .cd-details .icon-left {padding: 0;font-family: Arial;position: relative;margin-left: 0;display: block;line-height: normal; font-size: 15px;} .cd-details .icon-left:before { font-family: 'fontawesome'; font-size: 18px; color: #102f6b; position: absolute; left: -25px; top: 2px; } .corp-dir-user-org-chart .RadOrgChart .rocItemWrap {width: 150px;} .corp-dir-user-org-chart .OrgCharContent .RadOrgChart .rocRootNodeList {overflow: auto;} #page-content .corp-dir-user-org-chart .org-chart-tile > a {text-align: center;} .cd-title { padding-bottom: 25px; font-size: 14px; } .cd-title h2 { font-weight: 800; color: #333; font-size: 28px; font-family: "Helvetica Neue", helvetica, arial, sans-serif; margin-bottom: 25px !important; display: block; } .cd-title p:after { content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px; } .corp-dir-view-detail .btn-primary { border: none; margin-top: 25px; width: auto; } .corp-dir-view-detail .btn-primary:hover { color: #fff; } /* Moved Edit Details */ #divPhoneBookDetail #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_editLink { float: left; margin-top: 20px; padding: 12px; margin-left: 10px; } /*---------------------------------------- / blogs module ----------------------------------------*/ .blogContainer {position:relative;} /*-----archive list-----*/ .blogContainer .blogMenu {} .blogContainer .blogMenu .clsMidHeader {display:block; border-bottom:1px solid #409ec1; padding:0 0 5px 0; font-size:160%; font-family:inherit; font-weight:300; margin:0 0 20px 0; color:inherit; text-rendering:optimizeLegibility;} .blogContainer .blogMenu a {display:block; margin-bottom:5px;} /*-----blog articles list-----*/ .blogContainer .blogMain {} .blogContainer .blogMain .blogArticleList {margin-bottom:20px;} .blogContainer .blogMain .blogArticleList .blogDatePosted {color:#878787;} .blogContainer .blogMain .blogArticleList .blogPostedBy {color:#878787; border-bottom:1px dashed #C8C8C8; margin-bottom:20px; padding-bottom:10px;} .blogContainer .blogMain .blogArticleList .blogArticleTags {color:#878787; border-top:1px dashed #C8C8C8; margin-top:20px; padding-top:10px;} /*-----blog article-----*/ .blogArticle {} .blogArticle .blogArtName {display:none;} .blogArticle .blogDatePosted {color:#878787;} .blogArticle .blogPostedBy {color:#878787;} .blogArticle .blogArticleTags {color:#878787; border-bottom:1px dashed #C8C8C8; margin-bottom:20px; padding-bottom:10px;} .blogArtBody > table {border-collapse:collapse; background-color:#E8E8E8; margin-bottom:20px;} .blogArtBody > table th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} .blogArtBody > table th a {color:#fff; font-weight:bold;} .blogArtBody > table td {border:1px solid #ccc; padding:5px;} .blogArtBody ul, .blogArticleDesc ul {margin:0 0 20px 40px; padding:0;} .blogArtBody ul li, .blogArticleDesc ul li {margin-bottom:5px; line-height:150%;} .blogArtBody ol, .blogArticleDesc ol {margin:0 0 20px 40px; padding:0;} .blogArtBody ol li, .blogArticleDesc ol li {margin-bottom:5px; line-height:150%;} .blogArticle .Comments {border:1px solid #999; background-color:#fff; margin:40px 0 10px; padding:20px; width:640px;} .blogArticle .Comments h2 {} .blogArticle .Comments .CommentPostedBy {margin:0 10px; padding:10px 10px 0;} .blogArticle .Comments .CommentPostedBy h3 {display:inline; font-size:100%; font-weight:bold;} .blogArticle .Comments .CommentDate {margin:0 10px 1px; padding:0 10px 10px;} .blogArticle .Comments .CommentDate h3 {display:inline; font-size:100%; font-weight:bold;} .blogArticle .Comments .CommentList {margin:0 10px 1px; padding:0 10px 0;} .blogArticle .Comments .CommentList .CommentURL {display:none;} .blogArticle .Comments .CommentBox {} .blogArticle .Comments .CommentBox label {color:#525252; display:block;} .blogArticle .Comments .CommentBox input {border:1px solid #A2A2A2; margin-bottom:10px; padding:5px; width:586px;} .blogArticle .Comments .CommentBox textarea {width:596px; resize:none;} .blogArticle .Comments .CommentBox .Submit input {width:auto; text-decoration:none; color:#fff; 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;} .blogArticle .Comments .CommentBox .Submit input:hover, .blogArticle .Comments .CommentBox .Submit input:focus {border:1px solid #00557F; cursor:pointer;} .blogArticle .Buttons input {text-decoration:none; text-align:center; background-color:#555; padding:5px 10px; color:#fff; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .blogArticle .Buttons input:hover, .blogArticle .Buttons input:focus {border:1px solid #333; cursor:pointer;} /*-----blog post create-----*/ .add-blog-post {} .add-blog-post > div {margin-bottom:20px;} .add-blog-post h2 {margin-bottom:10px;} .add-blog-post p {margin-bottom:5px;} .add-blog-post .item-entry {margin-bottom:5px;} .add-blog-post .item-entry input[type="text"] {width:488px !important; height:20px !important; border:1px solid #999; padding:2px 5px;} .add-blog-post .item-entry input[type="text"]:hover, .add-blog-post .item-entry input[type="text"]:focus {border-color:#000;} .add-blog-post .item-entry textarea {width:488px !important; height:64px !important; border:1px solid #999; padding:2px 5px; resize:none;} .add-blog-post .item-entry textarea#txtTags {height:20px !important;} .add-blog-post .item-entry textarea:hover, .add-blog-post .item-entry textarea:focus {border-color:#000;} .add-blog-post .item-entry input[type="checkbox"] {margin:0 5px 0 0; padding:0;} .add-blog-post .post-buttons {} .add-blog-post .post-buttons .save {width:auto; text-decoration:none; color:#fff; 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;} .add-blog-post .post-buttons .save:hover, .add-blog-post .post-buttons .save:focus {border:1px solid #00557F; cursor:pointer;} .add-blog-post .post-buttons .cancel {width:auto; text-decoration:none; text-align:center; background-color:#555; padding:5px 10px; color:#fff; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .add-blog-post .post-buttons .cancel:hover, .add-blog-post .post-buttons .cancel:focus {border:1px solid #333; cursor:pointer;} /*---------------------------------------- / comments element ----------------------------------------*/ .article-comments-main {width:600px; border:1px solid #ccc; background-color:#fff; padding:20px;} .article-comments-main h2 {margin:15px 0 5px 0;} .article-comments-main a.AddNewCommentLink {color:#fff; 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;} .article-comments-main a.AddNewCommentLink:hover, .article-comments-main a.AddNewCommentLink:focus {border:1px solid #00557F; cursor:pointer;} .sa-content {margin: 10px 0 0;} .CommentsHeaderCurrent {clear: both;} .article-comments-main .CommentsHeader {} .article-comments-main .CommentsHeader span {display:block; font:normal 175% georgia,arial,verdana,sans-serif; color:#333; padding:0; margin:15px 0 5px 0;} .article-comments-main .CommentsList ul {list-style-type:none; margin:0; padding:0;} .article-comments-main .CommentsList ul li {margin:0 0 15px 0; padding:5px 0; position:relative;} .article-comments-main .CommentsList ul li .CommentImage {float:left; padding:0 15px 15px 0;} .article-comments-main .CommentsList ul li .CommentImage img {width:50px;} .article-comments-main .CommentsList ul li .CommentText {} .article-comments-main .CommentsList ul li .CommentInfo {clear:both; background:#f2f2f2; border-bottom:1px solid #E0E0E0; margin:0; padding:5px;} .article-comments-main .CommentsList ul li .CommentApprove, .article-comments-main .CommentsList ul li .CommentDelete {color:#494949; cursor:pointer; margin-right:5px; padding:0 5px; width:auto;} .article-comments-main .CommentsList ul li .CommentApprove {position:absolute; top:25px; right:0; background-color:#b9ffbb; border:1px dotted #0e8108; color:#0e8108;} .article-comments-main .CommentsList ul li .CommentDelete {position:absolute; top:0; right:0; background-color:#ffb9b9; border:1px dotted #af0909; color:#af0909;} .article-comments-main .CommentBox label {display:block;} .article-comments-main .CommentBox input {border:1px solid #A2A2A2; margin-bottom:10; padding:5px; width:400px;} .article-comments-main .CommentBox textarea {width:400px; resize:none;} .article-comments-main .CommentBox span {display:none;} .article-comments-main .CommentBox div {margin-bottom:5px;} .article-comments-main .CommentBox .submitComment, .article-comments-main .CommentBox .closeComments {width:auto; text-decoration:none; clear:both; text-align:center; background-color:#555; padding:5px 10px; color:#fff; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .article-comments-main .CommentBox .submitComment:hover, .article-comments-main .CommentBox .closeComments:hover, .article-comments-main .CommentBox .submitComment:focus, .article-comments-main .CommentBox .closeComments:focus {border:1px solid #333; cursor:pointer;} .article-comments-main .CommentValue {display:block; padding-right:135px;} .article-comments-main .CommentsPager a{background:#F2F2F2;border:1px solid #C9C9C9;padding:2px 5px;text-decoration:none;} /*---------------------------------------- / 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"] {width:246px; height:20px; 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 input {width:auto; height:auto; text-decoration:none; color:#fff; 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;} .login-element div.lgn-btn input:hover, .login-element div.lgn-btn input:focus {border:1px solid #00557F; cursor:pointer;} .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;} /*---------------------------------------- / event quick search element ----------------------------------------*/ .EventQuickSearchCalendar {display: none;} .event-view-training-details {max-width: 1170px; margin: 0 auto;} .EventQuickSearchMain div[class*="col"] { width: 100%; padding: 0 5px;} .EventQuickSearchMain .form-horizontal > legend {display: none;} .EventQuickSearchMain .form-horizontal legend {border:0; width: 100%;} .EventQuickSearchRowButtons {margin: 0 0 20px;} /*-----search options-----*/ .EventQuickSearchMain .EventQuickSearchRow {padding:0 0 10px 0;} .EventQuickSearchMain .EventQuickSearchRow .form-horizontal .col-sm-10 { width: 100%; margin: 0; padding: 0;} .EventQuickSearchMain .EventQuickSearchRow .col-md-9 { padding: 0;} .RadPicker_Elcom a.rcCalPopup:hover, .RadPicker_Elcom a.rcCalPopup:focus, .RadPicker_Elcom a.rcCalPopup:active {background-position: center !important;} .EventQuickSearchMain .RadPicker_Elcom .rcCalPopup { background-position: center !important; background-image: url(/images/UserUploadedImages/11/icon-datepicker.png) !important; width: 30px !important; height: 34px !important; border: 1px solid #ccc; border-left: none; margin-left: -2px; } .RadPicker_Elcom .rcTimePopup { background-position: center !important; background-image: url(/images/UserUploadedImages/11/icon-timepicker.jpg) !important; width: 30px !important; height: 34px !important; border: 1px solid #ccc; border-left: none; margin-left: -2px; } .EventQuickSearchMain .RadPicker_Elcom .rcCalPopup:after {content:"";} .EventQuickSearchMain .EventQuickSearchRow .RadPicker input[type="text"] {width:100% !important; height:34px; font-family: 'Lab Grotesque', 'Raleway';} .EventQuickSearchMain .EventQuickSearchRow #CriteriaDateFromHeading {padding-top:5px; font-weight:bold; width:80px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .EventQuickSearchMain .EventQuickSearchRow #CriteriaDateToHeading {padding-top:5px; font-weight:bold; width:80px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .EventQuickSearchMain .EventQuickSearchRow #calCategoryHeading {padding-top:5px; font-weight:bold; width:80px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .EventQuickSearchMain .EventQuickSearchRow .RenderCategory { list-style-type: none; margin: 10px; padding: 0; display: -moz-inline-box; display: block; vertical-align: top; zoom: 1; *display: inline; clear: both; float: left; font-weight: 500;} .EventQuickSearchMain .EventQuickSearchRow .RenderCategory li {margin-bottom:5px;} .EventQuickSearchMain .EventQuickSearchRow .RenderCategory input {width:auto !important; display:inline;} .EventQuickSearchMain .EventQuickSearchRow .RenderCategory label {margin-left:5px; font-weight: 500;} .EventQuickSearchMain .EventQuickSearchRowButtons #btnSearch {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .EventQuickSearchMain .EventQuickSearchRowButtons #btnReset {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} /*-----mini calendar-----*/ .EventQuickSearchMain .EventQuickSearchCalendar .calendarTitle {width:280px; background-color:silver;} .EventQuickSearchMain .EventQuickSearchCalendar table {width:100%; background-color:transparent;} .EventQuickSearchMain .EventQuickSearchCalendar table.calendar {border:1px solid #505050 !important;} .EventQuickSearchMain .EventQuickSearchCalendar table.calendar th {text-align:center; border:1px solid #5b5b5b; padding:5px;} .EventQuickSearchMain .EventQuickSearchCalendar table.calendar td {text-align:center; width:auto; font-weight:bold; border:none; padding:5px;} .EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarCurrentDay {background:#333; color:#fff;} .EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarEventDay {background-color:#1d779f;} .EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarEventDay a {color:#fff;} .EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarCurrentDayWithEvent {background-color:#1d779f;} .EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarCurrentDayWithEvent a {color:#fff;} .EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarWeekend {background:#f3f3f3;} .EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarOtherDay {background:#e7e7e7; color:#b7b7b7;} /*-----results page-----*/ #eventOuterTable {} #eventOuterTable > tbody > tr > td { padding: 0 4%;} #eventOuterTable #TBQuickSearchCriteria {width:400px;} #eventOuterTable table.calendar {border:1px solid #505050 !important; width:320px;} #eventOuterTable table.calendar th {padding:5px; text-align:center;} #eventOuterTable table.calendar td {padding:5px; text-align:center; width:auto; font-weight:bold; border:none;} #eventOuterTable table.calendar td.calendarCurrentDay {background:#d2f8c5;} #eventOuterTable table.calendar td.calendarEventDay {background-color:#1d779f;} #eventOuterTable table.calendar td.calendarEventDay a {color:#fff;} #eventOuterTable table.calendar td.calendarCurrentDayWithEvent {background-color:#1d779f;} #eventOuterTable table.calendar td.calendarCurrentDayWithEvent a {color:#fff;} #eventOuterTable table.calendar td.calendarWeekend {background:#f3f3f3;} #eventOuterTable table.calendar td.calendarOtherDay {background:#e7e7e7; color:#b7b7b7;} #eventOuterTable .event-search-results {/*margin-top:40px;*/ } #eventOuterTable .event-search-results ol {list-style-type:none; margin:20px 0 0 0; padding:0; width:100%; list-style-type:none; margin:20px 0; padding:0; 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; -webkit-box-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;} #eventOuterTable ol#eventsearchResultsInfo li { position: relative; float: left; clear: none; width: 23%; min-height: 100px; margin: 0 2% 2% 0; padding: 2%; border: 1px solid #f2f2f2; background: #fff; overflow: hidden; border-bottom: 2px solid #f2f2f2; } #eventOuterTable .event-search-results ol .clsEventResultCost {display: none;} .clsEventResultVenue {} #eventOuterTable .event-search-results ol li img {display: none;} #eventOuterTable .event-search-results ol li:hover {border-color: #ddd;} #eventOuterTable .event-search-results ol li .eventresultNumber {display:none;} #eventOuterTable .event-search-results ol li .firstRow {} #eventOuterTable .event-search-results ol li .lastRow {font-size: 95%;} #eventOuterTable .sr-only {position: relative; width: auto; height: auto;} #eventOuterTable .sr-only:after { content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 15px 0 20px;} /*---------------------------------------- / events module ----------------------------------------*/ #myAccountDetailsContainer h1.topTitle, #myFavouritesContainer h1.topTitle {display: none;} .favourites-list {list-style: disc; } .favourites-list li { margin: 0 0 10px; } .favourites-list .resultHead {font-weight: bold;} .favourites-list .resultHeadType, .favourites-list .clsResultDescr, .favourites-list .clsResultURL {display: none;} .favourites-list .clsResultLastModified { color: #ccc;} .favourites-list .clsResultDelete a { border: 1px solid #ccc; padding: 2px 5px; background: #eee; text-transform: capitalize;} /*-----search criteria fields-----*/ .SearchLeft {display: none;} .SearchResults {width: 100%;} .SearchResults .resultNumber {display: none;} .SearchResults .clsResultDescr {display: block;} .SearchResults .resultHead { font-size: 110%; font-weight: 700;} .SearchResults .clsResultLastModified {font-size: 87%; color: #ccc; margin: 10px 0; display: block;} .SearchCriteria, #myAccountArea .clsEventSearchLeft {padding-left:0;} .SearchCriteria > div, #myAccountArea .clsEventSearchLeft .clsEventSearchCriteria > div {margin:0 0 10px 0;} #myAccountArea .clsEventSearchLeft div .CriteriaHeading {display:block; font-weight:bold; font-size:120%;} .SearchCriteria div label, #myAccountArea .clsEventSearchLeft div label, #myAccountArea .clsEventSearchLeft div .CriteriaEventTypeHeading, #myAccountArea .clsEventSearchLeft div .CriteriaDateHeading, #myAccountArea .clsEventSearchLeft div .CriteriaFromDateText, #myAccountArea .clsEventSearchLeft div .CriteriaToDateText {display:block; font-weight:bold;} #myAccountArea .clsEventSearchLeft div input#StartDate, #myAccountArea .clsEventSearchLeft div input#EndDate {width:90px !important} .SearchCriteria div select, #myAccountArea .clsEventSearchLeft div select {width:100%;} .SearchCriteria fieldset, #myAccountArea .clsEventSearchLeft fieldset {border:none; padding:0; margin:0;} .SearchCriteria fieldset legend, #myAccountArea .clsEventSearchLeft fieldset legend {font-size:100%; font-weight:bold; display:block; margin:0 0 5px 0; padding:0;} .SearchCriteria fieldset > div, #myAccountArea .clsEventSearchLeft fieldset > div {margin:0 0 10px 0;} .SearchCriteria div[id$="pnlCriteriaRegion"], #myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaRegion"] {} .SearchCriteria div[id$="pnlCriteriaRegion"] input, #myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaRegion"] input {width:auto; margin-right:5px;} .SearchCriteria div[id$="pnlCriteriaRegion"] label, #myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaRegion"] label {width:auto; display:inline;} .SearchCriteria div[id$="pnlCriteriaRegion"] div div, #myAccountArea .clsEventSearchLefta div[id$="pnlCriteriaRegion"] div div {margin-bottom:5px;} .SearchCriteria div[id$="pnlCriteriaFromDate"] .RadPicker, #myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaFromDate"] .RadPicker, .SearchCriteria div[id$="pnlCriteriaToDate"] .RadPicker, #myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaToDate"] .RadPicker {width:160px !important;} .SearchCriteria div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable, #myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable, .SearchCriteria div[id$="pnlCriteriaToDate"] .RadPicker .rcTable, #myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaToDate"] .RadPicker .rcTable {width:160px !important;} .SearchCriteria div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable > div > div, #myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable > div > div, .SearchCriteria div[id$="pnlCriteriaToDate"] .RadPicker .rcTable > div > div, #myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaToDate"] .RadPicker .rcTable > div > div {float:left;} .SearchCriteria div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable > div > div.rcInputCell, #myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaFromDate"] .RadPicker .rcTable > div > div.rcInputCell, .SearchCriteria div[id$="pnlCriteriaToDate"] .RadPicker .rcTable > div > div.rcInputCell, #myAccountArea .clsEventSearchLeft div[id$="pnlCriteriaToDate"] .RadPicker .rcTable > div > div.rcInputCell {width:100px !important;} #myAccountArea .clsEventSearchLeft .CriteriaDateEx {display:block;} .SearchCriteria .clsButtonSmall, .CriteriaGoButton button {display:block; width:100%;} .SearchCriteria .clsButtonSmall:hover, .SearchCriteria .clsButtonSmall:focus {cursor:pointer;} /*-----main search results area-----*/ .EventSearchResults {padding-right:0;} #myAccountArea .clsEventSearchRight {float:left; width:75%; padding-left:40px;} .EventSearchResults a {} .EventSearchResults div {} /*-----number of returned results-----*/ .EventSearchResults div[id$="pnlNumberResults"] {padding-bottom:10px; font-size:120%;} .EventSearchResults div[id$="pnlNumberResults"] span#RecordCount {font-weight:bold;} /*-----sort by options-----*/ .EventSearchResults div[id$="pnlSortBy"] {padding-bottom:10px;} /*-----returned items-----*/ ol#eventsearchResultsInfo {list-style-type:none; margin:20px 0; padding:0px; width:100%;} ol#eventsearchResultsInfo > li {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ccc; float:left; width:100%;} ol#eventsearchResultsInfo li span.firstRow {display:block; margin-bottom:5px;} ol#eventsearchResultsInfo li span.firstRow span.clsEventResultThumb {float:left; margin-right:10px;} ol#eventsearchResultsInfo li span.firstRow span.eventresultNumber {display:none;} ol#eventsearchResultsInfo li span.firstRow a {text-decoration:none; font-weight:bold; font-size:120%;} ol#eventsearchResultsInfo li span.clsEventResultDescr {margin:5px 0; display:block;} ol#eventsearchResultsInfo li span.lastRow {margin:0; display:block;} ol#eventsearchResultsInfo li span.lastRow span.clsEventResultVenue {margin:0; display:inline;} ol#eventsearchResultsInfo li span.lastRow span.clsEventResultDate {margin:0; display:block;} ol#eventsearchResultsInfo li span.lastRow fieldset {display:inline} ol#eventsearchResultsInfo li span.lastRow fieldset legend {font-size:100%; font-weight:bold; border:none; display:inline; margin:0; padding:0; width:auto;} ol#eventsearchResultsInfo li span.lastRow fieldset ul {display:inline;} ol#eventsearchResultsInfo li span.lastRow fieldset ul li {display:inline;} ol#eventsearchResultsInfo li span.clsEventResultFull {margin:0px 0px 5px 0px; display:block;} ol#eventsearchResultsInfo li span.clsHlighSearchTerm {font-weight:bold; background-color:transparent;} .event-view-registration #btnRegister {display:inline-block;} /*-----paging controls-----*/ div[id$="pnlPageLinks"]{margin-bottom:20px; font-weight:bold;} div[id$="pnlPageLinks"] a {} div[id$="pnlPageLinks"] span {} div[id$="pnlPageLinks"] a span.resultPageNumberSelected {font-weight: bold; font-size: 100%;padding: 2px 5px; background: #eee; color: #999;} div[id$="pnlPageLinks"] a span.resultPageNumber {} div[id$="pnlPageLinks"] a#NextLink {} div[id$="pnlPageLinks"] a#PreviousLink{} /*-----custom details view-----*/ .event-view-training-details table {margin: 0; font-size: 90%;} .event-view-training-details table th { min-width: 100px; font-weight: normal;} .event-details .table>thead>tr>th, .event-details .table>tbody>tr>th, .event-details .table>tfoot>tr>th, .event-details .table>thead>tr>td, .event-details .table>tbody>tr>td, .event-details .table>tfoot>tr>td { font-size: 110%; padding: 10px 0; border-top: 1px solid #666;} .event-view-training-details table td {font-weight: 600;} .event-view-training-details .button-group {clear:both; /*padding-left:15px;*/} .event-view-training-details #btnRegister {width:auto; text-decoration:none; display:inline-block;} .event-view-training-details #btnRegister:hover, .event-view-training-details #btnRegister:focus {cursor:pointer;} div[id$="BackLink"] {display:none;} /*-----booking details view-----*/ .event-booking-info {} .event-booking-info h3 {font-size:100%; font-weight:bold; margin:0; padding:0;} .event-booking-info p {} .event-booking-info p img {max-width:260px;} .event-booking-info .booking-buttons input {display:inline-block;} .event-booking-desc #btnRegisterDesc {display:inline-block;} #ctl00_ctl00_ctl00_nestedAreaTwo_contentAreaZone_ContentPlaceHolderMainNoAjax_BackLink {margin-top: 20px;} div[id$="divBackLink"] {clear:both;} .EventCalendarSearch {padding: 0 3%;} .EventCalendarSearch .table-responsive {border: none;} .EventCalendarSearch .EventQuickSearchMain { overflow: hidden; float: left; padding: 2.5%; margin: 0 0 20px; background: #f6f6f6; width: 25%; } .EventCalendarSearch .EventQuickSearchMain .form-horizontal {padding: 0; width: 100% !important;} .EventCalendarSearch .event-calendar-search { width: 75%; float: left; padding: 0 4%; } #eventOuterTable > tbody > tr > td:before { content: "Event Results"; font-size: 220%; font-family: 'Lab Grotesque', 'Raleway'; color: #111; font-weight: 800; padding: 0 0 5px; margin: 0 0 10px 0; color: inherit; text-rendering: optimizeLegibility; position: relative; display: block;} .EventCalendarSearch .event-search-results:before { content: "Home / Events"; display: block; margin-bottom: 10px; font-size: 95%;} .EventCalendarSearch .event-search-results > tbody:before { content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px;} /*-----registration-----*/ #divEventRegistration {padding: 0 3%; max-width: 1200px; margin: 0 auto;} #divEventRegistration > h2[id^="head"] {display:none;} #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumbSelected {font-weight:bold;} #divEventRegistration #tblEventDetails {margin-bottom:20px;} #divEventRegistration #tblEventDetails th {} #divEventRegistration #tblEventDetails td {} #divEventRegistration > fieldset {margin:0 0 20px 0;} #divEventRegistration > fieldset > legend { font-size: 140%; margin: 0 0 20px;} #divEventRegistration #btnRegister, #divEventRegistration #btnRegisterStage2 {display:inline-block;} #divEventRegistration #btnClear, #divEventRegistration #btnClear2 {display:inline-block;} #divEventRegistration #pnlCostChoice, #divEventRegistration #pnlGuestCostChoice {padding-left:16.666666666666664%; position:relative;} #divEventRegistration #pnlCostChoice legend, #divEventRegistration #pnlGuestCostChoice legend {position:absolute; top:0; left:0; width:16.666666666666664%; text-align:right; font-size:100%; border:none; font-weight:bold;} #divEventRegistration #pnlCostChoice ul, #divEventRegistration #pnlGuestCostChoice ul {margin-left:15px; padding-top:0;} #divEventRegistration #pnlCostChoice ul li, #divEventRegistration #pnlGuestCostChoice ul li {margin-top:0;} #divEventRegistration #pnlCostChoice ul li input, #divEventRegistration #pnlGuestCostChoice ul li input {margin-left:0; margin-right:5px;} #divEventRegistration .clsGuest {position:relative;} #divEventRegistration #divDeleteGuest {text-align:right; padding-bottom:15px;} #divEventRegistration #divDeleteGuest .btn {padding:2px 10px; font-size:90%;} #divEventRegistration .ActivityMessage {font-size:140%; font-weight:300;} #fdsMembershipCCPayment {} #fdsMembershipCCPayment > legend {font-size:140%; border:none;} #fdsMembershipCCPayment fieldset legend {font-size:100%; border:none; font-weight:bold;} #divEventRegistration .form-group > div > span {display:block !important; padding-top:7px;} /*-----confirmation-----*/ .event-registration-confirmation .NotificationEmailEvent {max-width:640px; margin-bottom:20px; border-collapse:collapse; background-color:#E8E8E8;} .event-registration-confirmation .clsMidHeader {font-size: 150%; font-weight: 800; padding: 0 0 20px; color: #143b86;} .event-registration-confirmation .PageHeading {display: none;} .event-registration-confirmation .NotificationEmailEvent td {border-bottom:1px solid #fff; padding:5px;} .event-registration-confirmation .NotificationEmailEvent td.clsTitle {font-weight:bold; border:1px solid #fff; padding:5px; text-align:left; width:100px;} .event-registration-confirmation .NotificationEmailEvent td[colspan="2"] {font-weight:bold; font-size:120%;} /*---------------------------------------- / events calendar page ----------------------------------------*/ #calendar-outer, .mymeetings-cal-view {} #calendar-outer fieldset {margin:0; padding:0; border:none; width:200px; float:left;} #calendar-outer fieldset legend {display:block; margin:0 0 5px 0; padding:0; font-weight:bold;} #calendar-outer fieldset span {display:block; margin-bottom:5px;} #calendar-outer fieldset span input {margin-right:5px;} #calendar-outer fieldset span label {} #calendar-outer #calendarMain, .mymeetings-cal-view #calendarMain, #myAccountArea #calendarMain {border:1px solid #505050 !important; border-collapse:collapse; width:100%; float:left;} .mymeetings-cal-view #calendarMain {width:100%;} #myAccountArea #calendarMain {float:left; width:500px;} #calendar-outer #calendarMain th, .mymeetings-cal-view #calendarMain th, #myAccountArea #calendarMain th {padding:5px; background-color:#ccc;} #calendar-outer #calendarMain td, .mymeetings-cal-view #calendarMain td, #myAccountArea #calendarMain td {padding:5px;} #calendar-outer #calendarMain #TRHeaderRow th, .mymeetings-cal-view #calendarMain #TRHeaderRow th, #myAccountArea #calendarMain #TRHeaderRow th {background-color:#409ec1; color:#fff; padding:10px; text-align:center; font-size:160%; font-weight:normal;} #calendar-outer #calendarMain #TRHeader td, .mymeetings-cal-view #calendarMain #TRHeader td, #myAccountArea #calendarMain #TRHeader td {padding:10px;} #calendar-outer #calendarMain #TRHeader td#THPre, .mymeetings-cal-view #calendarMain #TRHeader td#THPre, #myAccountArea #calendarMain #TRHeader td#THPre {text-align:left;} #calendar-outer #calendarMain #TRHeader td#THNext, .mymeetings-cal-view #calendarMain #TRHeader td#THNext, #myAccountArea #calendarMain #TRHeader td#THNext {text-align:right;} #calendar-outer #calendarMain #TRTopRow th, .mymeetings-cal-view #calendarMain #TRTopRow th, #myAccountArea #calendarMain #TRTopRow th {width:100px; padding:5px; font-weight:bold; background-color:#505050; color:#fff;} #calendar-outer #calendarMain .clsCalenderDay, .mymeetings-cal-view #calendarMain .clsCalenderDay, #myAccountArea #calendarMain .clsCalenderDay {font-size:100%;} #calendar-outer #calendarMain tr#TRRow2 td, .mymeetings-cal-view #calendarMain tr#TRRow2 td, #myAccountArea #calendarMain tr#TRRow2 td, #calendar-outer #calendarMain tr#TRRow4 td, .mymeetings-cal-view #calendarMain tr#TRRow4 td, #myAccountArea #calendarMain tr#TRRow4 td, #calendar-outer #calendarMain tr#TRRow6 td, .mymeetings-cal-view #calendarMain tr#TRRow6 td, #myAccountArea #calendarMain tr#TRRow6 td {background-color:#ccc;} #calendar-outer #calendarMain td ol, .mymeetings-cal-view #calendarMain td ol, #myAccountArea #calendarMain td ol {list-style-type:none; margin:0; padding:0;} #calendar-outer #calendarMain td ol li, .mymeetings-cal-view #calendarMain td ol li, #myAccountArea #calendarMain td ol li {margin-bottom:5px;} #calendar-outer #calendarMain td ol li a, .mymeetings-cal-view #calendarMain td ol li a, #myAccountArea #calendarMain td ol li a {} #calendar-outer #calendarMain td ol li a:hover, .mymeetings-cal-view #calendarMain td ol li a:hover, #myAccountArea #calendarMain td ol li a:hover {} #calendar-outer #calendarMain td .clsCalenderDetail ol li, .mymeetings-cal-view #calendarMain td .clsCalenderDetail ol li, #myAccountArea #calendarMain td .clsCalenderDetail ol li {width:90px;} div[id$="calendarAddButtons"] #btnAdd {display:inline-block;} fieldset[id$="calendarEventTypes"] .clsButtonSmall {display:inline-block;} /*---------------------------------------- / calendar ----------------------------------------*/ .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] {height:auto !important; width: 100% !important;} .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] table {} .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadPane1"], .RadScheduler .rsTopWrap {width: 100% !important;} .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadPane1"] {height:auto !important;} .calendarview-edit-main-calendar .RadScheduler {height:auto !important;} .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] table .calendarview-edit-main-calendar .RadScheduler .rsContentWrapper {height:auto !important;} .calendarview-edit-main-calendar .RadScheduler .rsHorizontalHeaderWrapper div {width: 100% !important;} .calendarview-edit-main-calendar .RadScheduler .rsContentWrapper .rsContentScrollArea {height:auto !important; width: 100% !important;} .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_paneSideBar"], div[id$="CalendarWSCtrl_paneSideBar"] {height:auto !important; width: 100% !important;} .calendarview-edit-main-calendar .RadScheduler .rsHeader {border:none;} .calendarview-edit-main-calendar .RadScheduler .rsHeader h2 {font:15px/30px arial,verdana,sans-serif;} .calendarview-edit-main-calendar .RadScheduler .rsHeader ul {margin:0;} .calendarview-edit-main-calendar .RadScheduler .rsHeader ul li {margin-bottom:0;} .calendarview-edit-main-calendar .RadScheduler .rsContent {border:none;} .calendarview-edit-main-calendar .RadScheduler .rsContent div { /*width: 100% !important;*/} .rsTodayCell { background: #ccc !important; } .calendarview-edit-main-calendar #AddAppointment {float:none; width:auto; text-decoration:none; color:#fff; margin-right:5px; 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;} .calendarview-edit-main-calendar #AddAppointment:hover, .calendarview-edit-main-calendar #AddAppointment:focus {border:1px solid #00557F; cursor:pointer;} #divChkPermission {display: none !important;} /*---------------------------------------- / calendar - mini view ----------------------------------------*/ #sidebar .RadScheduler .rsHeader h2 {font-size:13px; text-indent:0px; clear:both; height:auto; padding:0 0 10px 0; text-align:center;} #sidebar .RadScheduler .rsHeader ul span, #sidebar .RadScheduler .rsHeader ul em {font-size:11px;} #sidebar .RadScheduler tr {font-size:11px;} #sidebar .RadScheduler .rsDateHeader {font-size:11px;} #sidebar .RadScheduler .rsHeader p {padding-left:0;} #sidebar .calendarview-edit-main-content {} #sidebar .RadScheduler_Telerik div.rsHeader .rsPrevDay {margin-left:0;} #sidebar .RadScheduler_Telerik div.rsHeader .rsNextDay {margin-right:3px;} #sidebar .RadScheduler .rsHeader .rsDatePickerActivator {margin-left:0;} #wrapper #page-content #sidebar .RadScheduler .rsHeader ul {float:left; margin:0;} #sidebar .RadScheduler .rsHeader .rsDatePickerWrapper {position:absolute;} #sidebar .RadScheduler .rsTopWrap .rsHeader ul a {padding-left:5px;} #sidebar .RadScheduler .rsTopWrap .rsHeader ul a span {padding-right:5px;} #sidebar .calendarview-edit-main-content table.RadSplitter {width: 206px !important; clear: both !important;} #sidebar .calendarview-edit-main-content table {clear:both;} #sidebar .calendarview-edit-main-content div[id$="RadSplitter1"] {width: 206px !important; clear: both !important;} #sidebar .calendarview-edit-main-content div {clear:both;} #sidebar .calendarview-edit-main-content div.rsTopWrap {width:210px !important;} #sidebar table.rsVerticalHeaderTable, #sidebar table.rsVerticalHeaderTable div {width: 210px !important;} #sidebar .calendarview-edit-main-content td.rspLastItem, #sidebar .calendarview-edit-main-content .rspResizeBar {display: none;} #sidebar .calendarview-edit-main-content td.rspFirstItem > div {width:210px !important; height: auto !important;} #sidebar .calendarview-edit-main-content div.rsContent {height:320px !important; width: 100% !important;} #sidebar .calendarview-edit-main-content div.rsContent td {/*width: 100% !important;*/} #sidebar .calendarview-edit-main-content .RadScheduler {height: 410px !important;} #sidebar .calendarview-edit-main-content .RadScheduler_Telerik .rsHorizontalHeaderTable div {width: auto !important;} #sidebar .calendarview-edit-main-content .rsContentScrollArea {max-height:305px !important; /*width:316px !important; overflow: hidden !important;*/} #sidebar .RadScheduler .rsMonthView .rsWrap {height:15px !important;} #sidebar .RadScheduler_Telerik .rsHeader {border:none; background:#ccc; height:auto;} #sidebar .RadScheduler_Telerik .rsContent, #sidebar .RadScheduler_Telerik .rsTopWrap .rsFooter {border:none !important;} #sidebar .RadScheduler .rsAdvancedEdit .rsAdvChkWrap input {width:auto !important;} #sidebar .RadScheduler .rsAllDayWrapper {margin-left:165px !important;} #sidebar .calendarview-edit-main-content div.rsContent td.rsHorizontalHeaderWrapper > div {/*width:316px !important;*/} #sidebar .calendarview-edit-main-content div.rsContent td.rsHorizontalHeaderWrapper > div > div {/*margin-right:0px !important;*/} #sidebar .calendarview-edit-main-content .rsDayView > table {width:206px !important;} #sidebar .calendarview-edit-main-content .rsDayView .rsVerticalHeaderTable {width:auto !important;} #sidebar .calendarview-edit-main-content .rsDayView .rsVerticalHeaderTable div {width:auto !important;} #sidebar .calendarview-edit-main-content .rsWeekView > table {width:206px !important;} #sidebar .calendarview-edit-main-content .rsWeekView .rsVerticalHeaderTable {width:auto !important;} #sidebar .calendarview-edit-main-content .rsWeekView .rsVerticalHeaderTable div {width:auto !important;} #sidebar .calendarview-edit-main-content .rsTimelineView > table {width:206px !important;} #sidebar .calendarview-edit-main-content .rsTimelineView .rsVerticalHeaderTable {width:auto !important;} #sidebar .calendarview-edit-main-content .rsTimelineView .rsVerticalHeaderTable div {width:auto !important;} #sidebar .calendarview-edit-main-content .rsMultiDayView > table {width:206px !important;} #sidebar .calendarview-edit-main-content .rsMultiDayView .rsVerticalHeaderTable {width:auto !important;} #sidebar .calendarview-edit-main-content .rsMultiDayView .rsVerticalHeaderTable div {width:auto !important;} #sidebar .calendarview-edit-main-content div.rsContent td.rsVerticalHeaderWrapper #sidebar .calendarview-edit-main-content div.rsContent td.rsVerticalHeaderWrapper > div {height:268px !important;} #sidebar .calendarview-edit-main-content div.rsContent td.rsContentWrapper #sidebar .calendarview-edit-main-content div.rsContent td.rsContentWrapper > div {height:268px !important;} #sidebar .calendarview-edit-main-content div.rsMonthView {height:350px !important;} #sidebar .calendarview-edit-main-content div.rsMonthView td.rsContentWrapper #sidebar .calendarview-edit-main-content div.rsMonthView td.rsContentWrapper > div {height:330px !important; max-height:330px !important;} #sidebar .calendarview-edit-main-content div.rsWeekView td.rsVerticalHeaderWrapper #sidebar .calendarview-edit-main-content div.rsWeekView td.rsVerticalHeaderWrapper > div {height:248px !important;} #sidebar .calendarview-edit-main-content div.rsWeekView td.rsContentWrapper #sidebar .calendarview-edit-main-content div.rsWeekView td.rsContentWrapper > div {height:248px !important;} #sidebar .calendarview-edit-main-content div.rsTimelineView {height:auto !important;} #sidebar .calendarview-edit-main-content div.rsTimelineView td.rsVerticalHeaderWrapper #sidebar .calendarview-edit-main-content div.rsTimelineView td.rsVerticalHeaderWrapper > div {height:auto !important;} #sidebar .calendarview-edit-main-content div.rsTimelineView td.rsContentWrapper #sidebar .calendarview-edit-main-content div.rsTimelineView td.rsContentWrapper > div {height:auto !important; max-height:320px !important;} /*---------------------------------------- / mailing list ----------------------------------------*/ /*-----subscribe-----*/ #divMailingListSubscribe {} #divMailingListSubscribe h2 {margin-bottom:10px;} #divMailingListSubscribe fieldset {margin:0 0 20px 0; padding:0; border:none;} #divMailingListSubscribe fieldset legend {display:none} #divMailingListSubscribe fieldset div, #divMailingListSubscribe fieldset p {margin-bottom:10px;} #divMailingListSubscribe fieldset div label, #divMailingListSubscribe fieldset p label {} #divMailingListSubscribe fieldset div input, #divMailingListSubscribe fieldset p input {} #divMailingListSubscribe fieldset div select, #divMailingListSubscribe fieldset p select {} #divMailingListSubscribe p {} #divMailingListSubscribe fieldset table {border:none;} #divMailingListSubscribe fieldset table td {border:none; padding:0 0 10px 0;} #divMailingListSubscribe fieldset#fsAvailableLists {} #divMailingListSubscribe fieldset#fsAvailableLists div input, #divMailingListSubscribe fieldset#fsAvailableLists p input {width:auto; margin-right:5px;} #divMailingListSubscribe fieldset#fsAvailableLists div label, #divMailingListSubscribe fieldset#fsAvailableLists p label {width:auto;} /*-----login-----*/ #divMailingListLogin {} #divMailingListLogin h2 {margin-bottom:10px;} #divMailingListLogin fieldset {margin:0; padding:0; border:none;} #divMailingListLogin fieldset legend {display:none} #divMailingListLogin fieldset div, #divMailingListLogin fieldset p {margin-bottom:10px;} #divMailingListLogin fieldset div label, #divMailingListLogin fieldset p label {width:100px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divMailingListLogin fieldset div input, #divMailingListLogin fieldset p input {width:300px;} #divMailingListLogin fieldset div input#ctl00_ContentPlaceHolderMainNoAjax_SignIn {width:auto;} /*---------------------------------------- / wiki ----------------------------------------*/ .add-wiki-post .information {margin:10px 0; padding:10px; border:1px dashed #b5b5b5; background-color:#f2f2f2; color:#383838;} .add-wiki-post .information h2 {margin:0;} .add-wiki-post .information h3 {} .add-wiki-post .information p {margin:5px 0;} .add-wiki-post textarea, .add-wiki-post input{padding:5px 10px;} /*---------------------------------------- / faq ----------------------------------------*/ #faqContainer {} #faqContainer .FAQHeadingLinks {position:relative;} #faqContainer .FAQHeadingLinks a {position:inherit; top:0;} #faqContainer .FAQHeadingLinks a#TopicHeadAZLink {right:0;} #faqContainer .FAQHeadingLinks a#TopicHeadTopicLink {right:0;} #faqContainer .FAQHeadingLinks a#ancAskAQuestion {float:right;} #faqContainer .FAQIndex {margin-bottom:20px; padding-bottom:10px; border-bottom:1px dashed #b5b5b5;} #faqContainer .FAQIndex ol {} #faqContainer .FAQIndex ol li {} .FAQTopic h2, .FAQTopic h3 { font-size: 18px; } nav .FAQTopic h2 { font-size: 22px; } nav .FAQTopic h3 { margin-top: 15px; font-size: 16px; } div.FAQTopic {clear:both;} #faqContainer .FAQHeadingLinks h2, #faqContainer .FAQIndex, #faqContainer .FAQHeadingLinks a#TopicHeadAZLink { display: none; } /*---------------------------------------- / my account ----------------------------------------*/ #myAccountDetailsContainer {} /*-----my account main menu-----*/ .MyAccountMenu {display:block; width:100%;} .MyAccountMenu ul {} .MyAccountMenu ul.topMenu li {} .MyAccountMenu ul.topMenu li a {} .MyAccountMenu ul.topMenu li a.menuLink {} .MyAccountMenu ul.topMenu li a.menuLink_Selected {} .MyAccountMenu li {display: none;} .MyAccountMenu li:first-child + li, .MyAccountMenu li:first-child + li + li + li + li + li {display: block;} /*-----my account sub menu-----*/ .MyAccountMenu .MyAccountSubMenu {border:1px solid #ccc; border-top:none; border-bottom:none; padding:0 20px 12px 20px; background-color:#fff;} .MyAccountMenu ul.subMenu {list-style-type:none; margin:0; padding:12px 0 0 0; height:auto; border-bottom:none;} .MyAccountMenu ul.subMenu li, #myAccountArea .ajax__tab_header > span {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .MyAccountMenu ul.subMenu li a, #myAccountArea .ajax__tab_header > span a {padding:0 12px 0 0; color:#524f37; text-decoration:underline; border-right:1px solid #524f37; margin:0 12px 0 0;} .MyAccountMenu ul.subMenu li a.menuLink_Selected, #myAccountArea .ajax__tab_header > span.ajax__tab_active a {padding:0 12px 0 0; color:#524f37; text-decoration:underline; border-right:1px solid #524f37; margin:0 12px 0 0;} /*-----general settings-----*/ #myAccountArea, .myAccountArea {float: none; overflow: hidden; border: 1px solid #ddd; border-top: none; width: 100%; margin: 0 auto 20px; padding: 20px; background-color: #fff; max-width: 1170px;} #myAccountArea .btn-primary {display: none;} #myAccountArea .divCustomDetails .btn-primary {display: inline-block; display: none;} #myAccountArea .divCustomDetails h3 {display: none;} #myAccountArea .warning { border: 1px dotted #ccc; padding: 10px 10px 10px 40px; margin: 10px 0 20px; font-weight: bold; position: relative;} #myAccountArea .warning:empty {display: none;} #myAccountArea .warning:before { content: "\f06a"; font-family: FontAwesome; position: absolute; top: 8px; right: auto; bottom: 0; left: 10px; text-indent: 0; text-align: center; line-height: 30px; font-size: 25px;} #myAccountArea .myaccount-welcome {border-top:1px solid #ccc;} #myAccountArea .EditArea a.btnCancel {display:inline-block;} #myAccountArea .EditArea a.btnCancel:hover, #myAccountArea .EditArea a.btnCancel:focus {} #myAccountArea .EditArea a.btnSave {display:inline-block;} #myAccountArea .EditArea a.btnSave:hover, #myAccountArea .EditArea a.btnSave:focus {} #myAccountArea .accountDetails {} #myAccountArea .accountDetails td {vertical-align:top;} #myAccountArea div#accountMessage {} #myAccountArea .deleteButton {margin-top:12px;} #myAccountArea p.subText {margin:0; padding:0;} #myAccountArea p.noResults {margin-bottom:20px;} /*-----information boxes-----*/ .TRCompanyInformation, #myAccountArea div.TRJobDetails, #myAccountArea .divJobDetails, #myAccountArea .divCompanyInformation, .divJobDetails p, .divCustomDetails p { margin: 0 !important;} #myAccountArea .divPersonalInfo, .divCustomDetails, #myAccountArea .divCompanyInformation, #myAccountArea .divCompanyProfile {float: left; width: 100%; margin-bottom: 20px; clear: both; overflow: hidden;} #myAccountArea .divPersonalInfo {} #myAccountArea .divCompanyInformation, #myAccountArea .divCompanyProfile, #myAccountArea .divJobDetails {/*display: none;*/} #myAccountArea .divJobDetails h3, #myAccountArea .divCompanyProfile {display: none;} .TRPersonalInformationEdit .form-group {/*display: none;*/} .TRPersonalInformationEdit .form-group.form-actions, #DivPortraitEdit {display: block;} #myAccountArea div.ViewArea, #myAccountArea div.EditArea {float:left; width:100%; margin:0 0 20px 0;} #myAccountArea div.ViewArea dl, #myAccountArea div.EditArea dl {list-style-type:none; margin:0; padding:0 0 5px 0;} #myAccountArea div.ViewArea dl dt, #myAccountArea div.EditArea dl dt {clear: left; font-weight:bold; list-style-type:none; margin:0; padding:0 0 5px 0;} #myAccountArea div.ViewArea dl dt[id$="PasswordHeading2"], #myAccountArea div.ViewArea dl dd[id$="ddChangePassword2"] {/*display: none;*/} #myAccountArea div.ViewArea dl dd[id$="ddChangePassword2"] a { font-weight: bold; text-decoration: underline; text-transform: capitalize;} #myAccountArea div.ViewArea dl dd, #myAccountArea div.EditArea dl dd {list-style-type:none; margin:0; padding:0 0 10px 0; min-height:25px;} #myAccountArea div.EditArea #DivProfileEdit dl dd {} #myAccountArea div.EditArea dl dd input[type="text"] {} #myAccountArea div.EditArea dl dd input[type="text"]:hover, #myAccountArea div.EditArea dl dd input[type="text"]:focus {} #myAccountArea div.EditArea dl dd input#txtAreaCode {width:50px !important;} #myAccountArea div.EditArea dl dd input#txtBusPhone {width:222px !important;} #myAccountArea div.EditArea dl dd select {} #myAccountArea div.EditArea dl dd textarea {} #myAccountArea div.EditArea dl dd textarea:hover, #myAccountArea div.EditArea dl dd textarea:focus {} .divMembershipAdditionalQuestions {clear: both; display: none;} /*-----user preferences-----*/ #myAccountArea div.userPrefOuter {margin:0 0 20px 0; position:relative;} #myAccountArea div.userPrefOuter a {position:absolute; top:0; right:0; display:inline-block;} #myAccountArea div.userPrefOuter ul {margin:0 0 0 12px; padding:0;} #myEditPreferredLocationsContainer #myAccountArea input {margin:0 5px 0 0; padding:0;} #myEditPreferredLocationsContainer #myAccountArea ul {list-style-type:none; margin:5px 0 20px 0; padding:0;} #myEditPreferredLocationsContainer #myAccountArea ul li {margin-bottom:5px;} #myAccountArea div.alertEditOuter {} /*-----saved searches-----*/ #myAccountArea div.savedSearchesRecent {margin-bottom:20px;} #myAccountArea div.savedSearchesOld {margin-bottom:20px;} /*-----alerts-----*/ /*-----search results area-----*/ #myAccountArea #TDSearchResults {} #myAccountArea #TDSearchResults a {} #myAccountArea #TDSearchResults > div {margin-bottom:10px;} #myAccountArea #TDSearchResults div#pnlOtherAreas {} /*-----number of returned results and keywords-----*/ #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults {padding-bottom:12px; border-bottom:1px dotted #7c7966; margin-bottom:12px;} #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span {} #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span#ctl00_ContentMyAccount_RecordCountLabel {font-weight:bold;} #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults span#ctl00_ContentMyAccount_spnDelete {float:none; margin-left:200px; text-decoration:underline;} /*-----returned items-----*/ #myAccountArea ol#searchResultsInfo {list-style-type:none; margin:0; padding:0; width:100%;} #myAccountArea ol#searchResultsInfo li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd; position:relative;} #myAccountArea ol#searchResultsInfo li span.resultImage {padding-right:12px;} #myAccountArea ol#searchResultsInfo li span.resultImage img {} #myAccountArea ol#searchResultsInfo li span.firstRow {display:block;} #myAccountArea ol#searchResultsInfo li span.resultNumber {color:#1095c2; font-weight:bold;} #myAccountArea ol#searchResultsInfo li a {text-decoration:underline;} #myAccountArea ol#searchResultsInfo li span.resultHead {} #myAccountArea ol#searchResultsInfo li span.clsResultDescr {margin:5px 0 5px 0; display:block;} #myAccountArea ol#searchResultsInfo li span.clsHlighSearchTerm {font-weight:bold; background-color:transparent;} #myAccountArea ol#searchResultsInfo li span.lastRow {margin:0; display:block;} #myAccountArea ol#searchResultsInfo li span.clsResultURL {color:#555;} #myAccountArea ol#searchResultsInfo li span.clsResultLastModified {color:#555;} #myAccountArea ol#searchResultsInfo li span.clsResultDelete {display:block; text-decoration:underline; width:35px; position:absolute; top:0; right:0;} /*-----paging controls-----*/ #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks {margin-bottom:12px; font-weight:bold;} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a {} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinkss span {} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks span.resultPageNumberSelected {font-weight:bold;} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a span.resultPageNumber {} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a#NextLink {} #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a#PreviousLink{} #myAccountArea .confirmWelcomeText {} #myAccountArea .confirmEmailText {} /*-----my work-----*/ #myAccountArea .adminFieldSet, .myAccountArea .adminFieldSet {} #myAccountArea .adminFieldSet div, .myAccountArea .adminFieldSet div {margin-bottom:10px;} #myAccountArea .adminFieldSet div label, .myAccountArea .adminFieldSet div label {} #myAccountArea .adminFieldSet div input[type="text"], .myAccountArea .adminFieldSet div input[type="text"] {} #myAccountArea .buttonGroupTop {margin-bottom:10px;} #myAccountArea .buttonGroupTop a {margin:0 0 10px 10px;} #myAccountArea .buttonGroup a, #myAccountArea #btnConfirm, .myAccountArea .form-actions a {display:inline-block; margin-left: 0;} #myAccountArea .gridContainer {clear:both;} #myAccountArea .gridDataTable, .myAccountArea .gridDataTable, .myAccountArea .adminDataTable {width:100%; margin-bottom:20px;} #myAccountArea #btnSave {display:inline-block;} #myAccountArea #btnCancel {display:inline-block;} #myAccountArea #gvAlert, #myAccountArea #gvAlertRead {margin-bottom:10px;} #myAccountArea #btnDeleteUnRead, #myAccountArea #btnDeleteRead {display:inline-block;} /*-----my calendar-----*/ #myAccountArea .findCalendar {padding-top:40px;} #myAccountArea .findCalendar h2 {margin-bottom:5px;} #myAccountArea .findCalendar .clsUserSearchControls {margin-bottom:20px;} #myAccountArea .findCalendar .clsUserSearchControls div {margin-bottom:10px; font-size:100%;} #myAccountArea .findCalendar .clsUserSearchControls div label {display:block; margin-bottom:5px;} #myAccountArea .findCalendar .clsUserSearchControls fieldset {border:none; margin:0; padding:0;} #myAccountArea .findCalendar #btnSearch {display:inline-block;} #myAccountArea .findCalendar #btnRefresh {display:inline-block;} #myAccountArea .findCalendar .colour-legend {margin-bottom:20px;} #myAccountArea .findCalendar .colour-legend .colour-search {list-style-type:none; margin:0; padding:0;} #myAccountArea .findCalendar .colour-legend .colour-search > li {display:block; padding-bottom:5px;} #myAccountArea .findCalendar .colour-legend .colour-search > li .your-events-colour {width:23px; height:13px; border:1px solid #333; background-color:#3477C6; display:inline-block;} #myAccountArea .findCalendar .colour-legend .colour-search > li .group-events-colour {width:23px; height:13px; border:1px solid #333; background-color:#51B200; display:inline-block;} #myAccountArea .findCalendar .colour-legend .colour-search > li .unit-events-colour {width:23px; height:13px; border:1px solid #333; background-color:#F56601; display:inline-block;} #myAccountArea .findCalendar .colour-legend .colour-search > li .user-events-colour {width:23px; height:13px; border:1px solid #333; background-color:#EBD002; display:inline-block;} #myAccountArea .findCalendar .colour-legend .colour-search > li .misc-events-colour {width:23px; height:13px; border:1px solid #333; background-color:#862F89; display:inline-block;} #myAccountArea .calendarView {padding-top:40px;} #myAccountArea .calendarView .clsPrevNextMthLink {position:relative; height:20px;} #myAccountArea .calendarView .clsPrevNextMthLink .clsPreviousMthLink {position:absolute; top:0px; left:0px;} #myAccountArea .calendarView .clsPrevNextMthLink .clsNextMthLink {position:absolute; top:0px; right:0px;} #myAccountArea .calendarView #calendarMain {width:100%;} #myAccountArea .TBAddEventMain {float:none !important;} #myAccountArea .TBAddEventMain .clsNormal {font-size:100% !important;} #myAccountArea .clsAddEventButtonSave {display:inline-block;} #myAccountArea .clsAddEventButtonClear {display:inline-block;} /*-----my stats-----*/ #myAccountArea .stats-container table {width:100%;} /*---------------------------------------- / store locator element ----------------------------------------*/ .dealer-res-map { overflow: hidden;width: 100% !important;} .divDisplayStoreLocator {position:relative; /*margin:20px 0;*/} .store-locator-results {width: 100% !important; padding: 0 !important;} /*-----alpha list-----*/ .divDisplayStoreLocator div[id$="divAlphabetFilter"] {float:left; clear:both; width:100%; margin-bottom:20px;} .divDisplayStoreLocator div[id$="divAlphabetFilter"] ol {list-style-type:none; margin:0; padding:0;} .divDisplayStoreLocator div[id$="divAlphabetFilter"] ol li {float:left; margin-right:5px;} .divDisplayStoreLocator div[id$="divAlphabetFilter"] ol li a {display:block; width:25px; padding:5px 0; text-align:center; background-color:#1D779F; color:#fff;} /*-----map-----*/ .divDisplayStoreLocator .dealer-search-results {overflow: hidden; float:left; clear:both; width:100%; margin-bottom:20px;} .divDisplayStoreLocator .dealer-search-results .dealer-res-map {display: none!important;} /*-----search results-----*/ .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] {float:left; clear:both; width:100%; margin-bottom:20px;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_processing {display:none;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate {float:left; height:20px; position:relative; clear:both; width:100%;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate .paginate_disabled_previous {display:none;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate .paginate_enabled_previous {float:left; cursor:pointer; margin-right:10px; font-size:100%; font-weight:bold; text-decoration:underline;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate .paginate_disabled_next {display:none;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_paginate .paginate_enabled_next {float:right; cursor:pointer; margin-left:10px; font-size:100%; font-weight:bold; text-decoration:underline;} .dealer-res-count {display: none;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_filter, .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_length, .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_info { background: #eee; width: 20%; float: left; clear: left; padding: 15px; /*float:left; background:#e3e3e3; padding:10px; margin-bottom:10px; height: 45px;*/} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_filter {/*width:400px; border:1px solid #c2c2c2; border-right:none;*/ margin: 10px 0 0; } .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_filter input { background: url(/images/UserUploadedImages/11/icon-search-glass.png) no-repeat 98% 50% #fff; border: 1px solid #ccc; margin: 0; width: 80%; padding: 5px 35px 5px 5px; } .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_filter label { width: 100%;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_filter label:before {content: "Refine Stores"; display: block; margin: 0 0 20px; padding: 10px 0; border-top: 1px solid #999; width: 100%; font-size: 110%; font-weight: 700; color: #000;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_filter input {/*width:300px; margin-left:5px; border:1px solid #999; padding:2px 5px; height:20px;*/} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_filter input:hover, .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTables_filter input:focus {/*border-color:#000;*/} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_length {/*width:150px; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;*/} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_info {/*width:326px; border:1px solid #c2c2c2; border-left:none; text-align:right;*/} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_paginate {margin-top:10px; padding: 0 0 0 4%; float:none; width: 80%;} /*table view*/ .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTable {border-collapse:collapse; background-color:#E8E8E8;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTable th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTable th a {color:#fff; font-weight:bold;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .dataTable td {border:1px solid #ccc; padding:5px;} /*list view*/ nav .divDisplayStoreLocator .widget {display: none;} .divDisplayStoreLocator .widget {/*margin-bottom: 20px; margin-top: 20px; margin-left: -20px; margin-right: -20px;*/ width: 80%; display: inline-block; margin: 0; padding: 0 0 0 3%;} .divDisplayStoreLocator .widget dl, .divDisplayStoreLocator .widget dt, .divDisplayStoreLocator .widget dd {list-style-type:none; margin:0; padding:0; } .divDisplayStoreLocator .widget dd span {display: inline-block;} .divDisplayStoreLocator .widget dd span:empty {display: none;} .divDisplayStoreLocator .widget dd span.subItemStoreAddress1, .divDisplayStoreLocator .widget dd span.mainItemStoreAddress1 {display: inline;} .divDisplayStoreLocator .widget dd .subItemStoreAddress span:after, .divDisplayStoreLocator .widget dd .mainItemStoreAddress span:after {content: ", ";} .divDisplayStoreLocator .widget dd .mainItemStoreAddress span.mainItemStoreAddressCountry:after, .divDisplayStoreLocator .widget dd .mainItemStoreAddress span:empty:after, .divDisplayStoreLocator .widget dd .subItemStoreAddress span.subItemStoreAddressCountry:after, .divDisplayStoreLocator .widget dd .subItemStoreAddress span:empty:after {content: "";} .divDisplayStoreLocator .widget dd span a, .view_on_map_link {text-decoration: underline; word-break: break-word;} .divDisplayStoreLocator .widget dd span.mainItemStoreEmailLabel, .divDisplayStoreLocator .widget dd span.subItemStoreEmailLabel {} .divDisplayStoreLocator .widget dd, .view_on_map {line-height:150%; clear: both; display: block;} .view_on_map { font-weight: bold; margin: 10px 0 0; display: block; float: left;} .divDisplayStoreLocator .widget dl {/*margin:0 0 15px 0; display:block; background:#f2f6f9; border-bottom:1px solid #d7edee; padding:15px; position:relative; */ background: #fff; min-height: 300px; overflow: hidden; margin: 10px 0; padding: 20px; border: 1px solid #eee; border-bottom: 2px solid #eee;} .divDisplayStoreLocator .widget .mainItem:hover dl, .divDisplayStoreLocator .widget .subItem:hover dl {border-color: #ddd;} .divDisplayStoreLocator .widget .subItemHeading, .divDisplayStoreLocator .widget .mainItemHeading {display:block; padding:0; margin:0 0 20px 0;} .divDisplayStoreLocator .widget dt a {text-decoration:none; font-weight: 800; font-size: 110%;} .divDisplayStoreLocator .widget dd {padding:0 0 5px 0;} .divDisplayStoreLocator .subItemStoreAddress1, .divDisplayStoreLocator .mainItemStoreAddress1 {font-weight:normal;} .dataTables_filter, .dataTables_length, .dataTables_info {padding: 10px 0;} div[id$="divResultList"] {} div[id$="divResultList"] .mainItem, div[id$="divResultList"] .subItem { width: 33%; float: left; padding: 0 15px 15px;} div[id$="divResultList"] .allsubItems {} .divDisplayStoreLocator [id$="divResultList"] span.mainItemStoreAddressSuburb, .divDisplayStoreLocator [id$="divResultList"] span.subItemStoreAddressSuburb {margin-left:-8px;} .locatorContainer .clsLocatorStoreContacts .clsLocatorStorePhoneValue, .locatorContainer .clsLocatorStoreContacts .clsLocatorStoreEmailValue a, .locatorContainer .clsLocatorStoreContacts .clsLocatorStoreTypeValue {margin-left:5px;} .hover-effect-container{width:100%; padding:0; float:left; flex-wrap: wrap; display: flex;} .hover-effect-container li{list-style:none; background: #FFF; border: 1px solid #ddd; display: block; float: left; margin: 10px; box-shadow: 0 0 5px #ddd; text-align: center; padding: 20px 60px; display:flex; justify-content: center; align-items: center;} .hover-effect-container li:hover{border:1px solid #b70100;} .hover-effect-container li img { width: 150px;} /*---------------------------------------- / store locator page ----------------------------------------*/ #locatorContainer {float:left; width:100%;} #locatorContainer .response-message {display:none;} /*-----search filter styles-----*/ #locatorContainer #SearchFilter { padding: 20px 50px 0 0; margin: 0;} #locatorContainer #SearchFilter h2 {position:absolute; left:-9999px; margin:0px 0px 0px 0px; padding:0px 0px 9px 0px;} #locatorContainer #SearchFilter h2 span {font-family:georgia, arial, verdana, sans-serif;} #locatorContainer #SearchFilter fieldset { width: 100%; border: none; margin: 0; padding: 0; float: left; font-size: 100%; padding: 30px; background: #fff; border: 1px solid #eee; border-bottom: 2px solid #eee;} #locatorContainer #SearchFilter fieldset legend { font-size: 140%; display: block; float: left;} #locatorContainer #SearchFilter fieldset legend span {} #locatorContainer #SearchFilter fieldset p {margin:0px 0px 10px 0px; padding:0px;} #locatorContainer #SearchFilter fieldset div {margin: 10px 0;} #locatorContainer #SearchFilter fieldset div.FieldSearch {clear:none; margin-bottom:0;} #locatorContainer #SearchFilter fieldset label {} #locatorContainer #SearchFilter fieldset #divBrandsList {float:left;} #locatorContainer #SearchFilter fieldset #chklstBrands {} #locatorContainer #SearchFilter fieldset #chklstBrands td {white-space:nowrap;} #locatorContainer #SearchFilter fieldset #chklstBrands input {} #locatorContainer #SearchFilter fieldset #chklstBrands label {} /*-----google map styles-----*/ #locatorContainer .dealer-search-results { float: left; padding-right: 0; padding-left: 0; padding-bottom: 20px; padding-top: 10px;} #locatorContainer .dealer-search-results .dealer-res-map {width:100% !important; height:350px !important;} /*-----search results styles-----*/ #locatorContainer .clsDivSearchResults {width:100%; float:left; clear:left; margin:20px 0px 0px 0;} #locatorContainer .clsDivSearchResults table {border-collapse:collapse; background-color:#E8E8E8; font-size:100%; width:100%;} #locatorContainer .clsDivSearchResults table tr.clsgridHeader {background-color:#555; text-align:left; color:#fff;} #locatorContainer .clsDivSearchResults table tr.clsgridRow {height:23px;} #locatorContainer .clsDivSearchResults table tr.clsAlternatingRow {height:23px;background-color:#f1f1f1;} #locatorContainer .clsDivSearchResults table th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} #locatorContainer .clsDivSearchResults table th.LocatorPhone { width: 10%;} #locatorContainer .clsDivSearchResults table th a {color:#fff; font-weight:bold;} #locatorContainer .clsDivSearchResults table td {border:1px solid #ccc; padding:5px;} #locatorContainer .clsDivSearchResults table td a {float:left;} #locatorContainer .clsBubbleDistanceText {display:block;} #locatorContainer .clsDivSearchResults table td .clsLocatorViewWebIcon {float:left; background: url(/dealerlocator/include/images/LocatorViewIcon.gif) no-repeat; width:23px; height:22px;} #locatorContainer .clsDivSearchResults table td .clsLocatorViewWebText {position:absolute; left:-9999px;} #locatorContainer .clsDivSearchResults table td .clsLocatorViewIcon {display:none;} #locatorContainer .clsDivSearchResults table td .clsLocatorViewText {float:left; background: url(/dealerlocator/include/images/LocatorViewIcon.gif) no-repeat; width:23px; height:22px; text-indent:-9999px;} #locatorContainer .clsDivSearchResults table td .clsLocatorNotOnMapIcon {display:none;} #locatorContainer .clsDivSearchResults table td .clsLocatorNotOnMapText {float:left; background: url(/dealerlocator/include/images/LocatorNotOnMapIcon.gif) no-repeat; width:23px; height:22px; text-indent:-9999px;} #locatorContainer a.storeSearchButton {display:block; margin: 0;} /*-----index page styles-----*/ .locatorContainer .divButtons { float: left; clear: left;} .locatorContainer h1 {display: none;} #locatorContainer .divLocatorIndex {margin:20px 0px 20px 20px;} #locatorContainer .divLocatorIndex #divGroupBy {} #locatorContainer .divLocatorIndex #divGroupBy h2 {display:inline; margin-left:0px; font-size:100%;} #locatorContainer .divLocatorIndex .alphaLinks {margin:20px 0px 0px 0px; position:relative;} #locatorContainer .divLocatorIndex .alphaLinks ol {list-style-type:none; margin:0px; padding:0px;} #locatorContainer .divLocatorIndex .alphaLinks ol li {display:inline;} #locatorContainer .divLocatorIndex .alphaLinks ol li a {} #locatorContainer .divLocatorIndex .alphaLinks .divBtnAll {position:absolute; top:0px; right:20px;} #locatorContainer .divLocatorIndex #ctl00_ContentPlaceHolderMainNoAjax_divResultsByCountry {} #locatorContainer .divLocatorIndex #ctl00_ContentPlaceHolderMainNoAjax_divResultsByCountry h2 {font-size:100%; margin:20px 0px 0px 0px; padding:0px;} /*-----details page styles-----*/ .locatorContainer { } .locatorContainer a {text-decoration: underline;} .storeLocator h1:after { text-shadow: none; content: "Home / Store Locator"; clear: both; font-size: 13px; font-weight: 500; display: block; padding: 10px 0; } .locatorContainer .clsStoreShortDescription {display: none;} .locatorContainer .clsStoreShortDescription:after {content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px;} .locatorContainer .clsLocatorStoreAddress { margin-bottom: 0; width: 30%; float: left; background: #fff; padding: 3%; margin: 20px 0 0; border: 1px solid #f2f2f2; border-bottom: none; font-size: 95%;} .locatorContainer .clsLocatorStoreContacts { border: 1px solid #f2f2f2; background: #fff; width: 30%; padding: 0 3% 3%; float: left; clear: left; border-bottom: 2px solid #f2f2f2; border-top: none; margin: 0; font-size: 95%;} .locatorContainer .dealer-search-results { width: 70%; display: inline-block; padding: 0 3%;} .locatorContainer .clsLocatorStoreContacts > div {margin-bottom:5px;} .locatorContainer #divMapResults {height:200px;} .locatorContainer #divMapResults > div {height:200px;} /*---------------------------------------- / content organiser ----------------------------------------*/ /*-----content-----*/ .contentDIV {margin-bottom:20px; float:left; width:100%;} .contentDIV .sectionDIV {} .contentDIV .sectionDIV .itemDIV {margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #ccc;} .contentDIV .sectionDIV .itemDIV > div {} .contentDIV .sectionDIV .itemDIV div .numberingDIV {font-weight:bold;} .contentDIV .sectionDIV .itemDIV div .questionDIV {font-weight:bold; margin-bottom:15px;} .contentDIV .sectionDIV .itemDIV div .userInputDIV {margin-left:20px; width:620px;} .contentDIV .sectionDIV .itemDIV div .userInputDIV input {margin:0 5px 0 0; padding:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .contentDIV .sectionDIV .itemDIV div .userInputDIV input[type="text"] {min-width:300px; height:20px; padding:2px 5px;} .contentDIV .sectionDIV .itemDIV div .userInputDIV label {width:590px; line-height:150%; margin-bottom:15px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .contentDIV .sectionDIV .itemDIV div .userInputDIV select {width:300px;} .contentDIV .sectionDIV .itemDIV div .userInputDIV textarea {padding:2px 5px; min-width:300px; height:100px;} .contentDIV .sectionDIV .itemDIV div .userInputDIV .radiobuttonlistDIV label, .contentDIV .sectionDIV .itemDIV div .userInputDIV .checkboxlistDIV label {line-height:100%; margin-bottom:10px;} .contentDIV .sectionDIV .itemDIV .userInputConfirmDIV {margin-top:10px; padding-left:20px;} .contentDIV .sectionDIV .itemDIV .userInputConfirmDIV .userInputDIV {margin-left:0;} .contentDIV .sectionDIV .itemDIV .userInputConfirmDIV label {display:block;} .contentDIV .sectionDIV .itemDIV .userInputConfirmDIV input {width:300px;} .contentDIV .sectionDIV .itemDIV .tabledtextDIV div div {width:150px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .contentDIV .sectionDIV .itemDIV .rawHtmlDIV {} .contentDIV .sectionDIV .itemDIV div .userInputDIV .RadPicker {width:200px !important;} .contentDIV .sectionDIV .itemDIV div .userInputDIV .RadPicker .rcTable {width:200px !important;} .contentDIV .sectionDIV .itemDIV div .userInputDIV .RadPicker .rcTable > div > div {float:left;} .contentDIV .sectionDIV .itemDIV div .userInputDIV .RadPicker .rcTable > div > div.rcInputCell {width:100px !important;} .contentDIV .sectionDIV .itemDIV br {/*margin-bottom:15px;*/} /*-----navigation-----*/ .navigationDIV {float:left; clear:both; background-color:#eee; padding:10px;} .navigationDIV input {border:none; background:none; background-color:#707070; border:1px solid #616161; color:#ffffff; font-weight:bold; padding:5px;} .navigationDIV input:hover, .navigationDIV input:focus {background:#616161; text-decoration:none; cursor:pointer;} .navigationDIV input.btnNextPage {float:right;} .navigationDIV input.btnFinish {float:right;} /*---------------------------------------- / resource schedule ----------------------------------------*/ .resource-scheduler div[id$="BookingStep1"] {margin-bottom:10px;} .resource-scheduler div[id$="BookingStep2"] {} .resource-scheduler div[id$="BookingStep2"] table {margin-left:35px;} .resource-scheduler div[id$="BookingStep2"] table td {padding:10px 5px;} .resource-scheduler div[id$="BookingStep2"] table td input {margin-right:5px;} .resource-scheduler div[id$="Results"] {} .resource-scheduler div[id$="Results"] #Calendar {float:none; clear:both;} .resource-scheduler .RadScheduler .inputText {float:left;} .resource-scheduler div.EmailListLeft {clear:both;} .resource-scheduler span.riDisplay {height:20px; background-color:#fff; border:1px solid #ccc !important; padding-top:2px;} .resource-scheduler span.riSingle.RadInput {height:24px; margin-top:2px;} .resource-scheduler .qsfexAdvEditControlWrapper textarea {margin:5px 0 !important;} .RadScheduler table {clear:both;} .resource-scheduler .RadScheduler_Telerik input, .resource-scheduler .RadScheduler_Telerik textarea, .resource-scheduler .RadScheduler_Telerik select {border:1px solid #ccc !important; background:none; background-color:#fff; resize:none; padding:2px 5px !important} .resource-scheduler .RadScheduler_Telerik input {height:22px !important; width:148px !important; } .resource-scheduler .RadScheduler_Telerik input#CateringRequired, .resource-scheduler .RadScheduler_Telerik input#keepSendEmail {height:auto !important; padding:0 !important; width:auto !important;} .resource-scheduler .RadScheduler_Telerik input#keepSendEmail {margin:0 5px 0 125px;} .resource-scheduler .RadScheduler_Telerik input#Emails {width:380px !important;} .resource-scheduler .RadScheduler_Telerik input[id$="EndTimePicker_dateInput"] {width:65px !important;} .resource-scheduler .RadScheduler_Telerik textarea {width:380px !important; margin:5px 0 !important; height:100px !important;} .resource-scheduler .RadScheduler_Telerik select.listAvailable, .resource-scheduler .RadScheduler_Telerik select.lstIn {height:140px;} .resource-scheduler .RadScheduler_Telerik select#RecurreceSelect {width:160px;} .resource-scheduler .RadScheduler #EndDate {padding-top:0 !important; margin-top:5px;} .resource-scheduler .RadScheduler label[id$="ScheduleCalendar_Form_Label11"] {margin-top:5px;} .resource-scheduler #qsfexAdvEditInnerWrapper {border:none !important; padding-top:0 !important;} .resource-scheduler .RadScheduler span.resourceCheckBox {display:block; margin-bottom:10px;} .resource-scheduler .qsfexAdvEditControlHalfWrapper .rsAdvTimePicker > input {display:none !important;} .RadScheduler_Telerik .rsAptEditResizeHandle, .RadScheduler_Telerik .rsAptEditFormWrapper, .RadScheduler_Telerik .rsAptEditFormOuter, .RadScheduler_Telerik .rsAptEditFormInner, .RadScheduler_Telerik .rsAptEditFormMiddle, .RadScheduler_Telerik .rsAptEditFormMiddle2 {background: none !important;} .RadScheduler_Telerik .rsAptEditFormWrapper .rsTemplateWrapper, .RadScheduler_Telerik .rsAptEditFormWrapper .rsEditOptions {height: 50px !important;background: none !important;} #InlineInsertTemplate textarea, #InlineEditTemplate textarea {width: 98% !important; height: auto !important;} .RadScheduler a.rsAdvancedEditLink {padding: 5px !important; background: #ddd; margin-right: 5px;} /*---------------------------------------- / my page, social and group streams ----------------------------------------*/ nav .photo-container {display: none;} #mypage-wrapper, #socialgroup-wrapper {position:relative; float:left; width:100%;} #mypage-wrapper h1 {} #mypage-wrapper ul.nav-tabs {list-style-type:none; margin:0; padding:0; position:absolute; left:25%; top:55px; width:50%;} #mypage-wrapper ul.nav-tabs li a.selected-feed {font-weight:bold;} #mypage-wrapper h2, #socialgroup-wrapper h2 {} #socialgroup-wrapper img[id$="padlockImage"] {position:absolute; top:0; right:0;} #mypage-wrapper .mypage-profile, #socialgroup-wrapper .mypageGroup-profile {padding-left:0; font-size:90%;} #mypage-wrapper .mypage-profile .photo-container, #socialgroup-wrapper .mypageGroup-profile .photo-container {width:100%; margin-bottom:20px; overflow:hidden;} #mypage-wrapper .mypage-profile .photo-container img, #socialgroup-wrapper .mypageGroup-profile .photo-container img {width:100%;} #mypage-wrapper .mypage-profile h2, #socialgroup-wrapper .mypageGroup-profile h2 {font-size:110%; border-bottom:1px solid #66b8de; padding:0 0 3px 0;} #mypage-wrapper .mypage-profile a[id$="editSettings"] {} #mypage-wrapper .mypage-profile a[id$="GoToMyPage"] {position:absolute; top:20px; left:90px; font-size:90%;} #mypage-wrapper .mypage-stream {border-left:1px solid #ddd; border-right:1px solid #ddd; margin-top:40px;} #mypage-wrapper .mypage-stream h2 {display:none;} #socialgroup-wrapper .mypageGroup-profile .mypage-group-settings a {padding:0 5px; border-left:1px solid #ccc;} #socialgroup-wrapper .mypageGroup-profile .mypage-group-settings a.edit-group-url {border-left:none;} /*-----search-----*/ .search-container {} .search-container .col-lg-12 {padding-left:0; padding-right:0;} .search-container .btn {margin:0;} .search-container .btn-default {background:#ddd; border-color:#ddd;} .search-container .btn-default.search-icon {margin-top:15px; padding:5px 20px; text-align:center; position:relative; height:30px; display:block;} .search-container .btn-default.search-icon:after {content:"\f002"; font-family:FontAwesome; position:absolute; top:0; right:110px; bottom:0; left:0; text-indent:0; text-align:center; line-height:30px; font-size:18px;} /*-----connections-----*/ /* friends */ #mypage-wrapper .mypage-connections, #socialgroup-wrapper .group-members-container {padding-right:0;} #mypage-wrapper .friends-container, #mypage-wrapper .social-group-container, #socialgroup-wrapper .member-container {float:left; clear:both; width:100%; margin:0; font-size:90%;} #mypage-wrapper .friends-container h2, #mypage-wrapper .social-group-container h2, #socialgroup-wrapper .member-container h2 {font-size:110%; margin:0 0 10px 0; padding:0 0 3px 0; border-bottom:1px solid #66b8de;} #mypage-wrapper .friends-container ul, #socialgroup-wrapper .member-container ul {float:left; clear:both; list-style-type:none; margin:0 0 10px 0; padding:0px;} #mypage-wrapper .friends-container ul li, #socialgroup-wrapper .member-container ul li {position:relative; float:left; width:30px; height:30px; margin:0 5px 5px 0; overflow:hidden;} #mypage-wrapper .friends-container ul li img, #socialgroup-wrapper .member-container ul li img {width:30px; height:30px;} #mypage-wrapper .friends-container a, #socialgroup-wrapper .member-container a {float:left; clear:both; margin-bottom:5px;} #mypage-wrapper .friends-container ul li .member-Name, #socialgroup-wrapper .member-container ul li .member-Name {display:none;} #socialgroup-wrapper .member-container ul li .member-pending {position:absolute; top:15px; left:-9999px; width:26px;} #socialgroup-wrapper .member-container ul li:hover .member-pending, #socialgroup-wrapper .member-container ul li:focus .member-pending {left:2px;} #socialgroup-wrapper .member-container ul li .member-pending a {float:left; clear:none; width:12px; height:12px; text-indent:-9999px; margin:0; padding:0;} #socialgroup-wrapper .member-container ul li .member-pending a.approve-request-url {margin-right:2px; background:url(/images/tdcm/tick-small.png) no-repeat 0 0;} #socialgroup-wrapper .member-container ul li .member-pending a.reject-request-url {background:url(/images/tdcm/cross-small.png) no-repeat 0 0;} /* groups */ #mypage-wrapper .social-group-container ul {} #mypage-wrapper .social-group-container ul li {width:auto; margin-bottom:0; padding-bottom:5px; padding-right:20px; border-bottom:none;} #mypage-wrapper .social-group-container ul li a {text-decoration:none; font-weight:normal; width:auto;} #mypage-wrapper div[id$="inviteFriendPanel"], #mypage-wrapper div[id$="addGroupPanel"] {float:left; clear:both; width:100%; margin-bottom:20px; font-size:90%;} #mypage-wrapper div[id$="inviteFriendPanel"] a.Invite-friends-url, #mypage-wrapper div[id$="addGroupPanel"] a.add-group-url, #mypage-wrapper .group-members-container a.join-group {display:block; float:none; text-align:center;} #mypage-wrapper .group-members-container a.join-group {margin-bottom:20px;} /*-----post a comment-----*/ #social_stream hr, #social_stream h2 {clear:left;} .comments-container {float:left; width:100%;} .comments-container p.description {margin:0; padding:0;} .social-search .comments-container {float:none; margin-left:0; border-left:none; border-right:none; padding:0;} .comments-container h3 {} .comments-container .tokenElement {display:none;} .comments-container .post-item {position:relative; float:left; clear:both; width:100%; margin:0 0 20px 0; padding:25px 0 35px 0;} .article-comments-container .comments-container .post-item {padding-top:0; padding-bottom:0;} .comments-container .post-item textarea {width:100%; height:100px; margin:0;} .comments-container .post-item .social-privacy {float:left;} .comments-container .post-item .social-share-ctrls {float:right;} .comments-container .post-item .postCommentBtn {margin: 10px 0;} .comments-container .post-item select {} /*-----select files and images-----*/ .comments-container .post-item .select-file-icon {position:absolute; top:0; right:0; text-indent:-9999px; display:none; width:30px; height:30px; color:#3d3d3d;} .comments-container .post-item .select-file-icon:after {content:"\f0f6"; font-family:FontAwesome; font-size:18px; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:30px; text-indent:0;} .comments-container .post-item .select-file-icon:hover, .comments-container .post-item .select-file-icon:focus {cursor:pointer; text-decoration:none;} .comments-container .post-item .findImageButton {position:absolute; top:0; right:0; text-indent:-9999px; display:block; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -105px -140px;} .comments-container .post-item .findImageButton:hover, .comments-container .post-item .findImageButton:focus {cursor:pointer;} .comments-container .post-item div[id$="AjaxFileUpload1"] {width:100% !important; margin-bottom:10px;} .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload {border:none; padding:0;} .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileContainer {} .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileContainer:hover, .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileContainer:focus {cursor:pointer;} .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_dropzone {width:auto; line-height:100px; height:100px !important; margin-bottom:5px;} .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileButton {text-decoration:none; font-size:90%; background-color:#555; color:#fff; border-radius:0;} .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileButton:hover, .comments-container .post-item div[id$="AjaxFileUpload1"] .ajax__fileupload_selectFileButton:focus {cursor:pointer;} .comments-container .post-item ul.token-input-list {list-style-type:none; margin:0 0 10px 0; padding:0;} .comments-container .post-item ul.token-input-list li {position:relative; margin:0; padding:0; font-weight:normal; background:none; font-size:90%; border:none; border-top:1px solid #BDD8E4; background-color:#D9EBF3;} .comments-container .post-item ul.token-input-list li:first-child {border-top:none;} .comments-container .post-item ul.token-input-list li p {float:none; margin:0; padding:5px 10px 5px 5px;} .comments-container .post-item ul.token-input-list li span {display:block; position:absolute; top:8px; right:5px; float:none; margin:0; padding:0; color:red; text-indent:-9999px; width:12px; height:12px; background:url(/images/tdcm/cross-small.png) no-repeat top left;} .comments-container .post-item .ajax__fileupload_queueContainer {margin:5px 0 0 0; padding:0; border:none;} .comments-container .post-item .ajax__fileupload_queueContainer .ajax__fileupload_fileItemInfo {position:relative; margin:0; padding:5px 10px 5px 5px; height:auto; line-height:100%; font-weight:normal; background:none; font-size:90%; border:none; border-top:1px solid #BDD8E4; background-color:#D9EBF3;} .comments-container .post-item .ajax__fileupload_fileItemInfo .pendingState {background:none; color:inherit;} .comments-container .post-item .ajax__fileupload_fileItemInfo div.removeButton {position:absolute; top:8px; right:5px; float:none; margin:0; padding:0; color:red; font-weight:normal; background:none; line-height:100%; text-indent:-9999px; width:12px; height:12px; background:url(/images/tdcm/cross-small.png) no-repeat top left;} /*-----social sharing-----*/ .comments-container .post-item .social-share-ctrls {position:absolute; bottom:0; left:0;} .comments-container .post-item .social-share-ctrls label {} .comments-container .post-item .social-share-ctrls .fb-share, .comments-container .post-item .social-share-ctrls .tw-share {float:left; margin-right:10px;} .comments-container .post-item .social-share-ctrls .fb-share > span, .comments-container .post-item .social-share-ctrls .tw-share > span {color:#fff; float:left; height:21px; padding: 8px 10px 0 35px; border-radius:0;} .comments-container .post-item .social-share-ctrls .fb-share > span:after, .comments-container .post-item .social-share-ctrls .tw-share > span:after {font-family:FontAwesome; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:20px; text-indent:0;} .comments-container .post-item .social-share-ctrls .fb-share > span:after {content:"\f09a";} .comments-container .post-item .social-share-ctrls .tw-share > span:after {content:"\f099";} /*-----posted comment-----*/ .comments-container .comment-list {list-style-type:none; float:left; clear:both; margin:0 0 20px 0; padding:0; width:100%;} .comments-container .comment-list.activity-list {padding-top:20px;} .comments-container .comment-list .comment-item {float:left; clear:both; width:100%; padding:0 0 20px 0; margin:0 0 20px 0; position:relative; } .photo-container, .comment-item-image, .reply-item-image { float: left; width: 10%; margin-right: 10px; width: 80px; height: 80px; border-radius: 50%; background-position: center; background-size: cover; border: none; overflow: hidden; position: relative;} .photo-container img {display: none;} .reply-item-image img, .comment-item-image img { width: 110px; max-width: 110px; position: absolute; left: 50%; margin-left: -55px;} .comments-container .comment-list .comment-item .comment-item-detail {float:left; position:relative; width:85%; white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } .comments-container .comment-list .comment-item .comment-item-detail .posted-by {font-weight:bold; padding:0; margin:0; font-size:100%; color: #444;} .comments-container .comment-list .comment-item .comment-item-detail .posted-by a {font-weight:bold; text-decoration:none;} .comments-container .comment-list .comment-item .comment-item-detail .posted-by span.arrow-right-icon {padding:0; width:12px; height:12px; display:inline-block; vertical-align:top;} .comments-container .comment-list .comment-item .comment-item-detail .posted-by span.arrow-right-icon:after {content:""; font-family:FontAwesome; position:absolute; top:0; right:0; bottom:0; left:0;} .comments-container .comment-list .comment-item .comment-item-detail .posted-comment-privacySetting, .comments-container .comment-list .comment-item .comment-item-detail .posted-reply-privacySetting {display:none;} .comments-container .comment-list .comment-item .comment-item-detail .posted-comment-item {padding:0; margin:0 0 15px 0;} .comments-container .comment-list .comment-item .comment-item-detail .posted-date-item {color: #aaa; font-size:90%; margin:0; padding:0 5px 0 0; line-height:1; display:inline-block; vertical-align:top;} .comments-container .comment-list .comment-item .comment-item-detail a.reply-comment-item, .comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-total, .comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-item {font-size:90%; text-decoration:none; line-height:1; border-left:1px solid #ccc; padding:0 0 0 5px; display:inline-block; vertical-align:top;} .comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-item {text-indent:-9999px; width:20px; height:20px;} .comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-item:after {/*content:"\f087";*/ font-family:FontAwesome; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:20px; text-indent:0;} .comments-container .comment-list .comment-item .comment-item-detail .comment-Edit {font-size:90%; display:inline-block; vertical-align:top;} .comments-container .comment-list .comment-item .comment-item-detail .comment-Edit a {text-decoration:none; border-left:1px solid #ccc; padding:0 5px; line-height:1; display:inline-block; vertical-align:top;} .comments-container .comment-list .comment-item .comment-item-detail .posted-attachment-list {list-style-type:none; margin:0 0 15px 0; padding:8px 8px 0 8px; border:1px solid #ccc; background:#fff;} .comments-container .comment-list .comment-item .comment-item-detail .posted-attachment-list li {margin-bottom:4px; padding-bottom:4px; border-bottom:1px solid #eee; font-size:90%;} .comments-container .comment-list .comment-item .comment-item-detail .posted-attachment-list li .attachment-item-desc {display:block;} .comments-container .comment-list .comment-item .comment-item-detail .posted-attachment-list li img {vertical-align:middle;} img.posted-by-portrait { width: 80px; height: 80px; margin-right: 5px; } /*-----reply comments-----*/ .comments-container .comment-list .reply-list { list-style: none; float: left; clear: both; margin: 20px 0 0 10%; width: 90%; border-top: 1px solid #ccc; background-color: transparent; padding: 10px;} .comments-container .comment-list .reply-list .comment-item { width: 100%; padding-bottom: 10px; margin-bottom: 10px; position: relative; border-bottom: 1px solid #666;} .comments-container .comment-list .reply-list .comment-item .comment-item-detail {display:inline-block; vertical-align:top;} /*-----reply to a comment-----*/ .comments-container .comment-list .comment-reply {float:left; clear:both; position:relative; margin:20px 0 0 10%; width:90%; height:100px; border:1px solid #E0E0E0; background-color:#fff; padding:10px;} .comments-container .comment-list .comment-reply .reply-item-image {float:left; width:10%; padding-right:10px;} .comments-container .comment-list .comment-reply .reply-item-image img {width:100%;} .comments-container .comment-list .comment-reply textarea { float: left; width: 80%; height: auto; padding: 5px 5px 5px 5px; margin: 0; resize: none;} .comments-container .comment-list .comment-reply .reply-button {position:absolute; bottom:10px; right:10px; text-decoration:none; clear:both; font-size:90%; display:block; text-align:center; background-color:#555; padding:5px 10px; color:#fff; border:1px solid #555; border-radius:2px;} .comments-container .comment-list .comment-reply .reply-button:hover, .comments-container .comment-list .comment-reply .reply-button:focus {border:1px solid #333; cursor:pointer;} /*-----link to load older posts-----*/ .comments-container a.older-posts-link {text-decoration:none; clear:both; font-size:90%; display:block; text-align:center; background-color:#555; padding:5px 10px; color:#fff; border:1px solid #555; border-radius:2px;} .comments-container a.older-posts-link:hover, .comments-container a.older-posts-link:focus {border:1px solid #333; cursor:pointer;} .reply-list .comment-item .comment-item-image .posted-by-portrait {height:auto !important;} .response-message {float:left; clear:both; width:100%;} .response-message ul {list-style-type:none; margin:0; padding:0;} .comments-container .comment-list .ejs-video-preview {} .comments-container .comment-list .ejs-video-thumb {width:100%; height:150px; position:relative;} .comments-container .comment-list .ejs-video-thumb i {margin:0; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5);} .comments-container .comment-list .ejs-video-thumb i:before {position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:150px;} .comments-container .comment-list .ejs-video-preview .ejs-thumb {width:100%;} .comments-container .comment-list .ejs-video-detail {position:relative; padding-left:0; left:auto; top:auto; right:auto; clear:both; padding-bottom:30px;} .comments-container .comment-list .ejs-video-title {white-space:normal;} .comments-container .comment-list .ejs-video-desc {font-size:100%; color:inherit; height:auto;} .comments-container .social-add .dropdown {display: none;} .ejs-github-stats, .ejs-video-stats {bottom:5px;} div[id$="questionTextDiv"] h2 {font-size: 150%; line-height: 120%; margin: 20px 0;} div[id$="questionTextDiv"] h2 a {display: inline-block; font-size: 70%; font-weight: 500; background: #ccc; padding: 10px 15px; margin: 10px 0;} div[id$="questionTextEditDiv"], div[id$="questionTextEditDiv"] input[type="text"]{ margin: 10px 0;} .posted-date-item { color: #aaa;} .btn-link.SocialQandAHomeButton { text-transform: lowercase; background: #333; padding: 10px 15px; color: #fff; margin: 0 0 10px;} /*---------------------------------------- / my page activity ----------------------------------------*/ .activity-item-Article > span, .activity-item-Document > span, .activity-item-Image > span, .activity-item-SocialPost > span, .activity-item-User > span, .activity-item-SocialComment > span, .activity-item-Event > span, .activity-item-Folder > span, .activity-item-SocialGroup > span, .activity-item-SocialLike > span {background:url(/images/tdcm/icon-sprite.png) no-repeat 0 0; text-indent:-9999px; display:block; width:16px; height:16px;} .activity-item-Article > span {background-position:0 -140px;} .activity-item-Document > span {background-position:-35px -140px;} .activity-item-Image > span {background-position:-105px -140px;} .activity-item-SocialPost > span {background-position:-175px 0;} .activity-item-User > span {background-position:-420px -140px;} .activity-item-SocialComment > span {background-position:-175px 0;} .activity-item-Event > span {background-position:-419px -35px;} .activity-item-Folder > span {background-position:0 0;} .activity-item-SocialGroup > span {background-position:-175px 0;} .activity-item-SocialLike > span {background-position:-70px -173px;} /*---------------------------------------- / my page settings ----------------------------------------*/ .mypage-settings {float:left; width:100%; position:relative;} .mypage-settings a[id$="GoToMyPage"] {position:absolute; top:0; right:0; z-index:10;} /*tab links*/ .mypage-settings .tab-navigation {position:absolute; top:6px; left:0; float:left; clear:left; width:100%;} .mypage-settings .tab-navigation ul {list-style-type:none; margin:0; padding:0;float:left;} .mypage-settings .tab-navigation ul li {float:left;} .mypage-settings .tab-navigation ul li a {float:left; border:1px solid #D6D6D6; padding:5px 10px;} .mypage-settings .tab-navigation ul li:first-child a {border-right:none;} .mypage-settings .tab-navigation ul li a.selected {border-bottom:1px solid #fff; background-color:#fff;} /*tab content*/ .mypage-settings .tab_content {margin:31px 0 20px 0; padding:15px; background-color:#fff; border:1px solid #D6D6D6; float:left; clear:left; width:100%;} .mypage-settings .tab_content div.row {float:left; clear:left; background-color:#E8E8E8; width:600px;} .mypage-settings .tab_content div.row div {float:left; clear:left; width:600px; border-bottom:1px solid #fff;} .mypage-settings .tab_content div.row span {width:325px; border:1px solid #E8E8E8; padding:10px; float:left;} .mypage-settings .tab_content div.row span:first-child {width:150px; padding:10px; float:left; border-right:1px solid #fff; font-weight:bold;} .mypage-settings .tab_content div.row img {} .mypage-settings .tab_content div.row span.buttons {width:50px; border-left:1px solid #fff;} .mypage-settings .tab_content div.row #DivPortraitView span {min-height:99px;} #DivPortraitView img { width: 100px;} .mypage-settings .tab_content div.row #DivPortraitView img {max-width:300px;} .mypage-settings .tab_content div.row #DivPortraitEdit span {min-height:99px;} .mypage-settings .tab_content div.row #DivPortraitEdit img {max-width:300px;} .mypage-settings .tab_content .friends-container, .mypage-settings .tab_content .following-friends-container {margin-bottom:20px; float:left; width:45%; position:relative;} .mypage-settings .tab_content .friends-container {margin-right:5%;} .mypage-settings .tab_content ul {list-style-type:none; margin:0; padding:0;} .mypage-settings .tab_content ul li {margin:0 0 20px 0; float:left; clear:left; width:100%;} .mypage-settings .tab_content ul li.friend-item {border-bottom:1px solid #E0E0E0; padding-bottom:20px;} .mypage-settings .tab_content ul li .friends-portrait-url {float:left; width:75px;} .mypage-settings .tab_content ul li .friends-portrait-url img, .mypage-settings .tab_content ul li img.friends-portrait {float:left; width:60px; height:60px; margin-right:15px;} .mypage-settings .tab_content ul li .friend-Name {font-size:110%;} .mypage-settings .tab_content ul li .friend-Name a {font-weight:bold;} .mypage-settings .tab_content ul li .friend-Edit, .mypage-settings .tab_content ul li .friend-pending, .mypage-settings .tab_content ul li .friend-request {margin-top:5px; font-size:90%;} .mypage-settings .tab_content ul li .friend-Edit a, .mypage-settings .tab_content ul li .friend-pending a, .mypage-settings .tab_content ul li .friend-request a {} .mypage-settings .tab_content ul li .accept-url{padding-right:5px;} .mypage-settings .tab_content .options {} .mypage-settings .tab_content .options > div {margin-bottom:5px;} .mypage-settings .tab_content .options > div input {margin-right:5px;} .mypage-settings .tab_content a.Invite-friends-url, .mypage-settings .tab_content a.add-group-url, .mypage-settings .tab_content a.notifications-save {position:absolute; top:50px; right:20px; display:block; text-align:center; color:#fff; padding:5px 10px; border:1px solid #1D779F; background-color:#1D779F; border-radius:2px;} .mypage-settings .tab_content a.Invite-friends-url:hover, .mypage-settings .tab_content a.add-group-url:hover, .mypage-settings .tab_content a.Invite-friends-url:focus, .mypage-settings .tab_content a.add-group-url:focus {border:1px solid #00557F; cursor:pointer;} .mypage-settings #tab2, .mypage-settings #tab3, .mypage-settings #tab4, .mypage-settings #tab5, .mypage-settings #tab6 {display:none;} .mypage-settings #tab4 .social-group-container {clear:none; margin:47px 0 0 5%; width:45%;} .mypage-settings #tab4 .social-group-container ul li {width:100%;} /*---------------------------------------- / social groups list ----------------------------------------*/ .social-group-container {float:left; clear:left;} .social-group-container ul {list-style-type:none; margin:0; padding:0;} .social-group-container ul li {float:left; clear:left; width:480px; padding:0 0 20px 0; margin:0 0 20px 0; position:relative; border-bottom:1px solid #E0E0E0;} .mypage-settings .social-group-container ul li {width:480px;} .social-group-container ul li img {position:absolute; top:0; right:0;} .social-group-container ul li .group-title-label {float:left; clear:left; width:100%; font-weight:bold; padding-bottom:5px;} .social-group-container ul li .group-url-label {font-size:110%; float:left; clear:left; width:100%; padding-bottom:5px; font-weight:bold;} .social-group-container ul li .group-desc-label {float:left; clear:left; width:100%; padding-bottom:5px;} .social-group-container ul li .group-isPublic-label, .social-group-container ul li .group-isActive-label, .social-group-container ul li .edit-group-url, .social-group-container ul li .share-group-url, .social-group-container ul li .delete-group-url, .social-group-container ul li .pending-approval {font-size:90%; float:left; padding:0 5px; border-right:1px solid #E0E0E0;} .social-group-container ul li .accept-invite, .social-group-container ul li .decline-invite {font-size:90%;} .social-group-container .more-group-url {text-decoration:none; clear:both;} .social-group-container .more-group-url:hover, .social-group-container .more-group-url:focus {cursor:pointer;} /*---------------------------------------- / social q+a ----------------------------------------*/ .comments-container .comment-list .comment-item .comment-item-detail .posted-by .total-votes {padding-right:10px;} .comments-container .comment-list .mark-answer {float: right;} .question-details-container {float:left; position:relative; width: 100%;} .question-details-container h1 {display: none;} .view-topics-tags {display: none;} .question-stream-container h2, .question-stream-container h1 {display: none;} .question-stream-container, .question-details-container .comments-container {border:none; padding:0; position:relative;} .question-details-container .comments-container {border-top:1px solid #ccc; padding-top:20px;} .question-add-container {} .question-add-container .ajax-dropdown-wrapper {position: relative;} .question-add-container .ajax-dropdown-wrapper:before {font-family: FontAwesome; font-size: 23px; color: #333; content: "\f002"; position: absolute; top: 5px; right: 5px; bottom: 0; left: auto; text-indent: 0; line-height: normal; z-index: 1;} .question-add-container .ajax-dropdown {display: block; margin: 20px 0 0; background: #fff; padding: 5%; font-size: 95%;} .question-add-container .ajax-dropdown ul { font-weight: bold;} .question-count {display: none;} .question-add-container fieldset:first-child + fieldset .form-group:first-child, .question-add-container fieldset:first-child + fieldset .form-group:first-child + div + div + div {display: none;} .question-add-container h2 {display:block;} .question-add-container div { margin-left: 0; margin-bottom: 10px; position: relative; width: 100% !important; padding: 0;} .question-add-container div label { padding: 0; display: block; margin-bottom: 5px; width: 100% !important; float: left; text-align: left !important;} .question-add-container div input[type="text"] {border:1px solid #ddd; padding:2px 5px; position: relative;} .question-add-container div input[type="text"]:hover, .question-add-container div input[type="text"]:focus {border:1px solid #000;} .question-add-container div textarea { min-height: 200px;} .question-add-container div textarea:hover, .question-add-container div textarea:focus {border-color:#000;} .question-add-container #txtFindAQuestion_ajaxDropdownLabel {display: none;} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"], .question-details-container div[id$="AnswerFileUpload"], .question-details-container div[id$="questionFileUpload"] {width:100% !important; margin-bottom:10px;} .add-answer-files div[id$="QuestionStreamFileUpload"] {width:100% !important; margin-bottom:10px; padding-top:0;} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload {border:none; padding:0;} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileContainer, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileContainer, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileContainer, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileContainer{} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileContainer:hover, .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileContainer:focus, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileContainer:hover, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileContainer:focus, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileContainer:hover, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileContainer:focus, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileContainer:hover, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileContainer:focus {cursor:pointer;} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_dropzone, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_dropzone, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_dropzone, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_dropzone {width:auto; line-height:100px; height:100px; margin-bottom:5px;} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileButton, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileButton, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileButton, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileButton {text-decoration:none; font-size:90%; background-color:#555; color:#fff; border-radius:5px;} .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileButton:hover, .question-stream-container .question-add-container div[id$="QuestionAddFileUpload"] .ajax__fileupload_selectFileButton:focus, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileButton:hover, .question-details-container div[id$="AnswerFileUpload"] .ajax__fileupload_selectFileButton:focus, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileButton:hover, .question-details-container div[id$="questionFileUpload"] .ajax__fileupload_selectFileButton:focus, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileButton:hover, .add-answer-files div[id$="QuestionStreamFileUpload"] .ajax__fileupload_selectFileButton:focus {cursor:pointer;} .question-stream-container .question-add-container ul.token-input-list, .question-stream-container .question-add-container ul.token-input-list-facebook, .question-details-container ul.token-input-list, .question-details-container ul.token-input-list-facebook, .add-answer-container ul.token-input-list {list-style-type:none; margin:0 0 10px 0; padding:0;} .question-stream-container .question-add-container ul.token-input-list {position:relative;} .question-stream-container .question-add-container ul.token-input-list li, .question-stream-container .question-add-container ul.token-input-list-facebook li, .question-details-container ul.token-input-list li, .question-details-container ul.token-input-list-facebook li, .add-answer-container ul.token-input-list li {position:relative; margin:0; padding:0; font-weight:normal; background:none; font-size:90%; border:none; border-top:1px solid #BDD8E4; background-color:#D9EBF3;} .question-stream-container .question-add-container ul.token-input-list li.token-input-token {position:absolute; top:0; left:0; width:100%; z-index:100;} .question-stream-container .question-add-container ul.token-input-list li:first-child, .question-stream-container .question-add-container ul.token-input-list-facebook li:first-child, .question-details-container ul.token-input-list li:first-child, .question-details-container ul.token-input-list-facebook li:first-child, .add-answer-container ul.token-input-list li:first-child {border-top:none;} .question-stream-container .question-add-container ul.token-input-list li p, .question-stream-container .question-add-container ul.token-input-list-facebook li p, .question-details-container ul.token-input-list li p, .question-details-container ul.token-input-list-facebook li p, .add-answer-container ul.token-input-list li p {float:none; margin:0; padding:5px 10px 5px 5px;} .question-stream-container .question-add-container ul.token-input-list li span, .question-stream-container .question-add-container ul.token-input-list-facebook li span, .question-details-container ul.token-input-list li span, .question-details-container ul.token-input-list-facebook li span, .add-answer-container ul.token-input-list li span {display:block; position:absolute; top:8px; right:5px; float:none; margin:0; padding:0; color:red; text-indent:-9999px; width:12px; height:12px; background:url(/images/tdcm/cross-small.png) no-repeat top left;} .question-stream-container .question-add-container ul.token-input-list li span:hover, .question-stream-container .question-add-container ul.token-input-list-facebook li span:hover, .question-details-container ul.token-input-list li span:hover, .question-details-container ul.token-input-list-facebook li span:hover, .add-answer-container ul.token-input-list li span:hover, .question-stream-container .question-add-container ul.token-input-list li span:focus, .question-stream-container .question-add-container ul.token-input-list-facebook li span:focus, .question-details-container ul.token-input-list li span:focus, .question-details-container ul.token-input-list-facebook li span:focus, .add-answer-container ul.token-input-list li span:focus {cursor:pointer;} .question-details-container ul.token-input-list li input[type="text"], .question-details-container ul.token-input-list-facebook li input[type="text"], .add-answer-container ul.token-input-list li input[type="text"] {width:300px !important; margin:5px 10px 5px 5px;} .token-input-dropdown, .token-input-dropdown-facebook {border:1px solid #E0E0E0; width:290px; height:100px; padding:5px; overflow-y:scroll; background-color:#fff;} .token-input-dropdown ul, .token-input-dropdown-facebook ul {list-style-type:none; margin:0; padding:0;} .token-input-dropdown ul li, .token-input-dropdown-facebook ul li {padding:5px;} .token-input-dropdown ul li:hover, .token-input-dropdown ul li:focus, .token-input-dropdown-facebook ul li:hover, .token-input-dropdown-facebook ul li:focus {background-color:#ccc;} .question-stream-container .question-add-container .ajax__fileupload_queueContainer, .question-details-container .ajax__fileupload_queueContainer, .add-answer-files .ajax__fileupload_queueContainer {margin:5px 0 0 0; padding:0; border:none;} .question-stream-container .question-add-container .ajax__fileupload_queueContainer .ajax__fileupload_fileItemInfo, .question-details-container .ajax__fileupload_queueContainer .ajax__fileupload_fileItemInfo, .add-answer-files .ajax__fileupload_queueContainer .ajax__fileupload_fileItemInfo {position:relative; margin:0; padding:5px 10px 5px 5px; height:auto; line-height:100%; font-weight:normal; background:none; font-size:90%; border:none; border-top:1px solid #BDD8E4; background-color:#D9EBF3;} .question-stream-container .question-add-container .ajax__fileupload_fileItemInfo .pendingState, .question-details-container .ajax__fileupload_fileItemInfo .pendingState, .add-answer-files .ajax__fileupload_fileItemInfo .pendingState {background:none; color:inherit;} .question-stream-container .question-add-container .ajax__fileupload_fileItemInfo div.removeButton, .question-details-container .ajax__fileupload_fileItemInfo div.removeButton, .add-answer-files .ajax__fileupload_fileItemInfo div.removeButton {position:absolute; top:8px; right:5px; float:none; margin:0; padding:0; color:red; font-weight:normal; background:none; line-height:100%; text-indent:-9999px; width:12px; height:12px; background:url(/images/tdcm/cross-small.png) no-repeat top left;} .question-stream-container .question-add-container div ul.token-input-list-facebook {list-style-type:none; margin:0; padding:0;} .question-stream-container .question-add-container div ul.token-input-list li.token-input-input-token, .question-stream-container .question-add-container div ul.token-input-list-facebook li.token-input-input-token-facebook {list-style-type:none; width:100%; background:none; border:1px solid #999; padding:2px 5px; height:25px; } .question-stream-container .question-add-container div ul.token-input-list li.token-input-input-token:hover, .question-stream-container .question-add-container div ul.token-input-list-facebook li.token-input-input-token-facebook:hover, .question-stream-container .question-add-container div ul.token-input-list li.token-input-input-token:focus, .question-stream-container .question-add-container div ul.token-input-list-facebook li.token-input-input-token-facebook:focus {border-color:#000;} .question-stream-container .question-add-container div ul.token-input-list input[type="text"], .question-stream-container .question-add-container div ul.token-input-list-facebook input[type="text"] {border:none; padding:0; height:auto; width:auto;} .question-add-container div.add-files {display: none; position:relative; min-height:16px; padding-top:20px;} .question-add-container div.add-files a.select-file-icon {position:absolute; top:0; right:21px; text-indent:-9999px; display:block; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat 0px -140px;} .question-add-container div.add-files a.select-file-icon:hover, .question-add-container div.add-files a.select-file-icon:focus {cursor:pointer;} .question-add-container div.add-files a.findImageButton {position:absolute; top:0; right:0; text-indent:-9999px; display:block; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -105px -140px;} .question-add-container div.add-files a.findImageButton:hover, .question-add-container div.add-files a.findImageButton:focus {cursor:pointer;} .question-add-container div.submit-button {} .question-add-container div.submit-button a {color:#fff;} .question-add-container div.submit-button a:hover, .question-add-container div.submit-button a:focus {cursor:pointer; border-color: #666; background: #666;} p.question-count, p.answer-count, div.answer-count {font-weight:bold;} div.answer-count {clear:both;} div.answer-sort {clear:both; position:relative; top:-36px; right:0; text-align:right;} .question-stream-container .question-list, .question-details-container .comment-list { margin: 20px 0;} .question-stream-container .question-list .comment-item { margin-bottom: 20px; padding-bottom: 20px; border-color: #666; border-top: 1px solid #ccc; padding-top: 20px;} .question-stream-container .question-list ul.comment-item-topics-list {list-style-type:none; margin:0 0 10px 0; padding:0;} .question-stream-container .question-list ul.comment-item-topics-list li {display:inline; padding-right:10px;} .question-stream-container .question-list .comment-item-title { display: block; font-size: 90%; font-weight: bold; margin-bottom: 10px; color: #143b86;} .question-stream-container .question-list .comment-item-additional-info {margin-bottom:10px;} .question-stream-container .question-list .comment-item .comment-item-detail {} .question-stream-container .question-list .comment-item .comment-item-detail .posted-date-item {display:block; margin:0; padding:0; position:absolute; bottom:0; right:0; text-align: right; color: #ccc;} .question-stream-container .question-list .comment-item .comment-item-detail .posted-date-item p {margin: 0; } .question-stream-container .question-list .comment-item .comment-item-detail .add-answer-item {width:auto; text-decoration:none; color:#fff; 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;} .question-stream-container .question-list .comment-item .comment-item-detail .show-answer-item {width:auto; text-decoration:none; text-align:center; background-color:#555; padding:5px 10px; color:#fff; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .question-stream-container .question-list .comment-item .comment-item-detail .posted-attachment-list, .question-details-container .question-container .group-attachment-list {border:1px solid #145074; background-color:#CEE4EC;} .question-stream-container .question-list .comment-item .comment-item-detail .posted-attachment-list li, .question-details-container .question-container .group-attachment-list li {margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #ccc;} .question-stream-container .question-list .reply-list {width:520px; border-color:#aaa; background-color:#fff;} .question-stream-container .question-list .reply-list .comment-item {width:520px; border-color:#ccc;} .question-stream-container .question-list .reply-list .comment-item .comment-item-detail {width:450px;} /* question details */ .question-container {position:relative; padding-bottom:20px;} .question-details-container div[id$="questionTextDiv"] {position:relative; margin:20px 0 5px 0;} .question-details-container div[id$="questionTextDiv"] h2, .question-details-container div[id$="questionTextDiv"] h3 {display:inline; margin:0; padding:0;} .question-details-container div[id$="questionTextDiv"] a {color:#aaa;} .question-details-container div[id$="questionTextDiv"] a:hover, .question-details-container div[id$="questionTextDiv"] a:focus {color:#1D779F; background-color:#CEE4EC;} .question-details-container div[id$="questionTextEditDiv"] {display:none; margin:20px 0 5px 0;} .question-details-container div[id$="questionTextEditDiv"] input {width:468px; height:20px; border:1px solid #999; padding:2px 5px;} .question-details-container div[id$="questionDescDiv"] {position:relative; margin:0 0 20px 0;} .question-details-container div[id$="questionDescDiv"] p {display:inline; margin:0; padding:0;} .question-details-container div[id$="questionDescDiv"] a {color:#aaa;} .question-details-container div[id$="questionDescDiv"] a:hover, .question-details-container div[id$="questionDescDiv"] a:focus {color:#1D779F; background-color:#CEE4EC;} .question-details-container div[id$="questionDescEditDiv"] {display:none; margin:0 0 20px 0;} .question-details-container div[id$="questionDescEditDiv"] textarea {width:468px; height:54px; border:1px solid #999; padding:2px 5px; resize:none;} .question-details-container .mypageGroup-profile {position:absolute; top:0; left:-120px; width:100px;} .question-details-container .mypageGroup-profile img {width:100px;} div[id$="topicListDiv"], div[id$="TopicEditDiv"], .question-details-container div[id$="topicListDiv"], .question-details-container div[id$="TopicEditDiv"] {margin-bottom:10px; display: none !important;} .question-details-container div[id$="topicListDiv"] h3 {display:inline; margin:0; padding:0; font-size:100%; font-family:arial,verdana,sans-serif;} .question-details-container div[id$="topicListDiv"] ul {list-style-type:none; margin:0; padding:0; display:inline;} .question-details-container div[id$="topicListDiv"] ul li {display:inline; padding-right:0px;} .question-details-container div[id$="topicListDiv"] a[id$="editTopicLink"] {color:#aaa;} .question-details-container div[id$="topicListDiv"] a[id$="editTopicLink"]:hover, .question-details-container div[id$="topicListDiv"] a[id$="editTopicLink"]:focus {color:#1D779F; background-color:#CEE4EC;} div[id$="TagListDiv"], div[id$="TagEditDiv"], .question-details-container div[id$="TagListDiv"], .question-details-container div[id$="TagEditDiv"] {margin-bottom:10px; display: none !important;} .question-details-container div[id$="TagListDiv"] h3 {display:inline; margin:0; padding:0; font-size:100%; font-family:arial,verdana,sans-serif;} .question-details-container div[id$="TagListDiv"] ul {list-style-type:none; margin:0; padding:0; display:inline;} .question-details-container div[id$="TagListDiv"] ul li {display:inline; padding-right:0px;} .question-details-container div[id$="TagListDiv"] a[id$="editTagLink"] {color:#aaa;} .question-details-container div[id$="TagListDiv"] a[id$="editTagLink"]:hover, .question-details-container div[id$="TagListDiv"] a[id$="editTagLink"]:focus {color:#1D779F; background-color:#CEE4EC;} div[id$="questionAttachmentEditDiv"], .question-details-container div[id$="questionAttachmentEditDiv"] {display: none !important;} .question-details-container div[id$="questionAttachmentEditDiv"] a.select-file-icon {position:absolute; right:20px; bottom:20px; float:left; text-indent:-9999px; display:block; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -35px -140px;} .question-details-container div[id$="questionAttachmentEditDiv"] a.select-file-icon:hover, .question-details-container div[id$="questionAttachmentEditDiv"] a.select-file-icon:focus {cursor:pointer;} .question-details-container div[id$="questionAttachmentEditDiv"] a.findImageButton {position:absolute; right:0; bottom:20px; float:left; text-indent:-9999px; display:block; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -70px -140px;} .question-details-container div[id$="questionAttachmentEditDiv"] a.findImageButton:hover, .question-details-container div[id$="questionAttachmentEditDiv"] a.findImageButton:focus {cursor:pointer;} .question-details-container .question-container .group-attachment-list {list-style-type:none; margin:0 0 15px 0; padding:8px;} .question-details-container .question-container .group-attachment-list li {font-size:90%; position:relative;} .question-details-container .question-container .group-attachment-list li img {vertical-align:middle;} .question-details-container .question-container .group-attachment-list li .group-attachment-item-desc {display:block;} .question-details-container .question-container .group-attachment-list li .group-attachment-item-delete-link {display:block; position:absolute; top:8px; right:5px; float:none; margin:0; padding:0; color:red; text-indent:-9999px; width:12px; height:12px; background:url(/images/tdcm/cross-small.png) no-repeat top left;} .question-details-container .posted-date-item {display:block; font-size:90%;} .question-details-container .posted-date-item h3 {display:none;} .question-details-container .comments-container h3 {display:none;} /* add answer */ .question-stream-container .question-list .add-answer-container {float:left; clear:both; position:relative; margin:20px 0 0 60px; width:520px; border:1px solid #ccc; background-color:#fff; padding:10px;} .question-stream-container .question-list .add-answer-container .reply-item-image {float:left; width:50px; margin-right:10px; background-color:#eee;} .question-stream-container .question-list .add-answer-container .reply-item-image img {width:50px;} .question-stream-container .question-list .add-answer-container textarea {float:left; width:360px; height:40px; padding:5px; border:1px solid #999; margin:0; resize:none;} .question-stream-container .question-list .add-answer-container textarea:hover, .question-stream-container .question-list .add-answer-container textarea:focus {border:1px solid #000;} .question-stream-container .question-list .add-answer-container .reply-button {position:absolute; bottom:10px; right:10px; text-decoration:none; clear:both; font-size:90%; display:block; text-align:center; background-color:#fff; padding:5px 10px; color:#555; border:1px solid #555; border-radius:2px;} .question-stream-container .question-list .add-answer-container .reply-button:hover, .question-stream-container .question-list .add-answer-container .reply-button:focus {border:1px solid #333; cursor:pointer;} .question-stream-container .question-list .add-answer-container a.select-file-icon {position:absolute; bottom:45px; right:70px; text-indent:-9999px; display:block; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat 0px -140px;} .question-stream-container .question-list .add-answer-container a.findImageButton {position:absolute; bottom:45px; right:50px; text-indent:-9999px; display:block; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -105px -140px;} /* voting */ .comments-container .comment-list .comment-item .comment-item-detail .vote-controls {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; margin: -3px 5px 0 0;} .comments-container .comment-list .comment-item .comment-item-detail .vote-controls a {vertical-align: top !important;} .comments-container .comment-list .comment-item .comment-item-detail .vote-controls a {border:none;} .comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.undo-vote-comment-item, .comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.down-vote-comment-item, .comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.undo-down-vote-comment-item {font-size:90%; text-decoration:none; line-height:150%; padding:0 5px 0 5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.vote-comment-total {line-height: 150%;} .comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.vote-comment-item {text-indent:-9999px; width:22px; height:18px; background:url(/images/tdcm/icon-sprite.png) no-repeat -102px -175px;} .comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.undo-vote-comment-item {} .comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.down-vote-comment-item {text-indent:-9999px; width:22px; height:18px; background:url(/images/tdcm/icon-sprite.png) no-repeat -137px -175px;} .comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.undo-down-vote-comment-item {} .question-details-container .comments-container .comment-list .comment-item .comment-item-detail a.vote-comment-item {} /* LEARNING PORTAL */ .learn-categry h3{margin-bottom:40px;} .learn-categry{float:left;width:100%;} .categry-bx li{list-style:none;width:25%;float:left;padding:0 15px;} .categry-bx li a.select-categ{border: 1px solid #eee; float: left;padding: 35px 16px;background: #f8f9fc;border-radius: 3px;width:100%;-webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.15);box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.15);margin-bottom: 30px; font-size: 16px;line-height: 24px; min-height:180px;} .categry-bx li a:hover{-webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.35);-moz-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.35);box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.35);} .cont-learn{width:100%;text-align:center;} .cont-learn img{margin-bottom:15px;} .select-categ span{font-weight: bold; width:100%;text-align:center;display:inline-block;} ul.categry-bx{padding: 0 !important;width:100%;display:inline-block;} .categry-bx li:nth-child(5){padding-left:0px;} .categry-bx li:first-child{padding-left:0px;} .categry-bx li:last-child(odd){padding-right:25px;} /*---------------------------------------- / training manager ----------------------------------------*/ .training-manager {} .module-area .training-manager h1 {margin: 0;} .training-manager #breadcrumbs:after {background: #089748;} .content-area .training-manager nav.empty {padding: 30px; border: 1px solid #f2f2f2; background: #fff !important; overflow: visible; border-bottom: 2px solid #f2f2f2; display: block; float: left; height: auto;} .training-manager nav a {color: #333;} .training-manager .competencyDetailsContent {width:100%;} .training-manager .ClosingNotification {background:#D5D6F7 url(/images/tdcm/information.png) no-repeat 12px 9px; border:1px solid #A1BAF7; color:#435991; margin:15px 0; padding:8px 10px 0 37px;} .training-manager .ClosingNotification p {margin:0 0 8px 0; padding:0;} .training-manager .userProgressContent {margin-bottom:20px;} .training-manager .userProgressContent table {} .training-manager .userProgressContent table td {} .training-manager .userProgressContent .grdHeader td {} .training-manager .userCompetenciesListContent, .training-manager .CompetencyDetails, .training-manager .sessionDetailsContent, .training-manager .userCompetencyContent, .training-manager .userCompetencyElementsContent {margin-bottom:20px;;} .training-manager .CompetencyDetails th {width:200px;} .training-manager .quickListUserActionsContent table, .training-manager .bookingDetails, .training-manager .pendingSessionsContent, .training-manager .sessionDetailsAttendeesContent, .training-manager .sessionDetailsAvailableContent {margin-bottom:20px;} .training-manager fieldset {border:none; padding:0; margin:20px 0;} .training-manager input[type="submit"], .training-manager input[type="button"] {width:auto; text-decoration:none; display:inline-block;} .training-manager input[type="submit"]:hover, .training-manager input[type="submit"]:focus, .training-manager input[type="button"]:hover, .training-manager input[type="button"]:focus {cursor:pointer;} .training-manager .adminFieldSet, .training-manager .report-fields {margin:0 0 20px 0; padding:20px 0; /*border:1px solid #E0E0E0; background-color:#fff;*/} .training-manager .adminFieldSet div {margin-bottom:15px; width: 75% !important;} .training-manager .report-fields div {margin-bottom:15px;} .training-manager .adminFieldSet div label, .training-manager .report-fields div label {/*width:150px;*/ padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .training-manager .adminFieldSet div > input[type="text"], .training-manager .report-fields div > input[type="text"] {width:288px; border:1px solid #999; padding:2px 5px;} .training-manager .adminFieldSet div > input[type="text"]:hover, .training-manager .adminFieldSet div > input[type="text"]:focus, .training-manager .report-fields div > input[type="text"]:hover, .training-manager .report-fields div > input[type="text"]:focus {border-color:#000;} .training-manager .adminFieldSet div select, .training-manager .report-fields div select {width:300px; border:1px solid #999; padding:2px 5px;} .training-manager .adminFieldSet div textarea, .training-manager .report-fields div textarea {width:288px; height:144px; border:1px solid #999; padding:2px 5px; resize:none;} .training-manager .adminFieldSet div textarea:hover, .training-manager .adminFieldSet div textarea:focus, .training-manager .report-fields div textarea:hover, .training-manager .report-fields div textarea:focus {border-color:#000;} .training-manager .adminFieldSet div > table, .training-manager .report-fields div > table {width:300px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .training-manager .adminFieldSet div > table td, .training-manager .report-fields div > table td {padding-bottom:5px;} .training-manager .adminFieldSet div > table td input, .training-manager .report-fields div > table td input { margin: -5px 5px 0 0; padding: 9px 0; height: auto !important;} .training-manager .adminFieldSet div.RadComboBox table td, .training-manager .report-fields div.RadComboBox table td {padding-bottom:0;} .training-manager .report-fields div div[id$="pnlTrainingTypes"], .training-manager .report-fields div div[id$="pnlStatus"] {width:300px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .training-manager .report-fields div div[id$="pnlTrainingTypes"] label, .training-manager .report-fields div div[id$="pnlStatus"] label {width:auto;} .training-manager span[id$="lblMsg"] {display:block; background:#D7F7DF; border:1px solid #A3F7B8; color:#3F9153 !important; margin:15px 0; padding:8px 10px;} .tm_cloud {border:1px solid #CACACA; margin:20px 0 !important; padding:15px !important; float:none !important;} .tm_cloud .selected {display: block; font-weight: bold; margin-right: 10px;} .tm_pathDisplay {margin: 10px 0 20px; text-align: left; width: 100%;} .tm_pathDisplay .tm_pathName {font-size: 120%; font-weight: bold;} .tm_pathDisplay .tm_pathType {font-style: italic;} .tm_compSessions, .tm_compPrevSessions {margin-left:0 !important;} .training_key_icons { border: 1px solid #ddd; padding: 20px; margin-bottom: 20px; background: #fff; overflow: hidden;} .training-manager #tm-reports-menu {float:left; width:200px; margin:20px 20px 20px 0;} .training-manager #tm-reports-menu h2 {position:absolute; left:-9999px;} .training-manager #tm-reports-menu ul {list-style-type:none; margin:0; padding:0;} .training-manager #tm-reports-menu ul li {} .training-manager #tm-reports-menu ul li a, .training-manager #tm-reports-menu h4 {display:block; border-bottom:1px solid #1D779F; background-color:#66b8de; color:#1E1E1E; margin:0; padding:8px 12px 6px 12px;} .training-manager #tm-reports-menu h4 {font:100% arial, verdana, sans-serif;} .training-manager #tm-reports-menu ul li a:hover, .training-manager #tm-reports-menu ul li a:focus, .training-manager #tm-reports-menu h4:hover, .training-manager #tm-reports-menu h4:focus {background-color:#1D779F; color:#fff;} .training-manager #tm-reports-menu .SubMenuList ul li a {padding-left:24px; background-color:#91cae8; border-bottom:1px solid #66b8de;} .training-manager #tm-reports-menu .SubMenuList ul li a:hover, .training-manager #tm-reports-menu .SubMenuList ul li a:focus {background-color:#1D779F;} .training-manager #tm-reports-content {float:left; padding: 0 50px;} .training-manager #tm-reports-content h2 {border-top: 10px solid #eee; padding: 20px 0;} /* reports fix */ #tm-reports-content .report-fields ul { padding-left: 0; list-style: none; } #tm-reports-content .report-fields ul label { padding-left: 5px; } #tm-reports-content #selUser_cboUsers table { padding-right: 0; } #tm-reports-content #selUser_cboUsers table td {float: none;} #tm-reports-content #selUser_cboUsers table td.rcbArrowCell a {right: 8px;} #tm-reports-content .form-actions > .btn { margin-left: 0; } /* new brand changes */ .training-manager .report-fields input[type="submit"] { background-color: #089748; border: none; } /* new report */ .training-manager #tm-reports-content .RadComboBox_Outlook .rcbActionButton {width: 28px; height: 28px;} .training-manager div[id$="divReportOutput"] {margin-top:20px; overflow-x:scroll;} .training-manager div[id$="divReportOutput"] table {border-collapse:collapse; background-color:#E8E8E8; margin-bottom:20px;} .training-manager div[id$="divReportOutput"] table th {border:1px solid #fff; background-color: #089748; padding:5px; text-align:left; color:#fff; font-weight:bold;} .training-manager div[id$="divReportOutput"] table th a {color: #fff;} .training-manager div[id$="divReportOutput"] table td {border:1px solid #ccc; padding:5px;} .training-manager div[id$="divSelectUser"] {margin-bottom:20px;} .training-manager div[id$="divSelectUser"] label {float:left; width:50px;} .training-manager div[id$="divSelectUser"] .userSelector {float:left; width:500px; margin-right:20px;} .training-manager a#lnkBack, .training-manager a.training_backButton {width:auto; text-decoration:none; text-align:center; background-color:#fff; padding:5px 10px; color:#555; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;margin-top: 10px;} .training-manager a#lnkBack:hover, .training-manager a#lnkBack:focus, .training-manager a.training_backButton:hover, .training-manager a.training_backButton:focus {border:1px solid #333; cursor:pointer;} .training-manager #btnSelectUser {margin: 10px 0;} .training-manager .userProgressContent #btnSelectUser {margin: 10px 0;} .training-manager .training_key_icons ul {/*overflow: hidden;*/} .training-manager .training_key_icons li {float: left; list-style: none; height:15px; padding: 0 5px} .training-manager table td table {margin:0 !important; } /* custom report */ .training-manager .report-custom .form-actions > * { display: inline-block; } .training-manager .report-custom .training-manager div[id$="divReportOutput"] table th { background-color: #089748; } .grdPager td table td {border-collapse:collapse; padding:0 !important; border:0 !important; } .grdPager>td>table {width:auto !important; } .grdPager span {display:block; padding:6px 12px; background:#428bca; border:1px solid #428bca; float:left; color:#fff;} .grdPager a {display:block; padding:6px 12px; border:1px solid #ddd; background:#fff; float:left;} .grdPager a:hover, .grdPager a:focus {background:#f9f9f9; text-decoration:none;} #divPathwayTypeFilter {line-height:35px; margin: 0 0 35px; } #divPathwayTypeFilter #ddlTrainingType {width: 83.33333333333334% !important;} #divPathwaySearch {clear:both; line-height:35px; } #divPathwaySearch #searchPathwayText {width: 83.33333333333334% !important;} .sessionDetailsAttendeesContent {border:1px solid #ddd; } .sessionDetailsAttendeesContent tr th, .sessionDetailsAttendeesContent tr:nth-child(odd) td {background:#f9f9f9;} .ElementListing {margin:0 !important; padding:0 !important; } .ElementListing li {list-style:none; display:block; width:100%; padding: 10px 0; margin: 10px 0; border-bottom:1px solid #ddd; overflow:hidden; text-overflow:ellipsis; } .ElementListing .elementDetails {padding-left:120px; min-height:100px; width:100%; overflow:hidden; display:block; text-overflow:ellipsis; } .ElementListing .elementDetails a[id^="hlImage"] { width:100%; position:absolute; margin-left:-120px; } .ElementListing .elementDetails a[id^="hlImage"] img {max-width:110px;} .ElementListing .elementDetails a[id^="hlName"] {font-size:200%; } .ElementListing .elementDetails span[id^="type"], .ElementListing .elementDetails span[id^="extRefId"]{line-height:20px; } .ElementListing .elementDetails span[id^="extRefId"] {font-size:80%; color:#777; } .ElementListing .elementDetails span[id^="briefDes"], .ElementListing .elementDetails span[id^="longDesc"]{width:100%; display:block; text-overflow:ellipsis; } /*.ElementListing .elementDetails span[id^="briefDes"] {display:block; background:#f9f9f9; width:100%; padding: 10px; border-radius:3px; }*/ .ElementListing .elementDetails .NewItemTagText span:before {font-family:'FontAwesome'; content:"\f005"; color:#428bca; visibility:visible; margin-left:5px; margin-right:5px; vertical-align:top; } .ElementListing .elementDetails span[id^="cost"] {margin-left:10px; font-weight:bold; } .ElementListing .elementDetails .elementName { vertical-align:top; padding:15px 8px; background:#f9f9f9; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:20%; } .ElementListing .elementDetails .elementStatus { vertical-align:top; padding:15px 8px; background:#fff; border-top:1px solid #ddd;border-bottom:1px solid #ddd; } .ElementListing .elementDetails .CompetencyDetails { vertical-align:top; padding:8px; background:#fff; border-top:1px solid #ddd;border-bottom:1px solid #ddd; width:40%; } .ElementListing .elementDetails .CompetencyDetails a { float:right; } .ElementListing .elementDetails span.NewItemTagText {display:inline-block; width:15px; } .ElementListing .elementDetails span.NewItemTagText span {/*visibility:hidden;*/} .ElementListing .elementDetails br {margin:0 0 5px; } /* Competency Details */ .competencyDetailsContent .ElementListing .elementDetails {padding: 0;} .competencyDetailsContent .ElementListing .elementDetails .elementName {width: 20%; float: left; height: 46px;} .competencyDetailsContent .ElementListing .elementDetails .elementStatus {width: 80%; float: left; height: 46px;} .competencyDetailsContent .ElementListing .elementDetails .elementActions {float: left; width: 100%;} .UnitListing li {list-style:none; } .UnitListing {padding:0; } ul.CompetencyList {padding: 0; } ul.CompetencyList li.CompetencyListItem {list-style:none; height:30px; border-bottom:1px solid #ddd; } ul[class^="pathway-unit"] {margin:0; padding:0; } ul[class^="pathway-unit"] li.pathway-unit {padding: 0 0 20px; margin-bottom:20px; border-bottom:1px solid #ddd; list-style:none; } ul[class^="pathway-unit"] li.pathway-unit ul.pathway-unit-properties {margin:0; padding:0; } ul[class^="pathway-unit"] li.pathway-unit ul.pathway-unit-properties li { display:inline-block; width:50%; padding:5px 0; list-style:none; } ul[class^="pathway-unit"] li.pathway-unit ul.pathway-unit-properties li:nth-child(1) {width:100%; font-size:1rem; font-weight:bold; font-family:Georgia; } .userPathwaysDiagramContent .units {} .userPathwaysDiagramContent .units .unit {margin-bottom:20px; padding:0 20px 20px; border-bottom:1px solid #ddd;} .userPathwaysDiagramContent .units .unit h5 {position:relative;} .userPathwaysDiagramContent .units .unit h5 .unitStatus {position:absolute; top:0; right:0;} .userPathwaysDiagramContent .units .unit .element {padding:10px 20px; background:#eee; margin-bottom:10px;} .userPathwaysDiagramContent .units .unit .element h6 {margin:0 0 10px 0; padding:0; position:relative;} .userPathwaysDiagramContent .units .unit .element h6 .elementStatus {position:absolute; top:0; right:0;} /*-----dashboard-----*/ .TrainingLefthandAdminMenu {list-style-type:none; margin:0; padding:0;} .TrainingLefthandAdminMenu li {margin:0; padding:0; position:relative;} .TrainingLefthandAdminMenu li a {display:block; padding:10px 15px; background:#eee; border-top:1px solid #ddd; color:#333;} .TrainingLefthandAdminMenu li:first-child a {border-top:none;} .TrainingLefthandAdminMenu li a:hover, .TrainingLefthandAdminMenu li a:focus {background:#ddd;} .TrainingLefthandAdminMenu li a.active {background:#ccc;} .TrainingLefthandAdminMenu li ul {list-style-type:none; margin:0; padding:0; display:none; position:absolute; top:0; left:100%; z-index:10; width:200px;} .TrainingLefthandAdminMenu li ul li {} .TrainingLefthandAdminMenu li ul li a {padding-left:20px;} .TrainingLefthandAdminMenu li:hover ul, .TrainingLefthandAdminMenu li:focus ul {display:block;} .training-activity {list-style-type:none; margin:0; padding:0;} .training-activity li {margin:0 0 15px 0; padding:0 0 15px 100px; border-bottom:1px solid #ddd; position:relative;} .training-activity li .TrainingActivityTypePathwayStarted, .training-activity li .TrainingActivityTypeUnitStarted, .training-activity li .TrainingActivityTypePathwayRegistered, .training-activity li .TrainingActivityTypeUnitRegistered, .training-activity li .TrainingActivityTypePathwayCompleted, .training-activity li .TrainingActivityTypeUnitCompleted, .training-activity li .TrainingActivityTypePathwayEdited, .training-activity li .TrainingActivityTypeUnitEdited, .training-activity li .TrainingActivityTypePathwayCreated, .training-activity li .TrainingActivityTypeUnitCreated {position:absolute; top:4px; left:0; font-size:90%; padding:4px 8px; line-height:1;} .training-activity li .TrainingActivityTypePathwayStarted, .training-activity li .TrainingActivityTypeUnitStarted {background:#2dabc1; color:#fff;} .training-activity li .TrainingActivityTypePathwayRegistered, .training-activity li .TrainingActivityTypeUnitRegistered {background:#f1ac4a; color:#fff;} .training-activity li .TrainingActivityTypePathwayCompleted, .training-activity li .TrainingActivityTypeUnitCompleted {background:#8ac24e; color:#fff;} .training-activity li .TrainingActivityTypePathwayEdited, .training-activity li .TrainingActivityTypeUnitEdited {background:#ddd; color:#333;} .training-activity li .TrainingActivityTypePathwayCreated, .training-activity li .TrainingActivityTypeUnitCreated {background:#ddd; color:#333;} .training-activity li img {width:30px !important; height:30px; margin-right:5px;} .training-activity li .user {font-weight:bold;} .training-activity li .date {position:absolute; top:8px; right:0; line-height:1;} /*-----user actions-----*/ .training-user-actions-available {padding-bottom:15px; margin-bottom:30px; border-bottom:1px solid #ccc; 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; -webkit-box-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap; } .training-user-actions-item {width:50%; border-left:15px solid #fff; border-right:15px solid #fff; padding:15px; margin-bottom:20px; background:#f6f6f6; position:relative;} .training-user-actions-item h2 {margin-bottom:10px; font-size:120%; font-weight:bold;} .training-user-actions-item h3 {display:none;} .training-user-actions-item p {margin-bottom:5px;} .training-user-actions-item .difficulty {} .training-user-actions-item .difficulty p {display:inline-block; padding-right:10px; vertical-align:top;} .training-user-actions-item .difficulty div {display:inline-block;} .training-user-actions-item .cpdpoints {} .training-user-actions-item .cpdpoints h3 {font-size:100%; display:inline-block; vertical-align:top; padding:0 10px 0 0; margin:0; font-weight:normal;} .training-user-actions-item .cpdpoints p {display:inline-block; vertical-align:top;} .training-user-actions-item .actions {} .training-user-pathway {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc;} .training-user-pathway .table-responsive h3 {display:none;} .training-user-pathway .progressBarDesc {float:left; padding-bottom:10px;} .training-user-pathway .RadProgressBar {float:right; padding-bottom:10px;}` .training-user-pathway .panel-heading {position:relative;} .training-user-pathway .panel-heading a {display:block; padding-right:50px;} .training-user-pathway .panel-heading img {position:absolute; top:10px; right:15px;} .training-user-pathway .panel-body ul {list-style-type:none; margin:0; padding:0;} .training-user-pathway .panel-body ul li {margin-bottom:10px; padding-bottom:10px; border-bottom:#ccc; position:relative;} .training-user-pathway .panel-body ul li span {display:block;} .training-user-pathway .panel-body ul li span.actions > a.btn {position:absolute; top:0; right:0;} .training-user-pathway > .btn {margin-right:15px;} .active-pathway-container {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ccc;} .active-pathway-container .table {margin-bottom:0;} /*-----dashboard icons-----*/ ul.train-icon {list-style-type:none; margin:0 0 30px -10px; overflow:hidden; width:100%; padding:0;} ul.train-icon li { background: #FFFFFF; border: 1px solid #ddd; display: block; float: left; min-height: 150px; margin: 10px; width: 22%; box-shadow: 0 0 5px #ddd;} ul.train-icon li:hover {border:1px solid #089748;} ul.train-icon li a { background-image: url(/training/images/trainingmanagerimages/training-dashboard-icons.png); background-repeat: no-repeat; display: block; font-size: 120%; font-weight: bold; height: 100%; line-height: 140%; padding: 20px 40px 20px; text-align: center; text-transform: capitalize; font-family: "Muli", sans-serif; background: #f8f9fc; word-break: normal; word-wrap: normal; color: #000;} ul.train-icon li a:hover {text-decoration:none;} ul.train-icon li.cal-add a {background-position:50% -452px;} ul.train-icon li.cal-config a {background-position:50% -543px;} ul.train-icon li.cal-info a {background-position:50% -638px;} ul.train-icon li.calendar a {background-position:50% -362px;} ul.train-icon li.cert-info a {background-position:50% -1116px;} ul.train-icon li.cert-progress a {background-position:50% -1018px;} ul.train-icon li.chart-info a {background-position:50% -830px;} ul.train-icon li.day-info a {background-position:50% -734px;} ul.train-icon li.graph-info a {background-position:50% -1212px;} ul.train-icon li.unit-add a {background-position:50% 10px;} ul.train-icon li.unit-elements a {background-position:50% -275px;} ul.train-icon li.unit-info a {background-position:50% -85px;} ul.train-icon li.unit-progress a {background-position:50% -180px;} ul.train-icon li.wishlist a {background-position:50% -926px;} /*-----training admin menu-----*/ .training-admin-menu {} .training-admin-menu li {} .training-admin-menu li a {} .training-admin-menu li ul {} /*---------------------------------------- / download counter ----------------------------------------*/ .DownloadCounterMain {} .DownloadCounterMain h2 {margin-bottom:5px;} .DownloadCounterMain div {margin-bottom:20px;} .DownloadCounterMain div div {margin-bottom:5px;} /*---------------------------------------- / top downloads ----------------------------------------*/ ul.topDownload {list-style-type:none; margin:0 0 20px 0; padding:0;} ul.topDownload li {margin-bottom:10px;} ul.topDownload li span {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} ul.topDownload li span.topDownloadImage {width:30px} ul.topDownload li span.topDownloadLink {width:500px;} ul.topDownload li span.topDownloadCount {width:200px;} /*---------------------------------------- / membership ----------------------------------------*/ div[id$="divMembershipDetails"] {} div[id$="divMembershipDetails"] fieldset {border:none; margin:0 0 20px 0; padding:0;} div[id$="divMembershipDetails"] fieldset legend {display:none;} div[id$="divMembershipDetails"] fieldset p {width:100%; float:left; clear:both; margin:0 0 20px 0; padding:0;} div[id$="divMembershipDetails"] fieldset p label {width:20%; padding-right:5px; float:left; text-align:right;} div[id$="divMembershipDetails"] fieldset p input {width:80% !important; height:25px; border:1px solid #999; padding:2px 5px; float:left;} div[id$="divMembershipDetails"] fieldset p input#txtDOB {width:200px !important;} div[id$="divMembershipDetails"] fieldset p input:hover, div[id$="divMembershipDetails"] fieldset p input:focus {border-color:#000;} div[id$="divMembershipDetails"] fieldset p select {width:80%; border:1px solid #999; padding:2px 5px; float:left;} div[id$="divMembershipDetails"] fieldset p textarea {width:80%; height:144px; border:1px solid #999; padding:2px 5px; resize:none; float:left;} div[id$="divMembershipDetails"] fieldset p textarea:hover, div[id$="divMembershipDetails"] fieldset p textarea:focus {border-color:#000;} div[id$="divMembershipDetails"] fieldset p label[id$="lblPhoneAreacode"] {width:60px !important;} div[id$="divMembershipDetails"] fieldset p input#txtAreaCode {width:50px !important; margin-right:10px;} div[id$="divMembershipDetails"] fieldset p label[id$="lblPhoneNumber"] {width: 70px !important;} div[id$="divMembershipDetails"] fieldset p input#txtPhone {width:120px !important;} div[id$="divMembershipDetails"] fieldset[id$="fdsAdditionalQuestions"] td {white-space:normal !important;} div[id$="divMembershipDetails"] fieldset[id$="fdsAdditionalQuestions"] h2 {display:none;} div[id$="divMembershipDetails"] fieldset[id$="fdsAdditionalQuestions"] .clsGeneralText {display:none;} div[id$="divMembershipDetails"] div[id$="divMandatoryMessage"] {padding-left:20%;} div[id$="divMembershipDetails"] div[id$="divButton"] {padding-left:20%;} div[id$="divMembershipDetails"] div[id$="divButton"] input {width:auto; text-decoration:none; color:#fff; margin-right:5px; 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;} div[id$="divMembershipDetails"] div[id$="divButton"] input:hover, div[id$="divMembershipDetails"] div[id$="divButton"] input:focus {border:1px solid #00557F; cursor:pointer;} /*---------------------------------------- / tag cloud ----------------------------------------*/ .MostViewedContentMain {width:300px; border:1px solid #E0E0E0; margin-bottom:20px;} .MostViewedContentMain .CloudBox {border:1px solid #fff; padding:20px;} .MostViewedContentMain .CloudBox a {padding-right:10px; line-height:150%;} .MostViewedContentMain .CloudBox a[style$="font-size:xx-small;"] {font-size:12px !important;} .MostViewedContentMain .CloudBox a[style$="font-size:x-small;"] {font-size:13px !important;} .MostViewedContentMain .CloudBox a[style$="font-size:small;"] {font-size:14px !important;} .MostViewedContentMain .CloudBox a[style$="font-size:medium;"] {font-size:15px !important;} .MostViewedContentMain .CloudBox a[style$="font-size:large;"] {font-size:16px !important;} .MostViewedContentMain .CloudBox a[style$="font-size:x-large;"] {font-size:17px !important;} .MostViewedContentMain .CloudBox a[style$="font-size:xx-large;"] {font-size:18px !important;} /*---------------------------------------- / taxonomy search ----------------------------------------*/ #TaxonSearchControl {background-color:#fff; border:1px solid #E0E0E0; margin: 0 0 20px; padding:20px;} #TaxonSearchControl div.TaxonControlField {margin-bottom:10px;} #TaxonSearchControl div.TaxonControlField label {width:100px; padding:5px 5px 0 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #TaxonSearchControl div.TaxonControlField input[type="text"] {width:288px; height:20px; border:1px solid #999; padding:2px 5px;} #TaxonSearchControl div.TaxonControlField input[type="text"]:hover, #TaxonSearchControl div.TaxonControlField input[type="text"]:focus {border-color:#000;} #TaxonSearchControl div.TaxonControlField select {width:300px; border:1px solid #999; padding:2px 5px;} #TaxonSearchControl div.TaxonControlField input[type="submit"] {margin-left:105px; width:auto; height:auto; text-decoration:none; color:#fff; 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;} #TaxonSearchControl div.TaxonControlField input[type="submit"]:hover, #TaxonSearchControl div.TaxonControlField input[type="submit"]:focus {border:1px solid #00557F; cursor:pointer;} /*---------------------------------------- / most popular content ----------------------------------------*/ .MostPopularContentListMain {width:300px; border:1px solid #E0E0E0; margin-bottom:20px;} .MostPopularContentListMain ul {list-style-type:none; margin:0; padding:20px; border:1px solid #fff;} .MostPopularContentListMain ul li {margin-bottom:5px;} /*---------------------------------------- / dictionary ----------------------------------------*/ #NavigationButtons {margin:0 0 40px 0;} #NavigationButtons h2 {margin-bottom:10px;} #NavigationButtons ul {list-style-type:none; margin:0; padding:0;} #NavigationButtons ul li {display:inline;} #KeywordSearch {margin:0 0 40px 0;} #KeywordSearch h2 {margin-bottom:10px;} div[id$="DictionaryTerms"] {margin:0 0 40px 0;} div[id$="DictionaryTerms"] dl {list-style-type:none; margin:0; padding:0;} div[id$="DictionaryTerms"] dl dt {list-style-type:none; margin:0; padding:0; font-weight:bold; font-size:120%;} div[id$="DictionaryTerms"] dl dd {list-style-type:none; margin:0 0 20px 0; padding:0;} div[id$="DictionaryTerms"] dl dd h3 {display:none;} div[id$="DictionaryTerms"] dl dd h4 {display:none;} /*---------------------------------------- / people element ----------------------------------------*/ .people-element-list {} /*-----list view-----*/ .people-element-list ul {list-style-type:none; margin:0 0 20px 0; padding:0;} .people-element-list ul li {position:relative; padding-bottom:5px;} .people-element-list ul li a {} .people-element-list ul li div {position:absolute; top:20px; left:20px; z-index:100; padding:10px; border:1px solid #ccc; border-radius:5px; background-color:#fff; box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);} .people-element-list ul li div img {vertical-align:middle;} .people-element-list span[id$="dpPeopleList"] {display:block; position:relative; padding:0 20px;} .people-element-list span[id$="dpPeopleList"] a {} #wrapper #page-content #sidebar .people-element-list ul {margin-left:0;} /*-----table view-----*/ .people-element-tabular-layout table {width:500px; border-collapse:collapse; background-color:#E8E8E8;} .people-element-tabular-layout table th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} .people-element-tabular-layout table th a {color:#fff; font-weight:bold;} .people-element-tabular-layout table td {border:1px solid #ccc; padding:5px;} .people-element-tabular-layout table td[colspan="3"] {background-color:#fff;} .people-element-tabular-layout table table {width:auto; background-color:#fff;} .people-element-tabular-layout table table td {border:none; padding:0 5px 0 0;} .people-element-tabular-layout table table span {font-weight:bold;} #wrapper #page-content #sidebar .people-element-tabular-layout table {width208px;} /*---------------------------------------- / task manager ----------------------------------------*/ /*-----tabs-----*/ div[id$="tbsTM"] .rtsLevel {overflow:visible; float:left;} div[id$="tbsTM"] ul.rtsUL {overflow:visible; width:100%; border-bottom:1px solid #ccc; list-style-type:none; margin:0; padding:0;} div[id$="tbsTM"] ul.rtsUL li.rtsLI {overflow:visible; float:left; margin-right:3px;} div[id$="tbsTM"] ul.rtsUL li.rtsLI a {display:block; margin:0; padding:10px; color:#2E2E2E; background-color:#F2F2F2; border:1px solid #ccc; border-bottom:none;} div[id$="tbsTM"] ul.rtsUL li.rtsLI a.rtsSelected {text-decoration:none; background-color:#fff; border:1px solid #ccc; border-bottom:none; color:#000;} div[id$="tbsTM"] ul.rtsUL li.rtsLI a span.rtsOut, div[id$="tbsTM"] ul.rtsUL li.rtsLI a span.rtsIn, div[id$="tbsTM"] ul.rtsUL li.rtsLI a span.rtsTxt {padding:0;} /*-----containers-----*/ div[id$="mpTM"] {clear:both; border:1px solid #ccc; border-top:none; padding:20px; background-color:#fff;} .task-manager {position:relative;} .content-area .task-manager > h2 {position:absolute; left:-9999px;} .task-manager .result-heading {position:absolute; left:-9999px;} /*-----search options-----*/ .task-manager .tm-search-options {float:left; width:100%; position:relative; background:#f2f6f9; border-bottom:1px solid #d7edee; padding:15px;} .task-manager .tm-search-options h3 {margin:3px 5px 0 0; font-size:110%; float:left;} .task-manager .tm-search-options > div {margin:0 5px 0 0; float:left;} .task-manager .tm-search-options > div label {position:absolute; left:-9999px; padding:3px 5px 0 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .task-manager .tm-search-options > div span[id$="txtSearchBox-3_wrapper"] {width:300px !important;} .task-manager .tm-search-options > div input[id$="txtSearchBox-3"] {width:288px !important;} .task-manager .tm-search-options > div input[id$="txtSearchBox-3"]:hover, .task-manager .tm-search-options > div input[id$="txtSearchBox-3"]:focus {} .task-manager .tm-search-options > div.buttons {} .task-manager .tm-search-options > div.buttons .clear-button {margin:5px 0 0 10px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .task-manager .tm-search-options > div.buttons .clear-button input {margin:3px 5px 0 0; padding:0;} .task-manager .tm-search-options > div.buttons label {position:relative; left:0px;} .task-manager #btnAddNewTaskTMView {position:absolute; top:110px; right:0;} .content-area .task-manager #btnAddNewTaskTMView {top:10px; right:10px;} .task-manager .rgMasterTable thead > tr > th:first-child {width:20%;} .task-manager .rgMasterTable .RadComboBox {width:100px !important;} .task-manager .additional-options {float:left; width:100%; background:#f2f6f9; border-bottom:1px solid #d7edee; margin-bottom:15px; padding:15px;} .task-manager .additional-options > div {float:left; margin-right:20px;} .task-manager .additional-options > div input[type="checkbox"] {margin:0 5px 0 0; padding:0;} .task-manager .additional-options > div label {} .task-manager .RadGrid_Elcom {width:auto !important;} .task-manager .RadGrid_Elcom .rgCommandRow {} /*-----task table-----*/ .task-manager .rgMasterTable .action-buttons {width:100px; margin-top:5px;} .task-manager .rgMasterTable #btnViewTask, .task-manager .rgMasterTable #btnDeleteTask, .task-manager .rgMasterTable #btnComments, .task-manager .rgMasterTable #btnEditTask {float:left; position:relative; margin:0 5px 5px 0; text-indent:-9999px; width:22px; height:22px;} .task-manager .rgMasterTable #btnViewTask:after, .task-manager .rgMasterTable #btnDeleteTask:after, .task-manager .rgMasterTable #btnComments:after, .task-manager .rgMasterTable #btnEditTask:after {font-family:FontAwesome; font-size:18px; position:absolute; top:0; right:0; bottom:0; left:0; text-indent:0; text-align:center; line-height:22px;} .task-manager .rgMasterTable #btnViewTask:after {content:"\f0f6";} .task-manager .rgMasterTable #btnDeleteTask:after {content:"\f1f8";} .task-manager .rgMasterTable #btnComments:after {content:"\f0e6";} .task-manager .rgMasterTable #btnEditTask:after {content:"\f044";} /*-----add a task-----*/ div[id$="vwAddTask"] .add-task-fields {} div[id$="vwAddTask"] .add-task-fields > div {width:100%; margin-bottom:15px;} div[id$="vwAddTask"] .add-task-fields > div label, div[id$="vwAddTask"] .add-task-fields > div span[id$="lblUserSelectionText"] {} div[id$="vwAddTask"] .add-task-fields > div > input[type="text"], div[id$="vwAddTask"] .add-task-fields > div > div[id$="dvTaskGroupName"] {} div[id$="vwAddTask"] .add-task-fields > div > div[id$="dvTaskGroupName"] {} div[id$="vwAddTask"] .add-task-fields > div > input[type="text"]:hover, div[id$="vwAddTask"] .add-task-fields > div > input[type="text"]:focus {} div[id$="vwAddTask"] .add-task-fields > div select {} div[id$="vwAddTask"] .add-task-fields > div textarea {height:44px;} div[id$="vwAddTask"] .add-task-fields > div textarea:hover, div[id$="vwAddTask"] .add-task-fields > div textarea:focus {} div[id$="vwAddTask"] .add-task-fields > div div[id$="dvAddModeAssginee"] br {display:none;} div[id$="vwAddTask"] .add-task-fields > div .RadListBox {width:200px !important; height:100px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} div[id$="vwAddTask"] .add-task-fields > div .RadListBoxButtonAreaRight {width:250px !important;} div[id$="vwAddTask"] .add-task-fields > div .RadListBox .rlbGroup {border:1px solid #999; padding:2px 5px; width:188px; height:94px; overflow-y:scroll;} div[id$="vwAddTask"] .add-task-fields > div .RadListBox table {margin-right:10px;} div[id$="vwAddTask"] .add-task-fields > div.more_options {} div[id$="vwAddTask"] .add-task-fields > div.more_options > input[type="text"] {} div[id$="vwAddTask"] .add-task-fields > div.more_options select {} div[id$="vwAddTask"] .add-task-fields > div.more_options select[id$="ddlCompleted"] {} div[id$="vwAddTask"] .add-task-fields > div.more_options .left_options {} div[id$="vwAddTask"] .add-task-fields > div.more_options .left_options > div {margin-bottom:15px;} div[id$="vwAddTask"] .add-task-fields > div.more_options .right_options {} div[id$="vwAddTask"] .add-task-fields > div.more_options .right_options > div {margin-bottom:15px;} div[id$="vwAddTask"] .add-task-fields > div fieldset {border:none; padding:0 0 0 105px; margin:0; position:relative;} div[id$="vwAddTask"] .add-task-fields > div fieldset legend {width:100px; padding:0 5px 0 0; margin:0; position:absolute; top:0; left:0;} div[id$="vwAddTask"] .add-task-fields > div fieldset > div {} div[id$="vwAddTask"] .add-task-fields > div fieldset > div > span {display:block;} div[id$="vwAddTask"] .add-task-fields > div fieldset > div .RadListBox {width:400px !important; height:80px;} div[id$="vwAddTask"] .add-task-fields > div fieldset > div .RadListBox .rlbGroup {border:1px solid #999; padding:2px 5px; height:74px; overflow-y:scroll;} div[id$="vwAddTask"] .add-task-fields > div[id$="dvAddModeAssginee"] br {display:none;} div[id$="vwAddTask"] .add-task-fields .publish-button {margin-left:16.6666666667%;} /*-----manage task groups-----*/ div[id$="vwManageTaskGroups"] {position:relative;} div[id$="vwManageTaskGroups"] .buttonGroupTop {position:absolute; top:40px; right:0;} div[id$="vwManageTaskGroups"] .adminFieldSet > div, div[id$="vwManageTaskGroups"] .adminFieldSet > table {width:100%; margin-bottom:15px;} div[id$="vwManageTaskGroups"] .adminFieldSet > div.single-checkbox label {width:auto;} div[id$="vwManageTaskGroups"] .adminFieldSet > div .userSelector, div[id$="vwManageTaskGroups"] .adminFieldSet > div .folderSelector {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} div[id$="vwManageTaskGroups"] .adminFieldSet > div .RadListBox {width:400px !important; height:80px;} div[id$="vwManageTaskGroups"] .adminFieldSet > div .RadListBox .rlbGroup {border:1px solid #999; padding:2px 5px;} div[id$="vwManageTaskGroups"] #searchResults {} div[id$="vwManageTaskGroups"] #searchResults .adminDataTable, div[id$="vwManageTaskGroups"] #dvSubgroups table, div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] .adminDataTable {width:100%; border-collapse:collapse; background-color:#E8E8E8; margin-bottom:15px;} div[id$="vwManageTaskGroups"] #searchResults .adminDataTable th, div[id$="vwManageTaskGroups"] #dvSubgroups table th, div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] .adminDataTable th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} div[id$="vwManageTaskGroups"] #searchResults .adminDataTable th a, div[id$="vwManageTaskGroups"] #dvSubgroups table th a, div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] .adminDataTable th a {color:#fff; font-weight:bold;} div[id$="vwManageTaskGroups"] #searchResults .adminDataTable td, div[id$="vwManageTaskGroups"] #dvSubgroups table td, div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] .adminDataTable td {border:1px solid #ccc; padding:5px;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset {margin:0 0 10px 0; padding:0; border:none; position:relative;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions {border-bottom:1px solid #ccc; padding-bottom:10px;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions > legend {font-weight:bold; font-size:110%; margin:0; padding:0;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions > fieldset {padding-left:105px;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions > fieldset > legend {font-weight:normal; font-size:100%; position:absolute; top:0; left:0; width:100px; border:none;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions div {width:100px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions div input {margin:0 5px 0 0; padding:0;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions div label {width:60px; height:15px; overflow:hidden; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions fieldset.global-permission {padding-left:0; margin-left:100px; padding:5px; background-color:#ccc;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.task-group-permissions fieldset.global-permission legend {display:none;} /*-----buttons-----*/ div[id$="vwManageTaskGroups"] input[id$="btnBackToTaskGroupEdit"] {position:absolute; top:0; right:0;} /*-----task element-----*/ .article-task-add-new-content { margin-top: 10px; margin-bottom:20px;} ul.task-element {list-style-type:none; margin:0; padding:0;} ul.task-element li {border-bottom:1px solid #E0E0E0; margin:0 0 5px 0; padding:0 0 5px 0;} ul.task-element li > input[type="checkbox"] {margin-right:10px;} .article-task-edit-buttons-content {padding-left:5px;} .article-task-edit-buttons-content a {border-right:1px solid #ccc; padding:0 5px;} .task-history-show-details a {padding:0 5px;} /*---------------------------------------- / alerts ----------------------------------------*/ .cls-alerts-subscribe-container {margin-bottom:20px;} /*---------------------------------------- / meeting manager ----------------------------------------*/ .meeting-manager-mymeetings div[id$="updSearchMeetingsProgress"], .meeting-manager-managemeetings div[id$="updSearchMeetingsProgress"] {position:absolute; top:10px; left:200px;} .meetingagenda-failure-msg {display:block; background:#FFD6D6 url(/images/tdcm/cross.png) no-repeat 12px 9px; border:1px solid #FFC2C2; color:#C24848; margin:0 0 15px 0; padding:8px 10px 8px 37px;} /*-----tabs-----*/ div[id$="tabStripMeetingManager"] .rtsLevel {overflow:visible; float:left;} div[id$="tabStripMeetingManager"] ul.rtsUL {overflow:visible; width:100%; border-bottom:1px solid #ccc; height:35px; list-style-type:none; margin:0; padding:0;} div[id$="tabStripMeetingManager"] ul.rtsUL li.rtsLI {overflow:visible; float:left; height:35px; margin-right:3px;} div[id$="tabStripMeetingManager"] ul.rtsUL li.rtsLI a {display:block; height: auto; margin:0; padding:10px 15px 8px 15px; color:#2E2E2E; background-color:#F2F2F2; border:1px solid #ccc; border-bottom:none; font-size:110%;} div[id$="tabStripMeetingManager"] ul.rtsUL li.rtsLI a.rtsSelected {text-decoration:none; background-color:#fff; padding-bottom:10px; color:#000; font-weight:bold;} div[id$="tabStripMeetingManager"] ul.rtsUL li.rtsLI a span.rtsOut, div[id$="tabStripMeetingManager"] ul.rtsUL li.rtsLI a span.rtsIn, div[id$="tabStripMeetingManager"] ul.rtsUL li.rtsLI a span.rtsTxt {padding:0;} /*-----containers-----*/ div[id$="rmpMeetingManager"] {position:relative; float:left; clear:both; width:100%; border:1px solid #ccc; border-top:none; padding:20px; background-color:#fff;} /*-----my meetings-----*/ .mymeetings-view-main-content {position:relative;} .meeting-manager-mymeetings .meeting-manager-view-filter {position:absolute; top:20px; right:20px;} .meeting-manager-mymeetings .meeting-manager-view-filter ul {list-style-type:none; margin:0; padding:0;} .meeting-manager-mymeetings .meeting-manager-view-filter ul li {float:left; margin-left:10px;} .meeting-manager-mymeetings .meeting-manager-view-filter ul li a {display:block; text-decoration:underline; width:20px; height:20px; text-indent:-9999px; background:url(/images/tdcm/icon-sprite.png) no-repeat 0 0;} .meeting-manager-mymeetings .meeting-manager-view-filter ul li a:hover, .meeting-manager-mymeetings .meeting-manager-view-filter ul li a:focus {background-color:#B5E3E3;} .meeting-manager-mymeetings .meeting-manager-view-filter ul li a.mymeetings-filter-list-view {background-position:-452px -207px;} .meeting-manager-mymeetings .meeting-manager-view-filter ul li a.mymeetings-filter-cal-view {background-position:-417px -32px;} .meeting-manager-mymeetings .meeting-manager-view-filter ul li a.selected {text-decoration:none; font-size:110%; font-weight:bold; background-color:#B5E3E3;} .mymeetings-list-view {position:relative;} .mymeetings-list-view h3, .mymeetings-cal-view h3, .agenda-details > h2 {position:absolute; left:-9999px;} .agenda-details h3 {width:550px;} .agenda-details h3 .meeting-agenda-header-date {display:block; margin-top:5px;font:80% arial,verdana,sans-serif;} .mymeetings-list-view > h3 {top:0px; left:0; margin:0; padding:0; font:100% arial,verdana,sans-serif; color:#1D779F;} .mymeetings-list-view > h3:hover, .mymeetings-list-view > h3:focus {cursor:pointer; text-decoration:underline;} .mymeetings-list-view #meeting-search {display:none; float:left; clear:both; width:100%; margin-top:30px;} .mymeetings-list-view #meeting-search > div {float:left; margin-right:15px;} .mymeetings-list-view #meeting-search > div.mymeetings-list-view-results {width:100%; clear:both; margin-top:15px;} .mymeetings-list-view #meeting-search > div label {position:absolute; left:-9999px;} .mymeetings-list-view #meeting-search > div input[type="text"] {border:1px solid #999; padding:2px 5px; height:25px;} .mymeetings-list-view #meeting-search > div input#txtKeyword[type="text"] {width:225px;} .mymeetings-list-view #meeting-search > div input[type="text"]:hover, .mymeetings-list-view #meeting-search > div input[type="text"]:focus {border-color:#000;} .mymeetings-list-view #meeting-search > div select {width:200px; height:25px; border:1px solid #999; padding:2px 5px;} .mymeetings-list-view #meeting-search > div textarea {width:288px; height:144px; border:1px solid #999; padding:2px 5px; resize:none;} .mymeetings-list-view #meeting-search > div textarea:hover, .mymeetings-list-view #meeting-search > div textarea:focus {border-color:#000;} .mymeetings-list-view-addnewmeeting {position:absolute; top:20px; left:67px; padding-left:10px; border-left:1px solid #666;} .mymeetings-view-main-content .mymeetings-list-view-addnewmeeting {top:0; left:50px;} div[id$="calViewDiv"] .mymeetings-list-view-addnewmeeting {left:20px; padding-left:0; border-left:none;} .mymeetings-list-view #meeting-search > div .mymeetings-list-view-fromdt {float:left; margin-right:15px;} .mymeetings-list-view #meeting-search > div .mymeetings-list-view-todt {float:left;} .mymeetings-list-view-results h3 {position:absolute; left:-9999px;} .mymeetings-list-view .mymeetings-list-view-results, .mymeetings-cal-view {float:left; clear:both; width:100%; margin-top:30px;} #gvMyMeetingsResults {border-collapse:collapse; background-color:#E8E8E8; width:100%;} #gvMyMeetingsResults th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff;} #gvMyMeetingsResults th a {color:#fff;} #gvMyMeetingsResults td {border:1px solid #ccc; padding:5px;} /*-----my calendar-----*/ /*please see events calendar page*/ /*-----meeting and agenda details-----*/ .meeting-manager-add-edit h2 {position:absolute; left:-9999px;} .meeting-manager-meetingdetails {position:relative;} .meeting-manager-add-edit .buttonGroupTop .meeting-agenda-element-ctrls {position:absolute; top:5px; right:85px;} .agenda-details .buttonGroupTop div[id$="pnlAgendaPreviewAdminCtrls"] {position:absolute; top:25px; right:85px;} .meeting-manager-add-edit .buttonGroupTop .meeting-agendaitem-start-end-meeting {position:absolute; top:0px; right:215px;} .meeting-manager-add-edit .buttonGroupTop .meeting-agendaitem-start-end-meeting input {float:none; width:auto; height:auto; text-decoration:none; color:#333 !important; padding:5px 10px; border:1px solid #333; border-radius:5px; background:#ccc;} .meeting-manager-add-edit .buttonGroupTop .meeting-agendaitem-start-end-meeting input:hover, .meeting-manager-add-edit .buttonGroupTop .meeting-agendaitem-start-end-meeting input:focus {cursor:pointer; border:1px solid #111; cursor:pointer;} .meeting-manager-meetingdetails .agenda-details .buttonGroupTop {position:absolute; top:0px; right:0px;} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] {} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block, .agenda-details .meeting-agenda-pre-agenda-info {float:left; width:894px;} .agenda-details .meeting-agenda-pre-agenda-info-gridtop, .meeting-manager-meetingdetails div[id$="pnlAgendaItemsInfo"] {float:left; clear:both; margin-top:20px; width:100%;} .meeting-manager-meetingdetails div[id$="pnlAgendaItemsInfo"] > div {margin-bottom:15px;} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block > div, .agenda-details .meeting-agenda-pre-agenda-info > div, .agenda-details .meeting-agenda-pre-agenda-info > div[id$="divAttendeesDetails"] > div {} .agenda-details .meeting-agenda-pre-agenda-info > div[id$="divAttendeesDetails"] {} .meeting-manager-meetingdetails .meeting-agenda-info-tbl, .agenda-details .meeting-agenda-pre-agenda-info .meeting-agenda-info-tbl {border-top:1px solid #ccc; border-left:1px solid #ccc; border-collapse:collapse; width:100%;} .meeting-manager-meetingdetails .meeting-agenda-info-tbl th, .agenda-details .meeting-agenda-pre-agenda-info .meeting-agenda-info-tbl th {padding:10px; font-weight:bold; border-bottom:1px solid #ccc; text-align:left; vertical-align:top;} .meeting-manager-meetingdetails .meeting-agenda-info-tbl td, .agenda-details .meeting-agenda-pre-agenda-info .meeting-agenda-info-tbl td {width:426px; padding:10px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block > div > h4, .agenda-details .meeting-agenda-pre-agenda-info > div > h4, .agenda-details .meeting-agenda-pre-agenda-info > div[id$="divAttendeesDetails"] h4 {float:left; font-size:100%; line-height:100%; font-family:arial,verdana,sans-serif; margin:0; padding:0; width:140px;} .meeting-agenda-icons h4, .meeting-agendaitem-icon-published-div h4, .meeting-agendaitem-allow-download-div h4, .meeting-agenda-next-meeting-div h4 {font-size:100%; line-height:100%; font-family:arial,verdana,sans-serif; margin:0; padding:0; width:140px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block > div > span, .agenda-details .meeting-agenda-pre-agenda-info > div > span {float:left; width:280px; height:61px;} .meeting-agenda-icons ul {list-style-type:none; margin:0; padding:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-agenda-icons ul li {float:left; padding-right:20px;} .meeting-agenda-icons ul li a {display:block; width:16px; height:16px; text-indent:-9999px; background:url(/images/tdcm/icon-sprite.png) no-repeat 0 0;} .meeting-agenda-icons ul li a#btnImport {background-position:-420px -175px;} .meeting-agenda-icons ul li a#btnMaintainAttendees {background-position:-420px -140px;} .meeting-agenda-icons ul li a#btnPreview {background-position:-455px -105px;} .meeting-agenda-icons ul li a#btnGenerateBook {background-position:-385px -175px;} .meeting-agendaitem-icon-published-div p {margin:0; padding:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-agendaitem-allow-download-div span {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-agendaitem-allow-download-div input {margin:0 5px 0 0; padding:0;} .meeting-agendaitem-allow-download-div a[id$="lnkViewMeetingPack"] {width:16px; height:16px; text-indent:-9999px; background:url(/images/tdcm/icon-sprite.png) no-repeat -385px -105px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-agenda-next-meeting-div select {} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block > div[id$="pnlAgendaItemsInfo"] {float:none; clear:both; width:100%; height:auto; padding:0; border:none;} .meeting-manager-meetingdetails div[id$="pnlAgendaInfo"] #meeting-agenda-info-block > div[id$="pnlAgendaItemsInfo"] > div {margin-bottom:15px;} .agenda-details {position:relative; float:left; padding:20px; background-color:#fff; border:1px solid #ccc;} .meeting-manager-mymeetings .agenda-details {float:none; padding:0; border:none;} .agenda-details .meeting-agenda-pre-agenda-info-grid table {font-size:90%; width:100% !important; border-collapse:collapse; background-color:#E8E8E8; margin-bottom:15px;} .agenda-details .meeting-agenda-pre-agenda-info-grid div[id$="gvAgendaItems_GridHeader"] table {margin-bottom:0;} .agenda-details .meeting-agenda-pre-agenda-info-grid table th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} .agenda-details .meeting-agenda-pre-agenda-info-grid table th a {color:#fff; font-weight:bold;} .agenda-details .meeting-agenda-pre-agenda-info-grid table td {border:1px solid #ccc; padding:5px;} .agenda-details .meeting-agenda-pre-agenda-info-grid table td ul {list-style-type:none; margin:0; padding:0;} .agenda-details .meeting-agenda-pre-agenda-info-grid table td ul li {margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px dotted #666;} div[id$="pnlSplAgendaAdminCtrls"] {} div[id$="pnlSplAgendaAdminCtrls"] > div {} div[id$="pnlSplAgendaAdminCtrls"] > div img {vertical-align:middle;} div[id$="pnlSplAgendaAdminCtrls"] > div.meeting-agendaitem-icon-published-div {margin-bottom:15px;} div[id$="pnlSplAgendaAdminCtrls"] > div.meeting-agendaitem-icon-download-div {} div[id$="pnlSplAgendaAdminCtrls"] > div.meeting-agenda-icons {display:block; margin:20px 0; text-align:right;} div[id$="pnlSplAgendaAdminCtrls"] > div.meeting-agenda-icons > span {padding:0 5px; border-left:1px solid #555; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} div[id$="pnlSplAgendaAdminCtrls"] > div.meeting-agenda-icons > span:first-child {border-left:none;} /*-----add agenda popup-----*/ .meeting-agenda-grid .meeting-agenda-grid {height:480px !important;} .meeting-agenda-grid .meeting-agenda-grid table[id$="mainTable"] {margin:10px 0 0 10px;} .meeting-agenda-grid .meeting-agenda-grid table[id$="mainTable"] > tbody > tr > td > table > tbody > tr > td {padding:5px 0;} .meeting-agenda-grid .meeting-agenda-grid label {width:100px; padding:3px 5px 0 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-agenda-grid .meeting-agenda-grid input[type="text"] {width:100%; border:1px solid #999; padding:2px 5px; height:20px; } .meeting-agenda-grid .meeting-agenda-grid input[type="text"]:hover, .meeting-agenda-grid .meeting-agenda-grid input[type="text"]:focus {border-color:#000;} .meeting-agenda-grid .meeting-agenda-grid .rcbInputCell input {width:auto; height:auto; border:none; padding:0;} .meeting-agenda-grid .meeting-agenda-grid select {width:100%; border:1px solid #999; padding:2px 5px; } .meeting-agenda-grid .meeting-agenda-grid textarea {width:100%; height:54px; border:1px solid #999; padding:2px 5px; resize:none; } .meeting-agenda-grid .meeting-agenda-grid textarea:hover, .meeting-agenda-grid .meeting-agenda-grid textarea:focus {border-color:#000;} .meeting-agenda-grid .meeting-agenda-grid .meeting-attendees {} .meeting-agenda-grid .meeting-agenda-grid .meeting-attendees .meeting-all-attendees {width:250px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-agenda-grid .meeting-agenda-grid .meeting-attendees .meeting-ex-attendees {width:250px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-agenda-grid .meeting-agenda-grid .RadListBox {width:230px; height:100px;} .meeting-agenda-grid .meeting-agenda-grid .RadListBox .rlbGroup {overflow-x:scroll; border:1px solid #999; width:180px !important; height:94px !important; max-height:94px !important; padding:2px 5px;} .meeting-agenda-grid .meeting-agenda-grid .meeting-all-attendees .RadListBox .rlbGroup {margin-right:0 !important;} .meeting-agenda-grid .meeting-agenda-grid #lstAgendaItemDocuments .rlbGroup {width:450px !important;} .meeting-agenda-grid .meeting-agenda-grid .meeting-chair-notes-info {display:block;} .agenda-details td.meeting-agenda-action-item {text-align:left !important;} .agenda-details td.meeting-agenda-action-item a[id$="lnkEditAgenda"] {float:left; text-indent:-9999px; width:16px; height:16px; margin-right:10px; background:url(/images/tdcm/icon-sprite.png) no-repeat -210px 0px;} .agenda-details td.meeting-agenda-action-item a[id$="lnkDeleteAgenda"] {float:left; text-indent:-9999px; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -107px -70px;} .agenda-details td a#lnkNotesAgenda {float:left; text-indent:-9999px; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -35px -140px;} .meeting-agenda-documents-content-table {} .meeting-agenda-documents-content-table ul {list-style-type:none; margin:0; padding:0;} .meeting-agenda-documents-content-table ul li {margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px dotted #666;} .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgHeader, .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgFilterRow > td, .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgRow > td, .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgAltRow > td, .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgEditRow > td, .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgFooter > td {font-size:90%;} .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgHeader, .meeting-manager-meetingdetails .RadGrid .rgClipCells .rgHeader a {font-weight:bold;} /*-----manage meetings-----*/ .meeting-manager-managemeetings {} .meeting-manager-managemeetings h3 {} .meeting-manager-managemeetings .meeting-edit {} .meeting-manager-managemeetings .meeting-edit > div {float:left; width:100%; margin-bottom:15px;} .meeting-manager-managemeetings .meeting-edit > div label {width:20%; padding:5px 5px 0 0; font-weight:bold; float:left; text-align:right;} .meeting-manager-managemeetings .meeting-edit > div > input[type="image"] {float:left;} .meeting-manager-managemeetings .meeting-edit > div > input[type="text"] {width:80%; border:1px solid #999; padding:2px 5px; height:25px;} .meeting-manager-managemeetings .meeting-edit > div > input[type="text"]:hover, .meeting-manager-managemeetings .meeting-edit > div > input[type="text"]:focus {border-color:#000;} .meeting-manager-managemeetings .meeting-edit > div input[type="radio"], .meeting-manager-managemeetings .meeting-edit > div input[type="checkbox"], .meeting-manager-managemeetings .meeting-edit > fieldset input[type="radio"], .meeting-manager-managemeetings .meeting-edit > fieldset input[type="checkbox"] {margin:0 5px 0 0; padding:0;} .meeting-manager-managemeetings .meeting-edit > div select {width:80%; border:1px solid #999; padding:2px 5px;} .meeting-manager-managemeetings .meeting-edit > div textarea {width:80%; height:50px; border:1px solid #999; padding:2px 5px; resize:none;} .meeting-manager-managemeetings .meeting-edit > div textarea:hover, .meeting-manager-managemeetings .meeting-edit > div textarea:focus {border-color:#000;} .meeting-manager-managemeetings .meeting-edit > div div[id$="upnlMeetingChair"] {width:400px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-manager-managemeetings .meeting-edit > div .RadListBox, .meeting-manager-managemeetings .meeting-edit > fieldset .RadListBox {float:none; width:400px !important; height:80px !important;} .meeting-manager-managemeetings .meeting-edit > div .RadListBox .rlbGroup, .meeting-manager-managemeetings .meeting-edit > fieldset .RadListBox .rlbGroup {overflow-x:scroll; border:1px solid #999; width:388px !important; height:74px !important; max-height:74px !important; padding:2px 5px;} .meeting-manager-managemeetings .meeting-edit > div .RadListBox .rlbGroup:hover, .meeting-manager-managemeetings .meeting-edit > div .RadListBox .rlbGroup:focus, .meeting-manager-managemeetings .meeting-edit > fieldset .RadListBox .rlbGroup:hover, .meeting-manager-managemeetings .meeting-edit > fieldset .RadListBox .rlbGroup:focus {border-color:#000;} .meeting-manager-managemeetings .meeting-edit > div .meeting-privacy-invities .RadListBox {width:328px;} .meeting-manager-managemeetings .meeting-edit > div.single-checkbox {padding-left:20%;} .meeting-manager-managemeetings .meeting-edit > div.single-checkbox input {float:left; margin:0 5px 0 0; padding:0;} .meeting-manager-managemeetings .meeting-edit > div.single-checkbox label {width:auto; font-weight:normal; padding-top:0;} .meeting-manager-managemeetings .meeting-edit > div > .meeting-date-time, .meeting-manager-managemeetings .meeting-edit > div > div[id$="RadAjaxPanel1Panel"] {width:80%; float:left;} .meeting-manager-managemeetings .meeting-edit > div .meeting-calendar-details > div {width:100%; margin-bottom:20px;} .meeting-manager-managemeetings .meeting-edit > div > .meeting-date-time > div.meeting-date {width:100%; float:left;} .meeting-manager-managemeetings .meeting-edit > div > .meeting-date-time > div.meeting-start-time, .meeting-manager-managemeetings .meeting-edit > div > .meeting-date-time > div.meeting-end-time {margin-bottom:0; width:100%; float:left;} .meeting-manager-managemeetings .meeting-edit > div span[id$="lblMeetingShortDescInView"] {width:750px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #page-content .meeting-manager-managemeetings .meeting-edit > div .RadPicker_Elcom {width:110px !important;} #page-content .meeting-manager-managemeetings .meeting-edit > div .RadPicker_Elcom .rcTable {width:110px !important;} .meeting-manager-managemeetings .meeting-edit .meeting-privacy-invities > label {display:block;} .meeting-manager-managemeetings .meeting-edit fieldset {border:none; margin:0 0 20px 0; padding:0 0 0 20%; position:relative; float:left; width:100%;} .meeting-manager-managemeetings .meeting-edit fieldset legend {width:20%; padding:0 5px 0 0; font-weight:bold; margin:0; position:absolute; top:0; left:0; text-align:right;} .meeting-manager-managemeetings .meeting-edit .RadComboBox {display:block; float:left;} .meeting-manager-managemeetings .meeting-edit div[id$="pnlMeetingCalDetails"] {margin-top:10px; width:100%; clear:both;} .meeting-manager-managemeetings .meeting-edit div[id$="pnlMeetingCalDetails"] label {width:110px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-manager-managemeetings .meeting-edit table[id$="rbMeetingPrivacy"] input {margin:0 5px 0 0; padding:0;} .meeting-manager-managemeetings .meeting-edit table[id$="rbMeetingPrivacy"] label {width:auto;} .meeting-manager-managemeetings .meeting-edit .meeting-calendar-addlink {margin-left:3px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-manager-managemeetings .meeting-edit fieldset span[id$="rbMeetingPrivacy"] {} .meeting-manager-managemeetings .meeting-edit fieldset span[id$="rbMeetingPrivacy"] br {display:none;} .meeting-manager-managemeetings .meeting-edit fieldset span[id$="rbMeetingPrivacy"] span, .meeting-manager-managemeetings .meeting-edit fieldset span[id$="rbMeetingPrivacy"] label {margin-right:15px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .ecagenda-view-meeting-book-div {} .ecagenda-view-meeting-book-div fieldset {margin:0 0 20px 0; padding:0; border:none;} .ecagenda-view-meeting-book-div fieldset legend {padding:0; margin:0; font-size:110%; font-weight:bold;} .meeting-manager-add-edit .RadListBox .rlbGroup, .meeting-manager-meetingdetails .RadListBox .rlbGroup, .agenda-details .RadListBox .rlbGroup {float:left; width:280px !important; height:auto !important; max-height:61px !important; overflow:auto; border:none;} .meeting-manager-add-edit .RadListBox_Telerik .rlbGroup, .meeting-manager-meetingdetails .RadListBox_Telerik .rlbGroup, .agenda-details .RadListBox_Telerik .rlbGroup {border:none;} .meeting-manager-add-edit .RadListBox .rlbList, .meeting-manager-meetingdetails .RadListBox .rlbList, .agenda-details .RadListBox .rlbList {float:left;} .meeting-manager-add-edit .RadListBox .rlbItem, .meeting-manager-meetingdetails .RadListBox .rlbItem, .agenda-details .RadListBox .rlbItem {float:left;} .meeting-manager-add-edit .RadListBox_Telerik .rlbDisabled .rlbImage, .meeting-manager-meetingdetails .RadListBox_Telerik .rlbDisabled .rlbImage, .agenda-details .RadListBox_Telerik .rlbDisabled .rlbImage {opacity:1;} .meeting-manager-add-edit .RadListBox_Telerik .rlbDisabled .rlbText, .meeting-manager-meetingdetails .RadListBox_Telerik .rlbDisabled .rlbText, .agenda-details .RadListBox_Telerik .rlbDisabled .rlbText {color:#333; font:100% arial,verdana,sans-serif;} .meeting-agenda-grid .rgCommandRow .rgCommandTable .rgAdd {float:left; width:24px; height:24px; margin:0; background:#666 url(/images/tdcm/icon-sprite.png) no-repeat -30px 4px; border:1px solid #333; border-right:none; border-radius:5px 0 0 5px;} .meeting-agenda-grid .rgCommandRow .rgCommandTable a {float:left; height:18px; padding:4px 5px 0 5px; background-color:#666; color:#fff; border:1px solid #333; border-left:none; border-radius:0 5px 5px 0;} /*-----import agenda-----*/ .meeting-import {position:relative; float:left; clear:both; width:896px; border:1px solid #ccc; border-bottom:none; padding:20px 20px 0 20px; background-color:#fff;} .meeting-import-header {position:relative; float:left; clear:both; width:896px; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 20px; background-color:#fff;} .meeting-import-content {position:relative; float:left; clear:both; width:896px; border:1px solid #ccc; border-top:none; padding:0 20px 20px 20px; background-color:#fff;} .meeting-import-content fieldset {margin:0 0 20px 0; padding:0; border:none;} .meeting-import-content fieldset legend {padding:0; margin:0; font-size:110%; font-weight:bold;} .meeting-import-content fieldset select {margin-bottom:10px;} .meeting-import-content fieldset input[type="text"] {width:388px; border:1px solid #999; padding:2px 5px; height:20px;} .meeting-import-content fieldset input[type="text"]:hover, .meeting-import-content fieldset input[type="text"]:focus {border-color:#000;} .meeting-import-content table {margin-bottom:20px;} .meeting-import-content table td {padding:0 0 5px 0;} .meeting-import-content table td input {margin:0 5px 0 0; padding:0;} .pageOptionsContainer {position:relative;} .meeting-manager-meetingdetails .pageOptionsContainer {position:static;} /*-----maintain attendees-----*/ .attendee-details {position:relative; float:left; clear:both; width:896px; border:1px solid #ccc; padding:20px; background-color:#fff;} .attendee-details div.row {margin-bottom:15px;} .attendee-details div.row label {width:100px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .attendee-details div.row textarea {width:388px; height:44px; border:1px solid #999; padding:2px 5px; resize:none;} .attendee-details div.row textarea:hover, .attendee-details div.row textarea:focus {border-color:#000;} .attendee-details div.row .RadListBox {width:398px !important; height:44px;} /*-----buttons-----*/ .meeting-buttons, .meeting-buttons-bottom {padding-left:20%; clear:both;} .meeting-manager-meetingdetails #btnPublish, .attendee-details #btnSave {position:absolute; top:20px; right:70px;} .meeting-buttons #btnCancelMeeting, .meeting-manager-meetingdetails .buttonGroupTop a, .meeting-manager-meetingdetails .buttonGroupTop input, .meeting-buttons #btnBackToSearch {float:none; margin-left:10px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-manager-meetingdetails .buttonGroupTop a#lnkPrintAgenda, .agenda-details .buttonGroupTop a#lnkPrintAgenda {text-indent:-9999px; float:left; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -455px -35px;} .meeting-manager-meetingdetails .buttonGroupTop a#lnkExportToOutlook {text-indent:-9999px; float:left; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -175px -105px;} .meeting-manager-meetingdetails .buttonGroupTop a#lnkSnapshot {text-indent:-9999px; float:left; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -455px -105px;} .meeting-manager-meetingdetails .buttonGroupTop a#lnkViewMeetingBook {text-indent:-9999px; float:left; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -385px -105px;} .meeting-manager-meetingdetails .buttonGroupTop a#lnkDownloadMeetingPack {text-indent:-9999px; float:left; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -385px -35px;} .meeting-manager-add-edit a[id$="lnkBackToSearchBtn"], .meeting-manager-add-edit a[id$="btnBackToSearch"], .meeting-manager-meetingdetails a[id$="lnkBackToMeetings"], #btnBack {margin-right:0; position:absolute; top:20px; right:20px;} .agenda-details #btnPrintToPDF {border:none; background:none; text-indent:-9999px; width:16px; height:16px; background:url(/images/documenttypeimages/file-pdf.gif) no-repeat 0px 0px;} .agenda-details #btnPrintToPDF:hover, .agenda-details #btnPrintToPDF:focus {cursor:pointer;} /*HTML 5 Video Bottom Space*/ #page-content div > video.mejs-vid {border-bottom: 25px solid transparent;} .videoWrap {width: 600px!important; height: auto!important;} .videoWrap > video {width: 100%; height: auto!important;} .widget.allNews.removeBgImg .box-shadow>a { background: none !important; height: auto; display: inline-block;} .widget.allNews.removeBgImg .box-shadow>a img { display: block; object-fit: cover; height: 100%; width: 100%;} .widget.allNews.removeBgImg .align>div { margin-bottom: 15px;} /* accordion */ .accordion { text-decoration: none; margin: 25px 0 40px 0} .accordion .card.panel-default { border: 0; margin: 0; box-shadow: none; border-radius: 0; background: transparent} .accordion .panel-default>.card-header { padding: 0; border: 0; border-radius: 0} .accordion h3.card-title a { color: #000; padding: 25px 75px 25px 25px; font-weight: normal; font-size: 125%; width: 100%; display: inline-block; text-decoration: none;} .accordion h3 { line-height: 1.5; text-align: left; clear: both; cursor: pointer; position: relative; margin: 0 0 10px 0; width: 100%; background: #e7e7e7; color: #333; font-size: 100%} .accordion h3 a.collapsed:after { content: "\f107"; font-family: Fontawesome; border: 0; font-size: 25px; position: absolute; right: 0px; top: 0; bottom: 0; color: #fff; width:70px; text-align: center; background: #000; height: 100%; border-right: 10px solid #143B86;} .accordion h3 a:after { content: "\f106"; font-family: Fontawesome; border: 0; font-size: 25px; position: absolute; right: 0px; top: 0; bottom: 0; font-weight: bold; color: #fff; width: 70px; text-align: center; background: #000; height: 100%; line-height: 70px; border-right: 10px solid #143B86;} .accordion h3 a:hover { color: #000;} .accordion .card.panel-default .card-body { padding: 15px 15px 15px 25px;} .content-area article .accordion h3:after{display:none;} @media (min-width: 0) and (max-width:1299px) { .hero .ui-tabs .ui-tabs-panel ul li {width:100% !important;} } @media (min-width: 0) and (max-width:992px) { .container {width:95%;} } @media (min-width: 0) and (max-width:767px) { .container {width:100%;} .editMode .divLocation {margin-left: 0;} #eventOuterTable ol#eventsearchResultsInfo li {width: 100%; clear:left;} .ql.three-col li{width:50% !important; margin-bottom: 20px;} .videoWrap {width: 100%!important;} .hero .ui-tabs .ui-tabs-panel ul li {width:50% !important;} } @media (min-width: 0) and (max-width:575px) { .hero .ui-tabs .ui-tabs-panel ul li {width:100% !important;} } .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-5ths { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-5ths { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-5ths { width: 20%; float: left; } div[id*="userPickerDiv"] .form-group > div { max-width: 35%; min-width: 35%;} .fluid-width-video-wrapper iframe.video-sm{width:600px;} .fluid-width-video-wrapper iframe.video-md{width:60%;} .row.image-3-col img { width: 100%; height: 350px; object-fit: cover;} .is_stuck_sidebar {position: fixed!important; top: 120px!important; z-index: 9;} .fixed-LHS.is_stuck_sidebar { left:0; } .fixed-RHS.is_stuck_sidebar { right:0; } } @media (min-width: 1200px) { .col-lg-5ths { width: 19.5%; float: left; } } #aspnetForm {overflow-x: hidden;} body > div.ui-datepicker, #aspnetForm + div {display: none;} .quickLinks { margin: 0 auto; text-align:center; padding: 20px 0;} .quickLinks .row { list-style: none; display: inline-block; margin: 0; padding: 0; vertical-align: top; /*width: 49.5%;*/ width: 100%;} .ql li { display: inline-block; width: 12%; list-style: none; vertical-align: top;} .ql a {-webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .6s; transition: transform .6s; overflow: hidden; text-indent: -9999px; width: 115px; height: 115px; box-shadow: 0 2px 10px #aaa; display: block; border-radius: 50%; clear: both; margin: 0 auto; position: relative; color: #333; border: none; font-weight: 700;} .quickLinks a:hover { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);} .quickLinks .custom-metadata {display: none;} .quickLinks li:hover strong {color: #143b86;} .ql strong {line-height: 140%; text-align: center; margin: 10px 0; color: #333; border: none; font-weight: 700; display: block;} .ql .incident strong {text-shadow: 0.2px 0 0; } .ql a:before { display: block; width: 115px; height: 115px; text-indent: -9999px; overflow: hidden; content: ""; background-repeat: no-repeat; background-position: center; } .ql a.people:before {background-image: url(/images/UserUploadedImages/11/icon-people.png);} .ql a.team:before {background-image: url(/images/UserUploadedImages/11/icon-team.png);} .ql a.forms-edit:before {background-image: url(/images/UserUploadedImages/11/icons-forms-edit.png);} .ql a.safety:before {background-image: url(/images/UserUploadedImages/11/HSW_Logo_CORE_NEW.png);} .ql a.calendar:before {background-image: url(/images/UserUploadedImages/11/icon-calendar.png);} .ql a.training:before {background-image: url(/images/UserUploadedImages/11/icon-graduation.png);} .ql a.preceda:before {background-image: url(/images/UserUploadedImages/11/icon-preceda.png);} .ql a.product:before {background-image: url(/images/UserUploadedImages/11/product-icon.png);} .ql a.bluearmy:before {background-image: url(/images/UserUploadedImages/11/Blue_Army_logo.png);} .ql a.assistance:before {background-image: url(/images/UserUploadedImages/11/icon-employee-assistance.png);} .ql a.incident:before {background-image: url(/images/UserUploadedImages/11/icon-road.png);} .ql a.forms:before {background-image: url(/images/UserUploadedImages/11/icon-forms.png);} .ql a.expense:before {background-image: url(/images/UserUploadedImages/11/icon-expense.png);} .ql a.values:before {background-image: url(/images/UserUploadedImages/11/icon-values-new.png);} .ql a.strategy:before {background-image: url(/images/UserUploadedImages/11/Strategy_icon_4.png);} .ql a.thrive:before {background-image: url(/images/UserUploadedImages/11/ThiveIcon.png);} .ql a.ezyparts:before {background-image: url(/images/UserUploadedImages/11/ezparts-nz-icon.png);} .ql a.branchops:before {background-image: url(/images/UserUploadedImages/11/branch-icon.png);} .ql a.email:before {background-image: url(/images/UserUploadedImages/11/emailicon.png);} .ql a.web:before {background-image: url(/images/UserUploadedImages/11/webicon.png);} .ql a.market:before {background-image: url(/images/UserUploadedImages/11/marketiicon.png);} .ql a.road:before, .ql a[href="/new-zealand/people-culture-nz/road"]:before {background-image: url(/images/UserUploadedImages/491/ROAD_Wheel.png); background-size: 75px;} .ql a.cvg-training:before {background-image: url(/images/UserUploadedImages/11/CVG008_CVG_01_Core_Icon_Set_CVG_Training_White.png); background-size: 59px;} .ql a.truckline:before {background-image: url(/images/UserUploadedImages/11/CVG008_CVG_02_Core_Icon_Set_The_Truckline_White.png); background-size: 59px;} .ql a.product-info:before {background-image: url(/images/UserUploadedImages/11/CVG008_CVG_03_Core_Icon_Set_Product_Info_White.png); background-size: 59px;} .ql a.contact-list:before {background-image: url(/images/UserUploadedImages/11/CVG008_CVG_04_Core_Icon_Set_Contact_Lists_White.png); background-size: 59px;} .ql a.forms-temp:before {background-image: url(/images/UserUploadedImages/11/CVG008_CVG_06_Core_Icon_Set_Forms_Templates_White.png); background-size: 59px;} .ql a.marketing:before {background-image: url(/images/UserUploadedImages/11/CVG008_CVG_07_Core_Icon_Set_Marketing_White.png); background-size: 59px;} /*Logos */ .ql.three-col { display: flex; flex-wrap: wrap; align-items: center;} .ql.three-col li{width:33.33%; margin-bottom: 20px;} .ql.three-col li a { background: none !important; box-shadow: none; border-radius: 0; height: auto; width: 80%;} .ql.three-col li a:before{display:none;} .ql.three-col li a img { margin: auto; display: block; } .relatedItems h2 { font-size: 120%; margin: 10px 0; display: block; width: 100%; float: left;} .relatedItems ol { overflow: hidden; list-style: disc;} .relatedItems ol li {float: left; width: 100%;} .bearing-wholesalers .blue-med.btn-angle-right:after {background: #007ac2 ;} .bearing-wholesalers .blue-med.btn.btn-angle-right {color: #007ac2;} .blue-indigo{background:#103073;} .blue-dark, .blue-dark #breadcrumbs:after, .blue-dark .right-panel h1:after, .blue-dark .right-panel h2:after, .blue-dark .right-panel h3:after, .blue-dark .right-panel h4:after, .blue-dark .right-panel h5:after, .blue-dark .right-panel h6:after, .blue-dark.btn-angle-right:after, .blue-dark .content-area article h3:after {background:#143B86;} .blue-dark #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .blue-dark #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, .blue-dark #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, .blue-dark #LeftMenu .panelbar a.MenuItemFourClicked .rpText, .blue-dark.btn.btn-angle-right {color: #143B86;} .blue-med, .blue-med #breadcrumbs:after, .blue-med .right-panel h1:after, .blue-med .right-panel h2:after, .blue-med .right-panel h3:after, .blue-med .right-panel h4:after, .blue-med .right-panel h5:after, .blue-med .right-panel h6:after, .blue-med.btn-angle-right:after {background: #0761f3;} .blue-med #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .blue-med #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, .blue-med #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, .blue-med #LeftMenu .panelbar a.MenuItemFourClicked .rpText, .blue-med.btn.btn-angle-right {color: #0761f3;} .blue-light, .blue-light #breadcrumbs:after, .blue-light .right-panel h1:after, .blue-light .right-panel h2:after, .blue-light .right-panel h3:after, .blue-light .right-panel h4:after, .blue-light .right-panel h5:after, .blue-light .right-panel h6:after, .blue-light.btn-angle-right:after {background: #00AEEF;} .blue-light #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .blue-light #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, .blue-light #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, .blue-light #LeftMenu .panelbar a.MenuItemFourClicked .rpText, .blue-light.btn.btn-angle-right {color: #00AEEF;} .teal, .teal #breadcrumbs:after, .teal .right-panel h1:after, .teal .right-panel h2:after, .teal .right-panel h3:after, .teal .right-panel h4:after, .teal .right-panel h5:after, .teal .right-panel h6:after, .teal.btn-angle-right:after {background: #008080;} .teal #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .teal #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, .teal #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, .teal #LeftMenu .panelbar a.MenuItemFourClicked .rpText, .teal.btn.btn-angle-right {color: #008080;} .green, .green #breadcrumbs:after, .green .right-panel h1:after, .green .right-panel h2:after, .green .right-panel h3:after, .green .right-panel h4:after, .green .right-panel h5:after, .green .right-panel h6:after, .green.btn-angle-right:after {background: #089748;} .green #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .green #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, .green #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, .green #LeftMenu .panelbar a.MenuItemFourClicked .rpText, .green.btn.btn-angle-right {color: #089748;} .yellow, .yellow #breadcrumbs:after, .yellow .right-panel h1:after, .yellow .right-panel h2:after, .yellow .right-panel h3:after, .yellow .right-panel h4:after, .yellow .right-panel h5:after, .yellow .right-panel h6:after, .yellow.btn-angle-right:after {background: #FFDE17;} .yellow #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .yellow #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, .yellow #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, .yellow #LeftMenu .panelbar a.MenuItemFourClicked .rpText, .yellow.btn.btn-angle-right {color: #d4b600;} .orange-vivid {background: #F39200;} .orange, .orange #breadcrumbs:after, .orange .right-panel h1:after, .orange .right-panel h2:after, .orange .right-panel h3:after, .orange .right-panel h4:after, .orange .right-panel h5:after, .orange .right-panel h6:after, .orange.btn-angle-right:after {background: #ff8300;} .orange #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .orange #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, .orange #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, .orange #LeftMenu .panelbar a.MenuItemFourClicked .rpText, .orange.btn.btn-angle-right {color: #ff8300;} main#page-content.orange .logos li a {border-color: #ff8300;} main#page-content.orange .hero-block-one h2:after {background: #ff8300;} main#page-content.orange h2:after {background: #ff8300;} .dark-magenta, .dark-magenta #breadcrumbs:after, .dark-magenta .right-panel h1:after, .dark-magenta .right-panel h2:after, .dark-magenta .right-panel h3:after, .dark-magenta .right-panel h4:after, .dark-magenta .right-panel h5:after, .dark-magenta .right-panel h6:after, .dark-magenta.btn-angle-right:after {background: #7c007c;} .dark-magenta #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .dark-magenta #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, .dark-magenta #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, .dark-magenta #LeftMenu .panelbar a.MenuItemFourClicked .rpText, .dark-magenta.btn.btn-angle-right {color: #7c007c;} .ql a.red, .red #breadcrumbs:after, .red .right-panel h1:after, .red .right-panel h2:after, .red .right-panel h3:after, .red .right-panel h4:after, .red .right-panel h5:after, .red .right-panel h6:after, .red.btn-angle-right:after, .red .content-area article h4::after {background: #ee3224 !important;} .red #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .red #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, .red #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, .red #LeftMenu .panelbar a.MenuItemFourClicked .rpText, .red.btn.btn-angle-right {color: #ee3224;} .maroon, .maroon #breadcrumbs:after, .maroon .right-panel h1:after, .maroon .right-panel h2:after, .maroon .right-panel h3:after, .maroon .right-panel h4:after, .maroon .right-panel h5:after, .maroon .right-panel h6:after, .maroon.btn-angle-right:after {background: #b70100;} .maroon #LeftMenu .panelbar a.MenuItemOneClicked .rpText, .maroon #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, .maroon #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, .maroon #LeftMenu .panelbar a.MenuItemFourClicked .rpText, .maroon.btn.btn-angle-right {color: #b70100;} .right-panel .box-shadow {clear: both; margin: 0 0 20px;} .btn.btn-angle-right { background: #e7e7e7; border: none; border-bottom: 2px solid #eee; margin: 2px 0 2px; position: relative; width: 100%; text-align: left; /*padding: 7% 80px 7% 7%;*/ padding: 25px 75px 25px 25px; font-weight: bold; height: auto; white-space: initial; } .content-area article a.btn.btn-angle-right {font-weight: bold !important;} .btn-angle-right:before {font-family: FontAwesome; font-size: 25px; content: "\f105"; position: absolute; top: 0; right: 0; bottom: 0; color: #fff; width: 70px; background: #000; text-indent: 0; line-height: 280%; text-align: center;} .btn-angle-right:after {content: ""; width: 10px; right: 0; height: 100%; position: absolute; top: 0; display: block; background: #eee;} .mejs-container {width: 100% !important;} .content-area article div.mejs-controls div.mejs-time-rail {width: auto !important;} .mejs-container .mejs-controls .mejs-time {height: auto !important;} .hero {height: 460px; overflow: hidden;} .hero .mejs-container {height: 465px !important;} .hero > div.left {background: #000;} .hero > div.left > div {width: 100% !important;} .hero > div .btn { position: absolute; bottom: 0; cursor: text; margin: 0 auto; display: block; color: #fff; background: #0f2c63; border: none; float: left; width: 100%; white-space: normal; text-align: center;} .hero > div .btn a {color: #fff;} .hero > div {height: 100%; padding: 0; margin: 0;} .fluid-width-video-wrapper iframe { /*height: 480px !important;*/} .hero .tabs {padding: 0; border-radius: 0; background: none; border: none; margin: 30px;} .ui-tabs .ui-tabs-nav { border: none; border-radius: 0; background: none; margin: 0; padding: 0;} .ui-tabs .ui-tabs-nav li {width: auto !important; height: auto !important; background: #0f2c63; border: none !important; border-radius: 0; font-size: 125%; font-weight: 800; padding: 10px 15px;} .ui-tabs .ui-tabs-nav li a {border: none !important; color: #fff;} .ui-tabs .ui-tabs-nav li.ui-state-active {background: #fff;} .ui-tabs .ui-tabs-nav li.ui-state-active a {outline: none; color: #333;} .ui-tabs .ui-tabs-panel {padding:30px; background: #fff; border-radius: 0; border: none; min-height: 290px;} .ui-widget { font-family: inherit !important;} .hero .ui-tabs .ui-tabs-panel {padding-right:15px;} .ui-tabs .ui-tabs-panel ul, .ui-tabs .ui-tabs-panel ol {margin: 0; max-height: 270px; overflow-y: auto; padding: 0 0 0 25px;} .hero .ui-tabs .ui-tabs-panel ul {display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .hero .ui-tabs .ui-tabs-panel ul li {width:50%; padding-right:15px;} .ui-tabs .ui-tabs-panel ul li {margin: 0 0 10px;} .ui-tabs .ui-tabs-panel ul li a { font-weight: 700;} .hero .ui-tabs .ui-tabs-panel ol { list-style: disc;} .hero .ui-tabs .ui-tabs-panel ol .resultHeadType, .hero .ui-tabs .ui-tabs-panel ol .clsResultDescr, .hero .ui-tabs .ui-tabs-panel ol .lastRow {display: none;} .editFave { position: relative; padding: 0 0 0 30px; font-weight: 500;} .editFave:before {font-family: FontAwesome; font-size: 25px; content: "\f044"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: 0; line-height: 20px;} #latestNews { padding: 2.5% 2%; overflow: hidden; background-image: url(/images/UserUploadedImages/11/bg-latest-news.jpg); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover;} #latestNews .top {text-align: center;} #latestNews .top h2 { text-shadow: 1px 0 0; font-family: 'Lab Grotesque', 'Raleway'; color: #143b86; font-weight: 800; display: inline-block; margin: 0 0 50px; vertical-align: top;} #latestNews .top .viewAll { background: #eee; display: inline-block; padding: 3px 10px; color: #999; text-transform: lowercase; border: 1px solid #ccc; margin: 0 10px; font-size: 90%;} #latestNews .top .viewAll:hover {background: #aaa; color: #fff;} #latestNews .col-lg-5ths { margin: 0 0 20px; overflow: hidden; padding: 0 2%; font-weight: 600;} #latestNews .col-lg-5ths a { display: block; width: 100%; overflow: hidden;} #latestNews .col-lg-5ths span { color: #d0ebf4; line-height: 100%;} #latestNews .col-lg-5ths span + span { margin: 0 0 0 8px;} #latestNews .col-lg-5ths span.subItemDate, #latestNews .col-lg-5ths span.mainItemDate { display: block; margin: 3px 0; font-size: 87%;} #latestNews .col-lg-5ths span.subItemDate span, #latestNews .col-lg-5ths span.mainItemDate span {margin: 0; color: #999;} #latestNews .col-lg-5ths span a { text-transform: uppercase; background: #d0ebf4; display: inline-block; width: auto; padding: 5px 2%; font-size: 80%; letter-spacing: 1px; margin: 0 -6px -2px 0;} #latestNews .col-lg-5ths > a:first-child { padding: 2%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .6s; transition: transform .6s; width: 150px; height: 150px; border-radius: 50%; margin: 10px 0 20px; background-position: center; background-size: cover;} #latestNews .col-lg-5ths:hover > a:first-child{ -webkit-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); } #latestNews .col-lg-5ths > a[href $="acquisition-of-toperformance-products"] { background-size: contain; background-repeat: no-repeat; background-color: #fff; } #latestNews .col-lg-5ths img {display: none;} #latestNews .col-lg-5ths strong { float: left; color: #ee2e24; font-weight: 700; clear: both;} #footer-top { position: relative; background: #121212 url(/images/UserUploadedImages/11/bg-footer-strip.jpg) repeat-x bottom center; color: #ccc; font-size: 90%;} #footer-top a {color: #ccc; margin: 0 10px;} #footer-top p.copyright { color: #888;} #footer-top .footer-links .fa.fa-linkedin { font-weight: 600; font-size: 20px;} #footer-top .sticky {font-weight: 600; position: absolute; bottom: 6px; right: 0;} #footer-top .sticky li {height: 60px; cursor: pointer; padding: 30px 20px 10px; color: #fff;} #footer-top .sticky li a {margin: 0; color: #fff;} #footer-top .sticky #triggerFeedback {background-color: #262727; background-image: url(/images/UserUploadedImages/11/icon-feedback.png); background-repeat: no-repeat; background-position: center 10px; position: relative; overflow: hidden; width: 80px;} #footer-top .sticky #triggerFeedback a { width: 100%; position: absolute; top: 0; height: 60px; left: 0; line-height: 650%;} #footer-top .sticky #triggerTop {background: #0c0c0c; text-transform: uppercase; position: relative;} #footer-top .sticky #triggerTop a:before {font-family: FontAwesome; font-size: 35px; content: "\f106"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: 0; line-height: 35px; font-weight:500; } #businessUnits {text-align: center; background: #f3f3f3; padding: 4% 2%;} #businessUnits h2, #whatsNew h2 { text-shadow: 1px 0 0; margin: 0; display: inline-block; vertical-align: top; font-family: 'Lab Grotesque', 'Raleway'; font-weight: 800; text-align: center; color: #333;} #whatsNew h2 {color: #fff; margin: 0 0 20px;} #businessUnits .expandMobile, #whatsNew .expandMobile { background: #222; display: none; padding: 3px 10px; color: #fff; text-transform: lowercase; border: 1px solid #222; margin: 0 10px; font-size: 90%;} #whatsNew {padding: 3% 2%; text-align: center; background: url(/images/UserUploadedImages/11/WhatsNewOnCore.png) repeat-x top center #7adea8;} #whatsNew li {list-style: none; color:#fff;} #whatsNew li a {color:#fff; text-decoration: underline;} #whatsNew .owl-dots {display: block; margin: 20px 0 0;} #whatsNew .owl-carousel button.owl-dot { background: #fff; display: inline-block; width: 10px; height: 10px; margin: 0 5px; border-radius: 50%;} #whatsNew .owl-carousel button.owl-dot.active {background:#333;} .backBapcor {display: none;} body#bu .businessUnit {display: none;} #blueTiles { clear: both; color: #fff; text-align: center;} #blueTiles > div {margin: 0; padding: 3% 2%;} #blueTiles > div a {color: #fff;} #blueTiles > div h3 { margin: 20px 0 5px; font-size: 150%; font-family: 'Lab Grotesque', 'Raleway';} #blueTiles > div h3 a {font-weight: 700; color: #fff;} #blueTiles .blue-dark {background-color: #143b86;} #blueTiles .blue-med {background-color: #194395;} #blueTiles .blue-light {background-color: #224a99;} #blueTiles > div .top { width: 80px; height: 80px; margin: 0 auto; position: relative;} #blueTiles > div .top img { position: absolute; bottom: 0; left: 0;} #blueTiles > div .bottom { max-width: 80%; margin: 0 auto;} /*--------Top Things Section------- */ #topThings {padding:3% 2%;} #topThings .MostPopularContentListMain {background: none; border: 0; width: auto; margin-bottom: 0;} #topThings .MostPopularContentListMain ul{display: block; justify-content: center; border: 0;} #topThings .MostPopularContentListMain ul li { padding: 0 25px; position: relative; display: block; text-align: center;} a.recognition { font-size: 110%; color: #333; font-weight: 800;} a.recognition img {margin: 0 5px 0 0;} #feedback {background: #000; display: none; overflow: hidden; clear: both;} #feedback .clsFormCreator div.clsMandatory {clear: both; padding: 0 15px;} #feedback label {color: #fff;} #feedback .clsFormCreator {overflow: hidden; background: none; margin: 0 auto; max-width: 500px; padding: 5% 2%; color: #fff;} #feedback .clsFormCreator input[type="text"] {color: #333;} #feedback .clsFormCreator h2 {font-weight: bold; color: #fff; margin: 0 0 50px; text-align: center;} #feedback .form-control { box-sizing: border-box !important; width: 100% !important;} #feedback div.form-actions { padding-left: 15px; padding-bottom: 20px;} textarea.form-control {color: #333;} #page-content { background: #FAFAFA; position: relative; z-index: 998; padding-top:163px; transition:padding-top 0.2s ease;} #header.is_stuck + #page-content {/*padding-top:123px;*/} #page-content .content-area { padding: 3% 0; overflow: hidden; clear: both;} .wsbackground {padding: 30px!important; margin: 0 0 20px; background: #f6f6f6;} .content-area nav { /*padding: 2.5%;*/ padding: 30px; margin: 0 0 20px; background: #f6f6f6;} .content-area nav.empty { background: none !important;} .content-area nav h6 { font-weight: 700; border-top: 1px solid #999; padding: 10px 0; font-size: 110%;} .content-area article { padding: 0 4%;} .content-area article h3::after, .content-area article h4::after { content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px; } .content-area article a {color: #078FE5; text-decoration: none; cursor: pointer; font-weight: normal!important;} .content-area article h1, .module-area h1 { margin: 0;} .box-shadow { /*padding: 10%;*/ padding: 30px; border: 1px solid #f2f2f2; background: #fff; overflow: hidden; border-bottom: 2px solid #f2f2f2;} .box-shadow:hover { border: 1px solid #ddd; border-bottom: 2px solid #ccc;} .box-shadow.no-hover:hover {border: 1px solid #f2f2f2; border-bottom: 2px solid #f2f2f2;} .allEvents {} .allNews h6 { clear: both; margin: 10px 0; display: block; width: 100%; float: left; color: #143b86; line-height: 150%;} .allNews p, .allNews strong { color: #aaa; margin: 0; clear: both; display: block; width: 100%; float: left;} .allNews .box-shadow > a { margin: 0 0 10px; height: 365px; width: 100%; display: block; background-size: cover; background-position: center;} .cm-article1352 .allNews .box-shadow > a {background-size: contain!important; height: 200px!important;} .allNews .box-shadow > span a {text-transform: uppercase; background: #d0ebf4; display: inline-block; width: auto; padding: 0 2%; font-size: 80%; letter-spacing: 1px;} .allNews .box-shadow > a img {display: none;} .square-box .box-shadow > a { height: 200px; } .widget .align > div > div { padding: 5%; width: 100%; height: 100%; position: relative; float: left; clear: none; min-height: 100px; overflow: hidden;} .widget .align > div { padding-left: 0; padding-bottom: 15px;} .widget-doc.align > div > div > a { margin: 0 0 20px; background-repeat: no-repeat; background-position: center; background-size: cover; display: block; overflow: hidden; /*min-height: 220px;*/} .widget-doc.align > div > div > a img { width: 100%;} .noBg { background-image: url(/images/UserUploadedImages/11/default-doc-bg.png) !important;} .allEvents .align strong {font-size: 85%; color: #ccc;} .allEvents .align h6 { margin: 0; font-weight: 700; color: #143B86;} .allEvents .align p {font-size: 90%; margin: 10px 0;} nav .EventQuickSearchMain .EventQuickSearchCalendar {display: none;} nav .EventQuickSearchMain .form-horizontal { width: 100%; margin: 0; padding: 0;} nav .EventQuickSearchMain .form-horizontal .control-label {padding: 0;} nav .EventQuickSearchMain .form-horizontal .col-sm-10 { width: 100%; margin: 0; padding: 0;} .event-details {padding: 30px; margin: 0 0 20px;} .event-details h6 { font-weight: 600; color: #aaa; font-size: 130%;} .event-image {padding: 0 3%;} .event-view-training-details h1 {} .event-view-venue-details-address span {display: inline-block;} .event-view-venue-address { margin: 0 5px 0 0;} div[id$="divButtonBack"] {position:relative; margin: 20px 0;} .cancel, .event-view-training-details .back {position: relative; padding-left: 40px; text-transform: lowercase;} .event-view-training-details .back:before {font-family: FontAwesome; font-size: 25px; content: "\f104"; position: absolute; top: auto; right: auto; bottom: 0; left: 15px; text-indent: 0; line-height: 150%;} div[id$="divButtonBack"]:before { font-family: FontAwesome; font-size: 25px; content: "\f104"; position: absolute; top: 3px; right: auto; bottom: 0; left: 15px; text-indent: 0; line-height: 150%; z-index: 2;} #page-content .btn-default {background: #e2e2e2; border-color: #e2e2e2;} .mainuserattributes, .phonenumbers, .physicaladdress, .mailingaddress, .otheruserdetails .form-group {display: none;} #DivPortraitEdit {display: block;} .hero .owl-carousel .owl-item {position: relative;} .hero .owl-carousel .owl-item img { opacity: 0; position: absolute;} .hero .owl-carousel .owl-item strong {display: inline-block; position: absolute; z-index: 2; bottom: -1px; left: 0; color: #fff; margin: 0; padding: 10px; background-color: #000; font-size: 200%; font-weight: 800; max-width: 400px; line-height: 160%; } .hero .owl-carousel .owl-item strong span { position: relative; max-width: 400px; background: #000; padding: 10px 0; box-shadow: 10px 0 0 #000, -10px 0 0 #000;} .hero .owl-carousel .owl-item strong span .file-info {display: none;} .hero .owl-carousel .owl-item .bg {min-height: 460px; background-repeat: no-repeat; background-size: cover; background-position: center;} #businessUnits .owl-carousel {margin: 20px 0 0; display: block;} #businessUnits .owl-carousel li { list-style: none; text-align: center; width: 100%; display: block; position: relative;} #businessUnits .owl-carousel .owl-item img { width: auto !important; /* opacity: 0.5; filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%);*/ filter: gray; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; margin: 0 auto; max-width: 90%; max-width: 140px; max-height: 75px; vertical-align: middle; text-align: center; display: block; } #businessUnits .owl-carousel .owl-item:hover img { filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: -webkit-transform .6s; opacity: 1; } #businessUnits .owl-carousel.owl-drag .owl-item { max-width:220px; width: 220px; height: 100%; vertical-align: middle;} #businessUnits .owl-carousel.owl-drag .owl-item a { display: table-cell; text-align: center; position: relative; z-index: 2; vertical-align: middle; height: 75px; width: 220px; margin: 0 auto; float: none;} #businessUnits .owl-carousel.owl-drag .owl-item .item { width: 100%; display: table; height: 100%; min-height: 120px;} #businessUnits .owl-carousel.owl-drag .owl-item .item a {display: table-cell; vertical-align: middle; height: 100%; width: 100%; text-align: center; margin: 0 auto;} .owl-dots {display: none;} .owl-carousel .owl-stage-outer { z-index: 1;} .owl-nav span {display: none;} .owl-nav { position: absolute; width: 100%; top: 0; height: 100%; z-index: 0; box-sizing: content-box !important;} .hero:hover .owl-nav {opacity: 1;} .hero .owl-nav { width: 100%; z-index: 1; margin: 0; padding: 0; opacity: 0.7; height: auto; top: 40%;} .hero .owl-nav .owl-prev:before, .hero .owl-nav .owl-next:before {top: 25%;} .hero .owl-nav .owl-prev { position: absolute; margin-left: 0; top: 40%; left: 0; background: #eee !important; height: 50px;} .hero .owl-nav .owl-next { position: absolute; margin-right: 0; top: 40%; right: 0; background: #eee !important; height: 50px;} #businessUnits .owl-nav { margin-left: -50px; padding: 0 50px;} .owl-prev { margin-left: -50px; float: left; outline: none; height: 100%; position: relative; width: 50px;} .owl-prev:before { font-family: FontAwesome; font-size: 25px; content: "\f104"; position: absolute; top: 40%; right: 0; bottom: 0; left: 0; text-indent: 0; line-height: normal; height: auto;} .owl-next { float: right; outline: none; height: 100%; position: relative; width: 50px; margin-right: -50px;} .owl-next:before { font-family: FontAwesome; font-size: 25px; content: "\f105"; position: absolute; top: 40%; right: 0; bottom: 0; left: 0; text-indent: 0; line-height: normal; height: auto;} .newsDetail {max-width: 90%; margin: 0 auto; float: none;} #owl-five.owl-carousel .owl-item img { width: auto; opacity: .5; filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); filter: gray; -webkit-transition: all .7s ease; transition: all .7s ease; margin: 0 auto; height: 60px; } #owl-five.owl-carousel .owl-item:hover img { filter: grayscale(0%); -ms-filter: grayscale(0%); filter: grayscale(0%); -webkit-transition: -webkit-transform .6s; opacity: 1; } .bu-carousel { padding: 30px 50px; margin: 0 0 20px; } .bu-carousel .carousel-contents { width: 100%; max-width: none; } /* SIDEBAR PEOPLE LIST */ .left-float ol#PeoplesearchResultsInfo li { width: 100%;} .left-float #PeoplesearchResultsInfo li .firstRow { margin-bottom: 5px; clear: both; display: block; } .left-float #PeoplesearchResultsInfo li .clsPeopleResultThumb { display: block; float: left; } .left-float #PeoplesearchResultsInfo li .clsPeopleResultContactInfo { clear: both; text-align: left; padding-left: 15px; } .left-float #PeoplesearchResultsInfo li .firstRow a { float: left; clear: right; padding-left: 15px; } .left-float #PeoplesearchResultsInfo li .clsPeopleResultContactInfo { float: left; text-align: left; padding-left: 15px; clear: none; width: calc(100% - 90px); } .left-float #PeoplesearchResultsInfo li .firstRow.noThumb .PeopleResultName:before{display:none;} .left-float #PeoplesearchResultsInfo li .firstRow.noThumb:before { background-image: url(/images/UserUploadedImages/11/icon-default-profile.png); background-repeat: no-repeat; background-position: center; content: ""; display: block; width: 90px; height: 90px; margin: 0 auto 10px; background-size: 100%; float: left; } .left-float #PeoplesearchResultsInfo li a.PeopleResultNamehyper { width: calc(100% - 90px); text-align: left;} .left-float #PeoplesearchResultsInfo li span{text-align: left;} .left-float #PeoplesearchResultsInfo .PeopleResultJobDetailsBusinessEmail { word-break: break-all; } #header #header-login ul li a.inbox-mgr, #header #header-login ul li a.inboxLink { padding: 0; text-indent: -9999px; background-image: url(/images/UserUploadedImages/11/Mail_icon.png); background-position: 50%; background-repeat: no-repeat; position: relative; margin-right: 5px; font-size: 0; float: left; width: 32px; height: 24px; margin-top: 7px; background-color: transparent; } #header #header-login ul li:first-child a .inboxNumber { text-indent: 0; display: block; position: absolute; top: 0px; right: -5px; font-size: 12px; } #header #header-login ul li.greetings { line-height: 38px; } #header #header-login ul li.greetings a { background: none; line-height: 150%; float: none; padding-left: 0; } .Fieldset_Nominee_Details legend {display:none;} #FormCreator_2539 .help-block {display:none!important;} #FormCreator_4729 {display:none!important;} .hide-form {display:none!important;} h3.blue-heading-underline:after {content: ""; width: 70px; height: 12px; display: block; background: #143B86; margin: 5px 0 20px;} #Widget5759 span.file-info {display:none;} /*--------------------------------------------------------------------- Near Miss Form Formatting ---------------------------------------------------------------------*/ #FormCreator_2699 .control-label {float: left; width: 100%;} /*--------------------------------------------------------------------- 1 Column Multi Zone Master Page Formatting ---------------------------------------------------------------------*/ #mainsection, #section1, #section2, #section3, #section4 {float:left; margin-bottom:20px; width:100%} /*--------------------------------------------------------------------- Incident Accident & Near Miss Report Form Formatting ---------------------------------------------------------------------*/ #FormCreator_2700 .control-label {float: left; width: 100%;} /*--------------------------------------------------------------------- Homepage 230719 with popular content ---------------------------------------------------------------------*/ #whatsNewHidden {display: none !important;} #whatsNew {background: none;} #fourColumns {background: url(/images/UserUploadedImages/11/WhatsNewOnCore.png) repeat-x top center #7adea8; padding: 3% 1%;} #fourColumns > div {padding: 10px 15px; vertical-align: top;} #fourColumns > div > div {padding: 30px; background: #fff url(/images/UserUploadedImages/11/bg-footer-strip.jpg) repeat-x top left; vertical-align: top; height: 100%; text-align: center;} #fourColumns > div > div h2 {font-size: 150% !important; margin: 10px 0 20px;} .MostPopularContentListMain { width: auto; border: none; margin-bottom: 0;} #fourColumns > div > div a {color: #222; text-decoration: underline;} #whatsNew li { list-style: none; color: #333;} #whatsNew .owl-carousel button.owl-dot {background: #059e4b;} .MostPopularContentListMain ul li {margin: 0;} @media (min-width:1400px) and (max-width: 1599px){ .square-box .box-shadow > a { height: 150px; } } @media (min-width:1200px) and (max-width: 1399px){ .square-box .box-shadow > a { height: 130px; } } @media (min-width: 1025px) and (max-width: 1199px){ .square-box .box-shadow > a { height: 120px; } } @media (min-width: 992px) and (max-width: 1024px){ .square-box .box-shadow > a { height: 100px; } } @media (min-width: 1025px) and (max-width: 1199px) { .ui-tabs .ui-tabs-nav li{font-size: 12px;} } @media (min-width: 992px) and (max-width: 1024px) { .ui-tabs .ui-tabs-nav li{font-size: 11px;} } @media (min-width: 768px) and (max-width: 991px) { .square-box .box-shadow > a { height: 280px; } } /* Podium award form css*/ .our-value-container legend{display:none!important;} .our-value-container > .clsCheckBoxListSpanOptions > div.col-md-9{width:100%;} .our-value-container span.checkbox input[type=checkbox]{width:20px!important; height:20px;} .our-value-container span.checkbox{font-size: 0; background-size:80%!important; background-position:left top!important; width: 50%; height: 300px; float: left; margin-bottom:10px;} .our-value-container span.checkbox:nth-child(1){background:url("/images/UserUploadedImages/11/we-do-the-right-thing.png") no-repeat scroll 0 0;} .our-value-container span.checkbox:nth-child(2){background:url("/images/UserUploadedImages/11/we-are-in-it-together.png") no-repeat scroll 0 0;} .our-value-container span.checkbox:nth-child(3){background:url("/images/UserUploadedImages/11/we-give-a-damn.png") no-repeat scroll 0 0;} .our-value-container span.checkbox:nth-child(4){background:url("/images/UserUploadedImages/11/we-get-it-done.png") no-repeat scroll 0 0;} @media (min-width:1600px) { .our-value-container span.checkbox{font-size: 0; background-size:80%!important; background-position:left top!important; width: 25%; height: 230px; float: left; margin-bottom:10px;} } @media (min-width:992px) and (max-width:1200px){ .our-value-container span.checkbox{font-size: 0; background-size: 200px!important; background-position: top left!important; width: 50%; height: 280px; float: left; margin-bottom: 10px;} } @media (min-width:768px) and (max-width:991px){ .our-value-container span.checkbox{font-size: 0; background-size:100%!important; background-position:left top!important; width: 25%; height: 280px; float: left; margin-bottom:10px;} } @media (min-width:480px) and (max-width:767px){ .our-value-container span.checkbox{font-size: 0; background-size: 210px!important; background-position: center center!important; width: 50%; height: 240px; float: left; margin-bottom: 10px;} } @media (min-width:0) and (max-width:479px){ .our-value-container span.checkbox{font-size: 0; background-size: 210px!important; background-position: center left!important; width: 100%; height: 240px; float: left; margin-bottom: 10px;} } /*--------------------------------------------------------------------- Form Creator User Selector ---------------------------------------------------------------------*/ .select2-selection .select2-selection__clear{ float: right; margin-right: 25px; position: relative; top: -2px;} .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--default{ width: auto !important;} .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 { width: 100% !important; 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-horizontal .form-group .UserSelectorHTML ~ .error-message{margin-left: 25%; padding: 5px;} @supports (-ms-ime-align:auto) { .clsFormCreator_CustomMultiFileUpload .ajax-file-upload-red{display:inline;} } @supports (-ms-ime-align:auto) and (-webkit-text-stroke:initial) { .clsFormCreator_CustomMultiFileUpload .ajax-file-upload-red{display:inline;} } .accordion h3 .btn-link, .accordion h3 .btn-link:hover { padding: 20px 60px 20px 20px; color: #143B86; font-weight: 600; background: #fff; border: 1px solid #143B86; font-size: 16px; } .accordion h3 .btn-link:after {content: "\f106"; font-family: 'FontAwesome'; font-weight: 500; font-size: 32px; position: absolute; right: 20px; top: 10px;} .accordion h3 .btn-link.collapsed:after {content: "\f107";}