/*---------- Fonts ----------*/ /*---Aventir---*/ @font-face { font-family: 'AvenirLTPro-Black'; src: url('/include/fonts/AvenirLTPro-Black.eot?#iefix') format('embedded-opentype'), url('/include/fonts/AvenirLTPro-Black.woff') format('woff'), url('/include/fonts/AvenirLTPro-Black.ttf') format('truetype'), url('/include/fonts/AvenirLTPro-Black.svg#AvenirLTPro-Black') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirLTPro-Light'; src: url('/include/fonts/AvenirLTPro-Light.eot?#iefix') format('embedded-opentype'), url('/include/fonts/AvenirLTPro-Light.woff') format('woff'), url('/include/fonts/AvenirLTPro-Light.ttf') format('truetype'), url('/include/fonts/AvenirLTPro-Light.svg#AvenirLTPro-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirLTPro-Medium'; src: url('/include/fonts/AvenirLTPro-Medium.eot?#iefix') format('embedded-opentype'), url('/include/fonts/AvenirLTPro-Medium.woff') format('woff'), url('/include/fonts/AvenirLTPro-Medium.ttf') format('truetype'), url('/include/fonts/AvenirLTPro-Medium.svg#AvenirLTPro-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirLTPro-MediumOblique'; src: url('/include/fonts/AvenirLTPro-MediumOblique.eot?#iefix') format('embedded-opentype'), url('/include/fonts/AvenirLTPro-MediumOblique.woff') format('woff'), url('/include/fonts/AvenirLTPro-MediumOblique.ttf') format('truetype'), url('/include/fonts/AvenirLTPro-MediumOblique.svg#AvenirLTPro-MediumOblique') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KompaktLTStd'; src: url('/include/fonts/KompaktLTStd.eot?#iefix') format('embedded-opentype'), url('/include/fonts/KompaktLTStd.otf') format('opentype'), url('/include/fonts/KompaktLTStd.woff') format('woff'), url('/include/fonts/KompaktLTStd.ttf') format('truetype'), url('/include/fonts/KompaktLTStd.svg#KompaktLTStd') format('svg'); font-weight: normal; font-style: normal; } /*---Fontello---*/ @font-face { font-family: 'fontello'; src: url('/include/fonts/fontello.eot?9780103'); src: url('/include/fonts/fontello.eot?9780103#iefix') format('embedded-opentype'), url('/include/fonts/fontello.woff2?9780103') format('woff2'), url('/include/fonts/fontello.woff?9780103') format('woff'), url('/include/fonts/fontello.ttf?9780103') format('truetype'), url('/include/fonts/fontello.svg?9780103#fontello') format('svg'); font-weight: normal; font-style: normal; } /*---Icomoon---*/ @font-face { font-family: 'icomoon'; src: url('/include/fonts/icomoon.eot?coxhca'); src: url('/include/fonts/icomoon.eot?coxhca#iefix') format('embedded-opentype'), url('/include/fonts/icomoon.ttf?coxhca') format('truetype'), url('/include/fonts/icomoon.woff?coxhca') format('woff'), url('/include/fonts/icomoon.svg?coxhca#icomoon') format('svg'); font-weight: normal; font-style: normal; } /*--------------------------------------------------------------------- Base Styles and Reset ---------------------------------------------------------------------*/ * {box-sizing:content-box; -moz-box-sizing:content-box;} .recaptchatable *{font-size: 0pt !important;} html {font-size:100%;} body {font:75% 'AvenirLTPro-Light', verdana, sans-serif; color:#092745; margin:0; padding:0; background-color:#fff;} #AdminMenu {z-index: 2002 !important;} .ZoneContainer .ZoneContent {float: left; width: 100%;} .ZoneContainer .ZoneContent .ElementContainer .ElementControls ul li:before {display: none;} hr{width:100%;} .ElementContainer {clear: left;} /*---------- Default Styles ----------*/ /* default link styles */ a, a:link, a:visited, a:active {font:100% 'AvenirLTPro-Light', verdana, sans-serif; color:#092745; text-decoration:none; outline:none;} a:hover, a:focus {font:100% 'AvenirLTPro-Light', verdana, sans-serif; color:#092745; text-decoration:underline; cursor:pointer; outline:none;} a {outline:none;} a img {border:none;} p {line-height:140%; margin:0 0 20px 0; padding:0;} code {line-height:140%; margin:0; padding:0; font-size:100%;} blockquote {line-height:140%; margin:0 0 20px 0; padding:0; font-size:100%;} p,ul,ol {font-size:100%;} input,select,textarea,label,legend {font:120% 'AvenirLTPro-Light', verdana, sans-serif; color:#092745;} input {margin:0;} td {vertical-align:top;} b, strong {font-family:'AvenirLTPro-Black',verdana,sans-serif;} .fa-file-pdf-o:before { content: "\f1c1"; } .btn { position: relative; padding: 15px 60px 12px 30px; border-radius: 20px; text-transform: uppercase; text-decoration: none!important; font: 500 100% 'AvenirLTPro-Black',verdana,sans-serif!important; letter-spacing: 2.5px; margin-bottom: 20px; line-height: 1!important; } .btn:after { content: "\e902"; font-family: 'icomoon'!important; font-size: 26px; padding-left: 15px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } .btn-primary {background-color: #092745; border-color: #092745; color: #fff !important; margin-right: 25px;} .btn-secondary {background-color: #bea96c; border-color: #bea96c; color: #092745 !important; margin-right: 25px;} .btn-info {background-color: #006694; border-color: #006694; color: #fff !important; margin-right: 25px;} .btn-link {} .btn-link:after {padding-left: 0; right: 0; font-size: 50px; top: 0; right: 0;} .btn-tertiary {color: #01b9e5 !important;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {background-color: #01b9e5; border-color: #01b9e5;} .btn-tertiary:hover, .btn-tertiary:focus, .btn-tertiary:active {color: #fff !Important;} /* default heading styles */ h1 {font:500 433% 'AvenirLTPro-Black',verdana,sans-serif; color:#092745; padding:0; margin:0 0 20px 0; line-height: 100%;} h1 a, h1 a:link, h1 a:hover, h1 a:focus {font-weight:500; color:#092745; text-decoration:none; font-family:'AvenirLTPro-Black',verdana,sans-serif;} h2 {font:500 230% 'AvenirLTPro-Black',verdana,sans-serif; color:#092745; padding:0; margin:20px 0 20px 0;} h2 a, h2 a:link, h2 a:hover, h2 a:focus {font-weight:500; color:#092745; text-decoration:none; font-family:'AvenirLTPro-Black',verdana,sans-serif;} h3 {font:500 170% 'AvenirLTPro-Black',verdana,sans-serif; color:#092745; padding:0; margin:0 0 20px 0;} h3 a, h3 a:link, h3 a:hover, h3 a:focus {font-weight:500; color:#092745; text-decoration:none; font-family:'AvenirLTPro-Black',verdana,sans-serif;} h4 {font:500 120% 'AvenirLTPro-Black',verdana,sans-serif; color:#092745; padding:0; margin:0 0 20px 0;} h4 a, h4 a:link, h4 a:hover, h4 a:focus {font-weight:500; color:#092745; text-decoration:none; font-family:'AvenirLTPro-Black',verdana,sans-serif;} h5 {font:500 110% 'AvenirLTPro-Black',verdana,sans-serif; color:#092745; padding:0; margin:0 0 20px 0;} h5 a, h5 a:link, h5 a:hover, h5 a:focus {font-weight:500; color:#092745; text-decoration:none; font-family:'AvenirLTPro-Black',verdana,sans-serif;} h6 {font:500 100% 'AvenirLTPro-Black',verdana,sans-serif; color:#092745; padding:0; margin:0 0 20px 0;} h6 a, h6 a:link, h6 a:hover, h6 a:focus {font-weight:500; color:#092745; text-decoration:none; font-family:'AvenirLTPro-Black',verdana,sans-serif;} .larger {font-size:200% !important;} .smaller {font-size: 120% !important;} .italic {font-style:italic;} .inline {display:inline;} .inline-block {display:inline-block;} /*-----other-----*/ .accessible-heading {position:absolute; left:-9999px; margin:0; padding:0;} .right-float, .rightFloat {float:right;} .left-float, .leftFloat {float:left;} #adminBanner {display:none;} .recaptchatable #recaptcha_response_field { font-size: 10pt !important; } .no-border{border: 0 !important;} /*.msg_head_btm{padding:26px 75px 26px 35px!important;}*/ /* Color Buttons */ .EnergeticBlueButton, .DeepBlueButton, .WarmGreyButton, .GreenButton, .OrangeButton, .YellowButton { cursor:pointer; width: auto; height: auto; text-decoration: none; padding: 5px 10px; border-radius: 2px; display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; min-width: 145px; text-align: center; font-size: 150% !important; margin: 5px 0; } .EnergeticBlueButton { background: #00a7e1; border: 1px solid #00a7e1; color: #fff !important; } .DeepBlueButton { background: #002c50; border: 1px solid #002c50; color: #fff !important; } .WarmGreyButton { background: #aaa095; border: 1px solid #aaa095; color: #fff !important; } .GreenButton { background: #addc91; border: 1px solid #addc91; color: #000 !important; } .OrangeButton { background: #f3d03e; border: 1px solid #f3d03e; color: #000 !important; } .YellowButton { background: #f6eb61; border: 1px solid #f6eb61; color: #000 !important; } .EnergeticBlueButton a{color:#fff;} .mobile-image {max-width: 100%;} /*--------------------------------------------------------------------- Site Theme ---------------------------------------------------------------------*/ .error-message {background:#FFD6D6 url(/images/tdcm/cross.png) no-repeat 12px 9px; border:1px solid #FFC2C2; color:#C24848; margin:15px 0; padding:8px 10px 8px 37px;} .success-message {background:#D7F7DF url(/images/tdcm/tick.png) no-repeat 12px 9px; border:1px solid #A3F7B8; color:#3F9153; margin:15px 0; padding:8px 10px 8px 37px;} /*---------------------------------------- / layout ----------------------------------------*/ /*-----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-all {margin:30px;} .margin-top {margin-top:30px;} .margin-right {margin-right:30px;} .margin-bottom {margin-bottom:30px;} .margin-left {margin-left:30px;} .margin-over {margin-left:-30px !important; margin-right:-30px !important;} .margin-over-left {margin-left:-30px !important;} .margin-over-right {margin-right:-30px !important;} .margin-all-full {margin:100px;} .margin-top-full {margin-top:100px;} .margin-right-full {margin-right:100px;} .margin-bottom-full, .content-area ul li.margin-bottom-full {margin-bottom:100px;} .margin-left-full {margin-left:100px;} /*-----padding/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-all {padding:30px !important;} .padding-top {padding-top:30px !important;} .padding-right {padding-right:30px !important;} .padding-bottom {padding-bottom:30px !important;} .padding-left {padding-left:30px !important;} .padding-all-sml {padding:15px !important;} .padding-top-sml {padding-top:15px !important;} .padding-right-sml {padding-right:15px !important;} .padding-bottom-sml {padding-bottom:15px !important;} .padding-left-sml {padding-left:15px !important;} .padding-all-mid {padding:60px !important;} .padding-top-mid {padding-top:60px !important;} .padding-right-mid {padding-right:60px !important;} .padding-bottom-mid {padding-bottom:60px !important;} .padding-left-mid {padding-left:60px !important;} .padding-all-full {padding:80px !important;} .padding-top-full {padding-top:80px !important;} .padding-right-full {padding-right:80px !important;} .padding-bottom-full {padding-bottom:80px !important;} .padding-left-full {padding-left:80px !important;} /*-----alignment-----*/ .align-left {text-align:left;} .align-center {text-align:center;} .align-right {text-align:right;} .align-vertical {position:relative; top:50%; transform:translateY(-50%); z-index:3} /* flexbox layout for equal height boxes*/ .align {display:flex !important; flex-direction:row; flex-wrap:wrap;} .align > div[class*='col-'], .align > aside[class*='col-'], .align > article[class*='col-'] {margin-left:-0.5px;} .align > div[class*='col-'].pull-right, .align > aside[class*='col-'].pull-right, .align > article[class*='col-'].pull-right {margin-right:-0.5px;} .align-top {align-self:flex-start; width:100%;} .align-end {align-self:flex-end; width:100%;} .align > div.pull-right {order:2;} .align > aside.pull-right {order:1;} /*-----colours-----*/ .primary {color:#092745;} .secondary {color:#fff;} .tertiary {color:#01b9e5;} .highlight {color:#fff;} .section {color:#fff;} .shade {color:#fff;} .dark {color:#092745;} .light {color:#c6ac65;} /*-----backgrounds-----*/ .bg {color:inherit;} .bg.primary {background: #092745; color:#fff;} .bg.primary.rightshade {background: rgba(1,184,228,1); background: -moz-linear-gradient(left, rgba(1,184,228,1) 0%, rgba(9,39,69,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,184,228,1)), color-stop(100%, rgba(9,39,69,1))); background: -webkit-linear-gradient(left, rgba(1,184,228,1) 0%, rgba(9,39,69,1) 100%); background: -o-linear-gradient(left, rgba(1,184,228,1) 0%, rgba(9,39,69,1) 100%); background: -ms-linear-gradient(left, rgba(1,184,228,1) 0%, rgba(9,39,69,1) 100%); background: linear-gradient(to right, rgba(1,184,228,1) 0%, rgba(9,39,69,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b8e4', endColorstr='#092745', GradientType=1 ); color:#fff;} .bg.primary.leftshade {background: rgba(9,39,69,1); background: -moz-linear-gradient(left, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(9,39,69,1)), color-stop(100%, rgba(1,184,228,1))); background: -webkit-linear-gradient(left, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); background: -o-linear-gradient(left, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); background: -ms-linear-gradient(left, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); background: linear-gradient(to right, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#092745', endColorstr='#01b8e4', GradientType=1 ); color:#fff;} .bg.primary h1, .bg.primary h2, .bg.primary h3, .bg.primary h4, .bg.primary h5, .bg.primary h6, .bg.primary a {color:#fff;} .bg.secondary {background:#e5f0f4; color:#092745;} .bg.tertiary {background:rgba(0,0,0,0.3); color:#fff;} /*---need to update---*/ .bg.tertiary h1, .bg.tertiary h2, .bg.tertiary h3, .bg.tertiary h4, .bg.tertiary h5, .bg.tertiary h6, .bg.tertiary a {color:#fff;} /*---need to update---*/ .bg.highlight {background:#09131e; color:#fff;} /*---need to update---*/ .bg.section {background:#fff;} /*---need to update---*/ .bg.shade {background: rgba(9,39,69,1); background: -moz-linear-gradient(left, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(9,39,69,1)), color-stop(100%, rgba(1,184,228,1))); background: -webkit-linear-gradient(left, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); background: -o-linear-gradient(left, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); background: -ms-linear-gradient(left, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); background: linear-gradient(to right, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#092745', endColorstr='#01b8e4', GradientType=1 ); color:#fff;} .bg.dark {background:#b1b2b9; color:#fff;} /*---need to update---*/ .bg.dark h1, .bg.dark h2, .bg.dark h3, .bg.dark h4, .bg.dark h5, .bg.dark h6, .bg.dark a {color:#fff;} /*---need to update---*/ .bg.light {background:#f9f7f0; color:#c6ac65;} .bg.light h1, .bg.light h2, .bg.light h3, .bg.light h4, .bg.light h5, .bg.light h6, .bg.light a {color:#c6ac65;} .bg.bg-image {background-repeat:no-repeat; background-position:50% 50%; background-size:cover; color:#fff;} .bg.bg-image h2, .bg.bg-image h3, .bg.bg-image h4, .bg.bg-image h5, .bg.bg-image h6, .bg.bg-image a, .bg.bg-image a:link, .bg.bg-image a:visited, .bg.bg-image a:active, .bg.bg-image a:hover, .bg.bg-image a:focus {color:#fff;} /*-----borders-----*/ .border {border:1px solid #092745; color:inherit;} .border-none {border:none !important;} .border-top {border-top:1px solid #092745;} .border-right {border-right:1px solid #092745;} .border-bottom {border-bottom:1px solid #092745;} .border-left {border-left:1px solid #092745;} .border.primary, .border-top.primary, .border-right.primary, .border-bottom.primary, .border-left.primary, .bg.primary > .border, .bg.primary > .border-top, .bg.primary > .border-right, .bg.primary > .border-bottom, .bg.primary > .border-left {border-color:#092745} .border.secondary, .border-top.secondary, .border-right.secondary, .border-bottom.secondary, .border-left.secondary, .bg.secondary > .border, .bg.secondary > .border-top, .bg.secondary > .border-right, .bg.secondary > .border-bottom, .bg.secondary > .border-left {border-color:#fff;} .border.tertiary, .border-top.tertiary, .border-right.tertiary, .border-bottom.tertiary, .border-left.tertiary {border-color:#fff;} .border.highlight, .border-top.highlight, .border-right.highlight, .border-bottom.highlight, .border-left.highlight {border-color:#fff;} .border.section, .border-top.section, .border-right.section, .border-bottom.section, .border-left.section {border-color:#fff;} .border.shade, .border-top.shade, .border-right.shade, .border-bottom.shade, .border-left.shade {border-color:#fff;} .border.dark, .border-top.dark, .border-right.dark, .border-bottom.dark, .border-left.dark {border-color:#092745;} .border.light, .border-top.light, .border-right.light, .border-bottom.light, .border-left.light {border-color:#c6ac65;} .h2-border-bottom.light h2 {border-bottom: 1px solid #c6ac65;} /*-----effects-----*/ .uppercase {text-transform:uppercase;} .hover, .hover * {position:relative;} .hover:before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0);} .hover:hover:before, .hover:focus:before {background:rgba(0,0,0,0.2);} .overlay, .overlay * {position:relative; z-index:3;} .overlay:before {content:""; background:rgba(0,0,0,0.1); position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;} .link-overlay a {display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:transparent; z-index:2; text-indent:-9999px;} .link-overlay a:hover, .link-overlay a:focus {text-decoration:none; border:none;} #wrapper {width:100%; float:left; box-sizing:border-box; -moz-box-sizing:border-box;} #wrapper * {box-sizing:border-box; -moz-box-sizing:border-box;} #wrapper #page-content {background:#fff;} #wrapper #page-content #container-full {} #wrapper #page-content #container {} #wrapper #page-content #container-both {} #wrapper #page-content #container-three {} #wrapper #page-content #content-sub {} #wrapper #page-content #sidebar {} .container {position:relative; max-width:1048px;} /*---------------------------------------- / header ----------------------------------------*/ #banner {position:relative;} #header {position:relative; height:118px; padding:0; margin:0; background:#fff; width:100%;} #header .header-login {margin: 0; padding: 0; position: absolute; right: 600px; top: 84px;z-index:100;} #header .header-login ul {margin: 0;} #header .header-login ul li {float: left; list-style-type:none; margin: 0 0 0 15px;} #header .header-menu {margin: 0; padding: 0; position: absolute; right: 190px; top: 84px;} #header .header-menu ul {margin: 0;} #header .header-menu ul li {float: left; list-style-type:none; margin: 0 0 0 45px;} #header .header-menu ul li a {color: #006593; font-size: 115%; font-family: 'AvenirLTPro-Light'; letter-spacing: 0.5px;} .header-logo {position:absolute; top:24px; left:0;} .header-social {position: absolute; top: 24px; right: 5px;} .header-social img {display: none;} .header-social h3 {display: none;} .header-social a {color: #006593;} .header-sublogo {position:absolute; top:45px; right:0px;} .header-tagline {position:absolute; top:88px; left:170px; display: none;} .header-tagline h3 {font-weight:bold; color:#082539;} .skip-link {position:absolute; left:-9999px;} #header-tools {position:fixed; right:0; top:50%; /*width:110px;*/ z-index:200; margin-top:-125px;} #header-tools ul {list-style-type:none; margin:0; padding:0; background:#00a7e1;} #header-tools ul li {/*width:110px;*/ height:60px; border-top:1px solid #89DDFA; border-bottom:1px solid #005D7D;} #header-tools ul li a {display:block; /*width:110px;*/ height:60px; padding:25px 10px 10px 60px; background-repeat:no-repeat; background-position:15px 50%; color:#fff;} #header-tools ul li a:hover, #header-tools ul li a:focus {background-color:#0184b1; text-decoration:none;} #header-tools ul li#fuel-finder {border-top:none;} #header-tools ul li#fuel-finder a {background-image:url(/images/useruploadedimages/11/icon-fuel-finder.png);} #header-tools ul li#lube-finder a {background-image:url(/images/useruploadedimages/11/icon-lube-match.png);} #header-tools ul li#motor-app a {background-image:url(/images/useruploadedimages/11/icon-motor-app.png);} #header-tools ul li#shell-card {border-bottom:none;} #header-tools ul li#shell-card a {background-image:url(/images/useruploadedimages/11/icon-shell-card.png);} .blue-btn{background-color:#34b1c1;padding:7px 15px; color: #fff !important; display: inline-block; font-weight: bold !important; font-size: 16px !important;margin-bottom: 50px;} .blue-btn em {margin-left: 20px;} .blue-table{background-color:#4db4c7;color:#fff;} .blue-table th{border-bottom: #fff solid 1px;width: 14%;padding:10px 0;} .blue-table td{padding:10px 20px;} .table-div{padding: 25px; width: 75%; background-color: #4db4c7; } /*---------------------------------------- / search ----------------------------------------*/ .header-search {position:absolute; top:63px; right:20px;} .header-search div.searchPanel {position:relative;padding:5px 0px 5px 5px;background:#fff;} .header-search div.searchPanel label {position:absolute; left:-9999px;} div.searchPanel input.searchInput {background-color:#fff; padding:5px; width:120px !important; border: 0; border-bottom: 1px solid #7fb2c9;} .content-area div.searchPanel input.searchInput {background-color:#fff; color:#333;} div.searchPanel a[id$="SearchLinkButton"], div.searchPanel input[id$="SearchButton"] {position: absolute; width: 30px; height: 30px; color:#fff; text-decoration:none; text-indent:-9999px;display:inline-block; background: no-repeat; border: 0; margin: 0;padding: 0; right: -15px;top: 20px;} div.searchPanel a[id$="SearchLinkButton"]:active, div.searchPanel a[id$="SearchLinkButton"].active, div.searchPanel input[id$="SearchButton"]:active, div.searchPanel input[id$="SearchButton"].active{box-shadow:none;} div.searchPanel a[id$="SearchLinkButton"]:hover, div.searchPanel a[id$="SearchLinkButton"]:focus, div.searchPanel input[id$="SearchButton"]:hover, div.searchPanel input[id$="SearchButton"]:focus {text-decoration:none; cursor:pointer;} div.searchPanel a[id$="SearchLinkButton"]:after {content: ""; width: 20px; height: 20px; text-indent: 0; color: #006694; position: absolute; top: 0; right: 0; background-image: url(/images/UserUploadedImages/11/search-icon.png);} div.searchPanel span[id$="SearchKeywordValidator"] {display:none !important;} /*---------------------------------------- / navigation ----------------------------------------*/ #navigation {position: relative; margin:0;height:66px; z-index: 2001;} #main-nav {z-index:1001;} /*-----top flyout menu styles-----*/ #main-nav .hmenu, #main-nav .hmenu ul {list-style-type:none; margin:0; padding:0;} #main-nav .hmenu li {} #main-nav .hmenu li a, #main-nav .hmenu li a span {display:block; font-family: 'AvenirLTPro-Light';} #main-nav .hmenu li a:hover, #main-nav .hmenu li a:focus {text-decoration:none;} #main-nav .hmenu li.iFOL691 a{color:#dccfa7!important;} #main-nav .hmenu li.iFOL691 a span{ font-family: 'AvenirLTPro-Black';} #main-nav .hmenu li.iFOL691 a:hover{color:#053067;} #main-nav .hmenu li.iFOL691 li a{color:#053067!important;} #main-nav .hmenu li.iFOL691 li a span{font-family: 'AvenirLTPro-Light';} #main-nav .hmenu li.iFOL691 li a:hover{color:#053067;} #main-nav .hmenu li.iFOL573, #main-nav .hmenu li.iFOL687, #main-nav .hmenu li.iFOL209, #main-nav .hmenu li.iFOL217, #main-nav .hmenu li.iFOL266, #main-nav .hmenu li.iFOL216, #main-nav .hmenu li.iFOL333, #main-nav .hmenu li.iFOL470 ul, #main-nav .hmenu li.iFOL215 ul, #main-nav .hmenu li.iFOL175 ul{display:none!important;} .iFOL277 {display: none;} /*root/level1 horizontal menu*/ #main-nav .hmenu > li {float:left; text-transform: uppercase; padding:0 20px 0 0;} #main-nav .hmenu > li > a {color:#fff; font-size:110%; height:66px; padding:26px 10px; position:relative; z-index:21; letter-spacing: 1.2px;} #main-nav .hmenu > li > a > span {padding:0;} #main-nav .hmenu > li:hover > a, #main-nav .hmenu > li.selected:hover > a, #main-nav .hmenu > li:focus > a {color:#053067; background:#fff;border-top:solid 1px #ccc;cursor:pointer;text-decoration:underline;border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} /*#main-nav .hmenu > li.selected > a {border-bottom: 10px solid #bea96c;}*/ #main-nav .hmenu > li.selected > a span:after {content: "";,width: 100%;padding: 5px;background-color: #bea96c;position: absolute;bottom: 0;left: 0;right: 0;} #main-nav .hmenu > li .expand {display: none;} /*level 2 horizontal menu*/ #main-nav .hmenu > li > ul {display:none; position:absolute; top:66px; border:1px solid #ccc; width:240px; z-index:20;} #main-nav .hmenu > li:hover > ul, #main-nav .hmenu > li:focus > ul {display:block;} #main-nav .hmenu > li > ul > li {position:relative;} #main-nav .hmenu > li > ul > li > a {height:auto; padding:15px 10px 15px 30px; width:238px; border:none; background-color:#fff; font-size:110%;color:#053067;} #main-nav .hmenu > li > ul > li:hover > a, #main-nav .hmenu > li > ul > li:focus > a, #main-nav .hmenu > li > ul > li.selected > a {background-color:#bea96c; color: #092745;} #main-nav .hmenu > li > ul > li .expand {display: none;} /*level 3 horizontal menu*/ #main-nav .hmenu > li > ul > li > ul {display:none; position:absolute; top:0px; left:238px; border:1px solid #ccc; width:200px; z-index:20;} #main-nav .hmenu > li > ul > li:hover > ul, #main-nav .hmenu > li > ul > li:focus > ul {display:block;} #main-nav .hmenu > li > ul > li > ul > li {position:relative;} #main-nav .hmenu > li > ul > li > ul > li > a {height:auto; padding:15px 10px 15px 30px; width:198px; border:none; background-color:#fff; font-size:110%; color:#053067;} #main-nav .hmenu > li > ul > li > ul > li:hover > a, #main-nav .hmenu > li > ul > li > ul > li:focus > a, #main-nav .hmenu > li > ul > li > ul > li.selected > a {background-color:#00a7e1; color:#fff;} /*level 4 horizontal menu*/ #main-nav .hmenu > li > ul > li > ul > li > ul {display:none; position: absolute; top:0; left:198px; border:1px solid #ccc; width:200px; z-index:20;} #main-nav .hmenu > li > ul > li > ul > li:hover > ul, #main-nav .hmenu > li > ul > li > ul > li:focus > ul {display:block;} #main-nav .iFOL180 > ul > li {position:relative;} #main-nav .hmenu > li > ul > li > ul > li > ul > li {} #main-nav .hmenu > li > ul > li > ul > li > ul > li > a {height:auto; padding:15px 10px 15px 30px; width:198px; border:none; background-color:#fff; font-size:110%; color:#053067;} #main-nav .hmenu > li > ul > li > ul > li > ul > li:hover > a, #main-nav .hmenu > li > ul > li > ul > li > ul > li:focus > a, #main-nav .hmenu > li > ul > li > ul > li > ul > li.selected > a {background-color:#00a7e1; color:#fff;} #main-nav .hmenu li.iFOL616, #main-nav .hmenu li.iFOL739 { display:none; } /*---------------------------------------- / breadcrumbs ----------------------------------------*/ #breadcrumb-panel {position:relative; height:44px; padding:0 0 20px 0;} #breadcrumb-panel #breadcrumbs {font-size:90%;} #section-intro #breadcrumb-panel #breadcrumbs{font-size: 110%;} #breadcrumb-panel #breadcrumbs a {/*color:#fff;*/ font-size:100%; text-decoration: none;} #breadcrumb-panel #breadcrumbs p {float:left; margin:0; padding:0; color: #bea96c; font-size: 110%;} #breadcrumb-panel #breadcrumbs ol {float:left; list-style-type:none; margin:0; padding:0; font-size: 110%; background:none;} #breadcrumb-panel #breadcrumbs ol li:before{display:none;} #breadcrumb-panel #breadcrumbs ol img {float:left;} #breadcrumb-panel #breadcrumbs ol li {float:left; padding:0 5px; line-height:140%; border-left:1px solid #E0E0E0;} #breadcrumb-panel #breadcrumbs ol li:first-child {border-left:none;} #breadcrumb-panel #breadcrumbs ol li > a, #breadcrumb-panel #breadcrumbs ol li > span {line-height:140%;} #breadcrumb-panel #breadcrumbs ol li > a {color: #bea96c;} #breadcrumb-panel #utilities {position:absolute; top:20px; right:20px;} #breadcrumb-panel #utilities ul {list-style-type:none; margin:0; padding:0;} #breadcrumb-panel #utilities ul li {display:inline;} #breadcrumb-panel #utilities ul li a {} #breadcrumb-panel #utilities ul li a img {vertical-align:middle;} /*---------------------------------------- / heading ----------------------------------------*/ #heading-panel {float: left; width: 100%; margin-bottom: 15px;} /*---------------------------------------- / content ----------------------------------------*/ .content-area, .module-area {position:relative; background-color:#fff; padding:20px 0 20px 0; margin-bottom:20px;} .content-area hr {float: left; margin:0px; border:none; height:2px; color:#cebe90; background-color:#cebe90;} .content-area a {text-decoration: underline;word-break: break-word;} .content-area p, .content-area table, .content-area ul, .content-area ol {font-size:175%;} .content-area table p{font-size:100%;} .content-area table table { font-size: 100%;} .content-area ol li ol, .content-area ol li ol p, .content-area ol li ul { font-size: 100%;} /* .content-area ol li ul li { font-size: 60%; } */ .content-area .msg_body ol li ul li { font-size: 100%;} .content-area > table {border-collapse:collapse; background-color:#E8E8E8; margin-bottom:20px;} .content-area > table th {border:1px solid #ccc; padding:5px; text-align:left; background-color:#00a7e1; color:#fff; font-weight:bold;} .content-area > table th a {color:#fff; font-weight:bold;} .content-area > table td {border:1px solid #ccc; padding:5px;} .content-area ul {margin:0 0 20px 40px; padding:0;} .content-area ul li {margin-bottom:5px; line-height:140%;list-style-type: none;} .content-area ul > li:before {content: ">"; font-family: 'AvenirLTPro-Medium'; font-weight: bold; padding-right: 10px;} .content-area ol {margin:0 0 20px 40px; padding:0;} .content-area ol li {margin-bottom:15px; line-height:140%;} .content-area ol li table{font-size:22px;} .content-area ol li table tr:first-child{border-bottom:2px solid #eee;} .content-area ol li table td{padding:10px;} .content-area img.right-float {margin:0 0 15px 15px;} .content-area img.left-float {margin:0 15px 15px 0;} .content-area img.responsive-image {max-width:100%;} .content-area img {max-width:100%;height:auto !important;margin-bottom:5px;} .content-area h6{font-size:12px;font-weight:normal;} .content-area iframe {/*margin-bottom:40px;*/} .envi_table td { border: 1px solid #ccc; padding: 10px; } /*-----list columns style-----*/ .content-area .cols {margin:0; padding:0;} .content-area .cols ul {width:150px; margin:0 0 0 25px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} /*-----add tick icon-----*/ .content-area h2.install {background:url(/images/tdcm/tick.png) no-repeat 0px 3px; padding-left:23px;} /*-----item lists-----*/ .content-area ul.item-block {margin:20px 0;} .content-area ul.item-block li {list-style:none; margin:0; display:block; margin:5px 5px 0 0; border:solid 1px #d5d5d5;} .content-area ul.item-block li a {padding:10px 20px; text-align:center; text-decoration:none; font-size:14px; width:100px; display:block;} .content-area ul.item-block li a:hover, .content-area ul.item-block li a:focus {background:#d5d5d5;} .content-area ul.item-block li a:active {color:#525252;} .content-area ul.sub-content {list-style-type:none; margin:0; padding:0; clear: both;} .content-area ul.sub-content li {padding:0px;background:#fff; margin: -1px 0 0 -1px; height:50px; overflow:hidden;} .content-area ul.sub-content li:before {display: none;} .content-area ul.sub-content li a {font: 500 100% 'AvenirLTPro-Black',verdana,sans-serif!important;} .content-area ul.sub-content li a:hover, .content-area ul.sub-content li a:focus {background-color:#E2F6FC; text-decoration:none;} /*-----display list-----*/ .display-list {border-bottom: 1px solid #bea96c; float: left; width: 100%; padding-top: 20px;} .display-list p {float: left;} .display-list a {float: right;} .content-area div.display-list:last-child {border-bottom: 0;} #section-intro {background-color:#fff; padding:40px 0; margin-bottom:40px; border-bottom: 1px solid #ccc;} #section-intro h1 {font-size:300%; margin-bottom:40px;} #section-blocks, #add-section-blocks {} #section-blocks .container, #add-section-blocks .container {max-width:985px;} #landing-text {font-size:140%;} /*#landing-text a {font-size:100%;}*/ .landing-block {margin-bottom: 30px; position: relative; overflow: hidden; border: 1px solid #fff; -webkit-box-shadow: 0 0 3px 3px rgba(229, 240, 244,0.15); -moz-box-shadow: 0 0 3px 3px rgba(229, 240, 244,0.15); box-shadow: 0 0 3px 3px rgb(229, 240, 244); } /* 4 across */ .col-lg-3 .lb-logo {height:182px;} .col-lg-3 .lb-photo {height:182px;} /* 3 across */ .col-lg-4 .lb-logo {height:220px;} .col-lg-4 .lb-photo {height:275px;} .landing-block img {width:100%;} .landing-block.lb-logo img {padding:25px;} .col-lg-3 .landing-block.lb-logo img {padding:17px;} .landing-block a {position:absolute; top:0; right:0; bottom:0; left:0; z-index:20; text-indent:-9999px; display:block;} .landing-block h2 {width:100%; background-color:#092745; font-size:120%; font-weight:bold; color:#fff; margin:0; padding:10px 15px 0 15px; position:absolute;} .landing-block p {width:100%; background-color:#092745; color:#fff; margin:0; padding:0 15px 0 15px; position:absolute;} .landing-block.lb-desc p {bottom:0; padding:10px 30px 10px 15px; height:55px; line-height:20px; background-image:url(/images/useruploadedimages/11/white-arrow.png); background-repeat:no-repeat; background-position:95% 50%;} .landing-block.lb-title h2 {bottom:79px; height:40px; line-height:20px; overflow:hidden; z-index:15;} .landing-block.lb-title h2:after {content: "\e902";font-family: 'icomoon'!important;font-size: 30px; font-weight: normal; position: absolute;top: 12px;right: 10px;} .landing-block.lb-title p {bottom:0; height:80px; line-height:20px; overflow:hidden; z-index:15;} .landing-block.four-col h2 {bottom: 0px; height: 60px;} .landing-block.four-col h2:after {right: 5px;} .landing-block.four-col p {display: none;} .einvoice { padding-left: 0 } .einvoice-bottom { float: left; width: 100%; padding-top: 40px; } .einvoice-login { background: #fff; box-shadow: none; border: none; float: left; height: auto !important; } .einvoice-login div[id$="LoginPanel"] { border: 0; padding: 0; width: auto; color: #006694; float: left; margin-bottom: 0; } .einvoice-login div[id$="LoginPanel"] .login-element {background-color: #e6f0f4;padding: 20px 15px;float: left;width: 400px;} .einvoice-login div[id$="LoginPanel"] .login-element label {color:#006694;margin-bottom: 10px;font-size: 160%;} .einvoice-login div[id$="LoginPanel"] .login-element div { margin-bottom: 5px } .einvoice-login div[id$="LoginPanel"] .login-element span.lgn-header { font: 500 215% 'AvenirLTPro-Black',verdana,sans-serif; color: #006694; padding: 0; margin: 0 0 15px 0; } .einvoice-login div[id$="LoginPanel"] .login-element div input[type="text"],.einvoice-login div[id$="LoginPanel"] .login-element div input[type="password"] { width: 100%; border: none; height: 40px; margin-bottom: 5px; } .einvoice-login .login-element div.lgn-btn input {border: 1px solid #006694;background-color: #006694;display: -moz-inline-box; *display:inline; padding: 12px 55px 12px 40px; border-radius: 20px;text-transform: uppercase;text-decoration: none !important;font: 500 110% 'AvenirLTPro-Black',verdana,sans-serif !important;letter-spacing: 2px;} .einvoice-login div[id$="LoginPanel"] .login-element .lgn-password,.einvoice-login div[id$="LoginPanel"] .login-element .lgn-username { margin-bottom: 0 } .einvoice-login div[id$="LoginPanel"] .login-element .lgn-btn { margin-bottom: 10px; position: relative; float: left; width: auto; } .einvoice-login div[id$="LoginPanel"] .login-element .lgn-btn:after { content: "\e902"; font-family: 'icomoon'!important; font-size: 30px; padding-left: 15px; position: absolute; top: 4px; right: 13px; color: #fff; } .einvoice-login-hide { display: none; } .einvoice-login div[id$="LoginPanel"] .login-element .einvoiceforgotpassword { position: relative; margin-bottom: 0; float: left; width: 100%; } .einvoice-login div[id$="LoginPanel"] .login-element .einvoiceforgotpassword a { position: relative; text-indent: 0; color: #006694; text-decoration: none; font-size: 160%; } /* Image with caption */ .images { text-align:center; clear: both; } .images img { width:300px; height:189px; } .images div { width:310px; text-align:center; } .images div span { display:block; } .margin_right { margin-right:50px; margin-bottom:20px; } .margin_left { margin-left:50px; margin-bottom:20px; } .float { float:right; } .clear { clear:both; height:0; width:0; } /*---------------------------------------- / home page ----------------------------------------*/ #main {margin:0; padding:0; overflow:hidden; clear:both;} #intro {} #intro h2 {margin-top: 0;} #intro h3 {font-size:135%; color:#b39d6c!important; letter-spacing: 2.5px; text-transform:uppercase;} #intro a, #intro a h3:hover {text-decoration: none!important;} #intro p {font-size: 160%;} #intro a {margin-right: 0; margin-bottom: 0;} #intro img {width: 100%; max-width: 200px; margin-bottom:20px;} #quick-links {padding:25px 0 0 !important;} #quick-links h2 {margin-bottom: 40px; padding-bottom:15px;} #feature {} #feature-two {} #content-blocks {} #content-blocks img {max-width: 100%;} #content-blocks p {font-size: 175%; margin-bottom: 60px;} #feature-three {} #feature-three .container {background-image: url('/images/UserUploadedImages/195/shellcard.jpg'); background-repeat: no-repeat;} #feature-three h2 {font-size: 450%; margin-top: 0; margin-bottom: 0;} #feature-three p {font-size: 230%;} feature-three a {margin-bottom: 0;} #feature-three.v-power { display: none;position:relative; height:800px;} #feature-three.v-power .container .container{background-image:none; max-width:100% !Important;} #feature-three.v-power .container {background-image: url('/images/UserUploadedImages/11/banner6.jpg'); background-position:center center; background-repeat: no-repeat; background-size:cover;height:800px;} section#HomeCarouselSection { display: none;} #blog {} #blog h2 { text-transform: inherit; margin-top: 0; margin-bottom: 40px; border-bottom: 1px solid #c6ac65; color: #092745; width: 100%; padding-bottom: 20px; } .shell-v-power-banner .content-section {position:absolute; top:30%; left:45px; text-align:left; width:50%;} .shell-v-power-banner .buttons {position:absolute; left:45px; bottom:30px;} .feature-carousel {float: left; width: 100%;} .feature-carousel .feature-slide {position: relative; width: 100% !important; height: 100% !important;} .feature-carousel .feature-slide img {width: 100% !important; left: -9999px !important; right: -9999px !important; margin: auto; height: 100% !important;} .feature-carousel .nav {position:absolute; bottom: 0; padding: 15px; text-align: right; z-index:101; background:transparent;} .feature-carousel .nav.nav-right {right: 0;} .feature-carousel .nav.nav-left {left: 0;} .feature-carousel .nav a {color:#fff; display:inline-block; vertical-align:top; margin-left:10px; text-align: left; text-indent:-9999px; border-radius:10px; width:10px; height:10px; background-color:#092745;} .feature-carousel .nav a.activeSlide {background-color:#01b9e5;} /*Geelong Refinery Carousels*/ .geelong-refinery{} .geelong-refinery h3{text-shadow: 0 0 12px rgba(0,0,0,0.7);} /* Added 18 May 2015 */ #content-area.home section {padding:0 0 3em;} #content-area a.document.pdf .file-info .file-type {background: rgba(0, 0, 0, 0) url("/Images/DocumentTypeImages/file-pdf.gif") no-repeat scroll left top;display: inline-block;height: 16px;text-indent: -9999px;vertical-align: top;width: 16px;} /* 3 across */ #home-block {padding: 35px 0 0;} .landing-block-home {height:130px;margin-bottom:25px; background-color: #e6f3f7;} .landing-block-home h2 {font-size:175%; font-weight:bold; color:#092745; margin:0; padding:10px 15px 0 95px;} .landing-block-home img {position:absolute;top:0;left:25px;} .landing-block-home.lb-logo img {padding:25px;} .landing-block-home a {font-size:175%; font-weight:bold; color:#092745; margin:0; padding:0 0 10px 95px;display:block;} .landing-block-home .widget dd {color:#092745; margin:0; padding:0 0 0 95px; font-size:120%; } /* 4 across */ .landing-block-intro {height:208px;position:relative;margin-bottom:30px;overflow:hidden;} .landing-block-intro img {width:100%;} .landing-block-intro.lb-logo img {padding:25px;} .col-lg-3 .landing-block-intro.lb-logo img {padding:17px;} .landing-block-intro a {} .landing-block-intro h2 {width:100%; background-color:#000; font-size:120%; font-weight:bold; color:#fff; margin:0; padding:10px 15px 0 15px !Important;position:absolute; bottom:33px;opacity:0.75;} .landing-block-intro p {width:100%; background-color:#000; color:#fff; margin:0; padding:5px 15px 10px 15px;text-align:center;position:absolute; bottom:0;opacity:0.75;} .landing-block-intro.lb-title p {bottom:0; height:25px; line-height:20px; overflow:hidden; z-index:15;} .careers {padding:0;background:#00a7e1;height:130px;} .careers span.mainItemHeading {color:#fff;font-size:235%;display:block; padding:15px 248px 10px 20px;line-height: 90%;} .careers .widget dl a:hover {color:#fff;text-decoration:none !important;} .careers .widget dd {font-weight:bold;color:#fff;font-size: 125%;padding-left:20px;} .careers .widget dd a {color:#082539;float:right;font-weight:bold;padding:0 35px;background: url(/images/useruploadedimages/11/black-arrow.png) no-repeat 95% 50%;} /*-----home widget-----*/ .home-article-widget-left {margin-bottom:40px; font-size:125%;padding:0 65px 0 0; background-color: #e6f3f7;} .home-article-widget-left .mainItem, .home-article-widget-left .subItem {margin-bottom:20px;} .home-article-widget-left .mainItemHeading, .home-article-widget-left .subItemHeading {font-size:125%; font-weight:normal;color:#666;} .home-article-widget-left .mainItem a:hover, .home-article-widget-left .subItem a:hover {color:#00a7e1;text-decoration:none;} .home-article-widget-left dd {font-size:100%;margin:10px 0 0 0;} .home-article-widget-left dd a {margin:10px 0 0 0;} .home-article-widget-right {margin-bottom:40px; font-size:125%;padding:0 0 0 85px; background-color: #e6f3f7;} .home-article-widget-right .mainItem, .home-article-widget-right .subItem {margin-bottom:20px;} .home-article-widget-right .mainItemHeading, .home-article-widget-right .subItemHeading {font-size:125%; font-weight:normal;color:#666;} .home-article-widget-right dd {font-size:100%;margin:10px 0 0 0;} .home-article-widget-right dd a {margin:10px 0 0 0;} .product-options {padding: 0; margin: 0;} .product-options li {list-style: none;} .product-options li a {padding: 10px; background-color: #ccc; display: block; color: #333; text-align: center;} .product-options li:before {display: none;} .feature-list {width: 100%;} .feature-list ul {text-align: left; margin: 0; padding: 0; list-style-type: none;} .feature-list ul li {font-size: 140%; font-family: 'AvenirLTPro-Black'; letter-spacing: 2px; margin-bottom: 10px;} .feature-list ul li a {text-decoration: underline; font-family: 'AvenirLTPro-Medium';} .feature-list a.btn-link {position: absolute; right: 60px; bottom: 40px; margin-bottom: 0;} /*-----accordian styling-----*/ #accordianwidth{padding-left:20px;} .msg_head {position: relative; float: left; padding:20px 80px 20px 15px; margin-top: 20px; background-color:#cce0ea; font-weight: normal; margin-bottom:20px;cursor:pointer;width:100%;} .msg_head img {margin-right:35px;} .msg_head > img {float: left;} .msg_head p {font-weight: normal;} .msg_head span {font-size:150%; font-weight:bold; color:#00a7e1;} .msg_head:hover ,.msg_head:focus {background-color:#bea96c;} h2.msg_head {padding-left: 40px;} h2.msg_head:after {content: "\e800"; font-family: "fontello"; position:absolute; right: 20px; font-size: 25px;} h2.msg_head.open:after {content: "\e801";} h2.msg_head.open, .msg_head.open {border-bottom:none; margin-bottom: 0;} div.msg_head:after {content: "\e800"; font-family: "fontello"; position:absolute; top: 50%; right: 25px; font-size: 25px;} div.msg_head.open:after {content: "\e801";} .msg_body {float: left; width: 100%; background: #cce0ea; padding: 20px 35px 20px 35px; text-align:left;} .msg_body h3 {padding: 20px 0 20px 0; margin-bottom: 0; font-weight: bold;} .msg_body p{margin:20px 0;} .msg_body ul {margin-left: 0; padding-left:0;} .msg_body.align-right h3 {text-align: left;} .msg_body.align-right p {text-align: left;} .msg_body.align-right img {text-align: left;} .msg_body.align-right ul {text-align: left;} .msg_head.active {background-color:#D26C08;background-image: url("/Images/UserUploadedImages/11/activeaccordion.png"); background-position:95% 50%; background-repeat: no-repeat;} .msg_body.active {display:block !important;} .msg_body.open {margin-bottom: 20px;} .msg_body p.finder {background:#00a7e1 url("/Images/UserUploadedImages/11/fuel_finder_icon.png") no-repeat 10% 50%;color:#fff; padding:10px 25px 10px 45px;width:135px;} .msg_body p.finder:hover {background:#082539;} .msg_body p.finder a {color:#fff;} .msg_body + h2 {float: left; width: 100%;} .msg_body + br + h2 {margin-top: 40px;} .msg_body + br {clear: left;} /*---------------------------------------- /New Business Inquiry Form ----------------------------------------*/ .business-enquiry-form {background: #efefef;padding: 50px 150px 50px; float:left; width:100%; clear:both;} /*.business-enquiry-form .col-xs-10{padding:0;}*/ .business-enquiry-form .clsFormCreator div.clsMandatory, .business-enquiry-form .clsFormCreator div.clsBtnSubmit{padding-left:0px;} .business-enquiry-form .clsCheckBoxListSpanOptions span{float:left; padding-right: 5px; padding-left: 5px; padding-top: 0;} .business-enquiry-form.form-horizontal .control-label{text-align:left;} .business-enquiry-form .clsCheckBoxListSpanOptions .mandatory-indictator{float:none;} .business-enquiry-form.clsFormCreator div.clsMandatory{padding-left: 20%;} .clsFormCreator.business-enquiry-form fieldset{width:100%;} /*Email Us Form*/ .email-us-viva{} .email-us-viva.form-horizontal .control-label {text-align:left;} .email-us-viva .clsRadioButtonListSpanOptions span.radio{float:left; width:110px;} .email-us-viva .clsRadioButtonListSpanOptions span.radio label{width:60%;} .email-us-viva.form-horizontal .form-group{margin-left:0; margin-right:0;} /*Form design*/ .clsFormCreator label.control-label, .clsFormCreator legend.control-label {text-align:left;} .clsFormCreator span.radio{width:110px; float:left; padding-left:10px} .clsFormCreator .clsFormCreator_UserField3586_73483 span.radio { padding-top: 0} .clsFormCreator div. clsFormCreator_UserField3586_73483 input { min-height: 25px} .clsFormCreator span.radio label{width:70%;} .clsFormCreator .clsRadioButtonListSpanOptions span.radio label { width: auto; padding-right: 10px;} .clsFormCreator>div.form-group{margin-left:0; margin-right:0;} .clsFormCreator fieldset >div.form-group { margin-left: 0; margin-right: 0;} /*.clsCheckBoxListSpanOptions span.checkbox { clear: both;}*/ .clsFormCreator .clsFieldset div span.validatoralert { top: -10px;} .clsFormCreator .clsFieldset { position: relative;} .clsFormCreator#FormCreator_3252 div.clsFormCreator_checkbox { padding-left: 18%;} .clsFormCreator select { background-image: url(/images/UserUploadedImages/11/drop-arrow.png); background-repeat: no-repeat; background-position: right 15px center; background-size: 15px; } .clsFormCreator .other-text-mandatory label { text-indent: -999px; } .clsFormCreator .other-text-mandatory p.mandatory-color { display: block; clear: left; font-size: 12px; padding-top: 5px; color: red; } .content-area .clsFormCreator .timefield input, .content-area .clsFormCreator .timefieldminutes input, .content-area .clsFormCreator .timehours select {width: 70px !important;height: 46px;} .clsFormCreator .timefield{clear: both;width: auto;} .clsFormCreator .timefield label{width:124px;} .clsFormCreator .timefieldminutes, .clsFormCreator .timehours {width:auto;display:inline;clear:none;} .clsFormCreator .timefield .col-xs-10, .clsFormCreator .timefieldminutes .col-xs-10, .clsFormCreator .timehours .col-xs-10{width:auto;padding: 0px 10px;} .clsFormCreator .timefieldminutes label, .clsFormCreator .timehours label{display:none;} .clsFormCreator .timefield span.validatoralert { top: 0; right: -320px;} .clsFormCreator .timefieldminutes span.validatoralert { top: 0; right: -380px;} .clsFormCreator .timefieldminutes label { position: absolute; display: block; padding-top:14px; font-weight: bold;} .clsFormCreator .timefieldminutes label span.mandatory-indictator{ display: none;} #FormCreator_3258 .form-group.clsFormCreator_checkbox.clsFormCreator_UserField3258_63838 label.control-label {color: #092745;} #FormCreator_3258.clsFormCreator div.clsFormCreator_checkbox span.checkbox { padding-left: 45px;} #FormCreator_3258.clsFormCreator div.clsFormCreator_checkbox{padding-left: 16.6666%;} #FormCreator_3258.clsFormCreator .clsDescriptionField > label{ padding-left: 21%;} /*Contact phone number with area code*/ .clsFormCreator .Fieldset_Area_code_and_phone_number legend { display: none;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group {clear: both;width: auto;display: inline-block;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group.areacodeitem {/* float: none; */clear: none;width: auto;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group .col-xs-10 {width: 110px;padding: 0 10px;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group.areacodeitem .col-xs-10 { width: calc(400px - 93px);} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group.areacodeitem label { display:none;} .clsFormCreator .Fieldset_Area_code_and_phone_number { margin: 0;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group label { width: 174px;} /*Simple Accordian*/ .accordion-header {position: relative; float: left; padding: 20px 80px 20px 40px; margin-top: 20px; margin-bottom:0; background-color: #cce0ea; font-weight: normal; cursor: pointer; width: 100%; } .accordion-header:after {content: "\e800"; font-family: "fontello"; position: absolute; right: 20px;font-size: 25px;} .accordion-header:hover, .accordion-header:focus, .accordion-header.active-header:hover, .accordion-header.active-header:focus {background-color: #bea96c;} .accordion-content { display: block; float: left; width: 100%; background: #cce0ea; padding: 20px 35px 20px 35px; text-align: left;} .accordion-content h4{font-size: 20px;} .accordion-header.active-header {background-color: #cce0ea; margin:10px 0px 0px ;cursor: pointer;} /*---------------------------------------- /New Business Inquiry Form ----------------------------------------*/ div#FormCreator_1161 {background: #efefef;padding: 50px 150px 50px;} div#FormCreator_1161 .clsFormCreator div.clsMandatory, div#FormCreator_1161 .clsFormCreator div.clsBtnSubmit{padding-left:0px;} /*---------------------------------------- / page-tools ----------------------------------------*/ #wrapper #page-content #page-tools {width:980px; float:left; clear:both; border-top:1px solid #E0E0E0; margin-top:20px;} #wrapper #page-content #page-tools-inner {border-top:1px solid #fff; float:left; clear:both; width:980px; padding:20px 0 0 0;} /*-----ratings-----*/ /* star */ #wrapper #page-content #page-tools .Rating {width:330px; float:left; clear:both; height:20px;} #wrapper #page-content #page-tools .Rating div {float:right; padding-right:10px;} #wrapper #page-content #page-tools .Rating div br {display:none;} #wrapper #page-content #page-tools .Rating div img {vertical-align:bottom;} /* custom */ #wrapper #page-content #page-tools .RatingContainer h2 {position:absolute; left:-9999px;} #wrapper #page-content #page-tools .RatingContainer ul {list-style-type:none; margin:0; padding:0;} #wrapper #page-content #page-tools .RatingContainer ul li {float:left; padding-right:10px;} #wrapper #page-content #page-tools .RatingContainer ul li img {vertical-align:middle; width:18px; height:18px; margin-right:3px;} #wrapper #page-content #page-tools .RatingContainer ul li .accessible {position:absolute; left:-9999px;} /* graph view */ #wrapper #page-content #page-tools .RatingContainer ul li .ratingOption {float:left; margin:0 5px 2px 0;} #wrapper #page-content #page-tools .RatingContainer ul li .ratingOptionOuter {float:left; clear:left; width:125px; border:1px solid #ccc;} #wrapper #page-content #page-tools .RatingContainer ul li .ratingOptionOuter .ratingOptionPercent {background-color:#ccc; height:12px;} #wrapper #page-content #page-tools .RatingContainer ul li .ratingOptionOuter .rating-number {position:absolute; left:-9999px;} /*-----social media links-----*/ #wrapper #page-content #page-tools #page-tools-connect {float:right; width:320px;} #wrapper #page-content #page-tools #page-tools-connect > div {float:left; margin-left:10px;} #wrapper #page-content #page-tools #page-tools-connect div.twitter {width:100px; overflow:hidden;} #wrapper #page-content #page-tools #page-tools-connect div.facebook {width:50px; overflow:hidden;} #wrapper #page-content #page-tools #page-tools-connect div.google {width:60px; overflow:hidden;} #wrapper #page-content #page-tools #page-tools-connect div.linkedin {width:70px; overflow:hidden;} /*---------------------------------------- / sidebar ----------------------------------------*/ #wrapper #page-content #sidebar h3 {background-color:#CECECE; border:1px solid #ACACAC; color:#333; font-family:arial,verdana,sans-serif; font-weight:100; margin:0 0 5px 0; padding:5px 10px; text-transform: lowercase;} #wrapper #page-content #sidebar ul {margin-left:25px; padding:0;} #wrapper #page-content #sidebar ul li {margin-bottom:5px;} #wrapper #page-content #sidebar ol {margin-left:30px; padding:0;} #wrapper #page-content #sidebar ol li {margin-bottom:5px;} #wrapper #page-content #sidebar img.thumbnail-image {margin-bottom:20px;} /*---------------------------------------- / shell licensee ----------------------------------------*/ .shell-licensee {float: left; width: 100%; padding-top: 65px; padding-bottom: 30px;} /*---------------------------------------- / footer Style ----------------------------------------*/ #footer {float:left; width:100%; clear:both; font-size:100%; color:#fff; box-sizing:border-box; -moz-box-sizing:border-box;} #footer * {box-sizing:border-box; -moz-box-sizing:border-box;} #footer h3 {color:#fff; padding:0; margin:0; font-size:100%;} #footer ul {list-style-type:none; margin:0; padding:0;} #footer ul li {margin:0; padding:0;} #footer #footer-top {float:left; width:100%; padding:15px 0 5px 0; text-decoration:none; clear:both;} #footer #footer-top a {color:#fff;} #footer #footer-top img {float:left;} #footer #footer-top ul {margin-top:0; float: left;} #footer #footer-top ul li {float:left; padding:0; line-height:100%; margin-bottom:5px;} #footer #footer-top #footer-top-left {float: left; width: 100%;} #footer #footer-top #footer-top-left h3 {font-size: 417%; margin-bottom: 20px;} #footer #footer-top-left .footer-help-dropdown {float: left; width: 100%;} #footer #footer-top-left #footer-help {float: left; width: 320px; padding: 12px; border: 0; height: 45px; color: #01b9e5; font-size: 160%; font-style: italic; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(/images/UserUploadedImages/11/help-down-arrow.png) 96% / 15% no-repeat #fff; background-size: auto;} #footer #footer-top-left select::-ms-expand {display: none; /* remove default arrow in IE 10 and 11 */} #footer-top .footerNewleft h3 {font-size: 400%; margin-bottom: 20px;} #footer-top .footerNewleft .btn {background: #c7ac65; border-radius: 0; } #footer-top .footerNewright .footer-logo {float: right;} #footer-top .footerNewright .footer-social {float: left;} #footer-top .footerNewright .footer-social h3 {text-transform: uppercase; font-family: 'AvenirLTPro-Light',verdana,sans-serif; letter-spacing: 2px; margin-bottom: 20px;} #footer #footer-top ul.social-links li {padding:0 45px 0 0; } #footer #footer-top .footerNewleft a.btn {background: #c7ac65; border-radius: 0; border: 0; padding: 15px 10px 12px; color: #092745;} #footer #footer-top .footerNewleft a.btn:after {content:"";} /* target Internet Explorer 9 to undo the custom arrow */ @media screen and (min-width:0\0) { #footer #footer-top-left select#footer-help { background:none\9; padding: 5px\9; } } #footer #footer-top-left input#enquire {float: left; width: 100px; border: 0; background-color: #c7ac65; font: 90% 'AvenirLTPro-Black',verdana,sans-serif; text-transform: uppercase; letter-spacing: 2px; height: 45px;} #footer #footer-top #footer-top-social-left {float: left; width: 100%; position: absolute; bottom: 0; left: 0;} #footer #footer-top #footer-top-social-left img {padding-right: 80px; padding-left: 15px;} #footer #footer-top #footer-top-social-left h3 {text-transform: uppercase; color: #01b9e5; font-size: 100%; font-family: 'AvenirLTPro-Light',verdana,sans-serif; letter-spacing: 1.2px;} #footer #footer-top #footer-top-social-left ul {margin-top: 20px;} #footer #footer-top #footer-top-social-left ul.social-links li {padding-right: 50px;} #footer #footer-top #footer-top-social-left ul.social-links li.youtube {padding-right: 0;} #footer #footer-top #footer-top-social-left ul.social-links li a:after {font-size: 25px;} #footer #footer-top #footer-top-right {} #footer #footer-top #footer-top-right .iFOL573{display:none;} #footer #footer-top #footer-top-right ul {} #footer #footer-top #footer-top-right > ul > li {width: 50%; margin-bottom: 50px;} #footer #footer-top #footer-top-right > ul > li.iFOL505 {margin-bottom: 100px;} #footer #footer-top #footer-top-right > ul > li > a {text-transform: uppercase; color: #c7ac65; font: 125% 'AvenirLTPro-Black',verdana,sans-serif; float: left; width: 100%; letter-spacing: 0.5px;} #footer #footer-top #footer-top-right > ul > li > ul {margin-top: 10px;} #footer #footer-top #footer-top-right > ul > li > ul > li {width: 100%;} #footer #footer-top #footer-top-right > ul > li > ul > li > a {font: 100% 'AvenirLTPro-Medium',verdana,sans-serif; letter-spacing: 0.5px;} #footer #footer-top #footer-top-right > ul > li .expand {display: none;} #footer #footer-bottom {float:left; width:100%; padding:15px 0; text-decoration:none; clear:both; position:relative;} #footer #footer-bottom a {color:#092745;font-family: 'AvenirLTPro-Black',verdana,sans-serif; font-size: 100%; letter-spacing: 1.2px;} #footer #footer-bottom p {position: absolute; top: 0; left: 0; margin:0; padding:0;} #footer #footer-bottom h3 {padding:0 0 15px 0; font-size: 120%; border-bottom:1px solid #00a7e1; margin:0 0 15px 0; text-align: right;} #footer #footer-bottom h3 a {cursor:pointer; color: #01b9e5; text-transform: uppercase; font-family: 'AvenirLTPro-Medium',verdana,sans-serif;} #footer #footer-bottom h3 a:after {content: "\e800"; font-family: "fontello"; padding-left: 30px;} #footer #footer-bottom h3 a.open:after {content: "\e801";} #footer #footer-bottom .hmenu {display:none;} #footer #footer-bottom .hmenu > li {float:left; width:20%; margin-bottom:25px;} #footer #footer-bottom .hmenu > li > a {font-size:120%; color: #01b9e5;} #footer #footer-bottom .hmenu > li > ul {margin-top:10px;} #footer #footer-bottom .hmenu > li > ul > li {margin-bottom:5px;} #footer #footer-bottom .hmenu > li > ul > li > a {color:#fff;} #footer #footer-bottom #footer-bottom-left {} #footer #footer-bottom #footer-bottom-left ul li {float: left; padding-right: 15px; padding-left: 15px; border-right: 2px solid #092745;} #footer #footer-bottom #footer-bottom-left ul li:first-child {padding-left: 0;} #footer #footer-bottom #footer-bottom-left ul li:last-child {padding-right: 0; border-right: 0;} #footer #footer-bottom #footer-bottom-right {} #footer #footer-bottom #footer-bottom-right ul {float: right;} #footer #footer-bottom #footer-bottom-right ul li {float: left; padding-right: 15px; padding-left: 15px; border-right: 2px solid #092745;} #footer #footer-bottom #footer-bottom-right ul li:first-child {padding-left: 0;} #footer #footer-bottom #footer-bottom-right ul li:last-child {padding-right: 0; border-right: 0;} ul.social-links {float: right; padding-left: 15px;} ul.social-links li {float: left; padding-right: 40px; list-style-type: none;} ul.social-links li.youtube {padding-right: 0;} ul.social-links li a {position: relative;text-indent: -9999px;width: 20px;float: left;} ul.social-links li a:after {font-family: "fontello";text-indent: 0;position: absolute;left: 0; font-size: 20px;} ul.social-links li.linkedin a:after {content: '\f318';} ul.social-links li.twitter a:after {content: '\f309';} ul.social-links li.youtube a:after {content: '\f16a';} .footer-top .container {background:#E6E7E8; padding:50px 15px 60px;} .footer-top .container .social {border-right:1px solid #fff; text-align:center; position:relative;} .footer-top .container .social.twitter {border:none;} .footer-top .container .social .logo {width:100px; display:block; left:50%; margin-left:-50px; position:relative;} .footer-top .container .social .logo img {width:100%;} .footer-top .container .social .spacer {display:block; height:2px; width:30px; background:#092745; margin:20px auto; position:relative;} .footer-top .container .social a.btn {font-size:23px; color: #092745;} .footer-top .container .fa-youtube-play:before, .footer-top .container .fa-linkedin:before, .footer-top .container .fa-twitter:before {display:none;} #footer-social {font-size:20px; padding-left:0;} #footer-social span {margin-right:20px; } /*---------------------------------------- / search results ----------------------------------------*/ .SearchLeft {width:200px; margin-right:20px; display:none;} .SearchLeft h2 {font-size:130%; margin-top:0; margin-bottom:16px; background:url(/images/useruploadedimages/11/refine-search.gif) no-repeat top left; padding-left:25px;} .SearchLeft ul {list-style-type:none; margin:0 0 32px 0; padding:0;} .SearchLeft ul li {} .SearchLeft ul li a {} .SearchLeft ul li .selected a {font-weight:bold;} .SearchResults {} .SearchResults div[id$="pnlnumberResults"] {font-size:160%; margin:0 18px 20px 0; clear:both;} .SearchResults div[id$="pnlnumberResults"] #RecordCount {font-weight:bold;} .SearchResults div[id$="pnlnumberResults"] #searchTerms {font-weight:bold;} .SearchResults ul {margin-left:10px;} .SearchResults ul li {margin-bottom:20px; line-height:140%;} .SearchResults ol {list-style-type:none; margin:0 18px 20px 0; padding:0; font-size: 160%;} .SearchResults ol li {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd;} .SearchResults ol li span.firstRow {display:block;} .SearchResults ol li span.firstRow a {font-weight: bold; text-decoration:none;} .SearchResults ol li span.firstRow img.resultImage {margin-right:5px;} .SearchResults ol li span.clsResultDescr {display:block; margin:5px 0 5px 27px; line-height:140%;} .SearchResults ol li span.clsResultDescr .highlight {color:#C41230;} .SearchResults ol li span.clsResultFilmedOn {display:block; margin:0px 0 5px 27px; line-height:140%;} .SearchResults ol li span.clsResultFilmedOn span {padding-right:5px;} .SearchResults ol li span.clsResultDuration {display:block; margin:0px 0 5px 27px; line-height:140%;} .SearchResults ol li span.clsResultDuration span {padding-right:5px;} .SearchResults ol li span.lastRow {display:block; font-size:100%; margin-left:27px; color:#666;} .SearchResults ol li span .resultNumber {display:none;} .SearchResults div[id$="pnlPageLinks"] {margin:0 18px 20px 18px; font-size: 160%;} .SearchResults div[id$="pnlPageLinks"] a {color:#6d6e71; padding-right:5px;} .SearchResults div[id$="pnlPageLinks"] a .resultPageNumberSelected {font-weight:bold;} .SearchResults div[id$="pnlPageLinks"] a:hover, .SearchResults div[id$="pnlPageLinks"] a:focus {color:#6d6e71;} /*---------------------------------------- / real-time search results ----------------------------------------*/ .content-area .searchPanel {position:relative;} .quickSearchPanel {position:absolute; top:38px; z-index:2002;} .header-search .quickSearchPanel {right:-1px;} .content-area .quickSearchPanel {left:-1px;} #wrapper .dynamic-results {box-sizing:content-box; -moz-box-sizing:content-box;} .dynamic-results {text-align:left; border:1px solid #E0E0E0; width:290px; height:50px; padding:5px; overflow:hidden; background-color:#fff; display:none;} .dynamic-results .dynamic-results-mask {display:none;} .dynamic-results .dynamic-results-mask p {margin-bottom:5px;} .dynamic-results .dynamic-results-inner {display:none; width:290px; height:auto; overflow:auto;} .dynamic-results .dynamic-results-inner p {margin-bottom:5px;} .dynamic-results .dynamic-results-inner ol {list-style-type:none; margin:0; padding:0;} .dynamic-results .dynamic-results-inner ol li {} .dynamic-results .dynamic-results-inner ol li a {display:block; padding:5px; border-bottom:1px solid #eee;} .dynamic-results .dynamic-results-inner ol li a:hover, .dynamic-results .dynamic-results-inner ol li a:focus {background-color:#CECECE;} .dynamic-results .dynamic-results-links {display:block; color:#fff; background-color:#333; padding:5px;} .dynamic-results .dynamic-results-links a {color:#fff;} .dynamic-results .dynamic-results-links #close-results {float:right;} .dynamic-results .dynamic-results-links #close-results:hover, .dynamic-results .dynamic-results-links #close-results:focus {cursor:pointer;} .dynamic-results .dynamic-results-links .more-results {} .dynamic-results .dynamic-results-links .more-results:hover, .dynamic-results .dynamic-results-links .more-results:focus {cursor:pointer;} .dynamic-results .search-variable {display:none;} /*---------------------------------------- / refer a friend modal popup ----------------------------------------*/ #refer-friend {width:510px; left:45%; top:10%; padding:10px 10px 20px 20px;} #refer-friend iframe {border:none; height:650px; width:500px; float:left; clear:both; overflow:hidden; background-color:transparent;} #refer-friend iframe body {background-color:transparent;} #refer-friend button {background-color:#CECECE; border:1px solid #ACACAC; color:#5B5B5B; font-size:125%; margin:0 0 10px 0; padding:2px 5px; margin-left:485px; border-radius:2px;} #refer-friend button:hover, #refer-friend button:focus {cursor:pointer;} /*---------------------------------------- / remind me ----------------------------------------*/ #divRemindMe {font:100% arial, verdana, sans-serif; color:#5b5b5b; padding:20px;} #divRemindMe h1 {font:normal 200% georgia,arial,verdana,sans-serif; color:#00a7e1; padding:0; margin:0 0 20px 0;} #divRemindMe #formContent {} #divRemindMe #formContent #formSubmit {} #divRemindMe #formContent #formSubmit > div {margin-bottom:10px;} #divRemindMe #formContent #formSubmit > div > label {width:100px; padding-right:10px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divRemindMe #formContent #formSubmit > div > input {width:300px;} #divRemindMe #formContent #formSubmit div.RemindMeCheckbox {padding-left:110px;} #divRemindMe #formContent #formSubmit div.RemindMeCheckbox input {width:auto;} #divRemindMe #formContent #formSubmit div.RemindMeCheckbox label {width:300px;} #divRemindMe #formContent #formSubmit .RadPicker {width:200px !important;} #divRemindMe #formContent #formSubmit .RadPicker .rcTable {width:200px !important;} #divRemindMe #formContent #formSubmit .RadPicker .rcTable > div > div {float:left;} #divRemindMe #formContent #formSubmit .RadPicker .rcTable > div > div.rcInputCell {width:100px !important;} #divRemindMe #formContent .ButtonGroups {padding-left:110px;} #divRemindMe #formContent .ButtonGroups input {color:#fff; text-decoration:none; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px;} #divRemindMe #formContent .ButtonGroups input:hover, #divRemindMe #formContent .ButtonGroups input:focus {text-decoration:none; border:1px solid #003F5F; cursor:pointer;} #divRemindMe #formContent .ButtonGroups #divClose {display:none;} #divRemindMe #formContent #mandatoryLabel {padding-left:110px;} /*---------------------------------------- / related content ----------------------------------------*/ .relatedItems {} .relatedItems h2, .relatedItems h3 {display:none;} /*---------------------------------------- / team workspace ----------------------------------------*/ .content-area.highlight {margin-right:10px;} #content-sub.highlight {margin-right:15px;padding:0 !important;} #content-sub.highlight .inner {border: 1px solid #ffffff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-khtml-border-radius: 5px;padding:10px;} #sidebar.children {padding:0 !important;} #sidebar .highlight {margin-bottom:10px} #sidebar .highlight .inner {border: 1px solid #ffffff;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-khtml-border-radius: 5px; padding:10px;} .highlight {border: 1px solid #e1e1e1;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-khtml-border-radius: 5px;} #sidebar .highlight h2 {margin-bottom:10px;} #wrapper #page-content #sidebar .highlight ol {margin:0;} /*---------------------------------------- / language selector ----------------------------------------*/ .language-switcher {position:absolute; top:0; right:0; border:1px solid #ccc; padding:5px 10px;} .language-switcher h2 {font-size:100%; margin:0; padding:0;} .language-switcher ul {display:none; border:1px solid #ACACAC; position:absolute; top:25px; width:110px; right:0; background-color:#ccc; list-style-type:none; margin:0; padding:5px 0 0 0;} .language-switcher ul li {padding:0 10px 5px 10px;} .language-switcher ul li a {color:#00557F; display:block;} .language-switcher ul li a.selectedLanguage {font-weight:bold;} .language-switcher:hover, .language-switcher:focus {cursor:pointer;} .language-switcher:hover ul, .language-switcher:focus ul {display:block;} /*---------------------------------------- / document details ----------------------------------------*/ #DocDetailsContainer {} #DocDetailsContainer > div {margin-bottom:5px;} #DocDetailsContainer h1 {} #DocDetailsContainer h2 {font-size:100%; line-height:140%; font-weight:normal; padding:0 5px 0 0; margin:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #DocDetailsContainer h2.clsDocSummaryLabel {font-size:140%; display:block; margin-bottom:5px;} #DocDetailsContainer h2.clsDocViewDocumentLabel {font-size:140%; display:block; margin-bottom:5px;} #DocDetailsContainer h2.clsDocAssosiatedDocsLabel {font-size:140%; display:block; margin-bottom:5px;} #DocDetailsContainer > div > div, #DocDetailsContainer > div > p {margin:0; padding:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #DocDetailsContainer > div > div img, #DocDetailsContainer > div > p img {vertical-align:middle; margin-right:5px;} #DocDetailsContainer > div > p.clsDocViewDocument {display:block; margin:0; padding:20px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;} #DocDetailsContainer > div.clsDocBriefSummaryContainer {margin-bottom:25px;} #DocDetailsContainer > div.clsDocDatePublishedContainer {margin-bottom:25px;} #DocDetailsContainer > div.clsDocViewDocumentContainer {margin-bottom:25px;} #DocDetailsContainer > div > div.clsDocAssosiatedDocs {display:block;} /*---------------------------------------- / premium content ----------------------------------------*/ .premium-content {} .premium-content .article-desc {margin-bottom:20px;} .premium-content .login-element {} .premium-content .premium-lgn-article {} /*---------------------------------------- / document type annotations ----------------------------------------*/ #page-content a.document.pdf .file-info .file-type, .cloud-storage table.dataTable td > span.pdf { background:url(/Images/DocumentTypeImages/file-pdf.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.doc .file-info .file-type, #page-content a.document.docx .file-info .file-type, .cloud-storage table.dataTable td > span.doc, .cloud-storage table.dataTable td > span.docx { background:url(/Images/DocumentTypeImages/file-doc.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.xls .file-info .file-type, #page-content a.document.xlsx .file-info .file-type, .cloud-storage table.dataTable td > span.xls, .cloud-storage table.dataTable td > span.xlsx { background:url(/Images/DocumentTypeImages/file-xls.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.ppt .file-info .file-type, #page-content a.document.pptx .file-info .file-type, .cloud-storage table.dataTable td > span.ppt, .cloud-storage table.dataTable td > span.pptx { background:url(/Images/DocumentTypeImages/file-ppt.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.pps .file-info .file-type, #page-content a.document.ppsx .file-info .file-type, .cloud-storage table.dataTable td > span.pps, .cloud-storage table.dataTable td > span.ppsx { background:url(/Images/DocumentTypeImages/file-ppt.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.flv .file-info .file-type, #page-content a.document.f4v .file-info .file-type, .cloud-storage table.dataTable td > span.flv, .cloud-storage table.dataTable td > span.f4v { background:url(/Images/DocumentTypeImages/file-flv.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.url .file-info .file-type, .cloud-storage table.dataTable td > span.url { background:url(/Images/DocumentTypeImages/file-url.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.mpg .file-info .file-type, .cloud-storage table.dataTable td > span.mpg { background:url(/Images/DocumentTypeImages/file-mpg.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.mp3 .file-info .file-type, .cloud-storage table.dataTable td > span.mp3 { background:url(/Images/DocumentTypeImages/file-mp3.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.mp4 .file-info .file-type, .cloud-storage table.dataTable td > span.mp4 { background:url(/Images/DocumentTypeImages/file-mp4.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.wmv .file-info .file-type, .cloud-storage table.dataTable td > span.wmv { background:url(/Images/DocumentTypeImages/file-wmv.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.gif .file-info .file-type, #page-content a.document.jpg .file-info .file-type, #page-content a.document.png .file-info .file-type, .cloud-storage table.dataTable td > span.gif, .cloud-storage table.dataTable td > span.jpg, .cloud-storage table.dataTable td > span.png { background:url(/Images/DocumentTypeImages/file-jpg.gif) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } #page-content a.document.youtube .file-info .file-type { background:url(/Images/DocumentTypeImages/file-url.png) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } .cloud-storage table.dataTable td > span.album { background:url(/Images/tdcm/photo.png) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } .cloud-storage table.dataTable td > span.folder { background:url(/Images/tdcm/folder.png) no-repeat top left; width:16px; height:16px; text-indent:-9999px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } /*--------------------------------------------------------------------- Site Modules ---------------------------------------------------------------------*/ /*---------------------------------------- / document upload ----------------------------------------*/ .FileUpload a#btnAdddocument1 {color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .FileUpload a#btnAdddocument1:hover, .FileUpload a#btnAdddocument1:focus {border:1px solid #00557F; cursor:pointer;} /*---------------------------------------- / widgets ----------------------------------------*/ .widget dl, .widget dt, .widget dd {list-style-type:none; margin:0; padding:0;} .widget dd {line-height:140%;} .widget .widgetPageLinks {} .widget .widgetPageLinks h3 {display:inline; font-size:100%;} .widget .widgetPageLinks.pageLinksTop{float: left; width: 100%; margin-bottom: 40px; display:none;} .widget .widgetPageLinks.pageLinksBottom{float: left; width: 100%; margin-top: 40px;} /*-----image widget-----*/ .image-widget dl {display: none;} .image-widget dt {text-align:center;} .image-widget img {float:none; max-width: 100%;} .image-widget .mainItem, .image-widget .subItem {margin:0 20px 20px 0; width:160px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .image-widget .allsubItems {display:inline;} /*-----article widget-----*/ .article-widget .mainItem, .article-widget .subItem {margin-bottom:20px;} .article-widget .mainItemHeading, .article-widget .subItemHeading {font-size:120%; font-weight:bold;} /*-----news widget-----*/ .news-widget {font-size:160%; float:left; width:100%;} .news-widget .mainItem, .news-widget .subItem {margin-bottom:40px; float:left; width:33%; padding-right:40px;} .news-widget .mainItem a, .news-widget .subItem a {text-decoration:none;} .news-widget .mainItem a:hover, .news-widget .subItem a:hover{text-decoration:underline;} .news-widget .mainItemHeading, .news-widget .subItemHeading {font-weight:bold; color:#0483a9;} .news-widget .mainItemDate, .news-widget .subItemDate {font-size:80%;} .news-widget dd {font-size:90%;} .news-widget p {float:left; clear:both; width:100%; text-align:right; margin:0 0 20px 0; padding:0; font-size:90%;} /*-----news full widget-----*/ .news-full-widget {margin-bottom:40px; font-size:125%;} .news-full-widget .mainItem, .news-full-widget .subItem {margin-bottom:20px;} .news-full-widget .mainItemHeading, .news-full-widget .subItemHeading {font-size:120%; font-weight:normal;} .news-full-widget .mainItemDate, .news-full-widget .subItemDate {font-size:90%;} .news-full-widget dd {font-size:100%;} /*-----document widget-----*/ .document-widget .mainItem, .document-widget .subItem {margin-bottom:15px;} /*-----video widget-----*/ .video-widget img {float:none;} .video-widget .mainItem {background:#deded5; border:1px solid #bbbbbb; height:216px;} .video-widget .mainItem img {} .video-widget .mainItem dl {width:450px; margin:20px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .video-widget .allsubItems {margin-top:20px;} .video-widget .subItem {margin:0 20px 20px 0; width:160px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .video-widget .subItem img {width:160px;} .video-widget .subItem dt {text-align:center;} #nyroModalWrapper {background-color:#000;} #nyroModalWrapper h1 {margin:10px 0 0 10px;} #nyroModalFull #closeBut {color:#ffffff; background:#000; padding:5px; position:absolute; top:10px; right:10px;} /*-----slideshow widget-----*/ .slideshow-widget {} .slideshow-widget .slideshowcontainer {} .slideshow-widget .slideshowcontainer .slideshow {height:125px !important; width:160px !important;} .slideshow-widget .slideshowcontainer .slideshownav {} .slideshow-widget .slideshowcontainer .slideshownav a {padding-right:5px;} /*-----video widget-----*/ .youtube-widget h2 {display:none;} .youtube-widget a {text-decoration:none;} .youtube-widget img {float:none;} .youtube-widget .mainItem {background:#fff; border:1px solid #bbbbbb; padding:10px; height:200px;} .youtube-widget .mainItem img {} .youtube-widget .mainItem dl {width:400px; margin:0 0 0 20px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .youtube-widget .mainItem dl .mainItemHeading {font-size:175%; display:block; margin-bottom:10px;} .youtube-widget .allsubItems {margin-top:20px;} .youtube-widget .subItem {margin:0 20px 30px 0; width:440px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .youtube-widget .subItem img {width:160px; margin-right:20px;} .youtube-widget .subItem dl {width:200px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .youtube-widget .subItem dt {} .youtube-widget .subItem dt .subItemHeading {font-weight:bold;} /*-----quicklinks widget-----*/ .quicklinks-widget dl {margin-bottom: 25px;} .quicklinks-widget a {color:#092745 !important; text-decoration: underline; font-size: 160%; font-family: 'AvenirLTPro-Black'; letter-spacing: 2px;} .quicklinks-widget a img {float: none !important;} /*-----blogs widget-----*/ .blog-widget {background-color:#e5f0f4; float:left; text-align: left;} .blog-widget a img {max-width: 100%; width: 100%;} .blog-widget h3 {border-bottom: 0; color:#092745 !important; text-transform: uppercase; padding: 10px 20px; margin-bottom: 0; font-family: 'AvenirLTPro-Light'; font-size: 100%; letter-spacing: 2.5px;} .blog-widget dl {padding: 20px 20px 40px 20px; float: left;} .blog-widget a {color:#092745 !important} .blog-widget dl dt {margin-bottom: 30px;} .blog-widget dl > a {position: absolute;bottom: 25px;} .blog-widget dl dt a {font-family: 'AvenirLTPro-Black'; font-size: 183%; text-decoration: none; text-transform: inherit; letter-spacing: 0;} .blog-widget dl dd {display: none;} .blog-widget dl a {font-family: 'AvenirLTPro-Black'; text-decoration: underline; text-transform: uppercase; font-size: 100%; letter-spacing: 2.5px;} /*---------------------------------------- / widget refinements /*---------------------------------------*/ .refinewidget {margin-bottom:20px;} .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:0; right:0; width:12px; height:12px; text-indent:-9999px; background:url(/images/tdcm/cross-small.png) no-repeat 0 0;} .refinewidget .searchInput {width:130px; height:20px; border:1px solid #999; padding:2px 5px;} .refinewidget .searchInput:hover, .refinewidget .searchInput:focus {border-color:#000;} .refinewidget a[id$="SearchLinkButton"] {color:#fff; text-decoration:none; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline; } .refinewidget a[id$="SearchLinkButton"]:hover, .refinewidget a[id$="SearchLinkButton"]:focus {text-decoration:none; border:1px solid #003F5F; cursor:pointer;} /*---------------------------------------- / carousels /*---------------------------------------*/ .carousel-contents {position:relative; width:100%; float: left;} .carousel-contents #slider-prev {display:block; position:absolute; top:40%; left:35px; z-index:2000; text-indent:-9999px; text-decoration: none;} .carousel-contents #slider-prev:after {content: "\e802"; font-family: "fontello"; font-size: 50px; font-weight:800; color: #fff; position: absolute;left: 0;text-indent: 0;} .carousel-contents #slider-next {display:block; position:absolute; top:40%; right:35px; z-index:2000; text-indent:-9999px; text-decoration: none;} .carousel-contents #slider-next:after {content: "\e803"; font-family: "fontello"; font-size: 50px; font-weight:800; color: #fff; position: absolute;right: 0;text-indent: 0;} .carousel-contents #slider-prev.gee-ref{left:-60px;} .carousel-contents #slider-next.gee-ref{right:-60px;} .carousel-contents #slider-prev.gee-ref:after, .carousel-contents #slider-next.gee-ref:after{color:#cbd8de;} .carousel-contents:hover #slider-prev, .carousel-contents:focus #slider-prev, .carousel-contents:hover #slider-next, .carousel-contents:focus #slider-next {} .carousel-contents #nav {position:relative; padding: 15px 0; text-align: right; z-index:101; background:transparent;} .carousel-contents #nav a {color:#fff; display:inline-block; vertical-align:top; margin-left:10px; text-align: left; text-indent:-9999px; border-radius:10px; width:10px; height:10px; background-color:#092745;} .carousel-contents #nav a.activeSlide {background-color:#01b9e5;} .carousel-contents #slide.career {margin:0 auto; position:relative; overflow:hidden; height:434px !important;} .carousel-contents #slide.career > div {width:100% !important; height:434px !important;} .carousel-contents #slide.career > div .content {position:absolute; top:0px; right:0px; padding: 60px 30px 45px 30px; z-index:100;width:370px; height: 100%; text-align: center;} .carousel-contents #slide.career > div .content h3 {font-size:225%; font-weight:bold; color: #fff; margin:0; padding:20px;} .carousel-contents #slide.career > div .content p {font-size:120%; color: #fff; margin:0; padding:0 20px 10px; line-height: 120%;} .carousel-contents #slide.career > div .content p.carousel-button {padding-bottom:20px;} .carousel-contents #slide.career > div .content a {font-size:125%; color:#002f5d; padding:10px 55px 10px 15px; display:inline-block;font-weight:bold;} .carousel-contents #slide.career > div .content a span {} .carousel-contents #slide.career > div img {/*width:100%;*/ height:290px; right: -9999px; left: -9999px; margin: auto;} .carousel-contents #slide.career > div blockquote {color: #fff; border-left: 0; padding:20px;font-family: 'AvenirLTPro-MediumOblique'; font-style: italic; font-size: 200%; line-height: 120%;} .carousel-contents #slide.home { margin: 0 auto; position: relative; overflow: hidden; height: 564px!important; } .carousel-contents #slide.home > div { width: 100%!important; height: 564px!important; } .carousel-contents #slide.home > div .content { position: absolute; bottom: 0; padding: 60px 30px 45px 170px!important; z-index: 100; width: 675px; left: 0; } .carousel-contents #slide.home>div .content h2 { font-size: 400%; text-shadow: 0 0 12px rgba(0,0,0,0.7); } .carousel-contents #slide.home > div .content h3 {font-size:225%; font-weight:bold; color: #fff; margin:0; padding:20px;} .carousel-contents #slide.home>div .content p { font-family: AvenirLTPro-Medium; font-size: 160%; color: #fff; margin: 0; padding: 0 0 20px 0; line-height: 120%; text-align: left; text-shadow: 0 0 12px rgba(0,0,0,0.7); } .carousel-contents #slide.home > div .content p.carousel-button {padding-bottom:20px;} .carousel-contents #slide.home > div .content a {font-size:125%; color:#002f5d; padding:15px 60px 12px 30px; display:inline-block;font-weight:bold; margin-bottom: 0;} .carousel-contents #slide.home > div .content a span {} .carousel-contents #slide.home > div img {width:100%;height: auto; right: -9999px; left: -9999px; margin: auto;} .carousel-contents #slide.home > div blockquote {color: #fff; border-left: 0; padding:20px;font-family: 'AvenirLTPro-MediumOblique'; font-style: italic; font-size: 200%; line-height: 120%;} .carousel-contents #slide.home.geelong-refinery > div .content {width: 360px; padding:60px 30px 45px 40px!important;} .carousel-contents #slide.home.geelong-refinery > div{height:422px!important;} .carousel-contents #slide.home.geelong-refinery > div .content h3{padding:20px 0; font-size:250%;} .carousel-contents #slide.home.geelong-refinery{height:422px!important;} .more-news-button { padding: 20px 0; } .more-news-button a { background: 0; color: #092745!important; padding: 15px 20px 12px 20px; } .more-news-button a:after { content:none; } #intro-feature { position: absolute; bottom: -55px; right: 40px; z-index: 99; } #homeslide {width:100% !important; height: 415px !important;} .carousel-contents #homeslide > div {width:100% !important; height:430px !important; object-fit: cover; overflow:hidden;} #homeslide img {max-width:525px !important;} #HomeCarouselSection { /*background: #faf7f0; padding: 60px 0 60px; height: 530px;*/ } .our-community-left { text-align: left; height: 430px; } .our-community-left h2 { font-size: 350%; color: #b39d6c!important; margin-top: 0; } .our-community-left p { color: #b39d6c!important; font-size: 160%; } .community-button { position: absolute; bottom: 0; } #HomeCarouselSection #thenav { position: absolute; bottom: 20px; left: 30px; z-index: 99; } #HomeCarouselSection #thenav a { border-radius: 50%; width: 10px; height: 10px; padding:0 3px; background:#fff; margin:0 5px; text-indent: -9999px; color: transparent; } #HomeCarouselSection #thenav a.activeSlide { border-radius: 50%; width: 10px; height: 10px; padding:0 3px; background-color:#01b9e5; text-indent: -9999px; color: transparent; } /*---------------------------------------- / Executive team - Added 19 June 2018 ----------------------------------------*/ .executive-team > div {border-bottom:solid 1px #ac976c;} .content-area .executive-team h2 {margin-top:0;} .content-area .executive-team ul {padding: 0; margin: 0;} .content-area .executive-team ul li {margin-bottom:15px;} .content-area .executive-team ul li {list-style-type: none;} .content-area .executive-team ul li:before {content: none;} /*---------------------------------------- / 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 element ----------------------------------------*/ #PollMain #PollSection span {font:18px/1.2em georgia,arial,verdana,sans-serif; margin:0 0 10px 0; display:block;} #PollMain span.RenderPoll {display:block; margin:10px 0px;} /*poll page*/ #PollMain span.RenderPoll input {margin:0 5px 5px 0;} #PollMain span.RenderPoll label {margin:0 0 5px 0;} #PollMain input[id$="btnPoll"] {margin:10px 0;text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; 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 element ----------------------------------------*/ .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 element ----------------------------------------*/ .clsFormCreator {margin:0 0 20px 0;} .clsFormCreator > div {margin-bottom:20px; position:relative; float:left; clear:both; width:100%;} .clsFormCreator div label { padding:5px 5px 0 0; float:left; margin:0;} .clsFormCreator div input {width:80%; max-width:400px; min-height:30px; border:1px solid #999; padding:2px 5px; float:left;} .clsFormCreator div input:hover, .clsFormCreator div input:focus {border-color:#666;} .clsFormCreator .clsFormCreator_checkboxnotifyaccessed input[type="checkbox"] {width: auto;} .clsFormCreator .clsFormCreator_checkboxnotifyaccessed label {width: 90%; position: relative; top: 5px; left: 5px;} .clsFormCreator div select {width:80%; max-width:400px; height:30px; border:1px solid #999; padding:2px 5px;} .clsFormCreator div textarea {width:80%; max-width: 400px; height:100px; border:1px solid #999; padding:2px 5px; resize:none;} .clsFormCreator div textarea:hover, .clsFormCreator div textarea:focus {border-color:#666;} .clsFormCreator div span.mandatory, .clsFormCreator div span.validatoralert {position:absolute; top:0; right:100px; background-color:red; color:#fff !important; padding:7px 14px;} .clsFormCreator div span.validatoralert {right:0; width:150px;} .clsFormCreator fieldset {border:none; margin:0 0 20px 0; padding:0;} .clsFormCreator fieldset legend.clsFieldsetLegend { font: 500 230% 'AvenirLTPro-Black',verdana,sans-serif; color: #092745; padding-bottom: 5px;} .clsFormCreator div .clsCheckBoxListSpanOptions, .clsFormCreator div .clsRadioButtonListSpanOptions {position:relative; margin:0; max-width:960px;/*min-height:100px;*/} .clsFormCreator div .clsCheckBoxListSpanOptions legend, .clsFormCreator div .clsRadioButtonListSpanOptions legend {float: left; padding:0 5px 10px 0; margin:0;top:0; left:0;border-bottom:0px;} .clsFormCreator div .clsCheckBoxListSpanOptions > span, .clsFormCreator div .clsRadioButtonListSpanOptions > span {margin-bottom:5px; display:block; float:left; /*clear:both;*/ width:10%;} .clsFormCreator div .clsCheckBoxListSpanOptions span input, .clsFormCreator div .clsRadioButtonListSpanOptions span input {width:auto; height:auto; margin:0 5px 0 0; padding:0;} .clsFormCreator div .clsCheckBoxListSpanOptions span label, .clsFormCreator div .clsRadioButtonListSpanOptions span label {padding:7px 0px; line-height:100%;} .clsFormCreator div .clsCheckBoxListSpanOptions label.clsCheckBoxListLabel{width:auto; margin-right:5px; margin-top:2px;} .clsFormCreator div .clsCheckBoxListSpanOptions>span{width:auto;} .clsFormCreator div.clsFormCreator_checkbox {position:relative; padding-left:20%;} .clsFormCreator div.clsFormCreator_checkbox label {width:auto; position:absolute;/* left:130px;*/ top:10px; padding-left:5px;} .clsFormCreator_checkbox.clsFormCreator_UserField981_16957 label { left: auto !important; padding: 10px 5px; } .clsFormCreator div.clsFormCreator_checkbox input {width:auto;float:none;height:auto;} .clsFormCreator div.clsMandatory {padding-left:20%; font-size:90%;} .clsFormCreator div.clsBtnSubmit {float:none; width:auto; margin:20px 0 0 0; padding-left:20%; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .clsFormCreator div.clsBtnSubmit input {width:auto; height:auto; text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .clsFormCreator div.clsBtnSubmit input:hover, .clsFormCreator div.clsBtnSubmit input:focus {border:1px solid #00557F; cursor:pointer;} .clsFormCreator div.clsBtnClear {float:none; width:auto; margin:20px 0 0 10px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .clsFormCreator div.clsBtnClear input {width:auto; height: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; } .clsFormCreator div.clsBtnClear input:hover, .clsFormCreator div.clsBtnClear input:focus {border:1px solid #333; cursor:pointer;} .clsFormCreator .formCreatorCaptchaTable {padding-left:20%;} .clsFormCreator .formCreatorCaptchaTable div {margin-bottom:0;} .clsFormCreator .recaptcha_only_if_privacy {margin-top:10px;} .clsFormCreator .recaptcha_only_if_privacy a, .clsFormCreator .recaptcha_only_if_privacy a:hover {color:#00a7e1;} .clsFormCreator .submit-failed, .clsFormCreator .submit-success {display:none;} .clsFormCreator div h1, .clsFormCreator div h2, .clsFormCreator div h3, .clsFormCreator div h4, .clsFormCreator div h5, .clsFormCreator div h6 {margin-bottom:0;} #FormCreator_3258 .radio, #FormCreator_3258 .checkbox { display: inline-block; } /*Captcha Style*/ .formCreatorCaptchaTable {} .formCreatorCaptchaTable .rcRefreshImage{clear:both;} .formCreatorCaptchaTable input{clear:both; height:30px;} .formCreatorCaptchaTable .RadCaptcha label{text-align:left!important; font-size:13px;} /*---------------------------------------- /New Registration Form 23may16 ----------------------------------------*/ select#UserField1386_27141, select#UserField1386_27152 {width: 100% !Important;} div#FormCreator_1386 label.clsRadioButtonListLabel {width: 20% !important;} div#FormCreator_1386 .clsRadioButtonListSpanOptions>span {width: 10% !Important;} div#FormCreator_1386 .clsBtnSubmit, div#FormCreator_1386 .clsMandatory {padding-left: 20%;} .clsFormCreator_radiobuttonlist.clsFormCreator_UserField1386_27147 .clsFormCreator div .clsCheckBoxListSpanOptions, .clsFormCreator div .clsRadioButtonListSpanOptions {min-height: auto !important;} .clsFormCreator_radiobuttonlist.clsFormCreator_UserField1386_27165 fieldset.clsRadioButtonListSpanOptions{height:100px;} /*---------------------------------------- / form results element ----------------------------------------*/ .FormResult {} /*-----search parameters-----*/ .FormResult .clsSearchParameters {position:relative; background:#e3e3e3; border:1px solid #c2c2c2; padding:10px; min-height:20px;} .FormResult .clsSearchParameters .clsSubmitNew {/*width:80px;*/ position:absolute; top:10px; right:10px;} .FormResult .clsSearchParameters .clsSubmitNew a {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; } .FormResult .clsSearchParameters .clsSubmitNew a:hover, .FormResult .clsSearchParameters .clsSubmitNew a:focus {border:1px solid #333; cursor:pointer;} .FormResult .clsSearchParameters .divSearchPanelInner, .FormResult div.advanced-search-panel {display: -moz-inline-box !important; display:inline-block !important; 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 .clsSearchParameters .divSearchPanelInner > div label, .FormResult div.advanced-search-panel > div label {padding:5px 5px 0 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .FormResult .clsSearchParameters .divSearchPanelInner > div input, .FormResult div.advanced-search-panel > div input {width:188px !important; height:20px; border:1px solid #999; padding:2px 5px;} .FormResult div.advanced-search-panel > div .RadPicker input {width:100% !important; height:24px;} .FormResult div.advanced-search-panel > div input#txtRefNo {width:50px !important;} .FormResult .clsSearchParameters .divSearchPanelInner > div input:hover, .FormResult .clsSearchParameters .divSearchPanelInner > div input:focus, .FormResult div.advanced-search-panel > div input:hover, .FormResult div.advanced-search-panel > div input:focus {border-color:#000;} .FormResult .clsSearchParameters .divSearchPanelInner > div select, .FormResult div.advanced-search-panel > div select {width:300px; border:1px solid #999; padding:2px 5px;} .FormResult .clsSearchParameters div.clsFormResultsSearchButton {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .FormResult .clsSearchParameters div.clsFormResultsSearchButton a {text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .FormResult .clsSearchParameters div.clsFormResultsSearchButton a:hover, .FormResult .clsSearchParameters div.clsFormResultsSearchButton a:focus {border:1px solid #00557F; cursor:pointer;} .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 {border-collapse:collapse; background-color:#E8E8E8; margin-bottom:20px; width:100%;} .FormResult table.returned-results tr th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} .FormResult table.returned-results tr th a {color:#fff; font-weight:bold;} .FormResult table.returned-results tr td {border:1px solid #ccc; padding:5px;} .FormResult table.returned-results tr.even td {background:#ffffff;} /*-----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 label {width:100px; padding-right:5px; white-space:normal !important; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .divFormCreatorTableContentMain div input {width:288px; border:1px solid #999; padding:2px 5px;} .divFormCreatorTableContentMain div input:hover, .divFormCreatorTableContentMain div input:focus {border-color:#000;} .divFormCreatorTableContentMain div select {width:300px; border:1px solid #999; padding:2px 5px;} .divFormCreatorTableContentMain div textarea {width:288px; height:144px; border:1px solid #999; padding:2px 5px; resize:none;} .divFormCreatorTableContentMain div textarea:hover, .divFormCreatorTableContentMain div textarea:focus {border-color:#000;} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions {width:300px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span {width:300px; margin-bottom:5px; display:block;} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span input {width:auto;} .divFormCreatorTableContentMain div span.clsCheckBoxListSpanOptions span label {width:auto;} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions {width:300px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions span {width:300px; margin-bottom:5px; display:block;} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions span input {width:auto;} .divFormCreatorTableContentMain div span.clsRadioButtonListSpanOptions span label {width:auto;} .divFormCreatorTableContentMain div.clsFormCreator_checkbox {position:relative; padding-left:105px;} .divFormCreatorTableContentMain div.clsFormCreator_checkbox label {width:auto; position:absolute; left:130px; top:0;} .divFormCreatorTableContentMain div.clsFormCreator_checkbox input {width:auto;} .divFormCreatorTableContentMain fieldset {border:none; margin:0 0 20px 0; padding:0;} .divFormCreatorTableContentMain fieldset legend {color:#000;} .divFormCreatorTableContentMain div.clsMandatory {padding-left:105px; font-size:90%;} .divFormCreatorTableContentMain div.clsBtnSubmit {padding-left:105px;} .divFormCreatorTableContentMain div.clsBtnSubmit input {width:auto;} .divFormCreatorTableContentMain div.clsBtnSubmit input:hover, .divFormCreatorTableContentMain div.clsBtnSubmit input:focus {} /*---------------------------------------- / document list /*---------------------------------------*/ #divDocListResults {} /*-----search parameters-----*/ #divDocListResults .clsSearchParameters {position:relative; background:#e3e3e3; border:1px solid #c2c2c2; padding:10px;} #divDocListResults .clsSearchParameters .search-heading {display:none;} #divDocListResults .clsSearchParameters .search-parameters {margin:0 10px 10px 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divDocListResults .clsSearchParameters .search-parameters label {padding:3px 5px 0 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divDocListResults .clsSearchParameters .search-parameters input {width:200px; height:20px; border:1px solid #999; padding:2px 5px; height:} #divDocListResults .clsSearchParameters .search-parameters input:hover, #divDocListResults .clsSearchParameters .search-parameters input:focus {border-color:#000;} #divDocListResults .clsSearchParameters #divFileSizeSearch label#searchFileSizeToLabel {width:auto;} #divDocListResults .clsSearchParameters #divFileSizeSearch input {width:108px; margin-right:10px;} #divDocListResults .clsSearchParameters .RadPicker input {width:100%; height:24px;} #divDocListResults .clsSearchParameters div[id$="divLastEditedSearch"] label[id$="searchLastEditedToLabel"] {width:auto;} #divDocListResults .clsSearchParameters .clsFormResultsSearchButton {height:30px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divDocListResults .clsSearchParameters .search-parameters #searchLastEdited {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divDocListResults .clsSearchParameters .clsFormResultsSearchButton a#SearchLinkButton {text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divDocListResults .clsSearchParameters .clsFormResultsSearchButton a#SearchLinkButton:hover, #divDocListResults .clsSearchParameters .clsFormResultsSearchButton a#SearchLinkButton:focus {border:1px solid #00557F; cursor:pointer;} #divDocListResults .clsSearchParameters .clsFormResultsSearchButton a#SearchClearAllButton {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;} #divDocListResults .clsSearchParameters .clsFormResultsSearchButton a#SearchClearAllButton:hover, #divDocListResults .clsSearchParameters .clsFormResultsSearchButton a#SearchClearAllButton:focus {border:1px solid #333; cursor:pointer;} /*-----results table-----*/ #divDocListResults .clsDocListRepeater {} #divDocListResults .clsDocListRepeater table#tableDocList {border-collapse:collapse; background-color:#E8E8E8; width:100%;} #divDocListResults .clsDocListRepeater table#tableDocList th {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff;} #divDocListResults .clsDocListRepeater table#tableDocList th a {color:#fff;} #divDocListResults .clsDocListRepeater table#tableDocList td {border:1px solid #ccc; padding:5px;} /*---------------------------------------- / cloud storage ----------------------------------------*/ .cloud-storage {margin-bottom:20px;} .cloud-storage .cloud-breadcrumb {margin-bottom:20px;} .cloud-storage .cloud_search_init {width:288px; border:1px solid #999; padding:2px 5px;} .cloud-storage .cloud_search_init:hover, .cloud-storage .cloud_search_init:focus {border-color:#000;} .cloud-storage table.dataTable {border-collapse:collapse; background-color:#E8E8E8; width:100% !important; margin-bottom:10px;} .cloud-storage table.dataTable th, .cloud-storage table.dataTable thead td {border:1px solid #fff; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} .cloud-storage table.dataTable th a, .cloud-storage table.dataTable thead td a {color:#fff; font-weight:bold;} .cloud-storage table.dataTable td {border:1px solid #ccc; padding:5px;} .cloud-storage .dataTables_info {margin-bottom:10px;} .cloud-storage .dataTables_paginate {height:20px; position:relative;} .cloud-storage .dataTables_paginate a {float:left; margin-right:5px;} .cloud-storage .dataTables_paginate a.first {} .cloud-storage .dataTables_paginate a.previous {} .cloud-storage .dataTables_paginate a.next {} .cloud-storage .dataTables_paginate a.last {} .cloud-storage .dataTables_paginate span {float:left; margin:0 20px;} .cloud-storage .dataTables_paginate a.paginate_active {font-weight:bold;} /*---------------------------------------- / corporate directory ----------------------------------------*/ div[id$="pnlPeopleTab"], div[id$="divPrintToPDF"] {display:none !important;} #PeopleSearch_container {} /*-----search-----*/ #PeopleSearch_container div[id$="divPeopleSearchCriteria"] {margin-bottom:20px;} #PeopleSearch_container div[id$="divSearchRefine"] {width:160px; float:right; margin:20px 0 0 20px;} #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;} #PeopleSearch_container div[id$="divSearchRefine"] fieldset div {margin-bottom:5px;} #PeopleSearch_container div[id$="divSearchRefine"] fieldset label {display:none;} #PeopleSearch_container div[id$="divSearchRefine"] fieldset input {width:150px;} #PeopleSearch_container div[id$="divSearchRefine"] fieldset select {width:150px;} #PeopleSearch_container div[id$="divSearchRefine"] div[id$="pnlCriteriaGoButton"] button, #PeopleSearch_container div[id$="divSearchRefine"] div[id$="pnlBrowseGoButton"] button {text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #PeopleSearch_container div[id$="divSearchRefine"] div div button:hover, #PeopleSearch_container div[id$="divSearchRefine"] div div button:focus {border:1px solid #00557F; cursor:pointer;} /*-----results-----*/ /*table layout*/ #PeopleSearch_container div[id$="divPeopleSearchResults"] {width:755px; float:right; margin-top:20px;} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable {margin:20px 0;} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable th {background-color:#444; color:#fff; padding:5px; text-align:left; border-bottom:1px solid #ccc; font-weight:bold;} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable th a {color:#fff; font-weight:bold;} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable td {padding:5px;} #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable tr.PeopleSearchLine2 td {border-bottom:1px solid #ccc;} /*span list layout*/ #PeoplesearchResultsInfo {list-style-type:none; margin:20px 0; padding:0;} #PeoplesearchResultsInfo li {position:relative; float:left; clear:both; width:100%; min-height:100px; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #ddd;} #PeoplesearchResultsInfo li .firstRow {float:left; margin-bottom:5px; padding-left:115px;} #PeoplesearchResultsInfo li .firstRow .PeopleResultName {font-size:110%; font-weight:bold;} #PeoplesearchResultsInfo li .clsPeopleResultContactInfo {float:left; clear:both; padding-left:115px;} #PeoplesearchResultsInfo li .PeopleResultContact span {float:left; margin-right:20px;} #PeoplesearchResultsInfo li .PeopleResultContact a {float:left; clear:both; margin-top:5px;} #PeoplesearchResultsInfo li .PeopleResultContact em {display:none;} #PeoplesearchResultsInfo li .clsPeopleResultManager {float:left; clear:both; margin-top:5px; padding-left:115px;} #PeoplesearchResultsInfo li .PeopleResultNumber {display:none;} #PeoplesearchResultsInfo li .PeopleResultGroupUnitOrg {display:none;} #PeoplesearchResultsInfo li .clsPeopleResultThumb {position:absolute; top:0; left:0; width:100px; height:100px;} /*-----details-----*/ .module-area #divPhoneBookDetail {margin-bottom:20px;} .module-area #divPhoneBookDetail .clsPhotoandContact {width:200px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .module-area #divPhoneBookDetail .clsPhotoandContact h2 {margin:10px 0 0 0; font-size:120%; font-weight:bold;} .module-area #divPhoneBookDetail .clsPhotoandContact .clsContact div {margin-bottom:5px;} .module-area #divPhoneBookDetail #nameDetails {font-size:160%;} .module-area #divPhoneBookDetail .clsPhoneDetails {width:600px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .module-area #divPhoneBookDetail .clsPhoneDetails h2 {margin:10px 0 0 0; font-size:120%; font-weight:bold;} /*-----org chart-----*/ .org-chart-header {margin:0 0 20px 0; position:relative;} .org-chart-header a.back {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;} .RadOrgChart .rocItemTemplate .thumb-image {width:80px; margin-left:5px;} .RadOrgChart .rocItemTemplate .thumb-image img {width:80px;} .RadOrgChart .rocItemTemplate .display-name {float:left; width:90px;} /*---------------------------------------- / blogs module ----------------------------------------*/ .blogContainer {position:relative;} /*-----archive list-----*/ .blogContainer .blogMenu {position:absolute; width:200px; top:0; right:0; padding:10px; border:1px solid #ccc;} .blogContainer .blogMenu .clsMidHeader {display:block; background-color:#6d6a64; color:#fff; font-size:120%; padding:5px;} .blogContainer .blogMenu a {display:block; margin-bottom:5px;} /*-----blog articles list-----*/ .blogContainer .blogMain {margin-right:250px;} .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 .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:140%;} .blogArtBody ol, .blogArticleDesc ol {margin:0 0 20px 40px; padding:0;} .blogArtBody ol li, .blogArticleDesc ol li {margin-bottom:5px; line-height:140%;} .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 #00a7e1; background-color:#00a7e1; 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 #00a7e1; background-color:#00a7e1; 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 #00a7e1; background-color:#00a7e1; 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;} .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 #00a7e1; background-color:#00a7e1; 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;} #info-window .login-window {margin-bottom: 100px;} #info-window div.top-bar {display: none;} #info-window a.ellogo img {display: none;} body #info-window {margin-bottom: 100px;} /*----Document Control Buttons----*/ div.edit-buttons {background:#34383C; color:#373737; font-size:13px; font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; height:40px; padding:0;} div.admin-menu-on {padding-left:45px;} div.edit-buttons a {font-family:'Lato','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:13px;} div.edit-buttons #main-menu-toggle {background:#1C1E21; color:#fff; cursor:pointer; font-size:16px; height:29px; left:0; padding:11px 0 0 13px; position:absolute; text-decoration:none; text-shadow:none; top:0; width:27px; z-index:1000;} /*div.edit-buttons {background: url(/images/tdcm/admin.png?ver9-5) repeat-x 0 0; color:#373737; font:12px/12px arial, sans-serif; height:35px; padding:0 0 0 10px;}*/ div.edit-buttons > div {display:block; float:left;} div.edit-buttons .logos {width:131px; margin:3px 0 0 5px; height:37px;} div.edit-buttons .logos:hover, div.edit-buttons .logos:focus {background:none;} div.edit-buttons .logos .hex {height:31px;width:31px;background:url(/images/tdcm/elcomcms-logo.png?ver9-5) no-repeat 0 2px;float:left;text-indent:-9999px;padding:0 10px 0 0;} div.edit-buttons .logos .hex:hover, div.edit-buttons .logos .hex:focus {background:url(/images/tdcm/elcomcms-logo.png?ver9-5) no-repeat 0 -37px;} div.edit-buttons .logos .elcomlogo {height:31px;width:80px;background:url(/images/tdcm/elcomcms-logo.png?ver9-5) no-repeat -41px 2px;float:left;text-indent:-9999px;padding:0 10px 0 0;} div.edit-buttons .logos .elcomlogo:hover, div.edit-buttons .logos .elcomlogo:focus {background:url(/images/tdcm/elcomcms-logo.png?ver9-5) no-repeat -41px -37px;} /*-----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 ----------------------------------------*/ .EventQuickSearchMain {} /*-----search options-----*/ .EventQuickSearchMain div[id$="EventQuickSearch"] {width:400px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom: 1; *display:inline;} .EventQuickSearchMain .EventQuickSearchRow {padding:0 0 10px 0;} .EventQuickSearchMain .EventQuickSearchRow #calKeywordHeading {padding-top:5px; font-weight:bold; width:80px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .EventQuickSearchMain .EventQuickSearchRow input[type="text"] {width:288px !important; height:20px; border:1px solid #999; padding:2px 5px;} .EventQuickSearchMain .EventQuickSearchRow .RadPicker input[type="text"] {width:100% !important; height:24px;} .EventQuickSearchMain .EventQuickSearchRow input[type="text"]:hover, .EventQuickSearchMain .EventQuickSearchRow input[type="text"]:focus {border-color:#000;} .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:5px 0 0 0; padding:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .EventQuickSearchMain .EventQuickSearchRow .RenderCategory li {margin-bottom:5px;} .EventQuickSearchMain .EventQuickSearchRow .RenderCategory input {width:auto !important; display:inline;} .EventQuickSearchMain .EventQuickSearchRow .RenderCategory label {margin-left:5px;} .EventQuickSearchMain .EventQuickSearchRowButtons #btnSearch {margin:5px 5px 0 0; text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .EventQuickSearchMain .EventQuickSearchRowButtons #btnSearch:hover, .EventQuickSearchMain .EventQuickSearchRowButtons #btnSearch:focus {border:1px solid #00557F; cursor:pointer;} .EventQuickSearchMain .EventQuickSearchRowButtons #btnReset {margin:5px 15px 0 0; 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;} .EventQuickSearchMain .EventQuickSearchRowButtons #btnReset:hover, .EventQuickSearchMain .EventQuickSearchRowButtons #btnReset:focus {border:1px solid #333; cursor:pointer;} /*-----mini calendar-----*/ .EventQuickSearchMain .EventQuickSearchCalendar {width:300px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .EventQuickSearchMain .EventQuickSearchCalendar .calendarTitle {width:280px; background-color:silver;} .EventQuickSearchMain .EventQuickSearchCalendar table {width:300px; 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:#00a7e1;} .EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarEventDay a {color:#fff;} .EventQuickSearchMain .EventQuickSearchCalendar table.calendar td.calendarCurrentDayWithEvent {background-color:#00a7e1;} .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 #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:#00a7e1;} #eventOuterTable table.calendar td.calendarEventDay a {color:#fff;} #eventOuterTable table.calendar td.calendarCurrentDayWithEvent {background-color:#00a7e1;} #eventOuterTable table.calendar td.calendarCurrentDayWithEvent a {color:#fff;} #eventOuterTable table.calendar td.calendarWeekend {background:#f3f3f3;} #eventOuterTable table.calendar td.calendarOtherDay {background:#e7e7e7; color:#b7b7b7;} #eventOuterTable .event-search-results {margin-top:40px;} #eventOuterTable .event-search-results ol {list-style-type:none; margin:20px 0 0 0; padding:0; width:100%;} #eventOuterTable .event-search-results ol li {float:none; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #E0E0E0;} #eventOuterTable .event-search-results ol li .eventresultNumber {display:none;} #eventOuterTable .event-search-results ol li .firstRow {} #eventOuterTable .event-search-results ol li .lastRow {} /*---------------------------------------- / events module ----------------------------------------*/ /*-----search criteria fields-----*/ .SearchCriteria, #myAccountArea .clsEventSearchLeft {float:left; padding:10px; width:260px; background-color:#FAFAFA; border:1px solid #C5C5C5;} .SearchCriteria > div, #myAccountArea .clsEventSearchLeft .clsEventSearchCriteria > div {margin:0 0 10px 0;} .SearchCriteria div label, #myAccountArea .clsEventSearchLeft div label, #myAccountArea .clsEventSearchLeft div .CriteriaEventTypeHeading, #myAccountArea .clsEventSearchLeft div .CriteriaFromDateText, #myAccountArea .clsEventSearchLeft div .CriteriaToDateText {width:80px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .SearchCriteria div input, #myAccountArea .clsEventSearchLeft div input {width:160px;} .SearchCriteria div select, #myAccountArea .clsEventSearchLeft div select {width:160px;} .SearchCriteria fieldset, #myAccountArea .clsEventSearchLeft fieldset {border:none; padding:0; margin:0;} .SearchCriteria fieldset legend, #myAccountArea .clsEventSearchLeft fieldset legend {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"] {padding-left:85px;} .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;} .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; padding-left:85px;} .SearchCriteria .clsButtonSmall {width:auto; margin-left:85px; text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .SearchCriteria .clsButtonSmall:hover, .SearchCriteria .clsButtonSmall:focus {border:1px solid #00557F; cursor:pointer;} /*-----main search results area-----*/ .EventSearchResults {float:left; width:605px; padding:15px 25px 15px 25px;} #myAccountArea .clsEventSearchRight {float:left; margin-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:500px;} ol#eventsearchResultsInfo li {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ccc; float:left; width:100%;} ol#eventsearchResultsInfo li span.resultImage {padding-right:10px;} ol#eventsearchResultsInfo li span.resultImage img {} ol#eventsearchResultsInfo li span.firstRow {display:block; margin-bottom:5px;} ol#eventsearchResultsInfo li span.eventresultNumber {display:none;} ol#eventsearchResultsInfo li a {text-decoration:none; font-weight:bold; font-size:120%;} ol#eventsearchResultsInfo li span.clsEventResultThumb {float:left; margin-right:10px;} ol#eventsearchResultsInfo li span.eventresultHead {} ol#eventsearchResultsInfo li span.clsEventResultDescr {margin:5px 0px 5px 0px; display:block;} ol#eventsearchResultsInfo li span.clsEventResultVenue {margin:0px 0px 5px 0px; display:block;} ol#eventsearchResultsInfo li span.clsEventResultDate {margin:0px 0px 5px 0px; display:block;} ol#eventsearchResultsInfo li span.clsEventResultFull {margin:0px 0px 5px 0px; display:block;} ol#eventsearchResultsInfo li span.clsHlighSearchTerm {font-weight:bold; background-color:transparent;} ol#eventsearchResultsInfo li span.lastRow {margin:0px 0px 0px 0px; display:block;} ol#eventsearchResultsInfo li span.clsResultURL {} ol#eventsearchResultsInfo li span.clsResultLastModified {} ol#eventsearchResultsInfo li span.resultImage {padding-right: 10px;} ol#eventsearchResultsInfo li li img.resultImage {padding-right: 10px;} .event-view-registration #btnRegister {text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .event-view-registration #btnRegister:hover, .event-view-registration #btnRegister:focus {border:1px solid #00557F; cursor:pointer;} /*-----paging controls-----*/ div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks {margin-bottom:20px; font-weight:bold;} div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a {} div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks span {} div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a span.resultPageNumberSelected {font-weight:bold; font-size:120%;} div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a span.resultPageNumber {} div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a#NextLink {} div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks a#PreviousLink{} /*-----custom details view-----*/ .event-view-training-details table {border-collapse:collapse; background-color:#E8E8E8; margin-bottom:20px; width:400px;} .event-view-training-details table th {border:1px solid #fff; padding:10px; text-align:left; font-weight:bold;} .event-view-training-details table td {border:1px solid #fff; padding:10px;} .event-view-training-details #btnRegister {width:auto; text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .event-view-training-details #btnRegister:hover, .event-view-training-details #btnRegister:focus {border:1px solid #00557F; cursor:pointer;} /*-----booking details view-----*/ .event-booking-info {float:left; padding:10px; width:260px; background-color:#FAFAFA; border:1px solid #C5C5C5;} .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 {width:auto; text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .event-booking-info .booking-buttons input:hover, .event-booking-info .booking-buttons input:focus {border:1px solid #00557F; cursor:pointer;} .event-booking-desc {float:left; width:605px; padding:15px 25px 15px 25px;} .event-booking-desc #btnRegisterDesc {width:auto; text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .event-booking-desc #btnRegisterDesc:hover, .event-booking-desc #btnRegisterDesc:focus {border:1px solid #00557F; cursor:pointer;} div[id$="divBackLink"] {clear:both;} /*-----registration-----*/ #divEventRegistration {} #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumbSelected {font-weight:bold;} #divEventRegistration #tblEventDetails {width:640px; margin-bottom:20px; border-collapse:collapse; background-color:#E8E8E8;} #divEventRegistration #tblEventDetails th {border:1px solid #fff; padding:5px; text-align:left; width:100px;} #divEventRegistration #tblEventDetails td {border:1px solid #fff; padding:5px;} #divEventRegistration fieldset {width:600px; margin:0 0 20px 0; padding:20px; border:1px solid #E0E0E0; background-color:#fff;} #divEventRegistration fieldset legend {display:none;} #divEventRegistration fieldset label {width:100px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divEventRegistration fieldset input {width:288px; border:1px solid #999; padding:2px 5px;} #divEventRegistration fieldset input:hover, #divEventRegistration fieldset input:focus {border-color:#000;} #divEventRegistration fieldset select {width:300px; border:1px solid #999; padding:2px 5px;} #divEventRegistration fieldset textarea {width:288px; height:144px; border:1px solid #999; padding:2px 5px; resize:none;} #divEventRegistration fieldset textarea:hover, #divEventRegistration fieldset textarea:focus {border-color:#000;} #divEventRegistration fieldset fieldset {position:relative; border:none; padding:0 0 0 105px; margin:0;} #divEventRegistration fieldset fieldset legend {display:block; width:100px; padding:0 5px 0 0; margin:0; position:absolute; top:0; left:0;} #divEventRegistration fieldset fieldset label {width:auto;} #divEventRegistration fieldset fieldset input {width:100px;} #divEventRegistration fieldset div[id$="divColleaguesInputFields"] {} #divEventRegistration fieldset div[id$="divColleaguesInputFields"] > div {margin:0 0 20px 0;} #divEventRegistration #btnRegister, #divEventRegistration #btnRegisterStage2 {text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divEventRegistration #btnRegister:hover, #divEventRegistration #btnRegister:focus, #divEventRegistration #btnRegisterStage2:hover, #divEventRegistration #btnRegisterStage2:focus {border:1px solid #00557F; cursor:pointer;} #divEventRegistration #btnClear, #divEventRegistration #btnClear2 {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;} #divEventRegistration #btnClear:hover, #divEventRegistration #btnClear:focus, #divEventRegistration #btnClear2:hover, #divEventRegistration #btnClear2:focus {border:1px solid #333; cursor:pointer;} /*-----confirmation-----*/ .event-registration-confirmation .NotificationEmailEvent {width:640px; margin-bottom:20px; border-collapse:collapse; background-color:#E8E8E8;} .event-registration-confirmation .NotificationEmailEvent td {border: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:738px; 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:#00a7e1; padding:10px;} #calendar-outer #calendarMain #TRHeaderRow th a, .mymeetings-cal-view #calendarMain #TRHeaderRow th a, #myAccountArea #calendarMain #TRHeaderRow th a {color:#fff;} #calendar-outer #calendarMain #TRHeaderRow th span, .mymeetings-cal-view #calendarMain #TRHeaderRow th span, #myAccountArea #calendarMain #TRHeaderRow th span {padding:0 50px; font-size:140%; color:#fff;} #calendar-outer #calendarMain #TRHeaderRow th a span, .mymeetings-cal-view #calendarMain #TRHeaderRow th a span, #myAccountArea #calendarMain #TRHeaderRow th a span {padding:0; font-size:100%;} #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 {width:auto; text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} div[id$="calendarAddButtons"] #btnAdd:hover, div[id$="calendarAddButtons"] #btnAdd:focus {border:1px solid #00557F; cursor:pointer;} fieldset[id$="calendarEventTypes"] .clsButtonSmall {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;} fieldset[id$="calendarEventTypes"] .clsButtonSmall:hover, fieldset[id$="calendarEventTypes"] .clsButtonSmall:focus {border:1px solid #333; cursor:pointer;} /*---------------------------------------- / calendar ----------------------------------------*/ .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] {height:auto !important;} .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadPane1"] {height:auto !important;} .calendarview-edit-main-calendar .RadScheduler {height:auto !important;} .calendarview-edit-main-calendar .RadScheduler .rsContentWrapper {height:auto !important;} .calendarview-edit-main-calendar .RadScheduler .rsContentWrapper .rsContentScrollArea {height:auto !important;} .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_paneSideBar"] {height:auto !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 #AddAppointment {float:none; width:auto; text-decoration:none; color:#fff; margin-right:5px; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; 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;} /*---------------------------------------- / 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 {width:120px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} #divMailingListSubscribe fieldset div input, #divMailingListSubscribe fieldset p input {width:300px;} #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:absolute; top:0;} #faqContainer .FAQHeadingLinks a#TopicHeadAZLink {right:0;} #faqContainer .FAQHeadingLinks a#TopicHeadTopicLink {right:0;} #faqContainer .FAQHeadingLinks a#ancAskAQuestion {right:100px;} #faqContainer .FAQIndex {margin-bottom:20px; padding-bottom:10px; border-bottom:1px dashed #b5b5b5;} #faqContainer .FAQIndex ol {} #faqContainer .FAQIndex ol li {} /*---------------------------------------- / my account ----------------------------------------*/ .MyAccountMenu { display: block; width: 100% } .MyAccountMenu ul { height: 25px; border-bottom: 1px solid #ccc; list-style-type: none; margin: 0; padding: 0 } .MyAccountMenu ul.topMenu li { border: 0; height: 20px; margin-right: 3px; float: left } .MyAccountMenu ul.topMenu li a { display: block; padding: 5px } .MyAccountMenu ul.topMenu li a.menuLink { color: #2E2E2E; background-color: #F2F2F2; border: 1px solid #ccc; border-bottom: 0; display: none } .MyAccountMenu ul.topMenu li a.menuLink_Selected { text-decoration: none; background-color: #fff; border: 1px solid #ccc; border-bottom: 0; height: 25px; color: #000 } .MyAccountMenu .MyAccountSubMenu { border: 1px solid #ccc; border-top: 0; border-bottom: 0; padding: 0 20px 12px 20px; background-color: #fff; display: none } .MyAccountMenu ul.subMenu { list-style-type: none; margin: 0; padding: 12px 0 0 0; height: auto; border-bottom: 0 } .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 } .menuMessage { display: none } #myAccountArea,.myAccountArea { float: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; margin: 0 0 20px 0; border: 1px solid #ccc; border-top: 0; padding: 20px; background-color: #fff } #myAccountArea .EditArea a.btnCancel { 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 } #myAccountArea .EditArea a.btnCancel:hover,#myAccountArea .EditArea a.btnCancel:focus { border: 1px solid #333; cursor: pointer } #myAccountArea .EditArea a.btnSave { text-decoration: none; color: #fff; padding: 5px 10px; border: 1px solid #00a7e1; background-color: #00a7e1; border-radius: 2px; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea .EditArea a.btnSave:hover,#myAccountArea .EditArea a.btnSave:focus { border: 1px solid #00557F; cursor: pointer } #myAccountArea .accountDetails td { vertical-align: top } #myAccountArea .deleteButton { margin-top: 12px } #myAccountArea p.subText { margin: 0; padding: 0 } #myAccountArea p.noResults { margin-bottom: 20px } #myAccountArea .warning { margin-bottom: 10px; color: #32B141 } #myAccountArea .divPersonalInfo,#myAccountArea .divCompanyInformation,#myAccountArea .divCompanyProfile,#myAccountArea .divJobDetails { border-bottom: 1px solid #ccc; margin-bottom: 20px } #myAccountArea .divCompanyProfile,#myAccountArea .divJobDetails { display: none } #myAccountArea div.ViewArea,#myAccountArea div.EditArea { width: 890px; 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 { font-weight: bold; list-style-type: none; margin: 0; padding: 0 0 5px 0; width: 250px; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea div.ViewArea dl dd,#myAccountArea div.EditArea dl dd { list-style-type: none; margin: 0; padding: 0 0 10px 0; width: 630px; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea .divCompanyInformation div.ViewArea dl dt.State { display: none!important } #myAccountArea .divCompanyInformation div.ViewArea dl dd.State { display: none!important } #myAccountArea .divCompanyInformation div.EditArea dl dt.State { display: none!important } #myAccountArea .divCompanyInformation div.EditArea dl dd.State { display: none!important } #myAccountArea .divCompanyInformation .TRCompanyInformation { margin-top: 10px } #myAccountArea .divCompanyInformation .TRCompanyInformationEdit { margin-top: 10px } #myAccountArea .divCompanyInformation .TRCompanyInformationEdit dl dt label { font-weight: bold; font-size: 100% } #myAccountArea .divPersonalInfo #DivPortraitView { display: none } #myAccountArea .divPersonalInfo #DivProfileView { display: none } #myAccountArea .divPersonalInfo .TRPersonalInformation { margin-top: 10px } #myAccountArea .divPersonalInfo #DivPortraitEdit { display: none } #myAccountArea .divPersonalInfo #DivProfileEdit { display: none } #myAccountArea .divPersonalInfo .TRPersonalInformationEdit { margin-top: 10px } #myAccountArea div.EditArea #DivProfileEdit dl dd { width: 600px } #myAccountArea div.EditArea dl dd input[type="text"] { width: 288px!important; height: 20px; border: 1px solid #999; padding: 2px 5px } #myAccountArea div.EditArea dl dd input[type="text"]:hover,#myAccountArea div.EditArea dl dd input[type="text"]:focus { border-color: #000 } #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 { width: 300px; border: 1px solid #999; padding: 2px 5px } #myAccountArea div.EditArea dl dd textarea { width: 288px; height: 144px; border: 1px solid #999; padding: 2px 5px; resize: none } #myAccountArea div.EditArea dl dd textarea:hover,#myAccountArea div.EditArea dl dd textarea:focus { border-color: #000 } #myAccountArea div.userPrefOuter { margin: 0 0 20px 0; position: relative } #myAccountArea div.userPrefOuter a { position: absolute; top: 0; right: 0; 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 } #myAccountArea div.userPrefOuter a:hover,#myAccountArea div.userPrefOuter a:focus { border: 1px solid #333; cursor: pointer } #myAccountArea div.userPrefOuter ul { margin: 0 0 0 12px; padding: 0 } #myEditPreferredLocationsContainer input { margin: 0 5px 0 0; padding: 0 } #myEditPreferredLocationsContainer ul { list-style-type: none; margin: 5px 0 20px 0; padding: 0 } #myEditPreferredLocationsContainer ul li { margin-bottom: 5px } #myAccountArea div.alertEditOuter { border: 1px solid #ece9da; background-color: #fff; padding: 0 12px 12px 12px; margin: 0 0 12px 0 } #myAccountArea div.savedSearchesRecent { margin-bottom: 20px } #myAccountArea div.savedSearchesOld { margin-bottom: 20px } #myAccountArea div.alertEditOuter { width: 95% } #myAccountArea div.repListBox { margin-right: 12px; width: 2q0px; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea div.repListBox div.subjectListBox select { height: 100px; width: 200px; margin-bottom: 12px } #myAccountArea div.alertAction { margin: 108px 12px 0 0; with: 100px; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea div.alertTaxListBox { margin: 12px 0 0 0; width: 220px; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea div.alertTaxListBox select { height: 224px; width: 200px; margin-bottom: 12px } #myAccountArea #TDSearchResults>div { margin-bottom: 10px } #myAccountArea #TDSearchResults div#ctl00_ContentMyAccount_pnlnumberResults { padding-bottom: 12px; border-bottom: 1px dotted #7c7966; margin-bottom: 12px } #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 } #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.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.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 } #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks { margin-bottom: 12px; font-weight: bold } #myAccountArea #TDSearchResults div#ctl00_ContentPlaceHolderMainNoAjax_pnlPageLinks span.resultPageNumberSelected { font-weight: bold } #myAccountArea .adminFieldSet div,.myAccountArea .adminFieldSet div { margin-bottom: 10px } #myAccountArea .adminFieldSet div label,.myAccountArea .adminFieldSet div label { width: 100px; padding-right: 10px; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea .adminFieldSet div input[type="text"],.myAccountArea .adminFieldSet div input[type="text"] { width: 300px; height: 20px; padding: 2px 5px; border: 1px solid #ccc } #myAccountArea .buttonGroupTop { margin-bottom: 10px } #myAccountArea .buttonGroupTop a { margin: 0 0 10px 10px } #myAccountArea .buttonGroup,.myAccountArea .form-actions { padding: 0 0 20px 110px } #myAccountArea .buttonGroup a,#myAccountArea #btnConfirm,.myAccountArea .form-actions a { float: none; text-decoration: none; color: #fff; padding: 5px 10px; border: 1px solid #00a7e1; background-color: #00a7e1; border-radius: 2px; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea .buttonGroup a:hover,#myAccountArea .buttonGroup a:focus,#myAccountArea #btnConfirm:hover,#myAccountArea #btnConfirm:focus,.myAccountArea .form-actions a:hover,.myAccountArea .form-actions a:focus { border: 1px solid #00557F; cursor: pointer } #myAccountArea .gridContainer { clear: both } #myAccountArea .gridDataTable,.myAccountArea .gridDataTable,.myAccountArea .adminDataTable { width: 100%; border-collapse: collapse; background-color: #E8E8E8; margin-bottom: 20px } #myAccountArea .gridDataTable th,.myAccountArea .gridDataTable th,.myAccountArea .adminDataTable th,.myAccountArea tr.heading td { border: 1px solid #fff; padding: 5px; text-align: left; background-color: #444; color: #fff; font-weight: bold } #myAccountArea .gridDataTable th a,.myAccountArea .gridDataTable th a,.myAccountArea .adminDataTable th a,.myAccountArea tr.heading td a { color: #fff; font-weight: bold } #myAccountArea .gridDataTable td,.myAccountArea .gridDataTable td,.myAccountArea .adminDataTable td { border: 1px solid #ccc; padding: 5px } #myAccountArea #btnSave { text-decoration: none; color: #fff; padding: 5px 10px; border: 1px solid #00a7e1; background-color: #00a7e1; border-radius: 2px; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea #btnSave:hover,#myAccountArea #btnSave:focus { border: 1px solid #00557F; cursor: pointer } #myAccountArea #btnCancel { 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 } #myAccountArea #btnCancel:hover,#myAccountArea #btnCancel:focus { border: 1px solid #333; cursor: pointer } #myAccountArea #gvAlert,#myAccountArea #gvAlertRead { border-collapse: collapse; background-color: #E8E8E8; margin-bottom: 10px } #myAccountArea #gvAlert th,#myAccountArea #gvAlertRead th { border: 1px solid #fff; padding: 5px; text-align: left; background-color: #444; color: #fff; font-weight: bold } #myAccountArea #gvAlert th a,#myAccountArea #gvAlertRead th a { color: #fff; font-weight: bold } #myAccountArea #gvAlert td,#myAccountArea #gvAlertRead td { border: 1px solid #ccc; padding: 5px } #myAccountArea #gvAlert td a { color: #00557F; padding: 0 5px } #myAccountArea #gvAlert td a:hover,#myAccountArea #gvAlert td a:focus { background-color: #00557F; color: #fff; cursor: pointer } #myAccountArea #btnDeleteUnRead,#myAccountArea #btnDeleteRead { text-decoration: none; text-align: center; background-color: #555; margin-bottom: 20px; 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 } #myAccountArea #btnDeleteUnRead:hover,#myAccountArea #btnDeleteUnRead:focus,#myAccountArea #btnDeleteRead:hover,#myAccountArea #btnDeleteRead:focus { border: 1px solid #333; cursor: pointer } #myAccountArea .findCalendar { float: left; width: 200px; margin-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 div input[type="text"] { width: 188px; border: 1px solid #999; padding: 2px 5px } #myAccountArea .findCalendar .clsUserSearchControls div input[type="text"]:hover,#myAccountArea .findCalendar .clsUserSearchControls div input[type="text"]:focus { border-color: #000 } #myAccountArea .findCalendar .clsUserSearchControls div select { width: 200px; border: 1px solid #999; padding: 2px 5px } #myAccountArea .findCalendar .clsUserSearchControls fieldset { border: 0; margin: 0; padding: 0 } #myAccountArea .findCalendar .clsUserSearchControls fieldset legend { font-weight: bold } #myAccountArea .findCalendar #btnSearch { 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 } #myAccountArea .findCalendar #btnSearch:hover,#myAccountArea .findCalendar #btnSearch:focus { border: 1px solid #333; cursor: pointer } #myAccountArea .findCalendar #btnRefresh { text-decoration: none; color: #fff; margin-top: 10px; padding: 5px 10px; border: 1px solid #00a7e1; background-color: #00a7e1; border-radius: 2px; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea .findCalendar #btnRefresh:hover,#myAccountArea .findCalendar #btnRefresh:focus { border: 1px solid #00557F; cursor: pointer } #myAccountArea .findCalendar .colour-legend { margin-bottom: 20px } #myAccountArea .findCalendar .colour-legend .colour-search>span { display: block; padding-bottom: 5px } #myAccountArea .findCalendar .colour-legend .colour-search>span .your-events-colour { width: 23px; height: 13px; border: 1px solid #333; background-color: #3477C6; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea .findCalendar .colour-legend .colour-search>span .group-events-colour { width: 23px; height: 13px; border: 1px solid #333; background-color: #51B200; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea .findCalendar .colour-legend .colour-search>span .unit-events-colour { width: 23px; height: 13px; border: 1px solid #333; background-color: #F56601; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea .findCalendar .colour-legend .colour-search>span .user-events-colour { width: 23px; height: 13px; border: 1px solid #333; background-color: #EBD002; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea .findCalendar .colour-legend .colour-search>span .misc-events-colour { width: 23px; height: 13px; border: 1px solid #333; background-color: #862F89; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea .calendarView { float: left; width: 620px; margin: 40px 0 0 40px } #myAccountArea .calendarView .clsPrevNextMthLink { position: relative; height: 20px } #myAccountArea .calendarView .clsPrevNextMthLink .clsPreviousMthLink { position: absolute; top: 0; left: 0 } #myAccountArea .calendarView .clsPrevNextMthLink .clsNextMthLink { position: absolute; top: 0; right: 0 } #myAccountArea .calendarView #calendarMain { width: 100% } #myAccountArea .TBAddEventMain { float: none!important } #myAccountArea .TBAddEventMain .clsNormal { font-size: 100%!important } #myAccountArea .clsAddEventButtonSave { text-decoration: none; color: #fff; padding: 5px 10px; border: 1px solid #00a7e1; background-color: #00a7e1; border-radius: 2px; display: -moz-inline-box; display: inline-block; vertical-align: top; zoom:1;*display: inline } #myAccountArea .clsAddEventButtonSave:hover,#myAccountArea .clsAddEventButtonSave:focus { border: 1px solid #00557F; cursor: pointer } #myAccountArea .clsAddEventButtonClear { 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 } #myAccountArea .clsAddEventButtonClear:hover,#myAccountArea .clsAddEventButtonClear:focus { border: 1px solid #333; cursor: pointer } #myAccountArea .stats-container table { width: 100%; border-collapse: collapse; background-color: #E8E8E8 } #myAccountArea .stats-container table th { border: 1px solid #fff; padding: 5px; text-align: left; background-color: #444; color: #fff; font-weight: bold } #myAccountArea .stats-container table th a { color: #fff; font-weight: bold } #myAccountArea .stats-container table td { border: 1px solid #ccc; padding: 5px } /*---------------------------------------- / store locator element ----------------------------------------*/ .divDisplayStoreLocator {position:relative; margin:20px 0;} /*-----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:#00a7e1; color:#fff;} /*-----map-----*/ .divDisplayStoreLocator .dealer-search-results {float:left; clear:both; width:100%; margin-bottom:20px;} .divDisplayStoreLocator .dealer-search-results .dealer-res-map {width:100% !important; height:300px !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;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter, .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_length, .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_info {float:left; background:#e3e3e3; padding:10px; margin-bottom:10px; height:30px;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter {width:400px; border:1px solid #c2c2c2; border-right:none;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter input {width:300px; margin-left:5px; border:1px solid #999; padding:2px 5px; height:20px;} .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter input:hover, .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .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;} /*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*/ .divDisplayStoreLocator .widget {float:left; clear:both; width:100%; margin-bottom:20px;} .divDisplayStoreLocator .widget dl, .divDisplayStoreLocator .widget dt, .divDisplayStoreLocator .widget dd {list-style-type:none; margin:0; padding:0;} .divDisplayStoreLocator .widget dd {line-height:140%;} .divDisplayStoreLocator .widget dl {margin:0 0 15px 0; display:block; background:#f4f4f4; padding:13px; position:relative;} .divDisplayStoreLocator .widget .subItemHeading, .divDisplayStoreLocator .widget .mainItemHeading {display:block; font:normal 160% georgia,arial,verdana,sans-serif; color:#333; padding:0; margin:0 0 20px 0;} .divDisplayStoreLocator .widget dt a {text-decoration:none;} .divDisplayStoreLocator .widget dd {padding:0 0 5px 0;} .divDisplayStoreLocator .subItemStoreAddress1, .divDisplayStoreLocator .mainItemStoreAddress1 {font-weight:normal;} /*---------------------------------------- / store locator page ----------------------------------------*/ #locatorContainer {float:left; width:100%;} #locatorContainer .response-message {display:none;} /*-----search filter styles-----*/ #locatorContainer #SearchFilter {width:300px; float:left; 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 {border:none; margin:0; padding:0; float:left; font-size:100%;} #locatorContainer #SearchFilter fieldset legend {margin:0px 0px 5px 0px; padding:0px; color:#000000; font-size:120%; font-weight:bold;} #locatorContainer #SearchFilter fieldset legend span {color:#000000;} #locatorContainer #SearchFilter fieldset p {margin:0px 0px 10px 0px; padding:0px;} #locatorContainer #SearchFilter fieldset div {float:left; clear:left; margin:0px 0px 5px 0px;} #locatorContainer #SearchFilter fieldset div.FieldSearch {clear:none; margin-bottom:0;} #locatorContainer #SearchFilter fieldset label {width:75px; float:left; padding-top:3px;} #locatorContainer #SearchFilter fieldset #divBrandsList {float:left;} #locatorContainer #SearchFilter fieldset #chklstBrands {} #locatorContainer #SearchFilter fieldset #chklstBrands td {white-space:nowrap;} #locatorContainer #SearchFilter fieldset #chklstBrands input {float:left;} #locatorContainer #SearchFilter fieldset #chklstBrands label {display:inline; width:auto; float:left; height:17px; padding-top:3px;} /*-----google map styles-----*/ #locatorContainer .dealer-search-results {float:left; margin:0 0 0 20px;} #locatorContainer .dealer-search-results .dealer-res-map {width:610px !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 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; background:#fafafa; border:solid #c9c9c9 1px; padding:2px 5px; text-decoration:none;} /*-----index page styles-----*/ #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 .clsLocatorStoreAddress {margin-bottom:15px;} .locatorContainer .clsLocatorStoreContacts {margin-bottom:15px;} .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:140%; 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; width:918px; background-color:#eee; padding:10px; height:30px;} .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;} .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; box-sizing:border-box; -moz-box-sizing:border-box;} .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;} /*---------------------------------------- / my page, social and group streams ----------------------------------------*/ #mypage-wrapper, #socialgroup-wrapper {position:relative; float:left; width:100%;} #mypage-wrapper h1 {position:absolute; top:0px; left:220px; width:480px;} #mypage-wrapper h2, #socialgroup-wrapper h2 {font:bold 150% arial,verdana,sans-serif; margin-bottom:10px;} #socialgroup-wrapper img[id$="padlockImage"] {position:absolute; top:0; right:0;} #mypage-wrapper .mypage-profile, #socialgroup-wrapper .mypageGroup-profile {float:left; width:180px; margin:0 20px 0 0; font-size:90%;} #mypage-wrapper .mypage-profile .photo-container, #socialgroup-wrapper .mypageGroup-profile .photo-container {width:180px; margin-bottom:20px; overflow:hidden;} #mypage-wrapper .mypage-profile .photo-container img, #socialgroup-wrapper .mypageGroup-profile .photo-container img {width:180px;} #mypage-wrapper .mypage-profile h2, #socialgroup-wrapper .mypageGroup-profile h2 {font-size:110%; border-bottom:1px solid #aaa; padding-bottom:3px;} #mypage-wrapper .mypage-profile a[id$="editSettings"] {} #mypage-wrapper .mypage-profile a[id$="GoToMyPage"] {position:absolute; top:20px; left:90px; font-size:90%;} /*-----connections-----*/ /* friends */ #mypage-wrapper .mypage-connections, #socialgroup-wrapper .group-members-container {float:left; width:180px; margin:0 0 0 20px;} #mypage-wrapper .friends-container, #mypage-wrapper .social-group-container, #socialgroup-wrapper .member-container {float:left; clear:both; width:180px; 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;} #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:180px; 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; text-align:center; color:#fff; padding:5px 0; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px;} #mypage-wrapper .group-members-container a.join-group {margin-bottom:20px;} #mypage-wrapper div[id$="inviteFriendPanel"] a.Invite-friends-url:hover, #mypage-wrapper div[id$="inviteFriendPanel"] a.Invite-friends-url:focus, #mypage-wrapper div[id$="addGroupPanel"] a.add-group-url:hover, #mypage-wrapper div[id$="addGroupPanel"] a.add-group-url:focus, #mypage-wrapper .group-members-container a.join-group:hover, #mypage-wrapper .group-members-container a.join-group:focus {border:1px solid #00557F; cursor:pointer;} /*-----post a comment-----*/ .comments-container {float:left; margin-left:0; width:480px; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; padding:20px 20px 0 20px;} .content-area .comments-container, .social-search .comments-container {float:none; margin-left:0; border-left:none; border-right:none; padding:0;} .comments-container h2 {display:none;} .content-area .comments-container h2, .social-search .comments-container h2 {display:block;} .comments-container .post-item {position:relative; float:left; clear:both; margin:0 0 20px 0; padding:20px 0 35px 0;} .comments-container .post-item label {position:absolute; left:-9999px;} .comments-container .post-item textarea {width:468px; height:40px; color:#ccc; padding:5px 5px 5px 5px; margin:0; resize:none;} .comments-container .post-item .postCommentBtn {position:absolute; bottom:0; right:0; background:none; color:#fff; padding:5px 15px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px;} .comments-container .post-item .postCommentBtn:hover, .comments-container .post-item .postCommentBtn:focus {cursor:pointer; border:1px solid #00557F;} .comments-container .post-item select {position:absolute; bottom:3px; right:100px; width:auto;} /*-----select files and images-----*/ .comments-container .post-item .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;} .comments-container .post-item .select-file-icon:hover, .comments-container .post-item .select-file-icon:focus {cursor:pointer;} .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; 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:5px;} .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 { background-image: url(/images/tdcm/social_signin_buttons.png); background-repeat: no-repeat; color: #FFFFFF; float: left; height: 21px; padding: 8px 10px 0 35px; border-radius:2px; } .comments-container .post-item .social-share-ctrls .fb-share > span {background-position: 0 -53px;} .comments-container .post-item .social-share-ctrls .tw-share > span {background-position: 0 -5px;} /*-----posted comment-----*/ .comments-container .comment-list {float:left; clear:both; margin:0 0 20px 0; padding:0;} .comments-container .comment-list .comment-item {float:left; clear:both; width:480px; padding:0 0 20px 0; margin:0 0 20px 0; position:relative; border-bottom:1px solid #E0E0E0;} .comments-container .comment-list .comment-item .comment-item-image {float:left; width:50px; margin-right:10px; background-color:#eee;} .comments-container .comment-list .comment-item .comment-item-image img {width:50px;} .comments-container .comment-list .comment-item .comment-item-detail {float:left; position:relative; width:420px; 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:90%;} .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; background:url(/mypage/include/images/grey-arrow.png) no-repeat 3px 4px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .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 {font-size:90%; margin:0; padding:0 2px 0 0;line-height:140%; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .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:140%; border-left:1px solid #ccc; padding:0 2px 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 a.vote-comment-item {text-indent:-9999px; width:13px; background:url(/images/useruploadedimages/11/like.png) no-repeat 5px 1px;} .comments-container .comment-list .comment-item .comment-item-detail .comment-Edit {font-size:90%; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .comments-container .comment-list .comment-item .comment-item-detail .comment-Edit a {text-decoration:none; border-left:1px solid #ccc; padding:0 2px 0 5px; line-height:140%; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .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;} /*-----reply comments-----*/ .comments-container .comment-list .reply-list {float:left; clear:both; margin:20px 0 0 60px; width:400px; border:1px solid #E0E0E0; background-color:#fff; padding:10px;} .comments-container .comment-list .reply-list .comment-item {width:400px; padding-bottom:10px; margin-bottom:10px; position:relative; border-bottom:1px dashed #E0E0E0;} .comments-container .comment-list .reply-list .comment-item .comment-item-detail {width:330px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} /*-----reply to a comment-----*/ .comments-container .comment-list .comment-reply {float:left; clear:both; position:relative; margin:20px 0 0 60px; width:400px; border:1px solid #E0E0E0; background-color:#fff; padding:10px;} .comments-container .comment-list .comment-reply .reply-item-image {float:left; width:50px; margin-right:10px; background-color:#eee;} .comments-container .comment-list .comment-reply .reply-item-image img {width:50px;} .comments-container .comment-list .comment-reply textarea {float:left; width:250px; height:40px; padding:5px 5px 5px 5px; margin:0; resize:none;} .comments-container .comment-list .comment-reply .reply-button {position:absolute; top: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;} /*---------------------------------------- / my page settings ----------------------------------------*/ .mypage-settings {float:left; width:940px; 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:906px;} .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;} .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 #00a7e1; background-color:#00a7e1; 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%;} .content-area div[id$="addGroupPanel"] a {margin-bottom:20px; float:left; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px;} .content-area div[id$="addGroupPanel"] a:hover, .content-area div[id$="addGroupPanel"] a:focus {border:1px solid #00557F; cursor:pointer;} .social-group-container .more-group-url {text-decoration:none; clear:both; font-size:90%; display:block; width:40px; text-align:center; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px;} .social-group-container .more-group-url:hover, .social-group-container .more-group-url:focus {border:1px solid #00557F; cursor:pointer;} /*---------------------------------------- / social q+a ----------------------------------------*/ .comments-container .post-item textarea {border:1px solid #999;} .comments-container .post-item textarea:hover, .comments-container .post-item textarea:focus {border:1px solid #000;} .comments-container .comment-list .comment-item .comment-item-detail .posted-by .total-votes {padding-right:10px;} .question-details-container {float:left; width:600px; position:relative;} .question-stream-container {width:600px;} .question-stream-container, .question-details-container .comments-container {border:none; padding:0; position:relative;} .question-details-container .comments-container {margin-left:120px; border-top:1px solid #ccc; padding-top:20px;} .question-add-container {background-color:#fff; border:1px solid #E0E0E0; margin:0 0 20px; padding:20px;} .question-add-container h2 {display:block;} .question-add-container div {/*width:400px;*/ margin-bottom:10px; position:relative;} .question-add-container div label {display:block; margin-bottom:5px;} .question-add-container div input[type="text"] {width:548px; height:20px; border:1px solid #999; padding:2px 5px;} .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 {width:548px; height:54px; border:1px solid #999; padding:2px 5px; resize:none;} .question-add-container div textarea:hover, .question-add-container div textarea:focus {border-color:#000;} .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; box-sizing:border-box; -moz-box-sizing:border-box;} .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 {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 {background:none; color:#fff; padding:5px 15px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px;} .question-add-container div.submit-button a:hover, .question-add-container div.submit-button a:focus {cursor:pointer; border:1px solid #00557F;} 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 {} .question-stream-container .question-list .comment-item {width:600px; margin-bottom:30px; padding-bottom:30px; border-color:#ccc;} .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:120%; font-weight:bold; margin-bottom:10px;} .question-stream-container .question-list .comment-item-additional-info {margin-bottom:10px;} .question-stream-container .question-list .comment-item .comment-item-detail {width:540px;} .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;} .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 #00a7e1; background-color:#00a7e1; 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; margin:0 0 0 120px; 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:#00a7e1; 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:#00a7e1; 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;} .question-details-container div[id$="topicListDiv"], .question-details-container div[id$="TopicEditDiv"] {margin-bottom:10px;} .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:#00a7e1; background-color:#CEE4EC;} .question-details-container div[id$="TagListDiv"], .question-details-container div[id$="TagEditDiv"] {margin-bottom:10px;} .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:#00a7e1; background-color:#CEE4EC;} .question-details-container div[id$="questionAttachmentEditDiv"] {} .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;} .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:140%; 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 {} .comments-container .comment-list .comment-item .comment-item-detail .vote-controls a.vote-comment-item {text-indent:-9999px; width:15px; 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:15px; 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 {} /*---------------------------------------- / training manager ----------------------------------------*/ .training-manager {} .training-manager .competencyDetailsContent {width:100%;} .training-manager .ClosingNotification {background:#D5D6F7 url(/images/tdcm/information.png) no-repeat 12px 9px; border:1px solid #A1BAF7; color:#435991; margin:15px 0; padding:8px 10px 0 37px;} .training-manager .ClosingNotification p {margin:0 0 8px 0; padding:0;} .training-manager .userProgressContent {width:100%; border-collapse:collapse; margin-bottom:20px;} .training-manager .userProgressContent table {width:100%; border-collapse:collapse; border:1px solid #ccc;} .training-manager .userProgressContent table td {border:1px solid #ccc; padding:5px;} .training-manager .userProgressContent .grdHeader td {text-align:left; padding:5px; background-color:#323232; color:#fff;} .training-manager .userCompetenciesListContent, .training-manager .CompetencyDetails, .training-manager .sessionDetailsContent, .training-manager .userCompetencyContent, .training-manager .userCompetencyElementsContent {width:100%; border-collapse:collapse margin-bottom:20px;;} .training-manager .userCompetenciesListContent table, .training-manager .CompetencyDetails table, .training-manager .sessionDetailsContent table, .training-manager .quickListUserActionsContent table, .training-manager .userCompetencyContent table, .training-manager .userCompetencyElementsContent table, .training-manager .bookingDetails, .training-manager .pendingSessionsContent, .training-manager .sessionDetailsAttendeesContent, .training-manager .sessionDetailsAvailableContent {width:100%; border-collapse:collapse; border:1px solid #ccc;} .training-manager .userCompetenciesListContent th, .training-manager .CompetencyDetails th, .training-manager .sessionDetailsContent th, .training-manager .quickListUserActionsContent th, .training-manager .userCompetencyContent th, .training-manager .userCompetencyElementsContent th, .training-manager .bookingDetails th, .training-manager .pendingSessionsContent th, .training-manager .sessionDetailsAttendeesContent th, .training-manager .sessionDetailsAvailableContent th {text-align:left; padding:5px; background-color:#323232; color:#fff; border:1px solid #ccc;} .training-manager .userCompetenciesListContent td, .training-manager .CompetencyDetails td, .training-manager .sessionDetailsContent td, .training-manager .quickListUserActionsContent td, .training-manager .userCompetencyContent td, .training-manager .userCompetencyElementsContent td, .training-manager .bookingDetails td, .training-manager .pendingSessionsContent td, .training-manager .sessionDetailsAttendeesContent td, .training-manager .sessionDetailsAvailableContent td {border:1px solid #ccc; padding:5px;} .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:0;} .training-manager input[type="submit"], .training-manager input[type="button"] {width:auto; text-decoration:none; color:#fff; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .training-manager input[type="submit"]:hover, .training-manager input[type="submit"]:focus, .training-manager input[type="button"]:hover, .training-manager input[type="button"]:focus {border:1px solid #00557F; cursor:pointer;} .training-manager .adminFieldSet, .training-manager .report-fields {margin:0 0 20px 0; padding:20px; border:1px solid #E0E0E0; background-color:#fff;} .training-manager .adminFieldSet div, .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:0 5px 0 0; padding:0;} .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:10px; margin-bottom:20px;} .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 #00a7e1; 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:#00a7e1; 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:#00a7e1;} .training-manager #tm-reports-content {float:left; width:710px; margin:20px 0 20px 0;} .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; padding:5px; text-align:left; background-color:#444; color:#fff; font-weight:bold;} .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;} .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;} /*-----dashboard icons-----*/ ul.train-icon {list-style-type:none; margin:0 0 30px -10px; overflow:hidden; width:100%; padding:0;} ul.train-icon li {background:none repeat scroll 0 0 #FFFFFF; border:1px solid #ddd; display:block; float:left; height:105px; margin:0 0 10px 10px; width:122px;} ul.train-icon li:hover {border:1px solid #145074;} ul.train-icon li a {background-image:url(/training/images/trainingmanagerimages/training-dashboard-icons.png); background-repeat:no-repeat; display:block; font-size:90%; font-weight:bold; height:30px; line-height:12px; padding:65px 10px 10px 10px; text-align:center; text-transform:capitalize;} ul.train-icon li a:hover {background-color:#CEE4EC !important; text-decoration:none;} ul.train-icon li.cal-add a {background-position:50% -452px;} ul.train-icon li.cal-config a {background-position:50% -543px;} ul.train-icon li.cal-info a {background-position:50% -638px;} ul.train-icon li.calendar a {background-position:50% -362px;} ul.train-icon li.cert-info a {background-position:50% -1116px;} ul.train-icon li.cert-progress a {background-position:50% -1018px;} ul.train-icon li.chart-info a {background-position:50% -830px;} ul.train-icon li.day-info a {background-position:50% -734px;} ul.train-icon li.graph-info a {background-position:50% -1212px;} ul.train-icon li.unit-add a {background-position:50% 10px;} ul.train-icon li.unit-elements a {background-position:50% -275px;} ul.train-icon li.unit-info a {background-position:50% -85px;} ul.train-icon li.unit-progress a {background-position:50% -180px;} ul.train-icon li.wishlist a {background-position:50% -926px;} /*---------------------------------------- / download counter ----------------------------------------*/ .DownloadCounterMain {} .DownloadCounterMain h2 {margin-bottom:5px;} .DownloadCounterMain div {margin-bottom:20px;} .DownloadCounterMain div div {margin-bottom:5px;} /*---------------------------------------- / top downloads ----------------------------------------*/ ul.topDownload {list-style-type:none; margin:0 0 20px 0; padding:0;} ul.topDownload li {margin-bottom:10px;} ul.topDownload li span {display: -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 ----------------------------------------*/ #divPageTop h1 { margin: 0 0 60px } div[id$="divMembershipDetails"] h2 { display: none } div[id$="divMembershipDetails"] fieldset { border: 0; margin: 0; padding: 0 } div[id$="divMembershipDetails"] fieldset legend { display: none } div[id$="divMembershipDetails"] fieldset p { float: left; width: 100%; margin: 0 0 10px 0; padding: 0 } div[id$="divMembershipDetails"] fieldset label { padding-right: 5px; padding-top: 5px; float: left; text-align:left!important; } div[id$="divMembershipDetails"] fieldset label span.red-asterisks { color: #F00 } div[id$="divMembershipDetails"] fieldset input[type="text"] { float: left; width: 100%!important; height: 30px; border: 0; padding: 5px; color: #000; } div[id$="divMembershipDetails"] fieldset input[type="text"]:hover,div[id$="divMembershipDetails"] fieldset input[type="text"]:focus { border-color: #000 } div[id$="divMembershipDetails"] fieldset select { float: left; width: 100%; height: 30px; border: 0; padding: 5px 5px } div[id$="divMembershipDetails"] fieldset textarea { float: left; width: 50%; height: 144px; border: 0; padding: 5px 5px; resize: none } div[id$="divMembershipDetails"] fieldset textarea:hover,div[id$="divMembershipDetails"] fieldset textarea:focus { border-color: #000 } div[id$="divMembershipDetails"] fieldset label[id$="lblPhoneAreacode"] { width: 80px!important } div[id$="divMembershipDetails"] fieldset input#txtAreaCode { margin-right: 4px } div[id$="divMembershipDetails"] fieldset label[id$="lblPhoneNumber"] { width: 60px!important } div[id$="divMembershipDetails"] fieldset input#txtPhone { width: 175px!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"] fieldset[id$="MemberDetails_fdsAddress"] { display: none } .clsMembershipRegButton { background: #00a7e1; border: 0; color: #fff; font-size: 130%; font-weight: normal; padding: 7px 35px; margin-left: 15px; } #fdsNotRequired{margin:0 5px 0 10px; display:none!important;} .clsMembershipRegButton:hover,.clsMembershipRegButton:focus { background: #0184B1 } div[id$="divMembershipDetails"] .clsFormCreator_checkbox{ padding-left:0; } div[id$="divMembershipDetails"] .clsDescriptionField { color: #7f7f7f; font-style: italic; padding: 4px 0 0 0%; width: 100% } div[id$="divMembershipDetails"] fieldset[id$="fdsAdditionalQuestions"] {margin:0 15px;} div[id$="divMembershipDetails"] .captcha-field .rcRefreshImage{clear:both; float:left;} div[id$="divMembershipDetails"] .captcha-field img{margin: 0px 10px 10px 0px;} div[id$="divMembershipDetails"] .captcha-field p label{text-align:left!important;} div[id$="divMembershipDetails"] .captcha-field input{color:#000;} div[id$="divMembershipDetails"] div { margin: 0 0 5px 0; } div[id$="divMandatoryMessage"] { display: none } div[id$="divMembershipDetails"] .clsFormCreator div.clsFormCreator_checkbox label { position: relative; left: 0; font-size: 100%; font-style: italic; color: #7f7f7f } div[id$="divMembershipDetails"] .clsFormCreator div.clsMandatory { color: #F00 } #pErrors.warning { color: #F00; margin-bottom: 10px } #pErrors.warning p { margin-bottom: 0 } /*---------------------------------------- / 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:140%;} .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 #00a7e1; background-color:#00a7e1; 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; height:25px; list-style-type:none; margin:0; padding:0;} div[id$="tbsTM"] ul.rtsUL li.rtsLI {overflow:visible; float:left; height:25px; margin-right:3px;} div[id$="tbsTM"] ul.rtsUL li.rtsLI a {display:block; margin:0; padding:5px; 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; height:15px; 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 {position:relative; background:#e3e3e3; border:1px solid #c2c2c2; padding:10px;} .task-manager .tm-search-options h3 {margin:3px 5px 0 0; font:bold 110% arial,verdana,sans-serif; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .task-manager .tm-search-options > div {margin:0 5px 0 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .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; height:16px; border:1px solid #999; padding:2px 5px; box-sizing:content-box; -moz-box-sizing:content-box;} .task-manager .tm-search-options > div input[id$="txtSearchBox-3"]:hover, .task-manager .tm-search-options > div input[id$="txtSearchBox-3"]:focus {border-color:#000;} .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 {padding:10px; background:#E3E3E3; border-left:1px solid #C2C2C2; border-right:1px solid #C2C2C2; height:30px;} .task-manager .additional-options > div {float:left; margin-right:20px;} .task-manager .additional-options > div input {margin:0 5px 0 0; padding:0;} .task-manager .additional-options > div label {} .task-manager .RadGrid_Elcom {border:1px solid #c2c2c2; width:auto !important;} .task-manager .RadGrid_Elcom .rgCommandRow {background:none; background:#e3e3e3;} /*-----task table-----*/ .task-manager .rgMasterTable .action-buttons {width:100px; margin-top:5px;} .task-manager .rgMasterTable #btnViewTask {float:left; margin:0 5px 5px 0; text-indent:-9999px; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -70px 0px;} .task-manager .rgMasterTable #btnDeleteTask {float:left; margin:0 5px 5px 0; text-indent:-9999px; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -107px -70px;} .task-manager .rgMasterTable #btnComments {float:left; margin:0 5px 5px 0; text-indent:-9999px; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -175px 0px;} .task-manager .rgMasterTable #btnEditTask {float:left; margin:0 5px 5px 0; text-indent:-9999px; width:16px; height:16px; background:url(/images/tdcm/icon-sprite.png) no-repeat -210px 0px;} /*-----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"] {width:80px; padding:3px 5px 0 0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} div[id$="vwAddTask"] .add-task-fields > div > input[type="text"], div[id$="vwAddTask"] .add-task-fields > div > div[id$="dvTaskGroupName"] {width:388px; border:1px solid #999; padding:2px 5px; height:20px; margin-right:5px;} div[id$="vwAddTask"] .add-task-fields > div > div[id$="dvTaskGroupName"] {display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} div[id$="vwAddTask"] .add-task-fields > div > input[type="text"]:hover, div[id$="vwAddTask"] .add-task-fields > div > input[type="text"]:focus {border-color:#000;} div[id$="vwAddTask"] .add-task-fields > div select {width:400px; border:1px solid #999; padding:2px 5px;} div[id$="vwAddTask"] .add-task-fields > div textarea {width:388px; height:44px; border:1px solid #999; padding:2px 5px; resize:none;} div[id$="vwAddTask"] .add-task-fields > div textarea:hover, div[id$="vwAddTask"] .add-task-fields > div textarea:focus {border-color:#000;} 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"] {width:100px;} div[id$="vwAddTask"] .add-task-fields > div.more_options select {width:200px;} div[id$="vwAddTask"] .add-task-fields > div.more_options select[id$="ddlCompleted"] {width:155px;} div[id$="vwAddTask"] .add-task-fields > div.more_options .left_options {width:300px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} 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 {width:300px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} 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;} /*-----manage task groups-----*/ div[id$="vwManageTaskGroups"] {position:relative;} div[id$="vwManageTaskGroups"] .buttonGroupTop {position:absolute; top:0; right:0;} div[id$="vwManageTaskGroups"] .adminFieldSet {} div[id$="vwManageTaskGroups"] .adminFieldSet > div, div[id$="vwManageTaskGroups"] .adminFieldSet > table {width:100%; margin-bottom:15px;} div[id$="vwManageTaskGroups"] .adminFieldSet > div label {width:100px; padding-right:5px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} div[id$="vwManageTaskGroups"] .adminFieldSet > div > input[type="text"] {width:388px; height:20px; border:1px solid #999; padding:2px 5px;} div[id$="vwManageTaskGroups"] .adminFieldSet > div.buttonGroup {} div[id$="vwManageTaskGroups"] .adminFieldSet > div.single-checkbox {padding-left:105px;} 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; width:800px;} 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;} 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;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.sub-groups {padding-left:105px; position:relative;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.sub-groups legend {position:absolute; top:0; left:0; width:100px;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.sub-groups > div {margin-bottom:10px;} div[id$="vwManageTaskGroups"] div[id$="panelTaskGroupManager"] fieldset.sub-groups > div #btnAddSubGroup {margin-left:0;} /*-----buttons-----*/ .task-manager .tm-search-options > div.buttons .search-button, .task-manager #btnAddNewTaskTMView, div[id$="vwAddTask"] .add-task-fields #btnAddTask, div[id$="vwManageTaskGroups"] .buttonType1, div[id$="vwManageTaskGroups"] #btnAddSubGroup, .task-manager .additional-options input[type="button"] {float:none; width:auto; text-decoration:none; color:#fff; margin-left:105px; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .task-manager .tm-search-options > div.buttons .search-button, .task-manager .additional-options input[type="button"] {margin-left:0;} div[id$="vwManageTaskGroups"] input[id$="btnBackToTaskGroupEdit"] {position:absolute; top:0; right:0;} .task-manager .tm-search-options > div.buttons .search-button:hover, .task-manager .tm-search-options > div.buttons .search-button:focus, .task-manager #btnAddNewTaskTMView:hover, .task-manager #btnAddNewTaskTMView:focus, div[id$="vwAddTask"] .add-task-fields #btnAddTask:hover, div[id$="vwAddTask"] .add-task-fields #btnAddTask:focus, div[id$="vwManageTaskGroups"] .buttonType1:hover, div[id$="vwManageTaskGroups"] .buttonType1:focus, div[id$="vwManageTaskGroups"] #btnAddSubGroup:hover, div[id$="vwManageTaskGroups"] #btnAddSubGroup:focus, .task-manager .additional-options input[type="button"]:hover, .task-manager .additional-options input[type="button"]:focus {border:1px solid #00557F; cursor:pointer;} div[id$="vwAddTask"] .add-task-fields #btnCancelAddTask, div[id$="vwManageTaskGroups"] .buttonType3 {float:none; width:auto; text-decoration:none; text-align:center; background-color:#fff; margin-left:10px; 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;} div[id$="vwAddTask"] .add-task-fields #btnCancelAddTask:hover, div[id$="vwAddTask"] .add-task-fields #btnCancelAddTask:focus, div[id$="vwManageTaskGroups"] .buttonType3:hover, div[id$="vwManageTaskGroups"] .buttonType3:focus {border:1px solid #333; cursor:pointer;} /*---------------------------------------- / 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:15px; 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:896px; 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:#00a7e1;} .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"] {width:188px; border:1px solid #999; padding:2px 5px; height:20px;} .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; width:110px; overflow:hidden; margin-right:15px;} #page-content .mymeetings-list-view #meeting-search > div .mymeetings-list-view-fromdt .RadPicker_Elcom {width:110px !important;} #page-content .mymeetings-list-view #meeting-search > div .mymeetings-list-view-fromdt .RadPicker_Elcom .rcTable {width:110px !important;} #page-content .mymeetings-list-view #meeting-search > div .mymeetings-list-view-fromdt .RadPicker_Elcom .rcInputCell {width:80px !important;} #page-content .mymeetings-list-view #meeting-search > div .mymeetings-list-view-fromdt .RadPicker_Elcom .rcInputCell input {width:68px !important;} .mymeetings-list-view #meeting-search > div .mymeetings-list-view-todt {float:left; width:110px; overflow:hidden;} #page-content .mymeetings-list-view #meeting-search > div .mymeetings-list-view-todt .RadPicker_Elcom {width:110px !important;} #page-content .mymeetings-list-view #meeting-search > div .mymeetings-list-view-todt .RadPicker_Elcom .rcTable {width:110px !important;} #page-content .mymeetings-list-view #meeting-search > div .mymeetings-list-view-todt .RadPicker_Elcom .rcInputCell {width:80px !important;} #page-content .mymeetings-list-view #meeting-search > div .mymeetings-list-view-todt .RadPicker_Elcom .rcInputCell input {width:68px !important;} #page-content .mymeetings-list-view #meeting-search > div .mymeetings-list-view-mettingdt .RadPicker_Elcom {width:110px !important;} #page-content .mymeetings-list-view #meeting-search > div .mymeetings-list-view-mettingdt .RadPicker_Elcom .rcTable {width:110px !important;} #page-content .mymeetings-list-view #meeting-search > div .mymeetings-list-view-mettingdt .RadPicker_Elcom .rcInputCell {width:80px !important;} #page-content .mymeetings-list-view #meeting-search > div .mymeetings-list-view-mettingdt .RadPicker_Elcom .rcInputCell input {width:68px !important;} .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; box-sizing:border-box; -moz-box-sizing:border-box;} .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; box-sizing:border-box; -moz-box-sizing:border-box;} .meeting-agenda-grid .meeting-agenda-grid textarea {width:100%; height:54px; border:1px solid #999; padding:2px 5px; resize:none; box-sizing:border-box; -moz-box-sizing:border-box;} .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 {width:100%; margin-bottom:15px;} .meeting-manager-managemeetings .meeting-edit > div label {width:100px; padding-right:5px; font-weight:bold; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-manager-managemeetings .meeting-edit > div > input[type="text"] {width:388px; border:1px solid #999; padding:2px 5px; height:20px;} .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:400px; border:1px solid #999; padding:2px 5px;} .meeting-manager-managemeetings .meeting-edit > div textarea {width:388px; height:44px; 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:105px;} .meeting-manager-managemeetings .meeting-edit > div.single-checkbox input {margin:0 5px 0 0; padding:0;} .meeting-manager-managemeetings .meeting-edit > div.single-checkbox label {width:auto; font-weight:normal;} .meeting-manager-managemeetings .meeting-edit > div > .meeting-date-time, .meeting-manager-managemeetings .meeting-edit > div > div[id$="RadAjaxPanel1Panel"] {width:450px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .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:120px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .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 {width:120px; margin-bottom:0; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .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 105px; position:relative;} .meeting-manager-managemeetings .meeting-edit fieldset legend {width:100px; padding:0 5px 0 0; font-weight:bold; margin:0; position:absolute; top:0; left:0;} .meeting-manager-managemeetings .meeting-edit .RadComboBox {vertical-align:top;} .meeting-manager-managemeetings .meeting-edit div[id$="pnlMeetingCalDetails"] {margin-top:10px; width:500px;} .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:105px;} .meeting-buttons-bottom #btnSave, .meeting-buttons-bottom #btnSaveAndViewAgenda, .meeting-buttons #btnSaveAndViewAgenda, .meeting-buttons #btnViewAgenda, .meeting-buttons #btnEditMeeting, .ecagenda-view-meeting-book-div #btnAddDocument, .meeting-manager-meetingdetails #btnecAgendaSave, .meeting-import-options input, .meeting-import-content fieldset input[type="submit"], .meeting-manager-add-edit a[id$="btnViewAgenda"], .meeting-manager-add-edit a[id$="btnEditMeeting"], .meeting-manager-meetingdetails #btnPublish, .attendee-details #btnSave, .attendee-details #lnkSendEmailToAttendees, .meeting-agenda-grid a[id$="PerformInsertButton"], .meeting-agenda-grid a[id$="UpdateButton"] {float:none; width:auto; height:auto; text-decoration:none; color:#fff !important; margin-right:10px; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-manager-meetingdetails #btnPublish, .attendee-details #btnSave {position:absolute; top:20px; right:70px;} .meeting-buttons-bottom #btnSave:hover, .meeting-buttons-bottom #btnSave:focus, .meeting-buttons-bottom #btnSaveAndViewAgenda:hover, .meeting-buttons-bottom #btnSaveAndViewAgenda:focus, .meeting-buttons #btnSaveAndViewAgenda:hover, .meeting-buttons #btnSaveAndViewAgenda:focus, .meeting-buttons #btnViewAgenda:hover, .meeting-buttons #btnViewAgenda:focus, .meeting-buttons #btnEditMeeting:hover, .meeting-buttons #btnEditMeeting:focus, .ecagenda-view-meeting-book-div #btnAddDocument:hover, .ecagenda-view-meeting-book-div #btnAddDocument:focus, .meeting-manager-meetingdetails #btnecAgendaSave:hover, .meeting-manager-meetingdetails #btnecAgendaSave:focus, .meeting-import-options input:hover, .meeting-import-options input:focus, .meeting-import-content fieldset input[type="submit"]:hover, .meeting-import-content fieldset input[type="submit"]:focus, .meeting-manager-add-edit a[id$="btnViewAgenda"]:hover, .meeting-manager-add-edit a[id$="btnViewAgenda"]:focus, .meeting-manager-add-edit a[id$="btnEditMeeting"]:hover, .meeting-manager-add-edit a[id$="btnEditMeeting"]:focus, .meeting-manager-meetingdetails #btnPublish:hover, .meeting-manager-meetingdetails #btnPublish:focus, .attendee-details #btnSave:hover, .attendee-details #btnSave:focus, .attendee-details #lnkSendEmailToAttendees:hover, .attendee-details #lnkSendEmailToAttendees:focus, .meeting-agenda-grid a[id$="PerformInsertButton"]:hover, .meeting-agenda-grid a[id$="PerformInsertButton"]:focus, .meeting-agenda-grid a[id$="UpdateButton"]:hover, .meeting-agenda-grid a[id$="UpdateButton"]:focus {cursor:pointer; border:1px solid #00557F; cursor:pointer;} .mymeetings-list-view-search #btnMyMeetingsSearch {float:none; width:auto; height:auto; text-decoration:none; color:#333 !important; margin-right:10px; padding:5px 10px; border:1px solid #333; background-color:#ccc; border-radius:0px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .mymeetings-list-view-search #btnMyMeetingsSearch:hover, .mymeetings-list-view-search #btnMyMeetingsSearch:focus {cursor:pointer; border:1px solid #111; cursor:pointer;} .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;} .ecagenda-view-meeting-book-div #btnCancel, .meeting-buttons .buttonType2, .meeting-agenda-grid #addDocsToAgendaItem {float:none; width:auto; text-decoration:none; text-align:center; background-color:#555; margin-right:10px; padding:5px 10px; color:#fff !important; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .meeting-manager-add-edit a[id$="lnkBackToSearchBtn"], .meeting-manager-add-edit a[id$="btnBackToSearch"], .meeting-manager-meetingdetails a[id$="lnkBackToMeetings"], #btnBack, .meeting-buttons-bottom .buttonType3, .meeting-agenda-grid a[id$="CancelButton"] {z-index:100; float:none; width:auto; text-decoration:none; text-align:center; background-color:#fff; margin-right:10px; padding:5px 10px; color:#555 !important; border:1px solid #555; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .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;} .meeting-manager-add-edit a[id$="lnkBackToSearchBtn"]:hover, .meeting-manager-add-edit a[id$="lnkBackToSearchBtn"]:focus, .meeting-manager-add-edit a[id$="btnBackToSearch"]:hover, .meeting-manager-add-edit a[id$="btnBackToSearch"]:focus, .meeting-manager-meetingdetails a[id$="lnkBackToMeetings"]:hover, .meeting-manager-meetingdetails a[id$="lnkBackToMeetings"]:focus, .ecagenda-view-meeting-book-div #btnCancel:hover, .ecagenda-view-meeting-book-div #btnCancel:focus, .agenda-details #btnBack:hover, .agenda-details #btnBack:focus, .meeting-buttons .buttonType2:hover, .meeting-buttons .buttonType2:focus, .meeting-buttons-bottom .buttonType3:hover, .meeting-buttons-bottom .buttonType3:focus, .meeting-agenda-grid a[id$="CancelButton"]:hover, .meeting-agenda-grid a[id$="CancelButton"]:focus, .meeting-agenda-grid #addDocsToAgendaItem:hover, .meeting-agenda-grid #addDocsToAgendaItem:focus {cursor:pointer; border:1px solid #333; cursor:pointer;} .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;} /*---------------------------------------- / button styles ----------------------------------------*/ /* Major Action Button with blue gradient background */ .buttonFormsGroupTop .buttonType1, .buttonFormsGroupTop .buttonType1:link, .buttonFormsGroupTop .buttonType1:visited, .buttonFormsGroupBottom .buttonType1, .buttonFormsGroupBottom .buttonType1:link, .buttonFormsGroupBottom .buttonType1:visited {float:none; width:auto; text-decoration:none; color:#fff; margin-right:5px; padding:5px 10px; border:1px solid #00a7e1; background-color:#00a7e1; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .buttonFormsGroupTop .buttonType1:hover, .buttonFormsGroupTop .buttonType1:focus, .buttonFormsGroupBottom .buttonType1:hover, .buttonFormsGroupBottom .buttonType1:focus {border:1px solid #00557F; cursor:pointer;} .buttonFormsGroupTop .buttonType1:active, .buttonFormsGroupBottom .buttonType1:active {border:1px solid #00557F; cursor:pointer;} /* Minor Action Button with grey background */ .buttonFormsGroupTop .buttonType2, .buttonFormsGroupTop .buttonType2:link, .buttonFormsGroupTop .buttonType2:visited, .buttonFormsGroupBottom .buttonType2, .buttonFormsGroupBottom .buttonType2:link, .buttonFormsGroupBottom .buttonType2:visited {float:none; width:auto; text-decoration:none; text-align:center; background-color:#555; margin-right:5px; 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;} .buttonFormsGroupTop .buttonType2:hover, .buttonFormsGroupTop .buttonType2:focus, .buttonFormsGroupBottom .buttonType2:hover, .buttonFormsGroupBottom .buttonType2:focus {border:1px solid #333; cursor:pointer;} .buttonFormsGroupTop .buttonType2:active, .buttonFormsGroupBottom .buttonType2:active {border:1px solid #333; cursor:pointer;} /* Button as normal link */ .buttonFormsGroupTop .buttonType3, .buttonFormsGroupTop .buttonType3:link, .buttonFormsGroupTop .buttonType3:visited, .buttonFormsGroupBottom .buttonType3, .buttonFormsGroupBottom .buttonType3:link, .buttonFormsGroupBottom .buttonType3:visited {float:none; width:auto; text-decoration:none; text-align:center; background:#fafafa; margin-right:5px; padding:5px 10px; color:#000; border:1px solid #ccc; border-radius:2px; display: -moz-inline-box; display:inline-block; vertical-align:top; zoom:1; *display:inline;} .buttonFormsGroupTop .buttonType3:hover, .buttonFormsGroupTop .buttonType3:focus, .buttonFormsGroupBottom .buttonType3:hover, .buttonFormsGroupBottom .buttonType3:focus {border:1px solid #999999; cursor:pointer;} .buttonFormsGroupTop .buttonType3:active, .buttonFormsGroupBottom .buttonType3:active {border:1px solid #999999; cursor:pointer;} /* TGP Styles */ .tgp-heading-text, .tgp-tnc-text {font-weight:bold;color:#666 !important;font-family:Arial,sans-serif;} .tgp-tnc-text a {font-weight:bold;color:#00a7e1 !important;font-family:Arial,sans-serif;} #tnc{font-size:140%;} .tgp-table {margin:0 0 50px;font-size:100% !important; width:100%;} .tgp-table th {color:#00a7e1;padding:8px 25px 8px 0;border-bottom:solid 1px #00a7e1;vertical-align:top;font-family:Arial,sans-serif;} .tgp-table td {padding:8px 25px 8px 0;font-family:Arial,sans-serif;} .tgp-table td.tgp-col:first-child {font-weight:bold;color:#005596;} .tgp-table td.tgp-col:nth-child(2){font-weight:bold;color:#666;} .tgp-table tr {border-bottom:solid 1px #e0dfdf; } #tnc h3 {font-weight:bold;} #tnc ol {font-size:100%;margin:0 0 20px 20px;} ul.tgp li {list-style-type:none;float:right;} ul.tgp li:before {display: none;} #GCatsRegform {height: 810px;} .retailAgentForm > fieldset > legend {display: none;} .retailAgentForm .form-group {position: relative;} .retailAgentForm .panel-next-btn { float: right; margin-top: 20px;} .retailAgentForm .panel-back-btn { float: left; margin-top: 20px;} .retailAgentForm .panel-back-btn input.btn, .retailAgentForm .panel-next-btn input.btn {padding: 10px;} .retailAgentForm .form-group input[type="file"] {padding: 5px;} .retailAgentForm .form-group.no-b-margin {margin-bottom:0;} .retailAgentForm .form-group.panel-checkbox {padding-left: 0;} .retailAgentForm .form-group.panel-checkbox label {left: 30px; top: 11px;} .retailAgentForm p{font-size:1rem;} .retailAgentForm .col-xs-10 select{-moz-appearance: menulist;} .retailAgentForm table td{text-align:left;} .retailAgentForm div{text-align:left;} /* Shell Fuel Cards Blocks */ .shellcardBlocks .scBlockInner{border:1px solid #cccccc; padding:20px; overflow:hidden; border-radius:10px;} .shellcardBlocks div[class*="col-"]{margin-bottom:20px;} .shellcardBlocks .scBlockInner img{padding:10px 30px;} .shellcardBlocks h2{margin:0;} .shellcardBlocks ul{padding:20px 0; margin:0; border-bottom:1px solid #ccc;} .shellcardBlocks ul:last-child{border:0;} .shellcardBlocks ul li{list-style:none; text-align:center; font-size:18px;} .shellcardBlocks ul li:before{display:none;} .shellcardBlocks a.btn{width: 100%; text-transform: capitalize; color: #ababab; font-weight: bold!important; font: 20px 'AvenirLTPro-Bold',verdana,sans-serif!important; letter-spacing: normal; margin-bottom: 50px; padding: 40px 0 0;} .shellcardBlocks a.btn:after{display:none;} .shellcardBlocks a{width: 100%; text-align: center; float: left; font-size: 20px; margin-bottom: 20px; color:#006593;} .shellcardBlocks a:active{box-shadow:none;} /*---------------------------------------- / Expand collapse content style ----------------------------------------*/ .expand-block { display: inline-block; width: 100%; } .accordion-expand { display: none; } .accordion-expand.in { display: block; } .expand-wrap { background: #cce0ea;margin-bottom: 60px !important; display: inline-block; width: 100%; } .expand-wrap .left-wrap { padding-left: 0; padding-right: 0; } .expand-wrap .left-wrap img { margin-bottom: 0; } .expand-wrap .right-wrap { padding: 25px; } .expand-wrap .btn.accordion-toggle { margin-bottom: 0; } .expand-wrap .left-wrap img { width: 100%; } /*EDIT MODE*/ .img-full img { display: block; height: auto; max-width: 100%; } /*---------------------------------------- / Image carousel style ----------------------------------------*/ .owl-carousel{} .owl-nav { width:100%; color: #fff; position: absolute; top: 45%;padding: 0 20px;} .owl-nav .icon-left-arrow { float: left; font-size: 0; cursor: pointer;} .owl-nav .icon-left-arrow:after { content: ""; width: 50px; height: 50px; background: url(/images/UserUploadedImages/11/left-arrow.png) center; display: block; background-repeat: no-repeat; } .owl-nav .icon-right-arrow { float: right; font-size: 0; cursor: pointer;} .owl-nav .icon-right-arrow:after { content: ""; width: 50px; height: 50px; background: url(/images/UserUploadedImages/11/right-arrow.png) center; display: block; background-repeat: no-repeat; } .owl-nav .icon-left-arrow.disabled, .owl-nav .icon-right-arrow.disabled { opacity: 0.5;} .bushfiretable {width:90%; border: 1px solid #000;} .bushfiretable tr td {border: 1px solid #000; padding:3px;} .ewa-embed-footer {display:none!important;} /* ==================================================================================================================== * Three column hover widget * ====================================================================================================================*/ .threecol ul.row {margin: 0px -10px; padding-left: 0;display: flex; flex-wrap: wrap;} .threecol ul li { list-style: none; position: relative; width: 24.33333%; cursor: pointer; padding: 0px 10px; margin: 0px 0px 20px 0px; float:left;} .threecol ul li a { color: #fff; display: block; cursor: pointer; overflow: hidden; position: relative; height: 100%; border: 1px solid #bea96c;} .threecol ul li a:before {content: ""; width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; opacity: 0; transition: .5s;background: rgba(0,0,0,0.7);} .threecol ul li a > img.img-fluid { width: 100%; max-width: 100%; display: block; height: 100%; object-fit: cover;} .threecol .title-wrapper .heading { color: #fff; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 30px; max-height: 60px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .threecol.hovereffect-description ul li a .title-wrapper { position: absolute; bottom: -120px; z-index: 2; top: 45%; padding: 0px 20px; transition: 0.5s; text-align: center; } .threecol ul li a:hover .title-wrapper { top: 30%;} .hovereffect-description ul li a:after { content: ""; width: 100%; height: 100%; background: #092745; position: absolute; z-index: 1; top: 0; left: 0px; opacity: 0; transition: 0.5s;} .hovereffect-description ul li a:hover:after { opacity: 0.9} .hovereffect-description li:nth-child(5) p.heading{width:0;} .threecol ul li a:hover .title-wrapper .readmore { position: relative;} .threecol .title-wrapper .description{opacity:0;transition:0.5s;min-height: 70px;font-size: 80%; text-align: left;padding-bottom: 25%;} .threecol ul li a:hover .description { opacity:1;} .threecol ul li a .title-wrapper .readmore{position:relative;} .threecol ul li a .title-wrapper span { text-align: right; display: block; opacity: 0; transition: .5s;padding-right: 45px;text-transform: uppercase; font-size: 14px; letter-spacing: 3px;} .threecol ul li a .title-wrapper span:after { content: "\e902"; font-family: 'icomoon'!important; font-size: 26px; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; } .threecol ul li a:hover .title-wrapper span{opacity:1;} .widget .threecol .bottom-btn { text-align: center; display: block; padding: 20px 0px; margin-bottom: 30px;} .threecol ul li .title-wrapper .dot-icon { opacity: 0; transition: .5s; height: 42px; width: 42px; display: inline-block; background: url(/images/UserUploadedImages/11/readmore-icon.png) no-repeat center;} .threecol ul li a:hover .dot-icon { opacity: 1;} .threecol ul li:before { display: none;} .threecol ul li a .heading { font-size:18px; color: #bea96c; padding: 20px; margin-bottom: 0;width: auto !important;} @-webkit-keyframes slide-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes slide-down { 0% { opacity: 0; -moz-transform: translateY(-100%); } 100% { opacity: 1; -moz-transform: translateY(0); } } @media (min-width:0) and (max-width:767px) { .threecol ul li { width: 100%; } } /*---------------------------------------- / Logo Thumbnail widget ----------------------------------------*/ .logo-wrapper { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .logo-wrapper .logo-item{ text-align: center;margin-bottom: 30px;} .logo-wrapper .logo-item:first-child img { width: 100%;} /*---------------------------------------- / Expand ODD ----------------------------------------*/ .odd-item.expand-wrap { background: none; border-top: 1px solid #c7ac65; padding-top: 40px; padding-bottom: 40px; margin-bottom: 0 !important; } .even-item.expand-wrap { background: none; border-top: 1px solid #c7ac65; padding-top: 40px; padding-bottom: 40px; margin-bottom: 0 !important; } .even-item.expand-wrap .right-wrap { padding: 0; } .even-item.expand-wrap.left-wrap { padding: 25px 25px 25px 0; } .even-item.expand-wrap .left-wrap { padding: 25px 25px 0 0; } .odd-item.expand-wrap .btn-primary.accordion-toggle, .even-item.expand-wrap .btn-primary.accordion-toggle { background: #ccc; color: #092745 !important; border-color: #ccc; } .odd-item.expand-wrap .btn-primary.accordion-toggle:hover, .even-item.expand-wrap .btn-primary.accordion-toggle:hover { background-color: #092745; border-color: #092745; color: #fff!important; } .odd-item.expand-wrap .right-wrap h4, .even-item.expand-wrap .left-wrap h4{ color: #bea96c; } /*---------------------------------------- / Six column box ----------------------------------------*/ .six-column { margin-top: 40px; margin-bottom: 40px;} .six-column ul{ padding: 0; display: flex;flex-wrap: wrap; margin-bottom: 25px;} .six-column ul li{width:16.666666666666664%; list-style:none; padding:0 5px; } .six-column ul li img{width:100%;} .six-column ul li p { margin-bottom: 0;} .six-column ul li a { background: rgba(1, 185, 229, 0.10); display: block; height: 100%; padding: 10px;} /*---------------------------------------- / responsive design ----------------------------------------*/ @media (min-width: 0) and (max-width:1280px) { #banner {padding-top:0;} #header-tools {position:absolute; top:0; left:0; right:0; margin:0; padding:0; background-color:#00a7e1;} #header-tools .tools-inner {width:970px; margin:0 auto;} #header-tools ul {} #header-tools ul li {border:none; float:left;height:40px;} #header-tools ul li a {display: block;height: 39px;padding: 12px 35px 10px 60px;background-repeat: no-repeat;background-position: 30px 60%;color: #fff;} #header-tools ul li#fuel-finder {border-top:none;} #header-tools ul li#fuel-finder a {background-image:url(/images/useruploadedimages/11/icon-fuel-finder-sm.png);} #header-tools ul li#lube-finder a {background-image:url(/images/useruploadedimages/11/icon-lube-match-sm.png);} #header-tools ul li#motor-app a {background-image:url(/images/useruploadedimages/11/icon-motor-app-sm.png);} #header-tools ul li#shell-card {border-bottom:none;} #header-tools ul li#shell-card a {background-image:url(/images/useruploadedimages/11/icon-shell-card-sm.png);} .container p a img {max-width:100%;} } @media (min-width:1200px){ #main .container, #feature-three .container {max-width: 1325px !important;} #navigation .container {max-width: 1078px;} #HomeCarouselSection .container { max-width: 1325px; background: #faf7f0; padding: 60px; } #HomeCarouselSection .container .container { max-width:100%; padding:0; } #quick-links .container { max-width: 1325px; background: #f9f7f0; padding: 25px 0 45px; } #quick-links .container .container { max-width:100%; padding:0; } } @media (min-width:993px){ #main-nav .hmenu {display: flex; justify-content:center;} } @media (min-width:993px) and (max-width: 1199px) { .carousel-contents #slider-next.gee-ref{right:10px;} .carousel-contents #slider-prev.gee-ref{left:10px;} .carousel-contents #slide.home.geelong-refinery>div .content{width: 370px; padding: 60px 30px 45px 90px!important;} .header-social {right: 15px;} .header-search {right:30px;} #main-nav .hmenu > li > a {padding:26px 8.5px;} #intro {padding-top:60px;} .landing-block.lb-title.four-col h2 {bottom: 0;height: 65px;} .carousel-contents #slide.home { height: 415px!important; } .carousel-contents #slider-prev {left: 10px;} .carousel-contents #slider-next {right: 10px;} #homeslide img { height: 100%; float: right; } #HomeCarouselSection {height:100%;} #HomeCarouselSection .container { background: #faf7f0; padding: 60px; } #HomeCarouselSection .container .container { max-width:100%; padding:0; } #quick-links .container { background: #f9f7f0; padding: 25px 0 45px; } #quick-links .container .container { max-width:100%; padding:0; } #footer #footer-bottom #footer-bottom-left ul li {padding-left: 7px; padding-right: 7px;} #footer #footer-bottom #footer-bottom-right ul li {padding-right: 10px; padding-left: 10px;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group label { width: 162px;} } /* mobile and tablets */ @media (min-width: 0) and (max-width:992px) { .carousel-contents #slide {width:100%; height:230px !important;} .carousel-contents #slide > div {height:240px !important;} .carousel-contents #slide > div img {height:230px;} .carousel-contents #slide > div .content h3 {font-size:190%;} .carousel-contents #slide > div .content p {margin-bottom:0; padding-bottom:0;} .carousel-contents #slider-prev {left: 10px;} .carousel-contents #slider-next {right: 10px;} .carousel-contents #slider-next.gee-ref{right:10px;} .carousel-contents #slider-prev.gee-ref{left:10px;} .carousel-contents #slide.home.geelong-refinery{height:299px!important} .carousel-contents #slide.home.geelong-refinery>div .content{width: 420px; padding: 60px 30px 45px 90px!important;} .header-logo {left: 15px;} #header-tools .tools-inner {width:750px; margin:0 auto;} #header .header-login{right: 15px;top: 5px;width: 100%;width: 175px;z-index:100;} #header .header-login ul li .welcome-text, #header .header-login ul li .logged-in-user{display: none;} #navigation {padding:0; height: 50px;} #navigation .container {} #main-nav {margin:0;} #main-nav .accessible-heading {display:block; position:relative; left:0; text-transform:uppercase; color:#939393; padding:11px 10px 11px 30px;text-indent:-9999px;} #main-nav .accessible-heading:before {content: '\f0c9'; color: #fff; font-family: "fontello"; position:absolute; top:7px; left:10px; text-indent: 0; font-size: 35px;} #main-nav .accessible-heading:hover, #main-nav .accessible-heading:focus, #main-nav .accessible-heading.item-on {text-decoration:none;} #main-nav .accessible-heading.item-on:before {color: #01b9e5;} #main-nav .hmenu {display:none; position:absolute; left:0; top:50px; background-color:#fff; width:100%; z-index:130;} #main-nav .hmenu > li {float:left; width: 100%; position: relative; padding:0; border:none;border-bottom: 1px solid #01b9e5;} #main-nav .hmenu > li > a {color:#000; font-size:120%; height:auto; padding:15px 20px 15px 30px; background:none; border:none;} #main-nav .hmenu > li > a > span {background:none; padding:0;} #main-nav .hmenu > li:hover, #main-nav .hmenu > li:focus {border-bottom: 1px solid #01b9e5; padding:0;} #main-nav .hmenu > li:hover > a, #main-nav .hmenu > li:focus > a, #main-nav .hmenu > li.selected:hover > a, #main-nav .hmenu > li.selected > a {color:#fff; padding:15px 20px 15px 30px; border:none; background-color: #092745; border-top: 0; border-bottom: 0;} #main-nav .hmenu > li.selected > a span:after {display: none;} #main-nav .hmenu > li > .expand {display: block; text-indent: -9999px; position: absolute; right: 0; top:0; width: 29px; height: 38px;} #main-nav .hmenu > li > .expand:after {content: "\e900"; font-family: 'icomoon'!important; position: absolute; right: 15px; top: 9px;color: #01b9e5; text-indent: 0; font-size: 30px; cursor: pointer; z-index: 25;} #main-nav .hmenu > li > .expand.open:after {content: "\e903";} #main-nav .hmenu > li:hover > ul, #main-nav .hmenu > li:focus > ul {display:none;} #main-nav .hmenu > li > ul {z-index: 131; top: 48px; width: 100%; border: 0; background-color: #01b9e5; position: static;} #main-nav .hmenu > li > ul > li {float: left; width: 100%; border-top: 1px solid #fff;} #main-nav .hmenu > li > ul > li > a {float: left; width: 100%; background-color: #01b9e5; color: #fff; padding-left: 40px;} #main-nav .hmenu > li > ul > li > .expand {display: block; text-indent: -9999px; position: absolute; right: 0; top:0; width: 29px; height: 38px;} #main-nav .hmenu > li > ul > li > .expand:after {content: "\e900"; font-family: 'icomoon'!important; position: absolute; right: 15px; top: 9px;color: #fff; text-indent: 0; font-size: 30px; cursor: pointer; z-index: 25;} #main-nav .hmenu > li > ul > li > .expand.open:after {content: "\e903";} #main-nav .hmenu > li > ul > li:hover > ul, #main-nav .hmenu > li > ul > li:focus > ul {display:none;} #main-nav .hmenu > li > ul > li > ul {z-index: 132; top: 48px; width: 100%; left: 0; border: 0; background-color: #cce0ea; position: static;} #main-nav .hmenu > li > ul > li > ul > li {float: left; width: 100%; border-top: 1px solid #fff;} #main-nav .hmenu > li > ul > li > ul > li > a {float: left; width: 100%; background-color: #cce0ea; color: #092745; padding-left: 60px;} /*img {max-width: 100%;}*/ .feature-carousel .feature-slide {height: 400px!important;} .feature-list {padding-top: 40px !important;} #landing-image img {max-width: 100%;} .quicklinks-widget {margin-bottom: 20px;} #blog article:last-child .blog-widget {margin-bottom: 0;} .blog-widget {margin-bottom: 15px;} .blog-widget a img {width: 100%;} .module-area select, .content-area select, .module-area textarea, .content-area textarea, .module-area input[type="text"], .content-area input[type="text"], .module-area input[type="password"], .content-area input[type="password"] {padding:3px; width:100% !important;} .btn {font: 500 80% 'AvenirLTPro-Black',verdana,sans-serif!important; white-space: inherit;} #HomeCarouselSection .container { background: #faf7f0; padding: 60px; } #HomeCarouselSection .container .container { max-width:100%; padding:0; } #quick-links .container { background: #f9f7f0; padding: 25px 0 45px; } #quick-links .container .container { max-width:100%; padding:0; } #footer #footer-top #footer-top-social-left {position: relative; padding-top: 60px;} #footer #footer-top #footer-top-right {padding-top: 60px; padding-left: 15px !important;} #footer-bottom-left {float: left; padding-bottom: 20px;} #footer-bottom-right {float: left;} #footer #footer-bottom #footer-bottom-right ul {float: left;} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* content organiser */ .contentDIV .sectionDIV .itemDIV div .userInputDIV {margin-left: 0;} .navigationDIV {width: 100%; height: auto;} /* social styles */ .comments-container, .comments-container .post-item {width: 100%;} #mypage-wrapper .mypage-profile, #socialgroup-wrapper .mypageGroup-profile {width: 100%;position: relative;padding-right: 110px;box-sizing: border-box;overflow: hidden;} #mypage-wrapper .mypage-profile .photo-container, #socialgroup-wrapper .mypageGroup-profile .photo-container {position: absolute;right: 0;width: auto;} #mypage-wrapper .mypage-profile .photo-container img, #socialgroup-wrapper .mypageGroup-profile .photo-container img {width: 100px;} #mypage-wrapper > h1 {position: static;} #mypage-wrapper .mypage-profile h2, #socialgroup-wrapper .mypageGroup-profile h2 {border-bottom: none;padding-bottom: 0;margin-bottom: 0;font-size: 110%;} #mypage-wrapper .mypage-profile p, #socialgroup-wrapper .mypageGroup-profile p {margin: 10px 0; font-size: 110%;} #mypage-wrapper .mypage-profile p br, #socialgroup-wrapper .mypageGroup-profile p br {display: none;} .comments-container, .comments-container .post-item {margin: 0;padding: 20px 0;box-sizing: border-box; -moz-box-sizing:border-box;border: none;} .comments-container .post-item textarea {width: 100%; box-sizing: border-box; -moz-box-sizing:border-box;} .comments-container .post-item select, .comments-container .post-item .postCommentBtn {bottom: -15px;} #mypage-wrapper .mypage-connections, #socialgroup-wrapper .group-members-container {margin-left: 0;} /* q and a */ .question-details-container, .question-details-container .comments-container {width: 100%; box-sizing: border-box; -moz-box-sizing:border-box; margin: 0;} /* corp directory */ #PeopleSearch_container div[id$="divSearchRefine"] {float: none;overflow: hidden;width: 100%;margin: 0;} #PeopleSearch_container div[id$="divPeopleSearchResults"] {float: none; width: 100%;} /* store locator */ #locatorContainer .dealer-search-results {padding: 0; margin: 0;width: 100%;} #locatorContainer .dealer-search-results .dealer-res-map {width: 100% !important;} /* my account */ .MyAccountMenu {height: auto;width: 100%;} .menu-trigger {background: #666;color: #fff;padding:10px;position: relative;display: block; cursor: pointer;} .MyAccountMenu ul.topMenu li {float: none;height: auto;margin-right: 0;margin-bottom: 0;} .MyAccountMenu ul.topMenu li a {padding: 10px 5px; height: 25px !important; line-height: 25px;} .MyAccountMenu ul.topMenu.open li a {display: block !important;} #myEditPreferredLocationsContainer > div > ul > li {margin-bottom: 0;} #myEditPreferredLocationsContainer ul, .MyAccountMenu ul.topMenu {cursor: pointer; overflow: hidden;height: auto;background-color: transparent;border: none;margin: 0;} .MyAccountMenu ul.topMenu:hover li {display: block;} #myAccountArea, .myAccountArea {overflow: hidden;width: 100%; } #myAccountArea .accountDetails {padding-top: 25px;} #myAccountArea .findCalendar {width: 100%; float: left;} #myAccountArea .ajax__tab_body {overflow: visible;} #myAccountArea .calendarView {margin: 0; width: 100%;} #myAccountArea div.userPrefOuter a {position: static; margin: 10px 0;} #myAccountArea div.userPrefOuter h3 {margin: 0; padding: 0;} #myAccountArea div.alertEditOuter {padding: 0; border: none;} #myAccountArea .eventClass span, #myAccountArea .frequencyDiv span {width: 100%; margin: 10px 0; display: block;} #myAccountArea .eventClass span input[type="checkbox"], #myAccountArea .eventClass span label {margin-right: 10px;} #myAccountArea .frequencyDiv span input[type="radio"], #myAccountArea .frequencyDiv span label {margin-right: 10px;} #myAccountArea div.alertTaxListBox {width: 100%;} #myAccountArea .buttonGroupTop {overflow: hidden;} #myAccountArea .calendarView #calendarMain {border: none !important;} #myAccountArea #calendarMain #TRHeaderRow th a span {float: left;} #myAccountArea #btnSave, #myAccountArea #btnCancel {margin-top: 10px;} #myAccountArea .buttonGroup {padding: 0;} /* search */ .SearchCriteria, #myAccountArea .clsEventSearchLeft {width: 100%;} /* event */ .event-view-training-details img {max-width: 100%; margin: 0 0 15px 0;} .event-view-training-details table {width: 100%;} .EventSearchResults {margin: 0; padding: 15px 0; width: 100%;} ol#eventsearchResultsInfo {width: 100%;} #eventOuterTable .event-search-results ol li {float: left; width: 100%;} /* Resource Scheduler */ .resource-scheduler .RadScheduler {overflow-x: scroll; width: 100% !important;} #ctl00_ctl00_ctl00_nestedAreaTwo_moduleContentZone_ContentPlaceHolderMainNoAjax_divDisplayWeekend {text-align: left !important; margin: 10px 0;} #ResourceCheck {margin-left: 0;} #ISCLink {height: auto !important} .content-area .RadAjaxPanel select, .content-area .RadAjaxPanel textarea, .content-area .RadAjaxPanel inputnput[type="text"] {width: auto !important;} /* meeting manager */ div[id$="rmpMeetingManager"] .RadAjaxPanel, div[id$="rmpMeetingManager"] {width: 100%;} .meeting-manager-managemeetings .meeting-edit div {display: block; width: 100% !important;margin: 3px 0;} .meeting-manager-managemeetings .meeting-edit fieldset {margin: 10px 0;padding: 0;} .meeting-manager-managemeetings .meeting-edit fieldset legend {position: static;width: 100%;margin: 10px 0;} .meeting-manager-managemeetings .meeting-edit > div.single-checkbox {padding: 0; margin: 10px 0;} .meeting-buttons, .meeting-buttons-bottom {padding: 0;} /* form creator */ .clsFormCreator {width: 100%;} .clsFormCreator .clsFormCreator_datebox input {width: auto !important;} .clsFormCreator .clsFormCreator_datebox img {top: 5px; position: relative;} div#FormCreator_1161{padding: 50px 100px 50px;} .business-enquiry-form{padding: 50px 100px 50px;} /* login */ .login-element, div[id$="LoginPanel"] {width: 100%;} .careers span.mainItemHeading {font-size:200%;} } /* mobile devices */ @media (min-width: 0) and (max-width:767px){ .retailAgentForm.clsFormCreator div.clsFormCreator_checkbox input{float:left;} .retailAgentForm .col-xs-10{width:100%; padding:0;} .retailAgentForm .col-xs-10 input, .business-enquiry-form .col-xs-10 textarea, .business-enquiry-form .col-xs-10 select{max-width:100%;} .retailAgentForm .form-group{padding:0 15px!important;} .retailAgentForm .form-group .control-label{padding-left:0!important; padding-right:0!important;} .carousel-contents #slide.home.geelong-refinery>div .content{width:100%!important;} .carousel-contents #slide.home.geelong-refinery>div .content p.secondary{display:none;} .carousel-contents #slide.home.geelong-refinery{height:570px!important;} #main.home {/*min-height:500px;*/} #GCatsRegform {height: 980px;} .drivenContentWid {margin-bottom: 25px; margin-left: -15px; margin-right: -15px;} .form-actions, .clsFormCreator .formCreatorCaptchaTable, legend.control-label, .clsFormCreator div label{padding-left:15px;} #blog{/*padding-top:80%!important;*/} .our-community-left{height:auto;} .shell-v-power-banner .content-section{font-size:280%;} #HomeCarouselSection{height:auto;} #feature-three .container-fluid{height:400px;} #feature-three .container-fluid .container{height:400px;} .shell-v-power-banner .content-section{font-size:250%;} #main, .carousel-contents #slide.home{overflow:inherit;} #feature-three h2{font-size:80%;} #feature-three p{font-size:50%;} .shell-v-power-banner .content-section{top:100px;} .shell-v-power-banner .content-section{width:100%;} .shell-v-power-banner .content-section{font-size:350%;} .shell-v-power-banner .content-section {left:0;} .shell-v-power-banner .buttons {left:0; text-align:left;} .our-community-left {height:auto;} #HomeCarouselSection {height:100%;} #HomeCarouselSection #homeslide img {max-width:100%!important;} .carousel-contents #slide {height:245px !important;} .carousel-contents #slide > div {height:340px !important;} .carousel-contents #slide > div img {height:230px;} .carousel-contents #slide > div .content h3 {font-size:190%;} .carousel-contents #slide > div .content p {min-height:70px;margin-bottom:0; padding-bottom:0;} .carousel-contents #slide.home > div .content {width: 100%; background: rgba(9,39,69,1); background: -moz-linear-gradient(left,rgba(9,39,69,1) 0,rgba(1,184,228,1) 100%); background: -webkit-gradient(left top,right top,color-stop(0%,rgba(9,39,69,1)),color-stop(100%,rgba(1,184,228,1))); background: -webkit-linear-gradient(left,rgba(9,39,69,1) 0,rgba(1,184,228,1) 100%); background: -o-linear-gradient(left,rgba(9,39,69,1) 0,rgba(1,184,228,1) 100%); background: -ms-linear-gradient(left,rgba(9,39,69,1) 0,rgba(1,184,228,1) 100%); background: linear-gradient(to right,rgba(9,39,69,1) 0,rgba(1,184,228,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#092745',endColorstr='#01b8e4',GradientType=1); } .carousel-contents #slide.career > div img {width: 100%;} .carousel-contents #slide.career > div .content {top: 50%; left: 0; padding: 10px; width: 100%;} .carousel-contents #slide.career > div .content p.secondary {display: none;} .carousel-contents #slide.career > div blockquote {font-size: 160%; padding-bottom: 0;} .carousel-contents #slide.home {margin:0 auto; position:relative; overflow:hidden; height:535px!important;} .carousel-contents #slide.home > div {width:100% !important; height:100% !important;} .carousel-contents #slide.home > div .content h2 {font-size: 400%; text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);} .carousel-contents #slide.home > div .content h3 {font-size:225%; font-weight:bold; color: #fff; margin:0; padding:20px;} .carousel-contents #slide.home > div .content p {font-family: AvenirLTPro-Medium;font-size:160%; color: #fff; margin:0; padding: 0 0 20px 0; line-height: 120%; text-align: left; text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7);} .carousel-contents #slide.home > div .content p.carousel-button {padding-bottom:20px;} .carousel-contents #slide.home > div .content a {font-size:125%; color:#002f5d; padding:15px 60px 12px 30px; display:inline-block;font-weight:bold; margin-bottom: 0; margin-right:0;} .carousel-contents #slide.home > div .content a span {} .carousel-contents #slide.home > div img {width:100%; height: auto; right: -9999px; left: -9999px; margin: auto;} .carousel-contents #slide.home > div blockquote {color: #fff; border-left: 0; padding:20px;font-family: 'AvenirLTPro-MediumOblique'; font-style: italic; font-size: 200%; line-height: 120%;} .carousel-contents #slide.home > div .content{left:0!important; top:0; bottom:inherit; width:100%; padding:0 50px 20px 50px !important;} .carousel-contents #homeslide {height:445px;} .carousel-contents #homeslide > div {height:450px !Important;} .carousel-contents #homeslide > div img {max-width: 100% !important;} #HomeCarouselSection #thenav {display:none;} .row {margin:0;} /* Six column box */ .six-column ul li { width: 50%;margin-bottom: 10px;} /* general mobile styles */ #banner {padding-top:0px;} #wrapper {position:relative;} #wrapper #wrapper-inner {overflow: hidden;} #navigation {background-color:#01a7e1; padding:0; height: 50px;} #navigation .container {margin-right:36px; padding-right:0; position:static;} #navigation.open {height:123px;} #navigation.open2 {height:120px;} #main-nav {float:left;} .header-search {position:static; float:right;} .header-search .accessible-heading {display:block; text-indent:-9999px; position:relative; left:0; top: 118px; z-index: 2002; width:50px; height:50px; padding:10px;} .header-search .accessible-heading:after {content: ""; width: 20px; height: 20px; text-indent: 0; color: #fff; position: absolute; top: 13px; right: 0; background-image: url(/images/UserUploadedImages/11/search-white-icon.png);} .header-search .accessible-heading.item-on:after {color: #092745;} .header-search div.searchPanel {display:none; border:none; position:absolute; top:194px; left:0; right:0; padding:17px; z-index:2002;} .header-search div.searchPanel input {width:100% !important; padding:10px; box-sizing: border-box;} div.searchPanel a[id$="SearchLinkButton"], div.searchPanel input[id$="SearchButton"] {position:absolute; top:27px; right:27px;} .header-search .quickSearchPanel {top: 57px; left: 0; padding: 0 17px;} .header-search .quickSearchPanel .dynamic-results {width: auto;} #header-tools {width:auto; height:auto; margin-top:0; position:static; float:right; margin-right:0; background-color:transparent;} #header-tools .accessible-heading {display:block; text-indent:-9999px; position:relative; left:0; width:16px; height:12px; margin:12px 10px; border-top:7px double #939393; border-bottom:2px solid #939393;} #header-tools .accessible-heading:hover, #header-tools .accessible-heading:focus, #header-tools .accessible-heading.item-on {border-top-color:#00a7e1; border-bottom-color:#00a7e1;} #header-tools .tools-inner {display:none; position:absolute; top:136px; left:0; width:100%; height:auto; z-index:200; background-color:#00a7e1; border-bottom:1px solid #005D7D;} #header-tools ul {width:320px; margin:0 auto;} #header-tools ul li {border:none; text-indent:0; float:left; width:80px; height:auto;} #header-tools ul li a {width:80px; height:auto; padding:40px 0 10px 0; background-position:50% 10px; text-align:center;} .feature-carousel .feature-slide {height: 300px!important;} #content-blocks article {padding-left: 0; padding-right: 0; padding-bottom: 60px;} #content-blocks article:last-child {padding-bottom: 0;} #content-blocks article img {width: 100%; height: 220px;} #feature-three article {padding: 30px !important;} div.msg_head {padding-right: 35px;} div.msg_head:after {top: 90%; right: 15px;} #footer #footer-top ul li {border:none; padding:0; width:50%; margin-bottom:5px;} #footer #footer-top #footer-top-left h3 {font-size: 400%;} #footer #footer-top #footer-top-left #footer-help {width: 70%;} #footer #footer-top #footer-top-left input#enquire {width: 30%;} #footer #footer-top #footer-top-social-left img {padding-left: 0; padding-right: 40px;} #footer #footer-top #footer-top-social-left h3 {width: 100%; float: left; padding-top: 40px;} #footer #footer-top #footer-top-social-left ul.social-links li {width: auto;} #footer #footer-top #footer-top-right > ul > li {width: 100%; margin-bottom: 20px; position: relative;} #footer #footer-top #footer-top-right > ul > li.iFOL505, #footer #footer-top #footer-top-right > ul > li.iFOL178, #footer #footer-top #footer-top-right > ul > li.iFOL180 {margin-bottom: 20px;} #footer #footer-top #footer-top-right > ul > li .expand {display: block; text-indent: -9999px;} #footer #footer-top #footer-top-right > ul > li .expand:after {content: "\e900"; font-family: 'icomoon' !important; position: absolute;right: 0;top: 5px;color: #fff;text-indent: 0; font-size: 30px; cursor: pointer;} #footer #footer-top #footer-top-right > ul > li .expand.open:after {content: "\e903";} #footer #footer-top #footer-top-right > ul > li > ul {display: none;} #footer #footer-bottom {} #footer #footer-bottom h3 {text-align:center;} #footer #footer-bottom .hmenu {margin:0 15px;} #footer #footer-bottom .hmenu > li {width:100%; clear:both; margin-bottom:20px;} #footer #footer-bottom .hmenu > li > ul {} #footer #footer-bottom .hmenu > li > ul > li {width:50%; float:left;} #footer #footer-bottom p {position:relative; text-align:center;clear: left;} /* My account */ #myAccountArea div.ViewArea, #myAccountArea div.EditArea {width: 100%;} /* task manager */ .RadAjaxPanel {width: 938px; overflow-x: scroll;} /* blogs */ .blogContainer .blogMenu {position: relative; margin-bottom: 15px; width:100%;} .blogContainer .blogMain {margin: 0;} .blogContainer .blogMenu .clsMidHeader {margin: 15px 0;} .blogContainer .blogMenu a.AddArticleLink {padding:5px; border-radius:3px; color:#fff; background: #00a7e1; width: auto; font-size: 120%; font-family:arial,sans-serif;} .blogArticle .Comments {width:100%;} /* Polls */ .content-area #PollMain {width:100%;} /* Search */ .SearchResults {width:100%;} .SearchResults ol li span.lastRow {word-wrap: break-word; margin-left: 0;} .SearchResults ol li span.clsResultDescr {margin-left: 0;} /* People */ .people-element-tabular-layout table {width: 100%;} /* Mailing lists */ #pMailingListSelectListInstructions, #divMailingListSubscribe {margin: 10px 0;} /* Faq */ #faqContainer .FAQHeadingLinks a {position: static;} /* Forms */ .clsFormCreator div label {width:100%;} .clsFormCreator div .clsCheckBoxListSpanOptions, .clsFormCreator div .clsRadioButtonListSpanOptions {padding-left:0;} .clsFormCreator div .clsCheckBoxListSpanOptions legend, .clsFormCreator div .clsRadioButtonListSpanOptions legend {position:relative; width:100%;} // .clsFormCreator .formCreatorCaptchaTable {padding: 0;} .clsFormCreator div.clsFormCreator_checkbox {padding: 0;} .clsFormCreator div.clsFormCreator_checkbox label {position: static;} .clsFormCreator div.clsMandatory {padding-left:0;} .clsFormCreator div.clsBtnSubmit {padding-left:0;} div#FormCreator_1161{padding: 20px;} .business-enquiry-form{padding: 20px;} /* Event Quick Search */ #page-content .EventQuickSearchMain .EventQuickSearchRow input[type="text"], #page-content .EventQuickSearchMain .EventQuickSearchRow label {display: block; width: 100% !important; margin: 5px 0;} #page-content .EventQuickSearchMain .EventQuickSearchRow #selQuickEventType label {width: auto !important;display: inline;} .EventQuickSearchMain div[id$="EventQuickSearch"] {width:100%;} .EventQuickSearchMain .EventQuickSearchCalendar, .EventQuickSearchMain .EventQuickSearchCalendar table {width:100%;} .EventQuickSearchMain .EventQuickSearchCalendar table {margin: 15px 0;} /* Form Results */ .FormResult .clsSearchParameters .clsSubmitNew {position: static; padding-bottom: 10px;} .FormResult .clsSearchParameters .divSearchPanelInner, .FormResult div.advanced-search-panel {width: 100%;padding-bottom: 5px;} /* Hide print icon */ .col-lg-12 ul.tgp li a img {display:none;} /* Accordion */ .msg_head h2 {float: left;} .msg_head p {float: left;} #header .header-login{right: 0;top: 84px;width: 100%;width: 175px;z-index:100;} #header .header-login ul li .welcome-text, #header .header-login ul li .logged-in-user{display: none;} #header .header-menu {display:none;} .careers span.mainItemHeading {font-size:215%;padding:20px 248px 20px 20px;} .home-article-widget-right {padding:0;border-left:0;} .careers span.mainItemHeading {font-size:160%;} #FormCreator_3258.clsFormCreator .clsDescriptionField > label{ padding-left:45px;} #FormCreator_3258.clsFormCreator div .clsCheckBoxListSpanOptions > legend { padding-left: 45px;} #FormCreator_3258.clsFormCreator div.clsFormCreator_checkbox span.checkbox{ padding-left:0;} .clsFormCreator div.clsFormCreator_checkbox input{float:left;} } @media (min-width:768px) and (max-width:991px){ .retailAgentForm .control-label{width:100%; font-weight:bold;} .retailAgentForm .col-xs-10 input, .business-enquiry-form .col-xs-10 textarea, .business-enquiry-form .col-xs-10 select{max-width:100%;} .retailAgentForm .col-xs-10{padding:0; width:100%;} #intro {padding-top:60px;} .carousel-contents #slide.home{height:334px!important;} .carousel-contents #slide.home>div{height:334px!important;} .carousel-contents #slide.home>div .content{left:0; width:100%; bottom:0;} .carousel-contents #slide.home>div .content h2{font-size:220%;} #HomeCarouselSection, .our-community-left {height:auto;} #HomeCarouselSection #homeslide img { width: 100%!important; max-width: 100%!important; } .carousel-contents #homeslide {margin-top:50px; height: 485px !important;} .carousel-contents #homeslide > div {padding-right:15px;height: 495px !important;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group label { width: 125px;} } @media (min-width: 0) and (max-width:767px){ .community-button{position:relative;} .header-logo a img {max-height:60%;} .header-sublogo img {max-height:40%;} .clsFormCreator div .clsCheckBoxListSpanOptions > span {width:100%;} .clsFormCreator div input[type="file"] { width: 80% !important;} #footer-top .footerNewright .footer-social {width: 100%; margin-bottom: 45px;} #footer-top .footerNewright .footer-logo {float: left; width: 100%;} #footer #footer-top ul {width: 100%;} #footer-top .footerNewleft {margin-bottom: 30px;} #footer #footer-top ul.social-links li {width: auto;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group label { width: auto;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group .col-xs-10 { width: 80px; padding: 0 0px 0px 15px; clear: both;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group.areacodeitem { position: absolute; left: 80px; top: 25px; right: 0;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group.areacodeitem input { width: 100% !important;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group.areacodeitem .col-xs-10 { width: calc(100% - 80px); max-width: calc(400px - 60px);} } /* Mobile */ @media (min-width: 0) and (max-width:568px){ #homeslide { height: 215px!important; } } @media(min-width:0px) and (max-width: 480px) { .shell-v-power-banner .content-section{top:0!important; height:280%!important;} table.tgp-table {width: 100%; display:block; position:relative;border-collapse: collapse; border-spacing: 0;border:solid 1px #babcbf !Important;} table.tgp-table table { display: block; position: relative; width: 100%; } table.tgp-table thead { display: block; float: left; } table.tgp-table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap;} table.tgp-table thead tr { display: block; } table.tgp-table th {display: block; background:#ddd;text-align: left; padding: 8px;height:70px;border-bottom:solid 1px #babcbf;} table.tgp-table tbody tr { display: inline-block; vertical-align: top; } table.tgp-table td { display: block; min-height: 1.25em; text-align: left; padding: 8px 8px 8px 25px;height:70px;border-bottom:solid 1px #babcbf;border-left:solid 1px #babcbf;} table.tgp-table td:first-child {height:70px;} .header-logo a img {width:90%;} .header-sublogo img {width:80%;float:right;} .feature-carousel .feature-slide {height: 245px!important;} .feature-carousel .feature-slide img {height: 245px!important;} .feature-list a.btn-link {right: 40px;} .carousel-contents #slide.home > div .content h2 {font-size: 210%;} .carousel-contents #slide.career > div .content {height: 218px;} .carousel-contents #slide.career > div blockquote {font-size: 140%; padding-top: 10px;} .careers {min-height:400px;} .careers h2 {font-size:200%;} .careers span.mainItemHeading {font-size:200%;} .careers .widget dd {} .careers .widget dd a {margin-top:20px;} .landing-block-home {border-bottom:0;} .col-lg-12 ul.tgp li a img {display:none;} .btn-long-text:after {top: 20%;} .careers img {width:100%;} .careers span.mainItemHeading {clear:both;padding:20px;height:auto;text-decoration:none;} .header-logo { position: absolute; top: 25px; left: 0; } .header-sublogo { position: absolute; top: 25px; right: 0; } .header-tagline {position:absolute; top:105px; left:5px;} .header-tagline h3 {font-size:110%;} .einvoice-login div[id$="LoginPanel"] .login-element {width: 100%;} #footer #footer-top #footer-top-left #footer-help {width: 60%; font-size: 140%;} #footer #footer-top #footer-top-left input#enquire {width: 40%;} #footer #footer-bottom #footer-bottom-left {padding-top:20px;} #footer #footer-bottom #footer-bottom-left ul li {width: 100%; padding-left: 0; border-right: 0; padding-bottom: 20px;} #footer #footer-bottom #footer-bottom-right ul {float: none; margin: 0 auto; width: 240px;} .content-area .table.table-bordered { font-size: 140%; } } @media(min-width:0px) and (max-width: 375px) { .carousel-contents #slide.career {background: #092745; background: -moz-linear-gradient(left,rgba(9,39,69,1) 0,rgba(1,184,228,1) 100%); background: -webkit-gradient(left top,right top,color-stop(0%,rgba(9,39,69,1)),color-stop(100%,rgba(1,184,228,1))); background: -webkit-linear-gradient(left,rgba(9,39,69,1) 0,rgba(1,184,228,1) 100%); background: -o-linear-gradient(left,rgba(9,39,69,1) 0,rgba(1,184,228,1) 100%); background: -ms-linear-gradient(left,rgba(9,39,69,1) 0,rgba(1,184,228,1) 100%); background: linear-gradient(to right,rgba(9,39,69,1) 0,rgba(1,184,228,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#092745',endColorstr='#01b8e4',GradientType=1);} .carousel-contents #slide.career > div .content {background: none;} .landing-block.lb-title h2 {bottom: 90px;} .landing-block.lb-title p {bottom: 1px; height: 90px;} .landing-block.lb-title.four-col h2 {bottom: 0; height: 60px;} .clsFormCreator .Fieldset_Area_code_and_phone_number .form-group.areacodeitem .col-xs-10{width: calc(100% - 60px);} } /* tablets and small computers */ @media(min-width:768px) and (max-width: 992px) { .landing-block.lb-title h2 {bottom: 110px;} .landing-block.lb-title p {bottom: 0; height: 110px;} .landing-block.lb-title.four-col h2 {bottom: 0; height: 95px;} /* Six column box */ .six-column ul li { margin-bottom: 10px; width: 33.333%;} } /* Page Up - employment opportunities */ #pup-content table thead { background-color:#00aee8; } #pup-content table thead th { color:#fff; font-size:17px; } #pup-aside #pup-search h2 { background-color: #00aee8; color: #fff; padding: 13px 0 14px 12px; font-size: 15.45px; font-weight:bold; text-transform:capitalize; } #pup-aside .applicant_login h2 { background:#003260 url(/images/UserUploadedImages/11/white-arrow.png) no-repeat 96% center !important; } #pup-aside #pup-search a, #pup-aside #pup-search a:hover { text-decoration:none !important; } #pup-aside #pup-search { border:1px solid #ccc; } #pup-aside #pup-search:first-child { border:none; margin-bottom: 0; padding-bottom: 0; } #pup-aside #pup-search input{ width: 85%; } #pup-aside #pup-search input, #pup-aside #pup-search label { margin-left: 14px; } #pup-aside #pup-search label { } #recent-jobs table tbody#recent-jobs-content a, #pup-content #search-results table tbody#search-results-content a { color:#003260!important; font-weight:bold; border-bottom:1px dashed #003260; display:inline-block; } #recent-jobs table tbody#recent-jobs-content a:hover, #pup-content #search-results table tbody#search-results-content a:hover { color:#00aee8!important; border-bottom:1px dashed #00aee8; } #recent-jobs a.job-link, #pup-content #search-results table tbody#search-results-content a.job-link { margin-top:17px; font-size:15.45px; } #recent-jobs a.job-link:hover, #pup-content #search-results table tbody#search-results-content a.job-link:hover { text-decoration:none; } #recent-jobs table tbody#recent-jobs-content td span.location, #recent-jobs table tbody#recent-jobs-content td span.close-date, #pup-content #search-results table tbody#search-results-content td span.location, #pup-content #search-results table tbody#search-results-content td span.close-date { color: #54595c!important; font-size: 13px; font-weight: bold; margin-left: 7px; } #recent-jobs table tbody#recent-jobs-content tr.summary td, #pup-content #search-results table tbody#search-results-content tr.summary td { font-size:15.45px; color:#737581; } #pup-aside #search-filters h3 { color: #003260!important; font-weight: bold; font-size: 15.45px; margin-bottom:10px; } #pup-aside .filter-wrapper ul.filter li input { position:relative; top:3px; } #pup-aside .filter-wrapper ul.filter li label { font-size:14px; } #job-content h2 { color:#003260!important; font-weight:bold; } #job-content b { color:#003260!important; font-weight:bold; } #pup-content #job-mail { } .content-area.siteMap ul.hmenu {font-size: 100%;} .content-area.siteMap ul.hmenu li {font-size: 100%;} .content-area.siteMap ul.hmenu li a {font-size: 160%;} .content-area.siteMap ul.hmenu li ul {font-size: 100%;} .content-area.siteMap ul.hmenu > li > a {font-weight: bold;} #info-window div.top-bar, .ellogo { display: none !important; } /* 27-07-15 */ @media(min-width:768px) { .two_col .sub-content li { width:30% !important; } } @media (min-width: 0) and (max-width:991px){ #breadcrumb-panel{height:auto; float:left; width:100%;} div[id$="divMembershipDetails"] fieldset input#txtAreaCode{margin:0 4% 10px; width: 93%!important;} div[id$="divMembershipDetails"] fieldset input#txtFaxAreaCode{margin:0 4% 10px; width: 93%!important;} .two_col { } .two_col_left { padding: 0 0 30px 0 } .two_col .clsFormCreator div label { width:95% !important; } .two_col .clsFormCreator div input[type="text"], .two_col .clsFormCreator div textarea { width:95% !important; max-width:95% !important; } .clsFormCreator div.clsMandatory, .clsFormCreator div.clsBtnSubmit { padding-left:0; } .two_col_right { padding:30px 0 0 0; clear:both; } } @media(min-width:992px) { .two_col { } .two_col_left { padding: 50px 30px 0 0 } .two_col .clsFormCreator div label { width:30% !important; } .two_col .clsFormCreator div input[type="text"], .two_col .clsFormCreator div textarea { width:70% !important; max-width:70% !important; } .clsFormCreator div.clsMandatory, .clsFormCreator div.clsBtnSubmit { padding-left:20%; } .two_col_right { padding:50px 0 0 30px; } } .msg_head_last { font: 500 230% 'AvenirLTPro-Black',verdana,sans-serif !important; text-decoration: none !important; margin-top: 20px; font-weight: bold!important; background-color: #cce0ea; border: solid 2px #092745; color: #092745; font-weight: normal; padding: 15px 75px 20px 35px; margin-bottom: 0; width: 100%; display: inline-block; } .msg_head_last:hover,.msg_head_last:focus { background-color: #bea96c; } .msg_head_last span { font-size: 23px; font-weight: bold; color: #00a7e1 } .landing-block-subpage { border-bottom: solid 3px #01a7e1; height: 130px; margin-bottom: 25px } .landing-block-subpage h2 { font-size: 175%; font-weight: bold; color: #00a7e1; margin: 0; padding: 10px 15px 0 95px } .landing-block-subpage img { position: absolute; top: 15px; left: 10px; } .landing-block-subpage .lb-logo img { padding: 25px } .landing-block-subpage a { font-size: 175%; color: #00a7e1; margin: 0; padding: 0 0 10px 70px; display: block; } .landing-block-subpage .widget dd { color: #00a7e1; margin: 0; padding: 0 0 0 95px; font-size: 120% } .landing-block-height{min-height:145px;} .landing-block-subpage-height{height:100px;} .accor-tab{display:inline-block;} .accor-tab h2.msg_head{display: inline-block;padding: 15px 75px 15px 35px;} .accor-tab h2.msg_head>img { padding-bottom: 0px; } .msg_head#cp-indigenousparticipation:after { display: none; } #section-intro-sub{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding: 30px 0;margin-bottom: 50px;} .landing-block-subpage .mainItemHeading { color: #00a7e1; margin: 0; padding: 0 0 10px 70px; display: block; font-weight: normal; font-size: 17px; } /*Sub text bigger in carousel*/ .carousel-contents #slide.home>div .content p.secondary.text-bigger{font-size:26px;} /*Admin Panel */ #page-element-list .filter li.btn{border-radius:0;} #page-element-list .filter li.btn:after{content:"";} #addElementToZone input[type="submit"]{padding:12px 12px;} /*Dark blue table*/ .dark-blue-table{padding:50px; background: linear-gradient(to right, #002752, #006991);} .dark-blue-table table{border-top:5px solid #b6a16c; border-bottom:5px solid #b6a16c; color:#fff;} .dark-blue-table table tr td{border-bottom:1px solid #b6a16c; vertical-align:middle; padding:10px 10px;} .dark-blue-table table tr th{padding:15px 10px 0; vertical-align: top;} .dark-blue-table table tr td:nth-child(2n+2) {background: #006991} .dark-blue-table table tr td:first-child{font-weight:bold;} .dark-blue-table table tr.first-row td:nth-child(2n+2) {background: transparent;} /*Common White Button*/ .btnWhite{background:#fff!important;} .btnWhite:hover{color:#092745!important;} /*Bullet points design*/ .content-area .bulletPoints{padding:0; margin:0 0 0 20px;} .content-area .bulletPoints li:before{display:none;} .content-area .bulletPoints li{list-style:disc; list-style-position:outside;} /*Table Design*/ .tag-bg{background:#fff; padding:10px;} .table-design-tem{font-size:18px; background:#fff;} .table-design-tem li, .table-design-tem p, .table-design-tem td{font-size:18px;} /*White table*/ .white-table{background:#fff; margin:20px 0;} .white-table td{padding:10px 20px; font-size:20px; border:1px solid #ccc;} .white-table li{font-size:20px;} .white-table p{font-size:20px;} .white-tag-bg{padding:10px 20px; border:1px solid #fff; border-bottom:0;} .msg_body p.white-tag-bg {margin-bottom:0;} .blu-table{background:#cce0ea; margin:20px 0;} .blu-table td{padding:10px 20px; font-size:20px; border:1px solid #fff;} .blu-table li{font-size:20px;} .blu-table p{font-size:20px;} .applicant-details-form .clsUploadFileBox{padding:8px!important; min-height:40px!important;} /*View Past Release*/ .view-past-release{border-bottom:1px solid #ccc; margin-bottom:40px; padding-bottom:40px; float: left; width: 100%; } .view-past-release ul{padding:0; margin:0;} .view-past-release ul li{float:left; margin:0 40px 0 0; } .view-past-release ul li:before{display:none;} .news-page-landing-years .view-past-release h3{display:none;} .ctact-liv-btn { font-size: 12px!important; margin: 0; } /*====================Table Different TD Colors ==============================*/ .colr-key{float:left; line-height: 24px; font-size:14px; text-align: left; width: 100%; border:1px solid #fff; padding:0 0 10px 20px; border-top:0;} .colr-key label, .colr-key .air-key, .colr-key .air-key:before, .colr-key .recycle-key, .colr-key .recycle-key:before, .colr-key .water-key, .colr-key .water-key:before, .colr-key .recycle-key, .colr-key .recycle-key:before{ margin-right:5px;} .colr-key label{font-weight:bold; font-size:14px;} .colr-key .air-key:before, .colr-key .recycle-key:before, .colr-key .water-key:before{border:1px solid #000; width:20px; height:20px; content:""; display:inline-block; top:6px; position:relative;} .colr-key .air-key, .colr-key .recycle-key, .colr-key .water-key{margin-right:10px;} .colr-key .air-key:before{background:#badac2;} .colr-key .recycle-key:before{background:#dde5b2; } .colr-key .water-key:before{background:#99c9ef;} .water-colr{background:#99c9ef;} .recycle-colr{background:#dde5b2;} .air-colr{background:#badac2;} /*Home page Driven Content Tiles*/ .drivenContentWid {text-align: left;} .drivenContentWid h4 { background: #e5f0f4; color: #092745; padding: 10px 20px; font-size: 16px; margin: 0; display: block; font-weight: normal; font-family: 'AvenirLTPro-Light'; position: relative; } .drivenContentWid .dContent p a {font-family: 'AvenirLTPro-Black';font-size: 183%;color: #092745;line-height: normal; margin-bottom: 30px; overflow: hidden; max-height: 78px; min-height: 78px; width: 100%;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 3; -webkit-box-orient: vertical;} .drivenContentWid img { width: 100%;} .drivenContentWid .dContent {padding:20px; background: #e5f0f4; clear:left; } .drivenContentWid .dContent .morelink a {font-family: 'AvenirLTPro-Black';font-size: 100%; color:#092745; text-transform: uppercase;} /* Take over Home Page Design =================== ================================================= */ .take-over-bg{background: #efefef;} .take-over-bg p{font-size:22px;} .take-over-bg p a{text-decoration:underline;} .take-over-bg p a.btn{font-size:12px!important;} .take-over-inner{ margin: 0 auto; padding-top: 64px; width: 94%;} .take-over-footer{background: rgba(9,39,69,1); background: -moz-linear-gradient(left, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(9,39,69,1)), color-stop(100%, rgba(1,184,228,1))); background: -webkit-linear-gradient(left, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); background: -o-linear-gradient(left, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); background: -ms-linear-gradient(left, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); background: linear-gradient(to right, rgba(9,39,69,1) 0%, rgba(1,184,228,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#092745', endColorstr='#01b8e4', GradientType=1 ); position: absolute; right: 0; bottom: 0; left: 0; padding: 1rem; background-color: #efefef; text-align: center; } @media (max-width:480px){ .take-over-bg img{width:100%;} } @media (max-width:768px){ .take-over-footer{position:static;} iframe[src*="Promo/CARDPLUS"]{height: 1200px;} } @media (max-height:720px){ .take-over-footer{position:static;} } /* 20-1-2020 Hide second level menu*/ #main-nav .hmenu li.iFOL468:hover ul, #main-nav .hmenu li.iFOL468 ul li { display: none; } .blue-box { padding: 20px; background: #e5f0f4;} .yellow-box { padding: 20px; background:#faf7f0;} .light-blue-box { padding: 20px; background: rgba(1,185,229,0.10);} .align .blue-box, .align .yellow-box, .align .light-blue-box { height:100% } .btn-download:after { content:"\e900"; } .blue-box .btn, .yellow-box .btn, .light-blue-box .btn { margin-right:0; } .margin-bottom-lg {margin-bottom:30px;} .img-flex {display:flex; align-items: start; } .img-flex img{width:100px; margin-right:15px;} .btn-bottom{ position: absolute; width: 100%; bottom: 25px; left: 0;} .align-btn-bottom { position: relative; padding-bottom: 65px;} .btn-bottom a.btn{margin:0px;} .clsFormCreator .block-list-items span.radio, .clsFormCreator .block-list-items span.checkbox {width:100% } .clsFormCreator .block-list-items span.checkbox:before, .clsFormCreator .block-list-items span.checkbox:after { content:""; display:table } .clsFormCreator .block-list-items span.checkbox:after { clear:both; } .clsFormCreator.survey-form fieldset .form-group { position:relative; margin-right: 0; margin-left: 0;} .clsFormCreator.survey-form fieldset > .clsFieldsetLegend { display:none; } .news-widget.full-width .mainItem, .news-widget.full-width .subItem {float:none; width:100%; padding-right:0px; } .news-widget.full-width .btn { font-size:75% !important } .news-widget.full-width .mainItemDate{ font-weight: bold; display: block; line-height: 2; } .content-area ul ul { font-size:100%; }