/* ================================================================================== STYLE NORMALISATION================================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: .8em; line-height: 1.231; color:#1b1b1b } body, button, input, select, textarea { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #1b1b1b; } ::-moz-selection { background: #009AD4; color: #fff; text-shadow: none; } ::selection { background: #009AD4; color: #fff; text-shadow: none; } a:link,a:visited,.scrTitle a, .scrTitle a:link, .scrTitle a:visited { color: #007db3; text-decoration: none; line-height:16px } a:hover, .scrTitle a:hover { color: #05417a; text-decoration: none; } a:focus, .scrTitle a:focus { /*outline: thin dotted;*/} a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } p {padding: 0 0 15px; margin: 0;} pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 5px 0 10px; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } li {text-align:left} img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="checkbox"] {width:17px!important; height: 17px!important;border: 0!important;} input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input:focus {outline: none;} :focus {outline:0} button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } h1,h2,h3,h4,h5,h6 {padding: 5px 0 10px; margin: 0; letter-spacing:0px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #222;} .SubHead {font-weight:bold} .Head { color: #333333; font-size: 20px; font-weight: normal; border:0px} hr {border: none; background-color: #C6BBB6; color: #C6BBB6;height: 1px;} /* ================================================================================== DOTNETNUKE NORMALISATION ಠ_ಠ================================================================================== */ .SkinObject, .Normal, .NormalDisabled, .NormalDeleted {font-size: inherit; } .Normal{color:#1b1b1b; font-size:1.1em!important; line-height: 24px!important; font-weight:400;} /***temp get rid of warning!!!!! driving me nuts. */ .dnnFormWarning, .dnnFormMessage {display:none;} /* ================================================================================== DESIGN ================================================================================== */ /* Base */ body {text-align: center;background: none repeat scroll 0 0 #ffffff;} .wrapper {width: 100%; margin: 0 auto; text-align: left;position:relative;overflow: hidden; background: url('images/background.png') center 130px no-repeat;} @media screen and (max-width: 1200px) { .wrapper {width: 100%;margin: 0 auto;text-align: left;position: relative;overflow: hidden;background: url('images/background.png') center 60px no-repeat;} } /* ================================================================================== Header ================================================================================== */ .topBarMenuContainer_wrapper{background: #007db3; height: 30px;} .topBarMenuContainer {margin: 0 auto;width: 960px; position:relative} .topBarMenu, .topBarLogin {float: right;} .topBarMenu {margin-right: 55px;color: #1b1b1b; width:350px} .topBarMenu p {color:#1b1b1b; padding-top:2px; font-size:.9em; font-weight:700} .topBarMenu .ModDNNHTMLC {line-height: 30px;} .topBarMenu .Normal { top: 0px; position: absolute; right: 104px; text-align: left;} .topBarMenu .Normal a, .headerContact .Normal a:visited {color:#fff; padding:0 5px} .topBarMenu .Normal a:hover{color:#b7d433} .topBarMenu .Normal a.home,.topBarMenu .Normal a.home:visited{text-indent: -9999px; width:12px; height:20px; background: url("images/sprite.png") no-repeat scroll -426px -50px transparent;display:inline-block; line-height:20px } .topBarMenu .Normal a.home:hover{opacity:0.5} header {position: relative;} .logo_wrapper{height: 60px;margin: 20px auto;position: relative; } .logo {float: left; width: 300px; position: relative; font-size: 3.4em; letter-spacing: -3px;} .logo a{color:#000000; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;} .logo_SA_Gov { font-size: 3em;left: 222px;letter-spacing: -3px;position: absolute;top: 24px;width: 180px; padding-top: 5px;} .logo_SA_Gov a{color:#0d0d0d;} .headerContact { float:left; padding-left: 30px; border-left: 1px solid #d3dbb1; } .headerContact p { margin: 10px 0 0 0; } .headerContact p a {text-decoration:none; } .headerContact small { display: block; font-size: 12px; text-align: center;} .headerContact infoline { display: block; font-size: 12px; text-align: left; color:#83b00a; font-weight:800; } .headerContact span.iconSprite {display: block; font-size:30px; font-weight: 400; line-height:30px; color:#007db3; font-weight:700; } /* ================================================================================== Main navigation This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/dd_valid.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. ================================================================================== */ .mainNavigation_wrapper {width: 100%; border-bottom: 1px solid #83B00A;} .mainNavigation_wrapperaboriginal {width: 100%; border-bottom: 1px solid rgba(64, 135, 26, 0.45); background: url(images/aboriginal-skin-bkgd-top.jpg) top center no-repeat} /*1st level*/ .mainNavigation {width:1080px; height:70px; position:relative; font-size:1.25em; z-index:100; margin: 0 auto;font-family: 'Open Sans', Helvetica, Arial, sans-serif;} .mainNavigation > ul > li {float:left} .mainNavigation > ul > li > a{display:block; text-decoration:none; color:#ffffff;width:116px; height:70px; text-align:center; line-height:24px; overflow:hidden; padding:10px 21px; font-weight:600;} .mainNavigation > ul > li.navid-1901 > a {width:120px;padding: 10px 45px;width: 54px;} .mainNavigation > ul > li.mmSelected > a, .mainNavigation > ul > li.mmBreadcrumb > a {color: #b7d433;} .mainNavigation > ul > li.navid-169 > a {width:141px;padding: 10px 21px;} .mainNavigation > ul > li.navid-199 > a {width:126px;padding: 10px 21px;} .mainNavigation > ul {padding:0; margin:0; list-style: none;} .mainNavigation > ul > li {float:left; } .mainNavigation > ul > li > ul {display: none;} .mainNavigation ul li a small {display:none} .mainNavigation li.mmHasChild li a span {color: #222;} /* specific to non IE browsers */ .mainNavigation > ul > li:hover > a {color:#fffff; background:#599602; border-top:4px solid #83b00a; height:48px;padding:6px 21px 12px; } .mainNavigation > ul > li.navid-1901:hover > a {color:#fffff; background:#599602; border-top:4px solid #83b00a; height:48px;padding:6px 45px 12px; } .mainNavigation > ul > li:hover > ul {display:block; position:absolute; top:69px; left:0; width:953px; background:#ffffff; padding:10px 0 0 20px; border: 1px solid #cdc4bf; border-bottom: 5px solid #002547} .mainNavigation > ul > li:hover > ul > li {float:left; width:273px;} .mainNavigation > ul > li:hover > ul > li.col_1 {margin-right:38px; padding-bottom: 30px} .mainNavigation > ul > li:hover > ul > li.col_2 {margin-right:38px; padding-bottom: 30px} .mainNavigation > ul > li:hover > ul > li.col_html { } .mainNavigation > ul > li:hover > ul > li.col_html > div {width: 166px; font-size:.9em; line-height:20px; color:#1b1b1b; border:0px; padding: 25px 40px 25px 125px;background:url("images/sprite.png") no-repeat -680px -1255px #ffffff!important; min-height:100px; border: 1px solid #d3c8c2; margin-top:-11px; position:relative } .mainNavigation > ul > li:hover > ul > li.col_html > div:first-child {border-bottom:0px} .mainNavigation > ul > li:hover > ul > li.col_html > div > h2 {font-size: 1.25em; line-height:22px; color:#0d660f; border:0px; padding: 5px 0px; margin:-10px 0px 0 0!important; } .mainNavigation > ul > li:hover > ul > li.col_html > div.hover {background-color: #f7faec!important; cursor:pointer} .mainNavigation > ul > li:hover > ul > li.col_html > div > img {width: 64px; position:absolute; top: 20px; left: 20px } .mainNavigation > ul > li > ul > li > ul > li {display:block; float:none} .mainNavigation > ul > li > ul > li > ul > li > ul {display:none} .mainNavigation > ul > li:hover > ul > li > ul > li > a {background:url("images/sprite.png") no-repeat -986px -423px #ffffff; color:#004e84;border:0px; border-top:1px solid #d3c8c2; padding:7px 7px 7px 30px; width:236px; height:auto; text-align:left; height:auto; display:block; line-height:26px; font-weight:600 } .mainNavigation > ul > li:hover > ul > li > ul > li:first-child > a {border:0px} .mainNavigation > ul > li > ul > li > ul > li > a:hover {background:url("images/sprite.png") no-repeat -986px -324px #0d660f; color:#fff;} .mainNavigation > ul > li > ul > li > ul > li > a:hover span {color: #fff;} /* ================================================================================== Login ================================================================================== */ /*Login button*/ .topBarLogin .loginButt{color: #ffffff;width: 50px;padding: 7px 18px;font-weight: 700;background: url("images/sprite.png") no-repeat scroll -473px -1px transparent; display: block;text-decoration: none;border: 0;} .topBarLogin .loginButt:hover { color: #ffffff; background: url("images/sprite.png") no-repeat scroll -563px -1px transparent; cursor:pointer} /* Top Level Navigation */ #dnn_MENU2 > ul {margin:0px; border:0px} .flyout{ position:absolute; width:290px; height:450px; overflow: hidden; z-index:500; right: 0px } .hide{ display:none } /* Second Level Navigation */ #dnn_MENU2 > ul {position: absolute; top: 0px; right: 0; border-bottom: 4px solid #001f3c; width: 290px; z-index: 5000; margin:0px; padding:0px} #dnn_MENU2 > ul > li {list-style: none outside none } #dnn_MENU2 > ul > li a:visited, #dnn_MENU2 > ul > li a:link {border-bottom: 1px solid #005a99;display: block; background: url("images/sprite.png") no-repeat 15px -1796px #004069 ; color:#ffffff;padding: 13px 44px; font-weight: 600} #dnn_MENU2 > ul > li a:hover {text-decoration: none; background: url("images/sprite.png") no-repeat 15px -1874px #61cbfd; color:#004069} #dnn_MENU2 > ul > li a small {display: none;} /*outage*/ #dnn_MENU2 > ul > li.navid-784 > a:link, #dnn_MENU2 > ul > li.navid-784 > a {border: 1px solid #e5c591; border-bottom:4px solid #e5c591; background: url("images/sprite.png") no-repeat 15px -1700px #fff1ce; color:#004069;} #dnn_MENU2 > ul > li.navid-784 > a:hover {background: url("images/sprite.png") no-repeat 15px -1700px #e5c591; color:#004069;} /*need access*/ #dnn_MENU2 > ul > li.navid-2035 > a:link, #dnn_MENU2 > ul > li.navid-2035 > a { border: 1px solid #004069; border-bottom:0px; border-top:0px; background: url("images/sprite.png") no-repeat 15px -1948px #e5e1de; color:#004069;} #dnn_MENU2 > ul > li.navid-2035 > a:hover {background: url("images/sprite.png") no-repeat 15px -1948px #ffffff; color:#004069;} /* ================================================================================== Footer ================================================================================== */ .footer_wrapper{position: relative; z-index: 2; clear: both;} footer {margin-top: 18px; margin: 0 auto;width: 100%; } .footerTop, .footerBottom {clear: both; } .footerTop .inner,.footerBottom .inner {width:937px; margin: 0 auto; position:relative } .footerTop{width:100%; background:#0d660f; border-top: 20px solid #b7d433;} .footerTop h2 {font-size: 1.5em; font-weight:700; color:#ffffff; padding-top:20px; text-align:left; padding-bottom: 0px;} .footerText {float: left; width: 588px;margin-right: 80px;} .footerText .ModDNNHTMLC ul{ float: left;padding: 0;width: 628px; padding-bottom: 30px} .footerText .ModDNNHTMLC ul li{float: left;width: 235px;list-style: none outside none; padding:20px 0px 20px 40px ; border-bottom:1px solid #b7d433} .footerText .ModDNNHTMLC ul li a:link, .footerText .ModDNNHTMLC ul li a:visited {color: #ffffff; font-size:.9em; font-weight:600; text-decoration:none; padding: 0 2px;} .footerText .ModDNNHTMLC ul li a:hover {background: #095503; color: #d2e2a7; text-decoration:none;} .footerText .ModDNNHTMLC ul li.graduate {background: url("images/sprite.png") no-repeat scroll -277px -810px transparent;} .footerText .ModDNNHTMLC ul li.about {background: url("images/sprite.png") -0px -815px no-repeat; margin-right: 40px} .footerText .ModDNNHTMLC ul li.forms {background: url("images/sprite.png") -0px -873px no-repeat; margin-right: 40px;border-bottom:0px solid #3582a5} .footerText .ModDNNHTMLC ul li.aboriginal {background:url("images/sprite.png") no-repeat scroll -276px -877px transparent;border-bottom:0px solid #3582a5} .footerBottom {width:100%; background:#ffffff; padding:30px 0 50px} .footerBottom .Normal p {padding-bottom: 7px;} /* Page last updated */ .footerLastUpdated {text-align: right} .ModPageLastUpdatedC {position:relative; right:0px; text-align:right; } .ModPageLastUpdatedC a{ font-size:1em; font-weight:600; color:#333333; text-decoration:none} .ModPageLastUpdatedC a:hover{ color:#3582a5; text-decoration:none} /* Footer Social Icons */ .footerLogos .ModDNNHTMLC {width:270px; position:absolute; top: 75px; right:0px} .footerLogos .ModDNNHTMLC p {padding: 0px;} .footerLogos .ModDNNHTMLC h2 {font-size: 1.5em; font-weight:600; color:#ffffff; padding-top:30px} .footerLogos .ModDNNHTMLC a {float: left; height: 40px; background: url("images/sprite.png") top left no-repeat; color:#ffffff; padding-left:40px; font-weight:600; text-decoration:none; line-height:23px; margin: 10px 0;} .footerLogos .ModDNNHTMLC a.footerFacebook {background-position: -660px -125px;} .footerLogos .ModDNNHTMLC a.footerTwitter {background-position: -823px -126px; float:right; padding-right: 10px;} .footerLogos .ModDNNHTMLC a.footerYoutube {background-position: -826px -184px; float:left} .footerLogos .ModDNNHTMLC a.footerLinkedin {background-position: -658px -185px;} .footerLogos .ModDNNHTMLC a:hover {color: #b7d433; text-decoration:none;} /* Footer links */ .footerBottom .Normal {color:#8cbfd4; text-align:right} footer a:visited, footer a:link, footer a, footer a.back {font-size:.9em; font-weight:700; text-decoration:none } footer a.dfeestfooter {color:#222; font-size:.9em; font-weight: 600; text-decoration:none } footer a.back {background: url("images/sprite.png") 78px -427px no-repeat; padding-right:26px} footer a:hover { text-decoration:none } .footerTextBottom .Normal img {float:left;margin-right: 30px;} .footerTextBottom .Normal img.dsd-logo {padding-right: 30px; border-right: 1px solid #c2dcee;} /* ================================================================================== COLORBOX MESSAGE ================================================================================== */ #cboxMessage {display: none;} #colorbox #cboxMessage {display: block; text-align: left;} #cboxMessage h3,#cboxMessage .okayButton {color: #fff; background: #299dd7;} #cboxMessage h3,#cboxMessage div {padding: 10px;} #cboxMessage h3 {margin-bottom: 10px; font-size:3em} #cboxMessage .okayButton {display: block; padding: 10px 40px; margin: 0 auto; width: 20px;} /* ================================================================================== HOMEPAGE ================================================================================== */ .homeContentWrapper {width:100%; height:410px; position:relative} .homeWrapper {width:978px; margin:0 auto; } .homeInner {width:978px; margin:0 auto; position:relative } /*course search*/ .courseHome{width: 380px; position:absolute; top:32px; right:0px; background:url("images/home-buttons.png") no-repeat scroll -1189px -2px } .courseHome p {font-size: 1.26em; color: #fff; max-width: 330px; margin: 20px 0 30px; line-height: 30px;} .courseHome .training-header {font-size: 2.7em; line-height:22px; font-weight:600; color:#ffffff; padding-left: 90px; padding-top: 5px; padding-bottom: 10px;} .courseHome .find-header {color: #FFFFFF; font-size:1.5em; font-weight: 400; line-height: 22px; padding-bottom: 0; padding-left: 90px; padding-top: 5px} .courseHome .SkillsForAllCheckBox, .courseHome .QualificationSearchLabel, .courseHome .IndustrySearchLabel, .courseHome .CourseSearchLabel, .courseHome .SearchOptionsLinkButton, .courseHome .SearchPanel a.changeoption, .courseHome .SearchPanel label {display:none!important} .courseHome .CourseSearchTextBox {margin: 25px 0 15px!important} .courseHome .ModCourseSearchNewC input[type="text"]{width: 355px;!important} .ModCourseSearchNewC #QualificationDropDown, .ModCourseSearchNewC #IndustryDropDown {width:180px; height:45px; margin-bottom:22px} .courseHome .ModCourseSearchNewC #QualificationDropDown, .courseHome .ModCourseSearchNewC #IndustryDropDown {width:180px!important; height:45px!important; margin-bottom:22px!important} .courseHome .ModCourseSearchNewC select option {background:#ffffff} .courseHome .ModCourseSearchNewC select {background: url("images/sprite.png") no-repeat scroll -819px -233px transparent!important;width: 225px!important; margin-bottom:20px!important; -webkit-appearance: none;} .courseHome .ModCourseSearchNewC input[type="submit"], .courseHome a.button {/*width: 375px!important*/; background: url("images/sprite.png") no-repeat scroll 330px -4006px #007db3!important; height: 50px; line-height: 50px; color: #fff;} .courseHome .ModCourseSearchNewC input[type="submit"]:hover, .courseHome a.button:hover {background: url("images/sprite.png") no-repeat scroll 330px -4071px #05417a!important; } /*buttons*/ .homeButtons {width: 978px; margin:0 auto; position:relative; margin-top:-68px;} .homeButtons .training_search, .homeButtons .eligible, .homeButtons .industry_search {width:433px; float:left; display:block; height: 116px; border-bottom: 6px solid #0d660f; margin-right:20px; padding:30px 22px 22px; font-size:1.1em; border-radius: 8px;} .homeButtons .industry_search {margin-right:0px; background: url("images/home-box-3.png") center no-repeat #f7faec} .homeButtons .industry_search .title {background:url("images/home-buttons.png") no-repeat scroll -840px -12px; max-width: 300px;} .homeButtons .training_search {background: url("images/home-box-2.png") center no-repeat #f7faec; /*disable training search for now*/ display: none;} .homeButtons .training_search .title {background:url("images/home-buttons.png") no-repeat scroll -538px -13px; max-width: 300px;} .homeButtons .eligible {background: url("images/home-box-1.png") center no-repeat #f7faec} .homeButtons .eligible .title {background: url("images/home-buttons.png") no-repeat scroll -230px -13px; max-width: 300px;} .homeButtons .training_search h1, .homeButtons .eligible h1, .homeButtons .industry_search h1 {font-size:1.4em; font-weight:700; line-height:20px; padding:0 0 30px 78px; letter-spacing:-1px } .homeButtons p {padding:0 0 0 78px; } .homeButtons .eligible a { background:url("images/sprite.png") no-repeat scroll 394px -4211px /*-750px -8px*/ #007db3; border-bottom: 2px solid #0a4164; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF; display: block; padding: 12px 15px; /*width: 232px;*/ width: 390px; font-weight:700; } .homeButtons .eligible a:hover {background: url("images/sprite.png") no-repeat scroll /*-750px*/ -595px -37px #005b8f; border-bottom: 2px solid #004270;} .homeButtons .training_search input.Careers_SearchTextBox, .homeButtons .industry_search input.Careers_SearchTextBox {background:#ffffff; border:1px solid #aea09a; border-right:0px; border-bottom: 5px solid #aea09a; padding: 0px 5px 0 7px; color:#555555; border-radius:0px; height:36px; font-size:1.1em; line-height:36px; width: 338px /*default is none*/;} .homeButtons .training_search input.dnnPrimaryAction1, .homeButtons .industry_search input.dnnPrimaryAction { background:url("images/sprite.png") no-repeat scroll -928px -8px #007db3; border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; -khtml-border-radius: 0px 4px 4px 0px; color: #FFFFFF; display: block; padding: 0px 25px 0 10px; border:0px; border-bottom: 3px solid #0a4164; text-align:left; height:42px; text-indent:0px; font-weight:700; top:0px; box-shadow:0px; position:absolute; right:0px; z-index:2; line-height:42px; } .homeButtons .training_search input.dnnPrimaryAction1:hover, .homeButtons .industry_search input.dnnPrimaryAction:hover {background: url("images/sprite.png") no-repeat scroll -928px -37px #05417a; border-color: #042645;} .homeButtons .industry_search input.dnnPrimaryAction {height: 41px; line-height:41px;} .homeButtons .industry_search input.dnnPrimaryAction.loading {line-height: 42px!important; height:42px!important;background-color:#b8aaa4!important; color:#ffffff!important;background-image:none!important; border-color: #b8aaa4!important; box-shadow: none!important} .homeButtons .training_search #IndustryDropDown, .homeButtons .training_search #QualificationDropDown, .homeButtons a#dnn_IndustrySearchSlider_BrowseAllIndustriesButton {display:none!important} .homeButtons .Careers_FormItem {width:100%;} /*annoucement*/ .Annoucement .DnnModule {padding:30px!important; background:url(images/announcement.jpg) center no-repeat; width:915px; margin: 0 auto; margin-top:50px; margin-left:0px; margin-bottom: 30px; border-radius: 6px;} .Annoucement .DnnModule .Normal h1 {color:#ffffff;font-size:2.45em; line-height:32px; } .Annoucement .DnnModule .Normal h2 {font-size:2.45em } .Annoucement .DnnModule .Normal {font-size:1.1em; line-height:22px; color:#ffffff} .Annoucement .DnnModule .Normal p a {font-weight: 700; border-bottom: 1px dotted #b7d433; color:#b7d433} .Annoucement .DnnModule .Normal p a:hover {color:#fff} .Annoucement .DnnModule .Normal img { width:145px; margin-right: 40px; -moz-box-shadow: 5px 5px #00315f); -webkit-box-shadow: 5px 5px #00315f); box-shadow: 5px 5px #00315f;} /*news*/ .News {margin: 0 auto; position: relative; width: 936px;position:relative; margin-top: 20px;} .News .viewAll {padding-right:30px;background:url("images/sprite.png") no-repeat scroll 64px -252px;position: absolute;top: 20px;right: 0px; } .News .viewAll a {color:#004e84; font-size:1.1em; font-weight:600; border-bottom: 1px solid #6bb6d7} .News .viewAll a:hover {color:#05417a} .News h1 {font-size:1.8em; line-height:40px; font-weight:600; border-bottom: solid #b7d433 4px} .News h6, .News .NewsDate {font-size:1.1em; line-height:22px; font-weight:700; padding:0px} .News h4, .News .NewsTitle {padding-bottom: 25px} .News h4 a, .News .NewsTitle a {color:#007db3; font-size:2em; line-height:30px; font-weight:600; padding-bottom:15px} .News h4 a:hover, .News .NewsTitle a:hover {color:#05417a} .News .Normal {font-size:15px; line-height:22px; width:600px; margin-right:60px;} .News li {width: 215px; padding: 15px 56px 18px 0; border-bottom: 1px solid #b6a8a2;background:url("images/newsarrow.png") no-repeat scroll 250px 20px transparent; list-style:none} .News a.lnlNewsItem, .newsDesc a {color:#007db3; font-size:1.1em; line-height:22px; border-bottom: 1px solid #6bb6d7; font-weight:600} .News a.lnlNewsItem:hover, .newsDesc a:hover {color:#05417a} .News .newsImage {width:146px;height:146px;overflow:hidden;float:left;margin-right:37px; -moz-box-shadow: 7px 7px #b09f98; -webkit-box-shadow: 7px 7px #b09f98;box-shadow: 7px 7px #b09f98;} .News .newsImage img {width:146px; } .ModLatestNewsFeedHomePageC {padding:15px 0 45px} /*events*/ .eventWrapper {width:100%; background: url('images/news-bg.jpg') center no-repeat #e5e0dd} .eventWrapper .inner {width:938px; margin:0 auto; padding: 25px 0 15px} .eventWrapper .inner .Events {width: 635px; border-right: 1px solid #c8bcb5; position:relative; float:left;min-height: 200px;} .Events h1 {font-size:1.7em; line-height:40px; font-weight:700; color: #0d660f;} .Events table {width: 605px} .Events th {background:#83b00a; font-size: 1em; font-weight:600; padding:5px 9px; color: #fff;} .Events tr {border-bottom: 1px solid #c8bcb5} .Events tr:hover {background:#fff; cursor:pointer} .Events td {font-size: 1.25em; font-weight:400; padding:12px 9px} .Events tr td:first-child {font-weight:600; font-size: 1.28em;} .Events td a {color:#007db3; font-weight:600; font-size:.9em; border-bottom: 1px solid #6bb6d7} .Events td a:hover, .Events tr:hover a {color:#83b00a; border-color: #fff;} .Events tr:hover td {color: #0d660f;} .Events .viewAll {padding-right:30px; margin-right:30px; background:url("images/sprite.png") no-repeat scroll 64px -252px;position: absolute;top: 20px;right: 0px; } .Events .viewAll a {color:#007db3; font-size:1.1em; font-weight:600; border-bottom: 1px solid #6bb6d7} .Events .viewAll a:hover {color:#05417a} .Events tr td:last-child {text-align: right} /*newsletter*/ .newsletter {width: 270px;float: right;padding-bottom: 20px;position:relative} .newsletter .Normal{font-size:1.1em!important;line-height: 22px!important;} .newsletter .Normal h2 {font-size:1.2em; line-height:40px; font-weight:600; color: #0d660f; font-weight:700;} .newsletter .Normal a {color:#004e84; font-weight: 600; border-bottom: 1px solid #6bb6d7} .newsletter .Normal a:hover {color:#05417a} /* ================================================================================== Homepage slider ================================================================================== */ .homeContent {width:978px; margin:0 auto; } .ModTanLDContentSliderC .item {margin:36px 0 0 0 ; height:290px; width: 650px; position:relative} .ModTanLDContentSliderC .dnnTextPanel table {position: relative; top:0px!important; left:0px!important } .ModTanLDContentSliderC div div table {position: absolute; top:300px!important;left:-30px!important; } .prev, .next {display:none} .ModTanLDContentSliderC .nav {background:none; padding: 0px; opacity: 0.9;} /*.nav a.activeSlide {background:url(images/nav.png) no-repeat 0 0; } .navigation {background:url(images/nav2.png) no-repeat 0 0; padding-right:7px }*/ .nav a.navigation {width: 10px; height: 10px; display: inline-block; margin-right: 5px; background: #609f6f; border-radius: 50%;} .nav a.navigation.activeSlide {background: #fff;} /*text slide*/ .ModTanLDContentSliderC .textslide p {color:#ffffff; font-size:1.4em; line-height:28px; font-weight:400; padding-left:22px} .ModTanLDContentSliderC .textslide p a {color:#ffffff; font-size:1.1em; line-height:28px; font-weight:400; border-bottom:1px dotted #ffffff } .ModTanLDContentSliderC .textslide p a:hover {color:#2c95c7; } .ModTanLDContentSliderC .textslide h1 {font-size: 3.5em;text-shadow: 0px 1px 1px #023e68;color:#ffffff; font-weight:600; margin:40px 0 15px; padding-left:22px } .ModTanLDContentSliderC .textslide h1 a {font-size: 58px;text-shadow: 0px 1px 1px #023e68;filter: dropshadow(color=#023e68, offx=0, offy=1); color:#ffffff; font-weight:600; margin:40px 0 15px; text-decoration: none } .ModTanLDContentSliderC .textslide h1 a:hover {color:#2c95c7} /*image slide*/ .ModTanLDContentSliderC .imageslide {position:relative; width:520px} .ModTanLDContentSliderC .imageslide p {font-weight: 400; color: #fff; font-style:italic; font-size:1.18em;line-height:24px; position:absolute; top:209px; left: 0px; z-index:3; background: #1b5988; background: rgba(27,89,136,0.95); display:block; padding:10px 40px 10px 20px; } .ModTanLDContentSliderC .imageslide p a {font-style:italic; color:#fff; font-size:1.08em; line-height:24px; border:0px; text-decoration:none; border-bottom:0px dotted #0074ab; font-weight:400; } .ModTanLDContentSliderC .imageslide p a:hover {color:#2c95c7; } .ModTanLDContentSliderC .imageslide img {position: absolute; top:0px; left:0px; width:510px;-moz-box-shadow: 8px 8px #006599);-webkit-box-shadow: 8px 8px #006599);box-shadow:8px 8px #006599; z-index:2; height:253px} .ModTanLDContentSliderC .imageslide img a {border:0} /* ================================================================================== Internal Page & landing ================================================================================== */ .main_wrapper {width: 978px; margin: 0 auto; position:relative; margin-top:-100px;} .main_wrapper.landing-wrapper {height: 266px; max-height: 266px; background:url(images/faux-column.jpg) 2px 0px repeat-y;} .mainMiddleColumn {float: left; width: 585px; position: relative; z-index: 3; padding:40px 40px 70px; background: #fff;} .mainRightColumn {float: right; width: 313px; position: relative; z-index: 2; background: #ecf0dc; padding-bottom: 120px;} .mainRightColumn.landing {padding-bottom: 0px;} .blankColumn {width: 978px; position: relative; margin:0 auto; background:#ffffff } .mainAdmin {width: 505px; position: relative; z-index: 3; padding:40px 40px 70px;} .pageMeta {clear: both; padding:0; position: relative;width:100%; margin:0 auto;} .pageMeta.aboriginal {background: url(images/aboriginal-skin-bkgd-bottom.jpg) top center no-repeat} .pageTitle {margin: 0 auto; position: relative; width: 934px; } .pageTitle h1{ color:#ffffff; font-weight:600; font-size:2.6em; line-height:44px;text-shadow: 0px 1px 1px #023e68;filter: dropshadow(color=#023e68, offx=0, offy=1); width: 978px;padding:30px 280px 130px 0px; width:630px } /*font styles - middle column */ .mainMiddleColumn .Normal, .mainMiddleColumnLanding .Normal{color:#1b1b1b; font-size:1.25em!important; line-height: 24px!important; font-weight:400;} /*original font size 1.25em*/ /*this is for the font fix requested 4 sep 2014*/ /*.DnnModule-1839 div.Normal p, .DnnModule-733 div.Normal p, .DnnModule-734 div.Normal p, .DnnModule-734 div.Normal ul { font-size: 0.8em !important; }*/ .mainMiddleColumn .Normal.c_contentpane, .mainMiddleColumnLanding .Normal.c_contentpane {font-size: inherit !important;} .mainMiddleColumn .Normal h2, .mainMiddleColumnLanding .Normal h2 {color:#0d660f; font-size:1.6em; line-height: 34px; font-weight:600} .mainMiddleColumn .Normal h3 {color:##333; font-size:1.1em; line-height: 30px; font-weight:700;margin: -5px 0 0;} .mainMiddleColumn .Normal h4 {color: #333333;font-size: 1.1em;line-height: 22px;font-weight: bold;padding: 5px 0 10px;letter-spacing: 0px;} .mainMiddleColumn .Normal .teaser {color:#1b1b1b; font-size:1.25em; line-height: 30px; font-weight:700;} .mainMiddleColumn .Normal .teaser a, .mainMiddleColumn .Normal .teaser a:hover {color:#1b1b1b; font-size:1em; line-height: 30px; font-weight:700;border-bottom: 1px solid #b6a8a2; text-decoration:none} .mainMiddleColumn .Normal a, .mainMiddleColumn .Normal a:link, .mainMiddleColumn .Normal a:visited, .mainMiddleColumnLanding .Normal a, .mainMiddleColumnLanding .Normal a:link, .mainMiddleColumnLanding .Normal a:visited {color:#007db3; font-weight:600; border-bottom: 1px solid #6bb6d7; text-decoration:none} .mainMiddleColumn .Normal a:hover, .mainMiddleColumnLanding .Normal a:hover {color:#05417a} .mainMiddleColumn .Normal ul,.mainMiddleColumnLanding .Normal ul {margin-left: -42px; margin-bottom:20px; margin-top:20px!important} .mainMiddleColumn .Normal ul li, .mainMiddleColumnLanding ul li {background: url(images/bullet.png) no-repeat -0px 2px; list-style-type:none; list-style-position:outside; padding:0px 0 0 30px; /*margin-top:20px*/} .mainMiddleColumn .Normal ul li ul {} .mainMiddleColumn .Normal p + ul {margin-top:-20px} .mainMiddleColumn .Normal ul.downloads li { background: url("images/sprite.png") no-repeat scroll 12px -623px transparent; border: 1px solid #C6BBB6; border-top:0px; display: block; margin: 0; padding: 16px 40px 20px; width: 500px; } .mainMiddleColumn .Normal ul.downloads {margin: 15px 0px 15px -40px} .mainMiddleColumn .Normal ul.downloads li:first-child{border-top: 1px solid #C6BBB6;} .mainMiddleColumn .Normal span.iconBarVideo {border: 1px solid #C6BBB6!important; margin:10px 0} .mainMiddleColumn .Normal span.iconBarVideo { background: url("images/sprite.png") no-repeat scroll 18px -2078px transparent; border: 1px solid #C6BBB6; border-top:0px; display: block; margin: 20px 0 0 0; padding: 16px 40px 20px 60px; width: 480px; } .moduletitle { padding: 5px 0 10px; margin: 0; letter-spacing: 0px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.5em; line-height: 26px; display: block; color: #333; font-weight:bold} /*styles for right column*/ .mainRightColumn .DnnModule {padding: 30px; border-bottom:1px solid #c9dc92} .mainRightColumn .DnnModule h4, .mainRightColumn .DnnModule h2{color:#1b1b1b; font-size:1.5em; line-height:24px; font-weight:700;} .mainRightColumn .DnnModule .Normal {color:#1b1b1b; font-size:14px; line-height:20px; font-weight:400;} .mainRightColumn .DnnModule .Normal a, .mainRightColumn .DnnModule .rightDownloads .Normal a:link, .mainRightColumn .DnnModule .rightDownloads .Normal a:visited {color:#007db3; font-weight:600; border-bottom: 1px solid #6bb6d7; font-size:1em; line-height:22px} .mainRightColumn .DnnModule .Normal a:hover, .mainRightColumn .DnnModule .rightDownloads .Normal a:hover{color:#05417a} .mainRightColumn .Normal ul {margin-left: -42px;} .mainRightColumn .Normal ul li {background: url(images/sprite.png) no-repeat -991px -429px; list-style-type:none; list-style-position:outside; padding:0px 0 0 30px; margin-top:10px; width:220px;} .mainRightColumn .rightDownloads .Normal ul li { background: url("images/sprite.png") no-repeat scroll -972px -2833px #FFFFFF; display: block; margin-top: 10px; padding: 12px 20px 16px 40px; width: 195px;} .mainRightColumn .rightDownloads .Normal ul {margin: 15px 0px 15px -40px} /* Icons for right column */ .career:before{ background: url("images/sprites_icons.png") no-repeat scroll -0px -55px transparent; content: ""; float: left; height: 50px; margin: 0 10px 25px 0; width: 50px;} .eligibility:before{ background: url("images/sprites_icons.png") no-repeat scroll -80px -0px transparent; content: ""; float: left; height: 50px;margin: 0 10px 25px 0;width: 50px;} .course:before{ background: url("images/sprites_icons.png") no-repeat scroll -1px -0px transparent;content: "";float: left; height: 40px; margin: 0 10px 25px 0; width: 50px;} .training_providers:before{ background: url("images/sprites_icons.png") no-repeat scroll -144px -0px transparent;content: ""; float: left;height: 50px;margin: 0 10px 25px 0;width: 50px;} .future:before{background: url("images/sprites_icons.png") no-repeat scroll -154px -139px transparent; content: ""; float: left; height: 49px; margin: 0 10px 25px 0; width: 50px;} .fact_sheet:before{ background:url("images/sprite.png") no-repeat scroll 0px -636px transparent; content: ""; float: left; height: 60px; margin: 0 10px 0 0; width: 30px;} .news:before{ background: url("images/sprite.png") no-repeat scroll -528px -1158px transparent; content: "";float: left;height: 60px;margin: 0 10px 25px 0;width: 33px;} .informed:before, .mainRightColumn .email:before{ background: url("images/sprite.png") no-repeat scroll -528px -1349px transparent;content: "";float: left;height: 35px;margin: 0 10px 25px 0;width: 30px;} .skillsone:before{ background: url("images/sprite.png") no-repeat scroll -537px -991px transparent; content: "";float: left;height: 60px;margin: 0 10px 25px 0;width: 30px;} .disability_support:before{ background: url("images/sprite.png") no-repeat scroll -0px -1335px transparent; content: ""; float: left; height: 35px; margin: 0 10px 25px 0; width: 31px;} .phone:before{ background:url("images/sprite.png") no-repeat scroll 0 -1505px transparent; content: ""; float: left; height: 35px; margin: 0 10px 25px 0; width: 31px;} .myfuture:before {content: "";width: 50px;height: 51px;background: url("images/sprites_icons.png") no-repeat scroll -154px -137px transparent; float: left;margin: 0 10px 10px 0;} .mainRightColumn .Normal .video:before{ background:url("images/sprite.png") no-repeat scroll 0px -1160px transparent; content: ""; float: left; height: 60px; margin: 0 10px 0 0; width: 30px;} .future a {margin-left:60px} /*css3 for ol li's taken from here http://www.456bereastreet.com/archive/201105/styling_ordered_list_numbers/*/ .mainMiddleColumn .Normal ol { counter-reset:li; margin-left:0; padding-left:0; } .mainMiddleColumn .Normal ol > li { position:relative; margin:0 0 6px 2em; padding:4px 8px; list-style:none; } .mainMiddleColumn .Normal ol > li:before { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #83b00a; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; color: #FFFFFF; content: counter(li, decimal); counter-increment: li; font-size:.8em; font-weight: 600; left: -2.3em; margin-right: 8px; padding: 0 1px; position: absolute; text-align: center; top: 3px; width: 1.7em; } .mainMiddleColumn .Normal ol ul {margin-left:0px;} /* Share & Print */ .pageTools {position: absolute; top:-46px; background:#fff; right: 0px;} .pageTools .addthis_button_compact > span.aticon-compact {display: none; opacity: 0;} .blankColumn .pageTools {right:0px!important} .pageTools a{background-image: url("images/sprite.png"); color:#1b1b1b; font-size:1em; font-weight:600} .pageTools a.printPage {background-position: 27px -517px; float: left; height: 44px; line-height: 44px; outline: medium none; padding-left: 50px; width: 136px; text-indent:-9999px;} .pageTools a.addthisPage {background-position: 30px -484px;border-right: 1px solid #c9dc92;float: left;height: 46px;line-height: 72px;outline: medium none;overflow: hidden!important;text-indent: -9999px; width: 125px;} .pageTools a:hover {opacity:.5} .pageTools a.addthisPage span.at16nc.at16t_compact {background-image:none!important} /* Breadcrumbs */ .breadcrumb_wrapper{position:relative; background: rgba(11, 92, 8, 0.8);} .breadcrumb {width:958px; padding:10px 0 10px 18px !important; margin:0 auto} .breadcrumb a {color:#b7d433; border-bottom: 1px solid #b7d433; line-height:22px; font-size:1.1em; font-weight:600;} .breadcrumb a:hover{ color:#fff; } .breadcrumb span.currentPage {color: #fff; font-size:1.1em; font-weight:600 } .breadcrumb span.Sep { background: url("images/sprite.png") no-repeat scroll -449px -24px transparent; display: inline-block; height: 18px; padding: 0; margin: 0 7px; text-indent: -99999px; width: 20px; } .breadcrumb_wrapper a.homeLink { background: url("images/sprite.png") no-repeat scroll -426px -21px transparent; border: 0 none; display: block; float: left; height: 18px; margin: 0px 10px 0 0; text-indent: -9999px; width: 40px;} .breadcrumb_wrapper a.homeLink:hover {opacity:.5} /*landing page */ .mainMiddleColumnLanding {float: left; width: 585px; position: relative; z-index: 3; padding:40px;} .landingPageMenu {width:960px; margin:0 auto; margin-top: 30px } /* ================================================================================== LANDING PAGE MENUS ================================================================================== */ .landingPageMenu h2.c_title {display:none} /*1st level*/ .landingPageMenu ul.menuDetails, .landingPageMenu .Normal ul {margin-left:-25px!important; padding-bottom: 20px;} .landingPageMenu ul.menuDetails li.toplevel {float: left; list-style: none outside none; margin: 0 18px 30px 26px; width: 270px; position:relative; padding-bottom:20px } .landingPageMenu ul.menuDetails li.toplevel a.iconSprite.iconArrow {background: url(images/sprite.png) no-repeat -0px -251px; list-style-type:none; list-style-position:outside; margin-left:0px; margin-top:20px; border-bottom: 0px solid #b6a8a2; padding-bottom:0px; padding-left:30px; position:absolute; bottom:0px; font-weight: 600;} .landingPageMenu ul.menuDetails li.toplevel a.iconSprite.iconArrow:hover {} /*2nd level*/ .landingPageMenu ul.menuDetails li ul.subnavigation{margin-left:-42px!important; float:none; padding-bottom: 20px;} .landingPageMenu ul.menuDetails li ul li{background: url(images/sprite.png) no-repeat -987px -75px; list-style-type:none;list-style-position:outside;padding:0px 0 10px 30px; } .landingPageMenu ul.menuDetails li ul.subnavigation li a {background: none; border-bottom: 1px solid #6bb6d7; padding-bottom:0px; color:#007db3; position: relative; font-size:1.1em; line-height:22px;} .landingPageMenu ul.menuDetails li ul.subnavigation li a small {display:none} .landingPageMenu ul.menuDetails li.toplevel h2 {line-height:24px; font-size:2.3em} .landingPageMenu ul.menuDetails li.toplevel h2 a, .landingPageMenu ul.menuDetails li ul li h2 a, .landingPageMenu .Normal ul li h3 a {color:#222222; font-size:.62em; line-height:24px; } .landingPageMenu ul.menuDetails li ul li h2 {font-size:1.3em!important; font-weight:400; line-height:18px!important;} .landingPageMenu ul.menuDetails li.toplevel p {color:#1b1b1b; font-size:1.2em; line-height:22px; font-weight:400} .landingPageMenu ul.menuDetails li.toplevel a:hover {color:#05417a} .ModMegaMenuDescriptionAdminC {clear:both; margin-top:20px} .DnnModule-MegaMenuDescriptionAdmin {clear:both} /*Layout for landing pages wihtout menu module*/ /* ================================================================================== LANDING PAGE BUTTONS ================================================================================== */ .landingButtons {width: 896px; margin:0 auto; position:relative; margin-top:32px; height:190px; margin-bottom:-20px} .landingButtons div {width:260px; float:left; display:block; height: 160px; margin-right:55px; font-size:1.2em;position:relative} .landingButtons div.course_search {background:url("images/home-buttons.png") no-repeat scroll -844px 35px #ffffff} .landingButtons div.training_search {background:url("images/home-buttons.png") no-repeat scroll -535px 30px #ffffff; margin-right:0px} .landingButtons div.eligible {background:url("images/home-buttons.png") no-repeat scroll -232px 30px #ffffff} .landingButtons div h2{font-size:1.3em; font-weight:700; line-height:20px; color:#023e68 } .landingButtons div p {padding:10px 0 10px 78px; } .landingButtons div a { background:url("images/sprite.png") no-repeat scroll -750px -8px #007db3; border-bottom: 2px solid #0a4164; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF; display: block; padding: 12px 15px; width: 232px; font-weight:700; position:absolute; bottom:0px; left:0px; } .landingButtons div a:hover {background: url("images/sprite.png") no-repeat scroll -750px -37px #05417a; border-bottom: 2px solid #004270;} /* ================================================================================== CONTAINERS ================================================================================== */ /* Publications */ .modulePublications .ModDNNHTMLC h3 {width: 100px; float: left;} .modulePublications .ModDNNHTMLC ul{margin: 0 0 0 110px; width: 430px; position: static;} .modulePublications .ModDNNHTMLC ul ul {margin: 0 0 0 0px!important; } .moduleBorderBottom.modulePublications .ModDNNHTMLC li{list-style: none!important;margin-top: 10px;} .moduleBorderBottom.modulePublications .ModDNNHTMLC ul ul li{list-style: none !important;} .mainMiddleColumn .modulePublications {padding: 10px 0 30px 0; border-bottom: 1px solid #b6a8a2 } /* Search */ .ControlPanel, .PagingTable {border: none; width: 100%;} /* Login */ .c_container.c_login{position:relative;margin-bottom: 15px;} .c_container.c_login p{width: 400px;} .c_container.c_login a.submit { background: url("images/sprite.png") no-repeat scroll -916px -11px #004270; border: 0px; border-bottom: 4px solid #002547; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF!important; display: block; font-weight: 700; padding: 8px 15px 9px; position: absolute; right: 20px; top: 55px; text-align: left; text-indent: 0; width: 70px; z-index: 2; } .c_container.c_login a.submit:hover {background: url("images/sprite.png") no-repeat scroll -916px -40px #005b8f; border-bottom: 4px solid #004270;} .c_container.c_login h2.c_title{ margin-bottom: 15px; padding: 0 0 0 !important; color:#023E68; font-size:2em;} /* Blank Page */ .blankWrapper {padding: 20px; text-align: left;} .blankWrapper h2 {border-bottom: 1px solid #000; display: block; padding-bottom: 10px;} /* Outage Container */ .moduleOutage {background:#fffafa; border: 1px solid #ffafaf ; border-radius: 10px; padding: 7px 10px 0} /* Right Landing Container */ .mainRightColumn.landing .DnnModule {padding: 30px; border-bottom:0px solid #c6bbb6} .mainRightColumn .DnnModule .moduleLanding .Normal h2 {color:#0d660f; font-size:1.3em; font-weight:700; line-height:22px; margin-bottom:10px;} .mainRightColumn .DnnModule .moduleLanding .Normal {font-size:14px; line-height:24px;} .mainRightColumn .DnnModule .moduleLanding .Normal table {width:100%} .mainRightColumn .DnnModule .moduleLanding .Normal table td {border: 0 none; font-size: .9em; letter-spacing: 0; line-height: 20px; padding-bottom: 10px;} .mainRightColumn .DnnModule .moduleLanding .Normal table td:first-child {width:20px} .mainRightColumn .DnnModule .moduleLanding .Normal table td img {margin-left:-3px} /* border bottom - on contact page */ .DnnModule .bottom {border-bottom: 1px solid #C6BBB6; padding:20px 0 10px} .DnnModule .bottom ul {left: 200px;margin-top: -40px!important;position: relative;width: 385px;} .DnnModule .bottom ul li {list-style:none; background:none; margin-top:0px!important; font-size:.8em} /* Right Menu Container */ .mainRightColumn .rightMenu {background:#095503;padding:20px 35px 15px 30px; margin:-30px} .mainRightColumn .rightMenu h1{color:#ffffff; font-size:1.6em; line-height:26px;} .mainRightColumn .rightMenu .ModDDRMenuC ul {margin-left:-33px} .mainRightColumn .rightMenu .ModDDRMenuC li {list-style-type: none; background:none;background: none repeat scroll 0 0 transparent;list-style-type: none; margin: 0px 0px 0px -40px;} .mainRightColumn .rightMenu .ModDDRMenuC li a, .mainRightColumn .rightMenu .ModDDRMenuC li.mmBreadcrumb ul li a { background: url("images/sprite.png") no-repeat scroll 5px -558px transparent; color: #FFFFFF!important; display: block; font-size: 1em; font-weight: 600; line-height: 18px; padding:8px 0px 8px 20px; width:240px; border:0px!important} .mainRightColumn .rightMenu .ModDDRMenuC li a:hover, .mainRightColumn .rightMenu .ModDDRMenuC li.mmBreadcrumb a:hover { background:url("images/sprite.png") no-repeat scroll 4px -4141px #0d660f; padding:8px 10px 8px 20px; color:#ffffff!important } .mainRightColumn .rightMenu .ModDDRMenuC li.mmBreadcrumb a {color:#b7d433!important; background-position: 4px -4141px;} /* ================================================================================== dnn_MENU1 ================================================================================== */ .BlogTopics, .BlogPermalink {display:none;} h2.BlogTitle, div.BlogHead h2.BlogTitle, div.BlogHead h2.BlogTitle a, div.BlogHead h2.BlogTitle a:link, div.BlogHead h2.BlogTitle a:visited, div.BlogHead h2.BlogTitle a:active, .BlogBody h2 a {font-family: 'Open Sans', Helvetica, Arial, sans-serif; margin-bottom: 3px;margin-top: 15px;padding-bottom: 0;color: #007db3;font-size:1.25em!important;font-weight: 700;line-height: 30px !important; border:0px!important; text-decoration:none} div.BlogHead h2.BlogTitle a:hover {/*color:#B6A8A2; font-size:2em*/} .BlogBody ul{margin-left: -42px; margin-bottom:20px; margin-top:20px!important} .BlogBody ul li {background: url(images/bullet.png) no-repeat -0px 4px; list-style-type:none; list-style-position:outside; padding:0px 0 0 30px; margin-top:20px} .BlogBody ul li ul {} .BlogBody p + ul {margin-top:-20px} .BlogBody, .BlogBody p{border-bottom:1px solid #C6BBB6; font-size:1.1em; line-height: 24px;} .BlogBody p{border-bottom:0px solid #C6BBB6; font-size:1em; line-height: 24px;} .BlogBody a, .BlogBody p a {color: #004e84;font-weight: 600;border-bottom: 1px solid #b6a8a2; font-size:1em; line-height:24px;} .BlogBody a:hover , .BlogBody p a:hover {color: #0087c7;} a.BlogMoreLink{ background:url("images/sprite.png") no-repeat scroll -800px -9px #007db3; border-bottom: 4px solid #002547; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF; display: block; padding: 7px 15px; width: 182px; font-weight:600; } a.BlogMoreLink:hover {background: url("images/sprite.png") no-repeat scroll -800px -38px #005b8f; border-bottom: 4px solid #004270; color:#ffffff} .BlogInfo, .BlogReadMore {margin-top: 10px;padding-bottom: 10px;} .BlogDateline, .BlogDate {font-size:.8em; line-height: 24px; } .BlogInfo {display:none} .mainRightColumn .DnnModule-Blog {margin-top:-10px} .mainRightColumn .DnnModule-Blog a {color: #004e84;font-weight: 600;border-bottom: 1px solid #b6a8a2; font-size:1em; line-height:24px;} .mainRightColumn .DnnModule-Blog a:hover {color: #0087c7;} .mainRightColumn .DnnModule-Blog .Blog_RecentEntries a {border-bottom: 0px solid #b6a8a2; } #dnn_ctr1908_Archive_calMonth {display:none} #dnn_ctr11606_Archive_calMonth {display:none} #dnn_ctr11606_Archive_lblArchive {display:none} #dnn_ctr11606_Archive_lblMonthly {display:none} #dnn_ctr11606_Archive_cmdGo {padding-left:5px} .SearchOptions {display:none} .ModBlogC input.NormalTextBox { background: none repeat scroll 0 0 #FFFFFF; border: 0px; border-bottom: 5px solid #aea09a; color: #555555; font-size: 1em; padding: 0px 10px; width: 140px!important; border-radius:0px; height:33px; line-height:33px; } .ModBlogC input.NormalTextBox:focus { background: #f1f1f1} .ModBlogC input[type="submit"] { background: url("images/sprite.png") no-repeat scroll -916px -11px #004270; border: 0px; border-bottom: 5px solid #002547; border-radius:0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; color: #FFFFFF!important; display: block; font-weight: 700; padding: 5px 15px 5px; position: absolute; right:30px; text-align: left; text-indent: 0; top: 62px; width: 100px; z-index: 2; } .ModBlogC input[type="submit"]:hover {background: url("images/sprite.png") no-repeat scroll -916px -40px #005b8f; border-bottom: 5px solid #004270;} @media screen and (-webkit-min-device-pixel-ratio:0) { .ModBlogC input[type="submit"] { padding: 4px 15px 4.5px; } } h1, .HorizontalLine {border-bottom: medium none;} .blog_author,.BlogPublished,.BlogPrint,.BlogTrackback,.BlogFooterSub{display:none!important;} .BlogSubHead {margin: 0;padding: 0 0 8px;position: relative;} .BlogFooter {border:none;padding-bottom:10px;} .Blog_RecentEntries{margin-bottom:5px; position:relative} a.Blog_RecentEntries_Title {display: block;margin-left: 22px;} a.Blog_RecentEntries_Title:hover { text-decoration:none;} .Blog_RecentEntries_Title:before { background-image: url("images/arrow.png"); background-position: 0 -466px; background-repeat: no-repeat; content: " "; float: left; height: 15px; left: 0; position: absolute; width: 22px;} .Blog_RecentEntries_Title:hover:before { background-position: 0 -625px;} div.BlogDescription {display:none} .DnnModule-Blog td.SubHead a.SubHead {font-weight:bold;} .BlogBody ul.downloads {margin-left:-42px} .BlogBody ul.downloads li { background: url("images/sprite.png") no-repeat scroll 12px -623px transparent; border: 1px solid #C6BBB6; border-top:0px; display: block; margin: 0; padding: 16px 40px 20px; width: 500px; } .BlogBody .Normal ul.downloads {margin: 15px 0px 15px -40px} .BlogBody ul.downloads li:first-child{border-top: 1px solid #C6BBB6;} .BlogBody .NormalRed {padding: 0px;display: block;margin: 0px;left: 0px;background: none;color: red;} .ModBlogC div span.NormalRed {display: none} /*.DnnModule-Blog was prefixed so that the style does not affect chat module admin area*/ .DnnModule-Blog table#Table1 span.Normal:first-child{display:none!important} /* ================================================================================== SITEMAP ================================================================================== */ /* List Reset */ ul.topLevelNav_sitemap,ul.topLevelNav_sitemap ul,ul.topLevelNav_sitemap li {margin: 0; padding: 0; list-style: none;} /* Top Level */ ul.topLevelNav_sitemap > li {border-bottom: 1px solid #b6a8a2; padding-top: 20px; clear: both;} ul.topLevelNav_sitemap > li > a {font-size: 2.2em; font-weight: 700; color:#023e68; text-decoration:none} ul.topLevelNav_sitemap > li > a:hover {color:#0087c7; } /* Second and Third Level */ ul.topLevelNav_sitemap > li > ul {clear: both;} ul.topLevelNav_sitemap > li > ul > li {clear: both; padding: 20px 0;} ul.topLevelNav_sitemap > li > ul > li > a {float: left; width: 45%; font-size: 1.7em; font-weight: 700; line-height:28px;color:#023e68;} ul.topLevelNav_sitemap > li > ul > li > ul {float: right; width: 55%;} ul.topLevelNav_sitemap > li > ul > li > ul > li {padding-left: 20px;} /*background: url("images/arrow.png") left no-repeat;*/ ul.topLevelNav_sitemap > li > ul > li > ul > li a {font-size: 1.1em; font-weight: 400; color:#023e68; text-decoration:none; line-height:20px; border-bottom:1px solid #b6a8a2} ul.topLevelNav_sitemap > li > ul > li > a:hover, ul.topLevelNav_sitemap > li > ul > li > ul > li a:hover {color:#0087c7;} ul.topLevelNav_sitemap > li > ul > li > ul > li{padding-bottom:20px} /* Clearfixing */ ul.topLevelNav_sitemap > li > ul > li:before, ul.topLevelNav_sitemap > li > ul > li:after { content: ""; display: table; } ul.topLevelNav_sitemap > li > ul > li:after { clear: both; } ul.topLevelNav_sitemap > li > ul > li { zoom: 1; } /* ================================================================================== UNIFORM ================================================================================== */ /*Uniform Theme: Uniform DefaultVersion: 1.6By: Josh PylesLicense: MIT License---For use with the Uniform plugin:http://pixelmatrixdesign.com/uniform/---Generated by Uniform Theme Generator:http://pixelmatrixdesign.com/uniform/themer.html*/ /* Global Declaration */ div.selector, div.selector span, div.checker span,div.radio span, div.uploader, div.uploader span.action,div.button,div.button span { background-image: url(images/sprite.png); background-repeat: no-repeat; -webkit-font-smoothing: antialiased;} .selector, .radio, .checker, .uploader,.button, .selector *, .radio *, .checker *, .uploader *,.button *{ margin: 0; padding: 0;} /* INPUT & TEXTAREA */ input.text,input.email, input.password,textarea.uniform { font-size: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; padding: 3px; color: #777; background: url('images/bg-input-focus.png') repeat-x 0px 0px; background: url('images/bg-input.png') repeat-x 0px 0px; border-top: solid 1px #aaa; border-left: solid 1px #aaa; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; outline: 0;} input.text:focus,input.email:focus,input.password:focus,textarea.uniform:focus { -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px rgba(0,0,0,0.3); border-color: #999; background: url('images/bg-input-focus.png') repeat-x 0px 0px;} /* SPRITES */ /* Select */ div.selector { background-position: -483px -130px; line-height: 26px; height: 26px;} div.selector span { background-position: right 0px; height: 26px; line-height: 26px;} div.selector select { /* change these to adjust positioning of select element */ top: 0px; left: 0px;} div.selector:active, div.selector.active { background-position: -483px -156px;} div.selector:active span, div.selector.active span { background-position: right -26px;} div.selector.focus, div.selector.hover, div.selector:hover { background-position: -483px -182px;} div.selector.focus span, div.selector.hover span, div.selector:hover span { background-position: right -52px;} div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover { background-position: -483px -208px;} div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span { background-position: right -78px;} div.selector.disabled { background-position: -483px -234px;} div.selector.disabled span { background-position: right -104px;} /* Checkbox */ div.checker { width: 19px; height: 19px;} div.checker input { width: 19px; height: 19px;} div.checker span { background-position: 0px -260px; height: 19px; width: 19px;} div.checker:active span, div.checker.active span { background-position: -19px -260px;} div.checker.focus span,div.checker:hover span { background-position: -38px -260px;} div.checker.focus:active span,div.checker:active:hover span,div.checker.active:hover span,div.checker.focus.active span { background-position: -57px -260px;} div.checker span.checked { background-position: -76px -260px;} div.checker:active span.checked, div.checker.active span.checked { background-position: -95px -260px;} div.checker.focus span.checked,div.checker:hover span.checked { background-position: -114px -260px;} div.checker.focus:active span.checked,div.checker:hover:active span.checked,div.checker.active:hover span.checked,div.checker.active.focus span.checked { background-position: -133px -260px;} div.checker.disabled span,div.checker.disabled:active span,div.checker.disabled.active span { background-position: -152px -260px;} div.checker.disabled span.checked,div.checker.disabled:active span.checked,div.checker.disabled.active span.checked { background-position: -171px -260px;} /* Radio */ div.radio { width: 18px; height: 18px;} div.radio input { width: 18px; height: 18px;} div.radio span { height: 18px; width: 18px; background-position: 0px -279px;} div.radio:active span, div.radio.active span { background-position: -18px -279px;} div.radio.focus span, div.radio:hover span { background-position: -36px -279px;} div.radio.focus:active span,div.radio:active:hover span,div.radio.active:hover span,div.radio.active.focus span { background-position: -54px -279px;} div.radio span.checked { background-position: -72px -279px;} div.radio:active span.checked,div.radio.active span.checked { background-position: -90px -279px;} div.radio.focus span.checked, div.radio:hover span.checked { background-position: -108px -279px;} div.radio.focus:active span.checked, div.radio:hover:active span.checked,div.radio.focus.active span.checked,div.radio.active:hover span.checked { background-position: -126px -279px;} div.radio.disabled span,div.radio.disabled:active span,div.radio.disabled.active span { background-position: -144px -279px;} div.radio.disabled span.checked,div.radio.disabled:active span.checked,div.radio.disabled.active span.checked { background-position: -162px -279px;} /* Uploader */ div.uploader { background-position: 0px -297px; height: 28px;} div.uploader span.action { background-position: right -409px; height: 24px; line-height: 24px;} div.uploader span.filename { height: 24px; /* change this line to adjust positioning of filename area */ margin: 2px 0px 2px 2px; line-height: 24px;} div.uploader.focus,div.uploader.hover,div.uploader:hover { background-position: 0px -353px;} div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action { background-position: right -437px;} div.uploader.active span.action,div.uploader:active span.action { background-position: right -465px;} div.uploader.focus.active span.action,div.uploader:focus.active span.action,div.uploader.focus:active span.action,div.uploader:focus:active span.action { background-position: right -493px;} div.uploader.disabled { background-position: 0px -325px;} div.uploader.disabled span.action { background-position: right -381px;} div.button { background-position: 0px -523px;} div.button span { background-position: right -643px;} div.button.focus,div.button:focus,div.button:hover,div.button.hover { background-position: 0px -553px;} div.button.focus span,div.button:focus span,div.button:hover span,div.button.hover span { background-position: right -673px; } div.button.active,div.button:active { background-position: 0px -583px;} div.button.active span,div.button:active span { background-position: right -703px; color: #555;} div.button.disabled,div.button:disabled { background-position: 0px -613px;} div.button.disabled span,div.button:disabled span { background-position: right -733px; color: #bbb; cursor: default;} /* PRESENTATION */ /* Button */ div.button { height: 30px;} div.button span { margin-left: 13px; height: 22px; padding-top: 8px; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; padding-left: 2px; padding-right: 15px;} /* Select */ div.selector { width: 190px; font-size: 12px;} div.selector select { min-width: 190px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; border: solid 1px #fff;} div.selector span { padding: 0px 25px 0px 2px; cursor: pointer;} div.selector span { color: #666; width: 158px; text-shadow: 0 1px 0 #fff;} div.selector.disabled span { color: #bbb;} /* Checker */ div.checker { margin-right: 5px;} /* Radio */ div.radio { margin-right: 3px;} /* Uploader */ div.uploader { width: 190px; cursor: pointer;} div.uploader span.action { width: 85px; text-align: center; text-shadow: #fff 0px 1px 0px; background-color: #fff; font-size: 11px; font-weight: bold;} div.uploader span.filename { color: #777; width: 82px; border-right: solid 1px #bbb; font-size: 11px;} div.uploader input { width: 190px;} div.uploader.disabled span.action { color: #aaa;} div.uploader.disabled span.filename { border-color: #ddd; color: #aaa;} /*CORE FUNCTIONALITY Not advised to edit stuff below this line-----------------------------------------------------*/ .selector, .checker, .button, .radio, .uploader { display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline;} .selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus { outline: 0;} /* Button */ div.button a,div.button button,div.button input { position: absolute;} div.button { cursor: pointer; position: relative;} div.button span { display: -moz-inline-box; display: inline-block; line-height: 1; text-align: center;} /* Select */ div.selector { position: relative; padding-left: 10px; overflow: hidden;} div.selector span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} div.selector select { position: absolute; opacity: 0; filter: alpha(opacity:0); height: 25px; border: none; background: none;} /* Checker */ div.checker { position: relative;} div.checker span { display: -moz-inline-box; display: inline-block; text-align: center;} div.checker input { opacity: 0; filter: alpha(opacity:0); display: inline-block; background: none;} /* Radio */ div.radio { position: relative;} div.radio span { display: -moz-inline-box; display: inline-block; text-align: center;} div.radio input { opacity: 0; filter: alpha(opacity:0); text-align: center; display: inline-block; background: none;} /* Uploader */ div.uploader { position: relative; overflow: hidden; cursor: default;} div.uploader span.action { float: left; display: inline; padding: 2px 0px; overflow: hidden; cursor: pointer;} div.uploader span.filename { padding: 0px 10px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default;} div.uploader input { opacity: 0; filter: alpha(opacity:0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 25px; border: none; cursor: default;} /* ================================================================================== search boost ================================================================================== */ /*new navigation search boost search*/ .searchWrapper { position: absolute; top: 18px!important; right:0px; width: 270px; margin-right:-30px!important} .searchWrapper #dnn_avtSearch_pnlInput { position: relative; } .searchWrapper .sbInp_BarExapdanbleGrayOutShadow .searchBox, .searchWrapper .sbInp_BarExapdanbleGrayOutShadow .sbInputInner, .searchWrapper .sbInp_BarExapdanbleGrayOutShadow .sbInputInner { border:1px solid #b8aaa4; border-right:0px; border-bottom: 4px solid #b8aaa4; border-radius: 0px!important; height:38px; line-height:38px; width:222px!important; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none ; position: absolute; top: 8px!important; right: 38px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size:1.05em; color:#333333; font-style:normal; } .searchWrapper .sbInp_BarExapdanbleGrayOutShadow .sbInputInner {border:0px} .ModavtSearchBoostInputC .sbInp_BarExapdanbleGrayOutShadow .searchBtn {background: url(images/sprite.png) no-repeat -0px -55px #83b00a!important ; border-bottom: #579606 4px solid !important;} .searchWrapper .sbInp_BarExapdanbleGrayOutShadow .searchBtn { background: url(images/sprite.png) no-repeat -0px -55px #83b00a!important ; color: #ffffff; height: 41px!important; right: 0px !important; position: absolute; width: 38px!important; z-index: 100; border-bottom:#579606 4px solid; border-radius:0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; top:8px!important; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; left:183px; } .searchWrapper .sbInp_BarExapdanbleGrayOutShadow .searchBtn:hover {} .avtsbDefault {margin-left: 10px;} .avtsbDefault .avtsb_title:link, .avtsbDefault .avtsb_title:visited { color: #023e68!important; font-weight: 600; text-align: left; font-size:1.8em; line-height:29px !important; font-family: 'Open Sans', Arial, sans-serif; } .avtsbDefault .avtsb_title:hover { font-family: 'Open Sans', Arial, sans-serif; color: #0087c7 !important; text-decoration:none !important; } .avtsbDefault .avtsb_url { font-family: 'Open Sans', Arial, sans-serif; color: #023e68 !important; font-size: 1.2em !important; text-align: left; text-decoration: none; width: 560px!important; overflow:hidden; word-wrap: break-word; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; line-height:24px; margin:15px 0px } .avtsbDefault .highlight { font-family: 'Open Sans', Arial, sans-serif; background-color: #ffffff !important; font-weight:bold !important; } .avtsbDefault .avtsb_desc { color: #1b1b1b !important; font-size: 1.2em!important; line-height: 24px; margin-bottom: 0; padding-bottom: 0; font-family: 'Open Sans', Arial, sans-serif; } #dnn_ContentPane .avtsbDefault .highlight { background-color: #dbf7c4 !important;} .avtsbDefault .sb-results { margin: 18px 0 0; width: 560px!important; } .avtsbDefault .avtsb_result { font-family: 'Open Sans', Arial, sans-serif; margin-bottom: 30px !important; text-align: left; width: 560px!important; word-wrap: break-word; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .avtsbDefault .avtsb_title_big { font-family: 'Open Sans', Arial, sans-serif; color: #5A5B5C !important; text-align: left !important; background: #dbf7c4; font-size: 1em!important; font-weight: 400; padding: 15px!important; border: 1px solid #c6bbb6; } .avtsbDefault .avtsb_comment { display:none!important;} .avtsbDefault .avtsb_pager { background-color: #ffffff !important; border: 0px solid #DADADA !important; margin-bottom: 10px; text-align: left;} .avtsbDefault .avtsbPageLink:link, .avtsbDefault .avtsbPageLink:visited { margin: 0 7px !important; word-wrap: break-word; color:#74655e;font-family: 'Open Sans', Arial, sans-serif; } .avtsbDefault .avtsbPageLink:hover { color:#0087c7} .avtsbDefault .avtsbSelPage { background: #e5e0dd;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;color: #74655e;font-weight: 600;line-height: 19px;padding: 0 5px!important;font-family: 'Open Sans', Arial, sans-serif; } .avtsbDefault .avtsbPageLink.next {background:url("images/sprite.png") no-repeat scroll -948px -17px #004270; text-align:left; display:inline-block;color:#ffffff; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; font-size:.9em; line-height:25px; padding:0 10px; width:40px; margin-top:-3px!important} .avtsbDefault .avtsbPageLink.prev {background:url("images/sprite.png") no-repeat scroll -982px -692px #004270; text-align:right; display:block; float:left;color:#ffffff; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; font-size:.9em; line-height:25px; padding:0 10px; width:40px; margin-top:-3px!important} .avtsbDefault .avtsbPageLink.next:hover, .avtsbDefault .avtsbPageLink.prev:hover {background-color: #005b8f;} .sbInp_BarExapdanbleGrayOutShadow .searchManageBtn { margin-top: -30px!important; position: absolute!important; color:#000000!important} /* ================================================================================== COLORBOX ================================================================================== */ /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered.*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML.*/ #cboxOverlay{background:#000;} #colorbox{} #cboxContent{margin-top:20px;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#cccdcd; background: rgba(204,204,204,0.7); padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;} #cboxMessage {background: #fff;} #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;} #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;} #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;} #cboxPrevious:hover{background-position:bottom left;} #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;} #cboxNext:hover{background-position:bottom right;} #cboxLoadingOverlay{background:#000;} #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/cbox_close.png) no-repeat top center; width:22px; height:22px; text-indent:-9999px;} #cboxClose:hover{background-position:bottom center;} /* ================================================================================== mailchimp form ================================================================================== */ #mc_embed_signup form { display: block; padding: 10px 0 10px 3%; position: relative; text-align: left;} #mc_embed_signup h2 { font-size: 1.4em; font-weight: bold; margin: 15px 0; padding: 0;} #mc_embed_signup input { border: none;} #mc_embed_signup input[type="checkbox"] { border: none!important;} #mc_embed_signup input[type="radio"] {border: none!important;} #mc_embed_signup input:focus { border-color: #333333;} .mc-field-group.input-group input[type="checkbox"], .provider input[type="checkbox"] { border: none!important;} #mc_embed_signup .button { background: url("images/sprite.png") no-repeat scroll -820px -11px #004270; border: 0px; border-bottom: 4px solid #002547; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF!important; display: block; font-weight: 700; padding: 5px 15px 6px; text-align: left; text-indent: 0; width: 200px; margin-top: 20px; margin-left:10px; } #mc_embed_signup .button:hover {background: url("images/sprite.png") no-repeat scroll -820px -40px #005b8f; border-bottom: 4px solid #004270;} #mc_embed_signup .small-meta { font-size: .8em;} #mc_embed_signup .nowrap { white-space: nowrap;} #mc_embed_signup .mc-field-group { clear: left; min-height: 50px; padding-bottom: 3%; position: relative; width: 96%; font-size: 0.8em; font-weight: normal;} #mc_embed_signup .size1of2 { clear: none; display: inline-block; float: left; margin-right: 4%; width: 46%;} * html #mc_embed_signup .size1of2 { margin-right: 2%;} #mc_embed_signup .mc-field-group label { float: left; font-size: 1.3em; font-weight: normal; margin-right: 30px; width: 115px;} .mc-field-group.input-group > p {font-size: 1.4em} #mc_embed_signup .mc-field-group input[type="text"], #mc_embed_signup .mc-field-group input[type="email"]{ border:1px solid #bdbdbd; color:#555555; font-size:1.3em; padding:5px 10px; width:400px; margin-top:-26px; -webkit-box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); margin-left: 145px; background: none!important; border-radius: 0px; float:right; height:23px;} #mc_embed_signup .mc-field-group input:focus { background: #f1f1f1} #mc_embed_signup .datefield, #mc_embed_signup .phonefield-us { padding: 5px 0;} #mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input { display: inline; letter-spacing: 1px; margin: 0 2px; padding: 5px 0 2px; text-align: center; width: 60px;} #mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input { width: 40px;} #mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input { width: 30px;} #mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label { display: none;} #mc_embed_signup .indicates-required { left: 0px; position: relative; top: -10px;} #mc_embed_signup .asterisk { color: #CC6600; font-size: 200%;} #mc_embed_signup .mc-field-group .asterisk { position: absolute; right: 5px; top: 0px;} #mc_embed_signup .clear { clear: both;} #mc_embed_signup .mc-field-group.input-group ul { list-style: none outside none; margin: 0; padding: 5px 0;} #mc_embed_signup .mc-field-group.input-group ul li { display: block; margin: 0; padding: 3px 0;} #mc_embed_signup .mc-field-group.input-group label { display: inline;} #mc_embed_signup .mc-field-group.input-group input { border: medium none; display: inline; width: auto;} #mc_embed_signup div#mce-responses { clear: both; float: left; margin: 0 5%; overflow: hidden; padding: 0 0.5em; top: -1.4em; width: 90%;} #mc_embed_signup div.response { float: left; font-weight: bold; margin: 1em 0; padding: 1em 0.5em 0.5em 0; top: -1.5em; width: 80%; z-index: 1;} #mc_embed_signup #mce-error-response { display: none;} #mc_embed_signup #mce-success-response { color: #529214; display: none;} #mc_embed_signup label.error { display: block; float: none; margin-left: 1.05em; padding: 0.5em 0; text-align: left; width: auto;} #mc-embedded-subscribe { clear: both; display: block; margin: 1em 0 1em 5%; width: auto;} #mc_embed_signup #num-subscribers { font-size: 1.1em;} #mc_embed_signup #num-subscribers span { border: 1px solid #CCCCCC; font-weight: bold; margin-right: 0.5em; padding: 0.5em;} /* Re-arranging checkbox fields */ #mc_embed_signup .mc-field-group.input-group input {float: left; margin-right: 5px;} #mc_embed_signup .mc-field-group.input-group label {float: right; width: 540px;} #mc_embed_signup .dnnCheckbox {margin-top:0px} #mc_embed_signup .error {background: none repeat scroll 0 0 #9E161A; color: #FFFFFF; left: -6px; padding: 5px; position: relative; top: 34px;} /* ================================================================================== HELPER CLASSES AND RE-USABLE ELEMENTS ================================================================================== */ /* Generic */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clear {clear: both;} /* Popup Captions/Tooltips */ .mainMiddleColumn .Normal a.tooltip {border-bottom: 1px dotted #91847d; color: #004e84; text-decoration:none; } .mainMiddleColumn .Normal .tooltip:hover {text-decoration: none;color:#004e84; cursor:pointer} .tooltipPopup {background: #f0f0f0; color: #222222; padding:10px 15px 15px; border:1px solid #c8c0bd; text-align: left; z-index: 9999;font-size:1.1em; line-height:20px; font-weight:400; } .tooltipClose {position: absolute; top: -10px; right: -10px;} /* ================================================================================== FORMS ================================================================================== */ /* contact & email a friend form */ .ModFormMasterC tr{height: 40px;position:relative;} .skills_contact{position:relative;top:-40px; padding:0px} .skills_contact td{ float: left; margin-bottom: 15px;} .ModFormMasterC .SubHead { float: left; font-size: 16px; font-weight: normal; width: 118px; padding: 7px 20px 10px 0; margin-top:15px;} .ModFormMasterC .SubHead.check {display: block; width:100%;} .ModFormMasterC .SubHead.check .dnnCheckbox {float: none;} .ModFormMasterC .NormalTextBox, .NormalTextBox_DD, .ModFormMasterC .NormalTextBox_message, .ModFormMasterC select{ border:1px solid #bdbdbd; color:#555555; font-size:15.5px; padding:5px 10px; width:400px; -webkit-box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); margin:0 0 12px 0; margin-top:20px;} .ModFormMasterC .NormalTextBox label {color: #1b1b1b;} .ModFormMasterC .NormalTextBox, .NormalTextBox_DD, .ModFormMasterC .NormalTextBox_message {float: left; margin-right: 20px;} .ModFormMasterC textarea.nolabel {margin-bottom: 12px; width: 538px;} .ModFormMasterC input[type=text].NormalTextBox.nolabel {width:538px;} .ModFormMasterC input:focus, .ModFormMasterC textarea:focus {background: #f1f1f1} .ModFormMasterC .custom-select-wrapper.nolabel {width: 558px !important; background: url("images/dropdown-arrow.jpg") right center no-repeat; border: 1px solid #bdbdbd;} .ModFormMasterC select.listbox.nolabellist {width:558px !important;} .ModFormMasterC table.NormalTextBox {-webkit-box-shadow: none; box-shadow: none; width: 445px;} .ModFormMasterC table.NormalTextBox td {width: 215px;} .skills_contact table.styled, .skills_contact table.radial_button{width:370px} .skills_contact table.styled td, .skills_contact table.radial_button td{padding-right:15px; padding-top:10px} .skills_contact table.styled td, .skills_contact table.radial_button td label {padding-left:5px} input[type="radio"], input[type="checkbox"] { -moz-binding: none; -moz-box-sizing: border-box; background-color: -moz-field !important; border: 2px inset threedface !important; color: -moz-fieldtext !important; cursor: default; height: 13px; padding: 0 !important; width: 13px; margin-right:15px;} input[type="radio"] { -moz-appearance: radio; border-radius: 100% 100% 100% 100% !important; margin: 3px 3px 0 5px;} .ModFormMasterC input[type="checkbox"], .ModFormMasterC input[type="radio"] {margin-right: 5px;} .NormalRed { padding: 0px 0; position: relative; float:left; clear:both;} #dnn_ctr788_FormMaster_lblRequired, #dnn_ctr1074_FormMaster_lblRequired, #dnn_ctr1940_FormMaster_lblRequired, #dnn_ctr828_FormMaster_lblRequired{display:none;} .ModFormMasterC input[type="submit"] { background: url("images/sprite.png") no-repeat scroll -820px -11px #007db3; border: 0px; border-bottom: 2px solid #0a4164; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF!important; display: block; font-weight: 700; padding: 8px 15px 8px; text-align: left; text-indent: 0; width: 200px; margin-top: 20px; margin-left:145px; } .ModFormMasterC input[type="submit"].submit {margin-left: 0px;} .ModFormMasterC input[type="submit"]:hover {background: url("images/sprite.png") no-repeat scroll -820px -40px #005b8f; border-bottom: 2px solid #004270;} .ModFormMasterC .label, .ModFormMasterC p {font-size: 16px; display: block; margin: 10px 0;} #dnn_ctr788_FormMaster_ctl_190e8ef727b9491a8e0f3871e3123e1ddiv, #dnn_ctr1074_FormMaster_ctl_190e8ef727b9491a8e0f3871e3123e1ddiv, #dnn_ctr1940_FormMaster_ctl_7925a6f9d8bb481a8e8b2e74a44219f6div {width: 567px; overflow:hidden; margin-top:-20px; height:50px } .ModFormMasterC .list-box-select-wrapper {float: left;} .ModFormMasterC select {background: none;border: 0 none;height: 36px;margin-top: 0px; width: 470px !important; -webkit-appearance: none; border: none !important; margin: 0px !important} .ModFormMasterC select.nolabel {width: 580px !important} .ModFormMasterC select.listbox {background: inherit; border: 1px solid #bdbdbd !important; width: 420px !important; height: 100px;} .ModFormMasterC select.listbox.nolabel {width: 558px !important;} .ModFormMasterC .custom-select-wrapper {background: url("images/sprite.png") no-repeat scroll -576px -233px transparent; float: left; width: 425px; overflow: hidden; margin: 0 0 12px 0;} .ModFormMasterC #tblDispatcher .custom-select-wrapper {width: auto !important} #dnn_ctr828_FormMaster_tdCapthcaCell div.Normal {margin-top: 20px; text-align: left; padding-left:142px} .ModFormMasterC .dnnCheckbox {float:left;} .ModFormMasterC span.Normal {font-size: 0.9em !important; line-height: normal !important; margin-bottom: 10px; display: inline; clear: both;} .ModFormMasterC span.Normal.upload {line-height: 7px !important; margin-bottom: 0px; position:absolute; margin-top:0px; margin-left:10px;} .emailfriend td span.SubHead label {margin: -20px 0 0 50px;width: 200px;} .emailfriend td span.SubHead {float: none!important;display: inline-block;margin: 30px 0 0 150px;width: 400px;} .emailfriend input[type="submot"] {margin:20px 0} #dnn_ctr9815_FormMaster_lblRequired {display: none;} /* CC Me */ .ccMe td {padding-left: 140px;} .ccMe .SubHead {width: auto;} /* ================================================================================== CAREERS - NEW ================================================================================== */ /*search page*/ .DnnModule-CareerIndustryOccupation p {font-size: 1.25em;line-height: 1.5em;} .DnnModule-CareerIndustryOccupation #career_search .Careers_FormItem input[type="text"], .DnnModule-CareerIndustryOccupation #career_search input[type="submit"] {font-size: 1.1em} .DnnModule-CareerIndustryOccupation .Careers_FormItem > a {font-size: 1.1em; line-height:20px} .DnnModule-CareerIndustryOccupation .Career_result_wrapper > div {border: 1px solid #c9dc92;display: block;height: 37px;padding: 10px 10px 5px;position: relative;border-top: 0px;} .DnnModule-CareerIndustryOccupation .Career_result_wrapper > div > a {font-size: 1.1em; line-height:1.4em} .DnnModule-CareerIndustryOccupation .Career_result_wrapper > a {float: right; margin: 10px 0 30px; line-height:20px} .DnnModule-CareerIndustryOccupation #career_search #career_content .matching {display: block; clear: both;background:#dbf7c4 ; font-size: .8em; font-weight: 400; margin: 20px 0 0; padding: 0 15px; border:1px solid #c9dc92 ; line-height:36px; color: #025400; } .DnnModule-CareerIndustryOccupation .Career_result_wrapper > span {font-size: .9em; display:block; margin:10px 0 20px} .DnnModule-CareerIndustryOccupation .Career_result_wrapper > span.career-no-result { background: #E5E0DD;border: 1px solid #C6BBB6;color: #5A5B5C;font-size:.91em; padding: 15px } .DnnModule-CareerIndustryOccupation .Career_result_wrapper > span > span > span {font-weight: 700} .DnnModule-CareerIndustryOccupation .Career_result_wrapper > span > a {color: #333333!important ; border: none!important} .DnnModule-CareerIndustryOccupation .Career_result_wrapper > span > a:hover {color:#007cab!important} .DnnModule-CareerIndustryOccupation .Career_result_wrapper > span > span {background: #e5e0dd;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;color: #333333;font-weight: 500;line-height: 19px;padding: 0 3px!important;margin: 0px 3px 0!important;} .DnnModule-CareerIndustryOccupation .Career_result_wrapper > span > span.pagedesc {background: #ffffff} /*detail page*/ .DnnModule-CareerIndustryOverview .ModCareerIndustryOverviewC {font-size: 1.25em;line-height: 1.4em;} .DnnModule-CareerIndustryOverview .ModCareerIndustryOverviewC ul.topoccupations2 li {position: relative} .DnnModule-CareerIndustryOverview .ModCareerIndustryOverviewC h4 {color: #333;font-size: 1.4em;font-weight: 700;line-height: 30px;padding: 20px 0 5px;border-bottom: 1px solid #DEDEDE;clear: both;} .DnnModule-CareerIndustryOverview .occupationRating0, .DnnModule-CareerIndustryOverview .occupationRating1, .DnnModule-CareerIndustryOverview .occupationRating2, .DnnModule-CareerIndustryOverview .occupationRating3, .DnnModule-CareerIndustryOverview .occupationRating4, .DnnModule-CareerIndustryOverview .occupationRating5 {margin-left: -40px} .DnnModule-CareerIndustryOverview ul.topoccupations0 li a, .DnnModule-CareerIndustryOverview ul.topoccupations1 li a, .DnnModule-CareerIndustryOverview ul.topoccupations2 li a, .DnnModule-CareerIndustryOverview ul.topoccupations3 li a, .DnnModule-CareerIndustryOverview ul.topoccupations4 li a, .DnnModule-CareerIndustryOverview ul.topoccupations6 li a {left: 30px; border-bottom: 1px solid #6bb6d7; top: 15px} .DnnModule-CareerIndustryOverview ul.topoccupations0 li a:hover, .DnnModule-CareerIndustryOverview ul.topoccupations1 li a:hover, .DnnModule-CareerIndustryOverview ul.topoccupations2 li a:hover, .DnnModule-CareerIndustryOverview ul.topoccupations3 li a:hover, .DnnModule-CareerIndustryOverview ul.topoccupations4 li a:hover, .DnnModule-CareerIndustryOverview ul.topoccupations6 li a:hover {} .DnnModule-CareerIndustryOverview .ModCareerIndustryOverviewC ul.topoccupations2 li {padding: 15px 0 0; list-style:none} .DnnModule-CareerIndustryOverview .topskilldescription {margin: 60px 0 40px} #dnn_RightColumn .ModCareerIndustrySearchInputC {position: relative } #dnn_RightColumn .ModCareerIndustrySearchInputC input[type="text"] { border: 1px solid #b8aaa4; border-right: 0px; border-bottom: 4px solid #b8aaa4; border-radius: 0px!important; height: 33px; line-height: 33px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.1em; color: #333333; font-style: normal; padding-left: 10px; width: 15em } #dnn_RightColumn .ModCareerIndustrySearchInputC input[type="submit"] { background: url(images/sprite.png) no-repeat -0px -55px #004270!important; color: #ffffff; height: 40px!important; width: 38px!important; border: 0px; border-bottom: #002547 4px solid; border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; display: inline-block; text-indent: -9999px; position:absolute; right: 0px; top:67px } #dnn_RightColumn .ModCareerIndustrySearchInputC input[type="submit"].loading {line-height: 40px!important; height:40px!important; background-image:none!important; background-color:#b8aaa4!important; width:80px!important; text-indent:0px!important; border: 0px!important; color:#ffffff!important; box-shadow: none!important} @media handheld, only screen and (max-width: 1024px){ #dnn_RightColumn .ModCareerIndustrySearchInputC input[type="submit"] { height: 44px!important; } } #dnn_RightColumn .ModCareerIndustrySearchInputC label { padding: 5px 0 10px; margin: 0; letter-spacing: 0px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 1.5em; line-height: 26px; display: block; color: #333; font-weight: bold;} .DnnModule-CareerIndustryOccupation .Career_result_wrapper > span > a.next, .DnnModule-CareerIndustryOccupation .Career_result_wrapper > span > a.prev { color: #ffffff!important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; font-size: 12px; line-height: 25px; padding: 0 10px; width: 40px;} .DnnModule-CareerIndustryOccupation .Career_result_wrapper > span > a.next{ background: url("images/sprite.png") no-repeat scroll -948px -17px #004270; text-align: left; display: inline-block; } .DnnModule-CareerIndustryOccupation .Career_result_wrapper > span > a.prev{ background: url("images/sprite.png") no-repeat scroll -982px -692px #004270; text-align: right; display: inline-block;} /* ================================================================================== CAREERS - OLD (KEEP THIS AS HAS STYLING FOR NEW SECTION TOO) ================================================================================== */ #career_search, .ModCareerC{position:relative; font-size:1.15em ; line-height:24px; font-weight:400;} #career_search a, .ModCareerC a{border-bottom: 1px solid #6bb6d7; } #career_search a:hover, .ModCareerC a:hover{ } #career_search .Careers_FormItem input[type="text"]{ border: 1px solid #bdbdbd; color: #555555; font-size: 1em; padding: 10px 10px 11px; width: 26em; margin: 8px 0 ; -webkit-box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); border-radius:0px } #career_search .Careers_FormItem input[type="text"]:focus { background: #f1f1f1} .Careers_FormItem{width:550px;position:relative;height: 90px; z-index:1;} #career_search #career_content h4 {background:#e5e0dd; font-size: .8em; font-weight: 400; margin: 20px 0 0; padding: 0 15px; border:1px solid #c6bbb6; } #career_search input[type="submit"]{ background: url("images/sprite.png") no-repeat scroll -906px -7px #007db3; border:0px; border-bottom: #044771 2px solid; border-radius:0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; -khtml-border-radius: 0 4px 4px 0; color: #FFFFFF !important; display: block; font-size: 1em; font-weight: 700; height: 44px; line-height: 44px; margin-top: 20px; padding: 0 15px; position: absolute; right: 0; text-align: left; text-indent: 0; top: -12px; width: 110px;} #career_search input[type="submit"].loading {line-height: 46px!important; height:46px!important;background-color:#b8aaa4!important; color:#ffffff!important;background-image:none!important; border-color: #b8aaa4!important; box-shadow: none!important} #career_search input[type="submit"]:hover {background: url("images/sprite.png") no-repeat scroll -906px -36px #05417a; border-bottom: 4px solid #004270;} #dnn_ctr1136_IndustrySearch_BrowseAllIndustriesButton,.Careers_FormItem > a { bottom: 8px; position: absolute; left: 0; font-size:.9em;} .Careers_FormItem #lblResult1 {position: relative; z-index: 2;} .Careers_predictive{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DEDEDE; float: left; padding: 10px; position: absolute; top: 0; left: 0; width: 300px; z-index: 10; } .Careers_predictive ul li{ list-style:none;} .closepredictive{ position: absolute;right: 10px; top: 90px; z-index: 1000; cursor:pointer;color: #007cab;} .slider_training_search .Careers_predictive{ top: 30px; width: 488px; z-index: 1; } #career_content{min-height:400px;width: 550px;} .Career_result { list-style: none outside none; margin: 0; padding: 0;} .Career_result > td {border: 1px solid #DEDEDE; display: block; height: 37px; list-style: none outside none; padding: 15px 10px 6px; position: relative; border-top:0px } .Career_result > td:hover:before { background-position: 0 -304px;} .Career_result > td:hover {} .Career_result > td:hover:after { background: url("images/sprite.png") no-repeat scroll 22px -105px #FFFFFF; border-left: 1px solid #DEDEDE; content: " "; display: block; float: right; height: 58px; position: absolute; right: 130px; top: 0px; width: 60px; z-index: 11;} .ie8 .Career_result > td:hover > a{ position:relative; z-index: -1;} .Career_result > td > div#details { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DEDEDE; display: none; float: left; min-height: 200px; padding: 15px; position: absolute; right: -230px; top: -160px; width: 330px; z-index: 100; font-size: .9em;} .Career_result > td > div#career_pointer {} .Career_result > td > div#details > div#name {margin-bottom:10px; font-weight:600} tr .Career_result > td > div#details > div#top_jobs {font-weight: bold; margin: 10px 0;} tr .Career_result > td > div#details > div#top_jobs_details {margin-bottom:10px;} tr .Career_result > td > div#details > div#top_jobs_details ul{ margin: 15px; padding: 0;} #top_jobs_details ul.topoccupations {margin-left:-42px} #top_jobs_details ul.topoccupations li{background:url(images/sprite.png) no-repeat -991px -429px; list-style-type:none; list-style-position:outside; padding:0px 0 0 30px; margin-top:5px} /* career - overview pages */ .ModCareerC{width:100%;} .ModCareerC h2 {color:#023e68; font-size:1.8em; font-weight:700; line-height:34px;} .ModCareerC .pageView h2, .ModCareerC .pageView h3 {color:#023e68; font-size:1.2em; font-weight:700; line-height:26px;padding: 20px 0 5px;} .ModCareerC .pageView h4 {color:#023e68; font-size:1.4em; font-weight:700; line-height:30px;padding: 20px 0 5px;} .ModCareerC .pageView ul {margin-left: -42px; margin-bottom:20px; } .ModCareerC .pageView ul li{background: url(images/sprite.png) no-repeat -987px -75px; list-style-type:none; list-style-position:outside; padding:0px 0 0 30px; font-size:1em; line-height:24px; font-weight:400} .workforce {padding-left: 65px; background: url("images/sprite.png") no-repeat 0px -2952px transparent; margin-bottom:20px} .location {padding-left: 65px; background: url("images/sprite.png") no-repeat 0px -2387px transparent; margin-bottom:20px} .work-in {padding-left: 65px; background: url("images/sprite.png") no-repeat 0px -2668px transparent; margin-bottom: 10px} .ModCareerIndustryOverviewC .download {background: url("images/sprite.png") no-repeat scroll 5px -3345px;margin-bottom: 10px;padding: 14px 0 14px 65px;} .ModCareerIndustryOverviewC .download a{border-bottom: 1px solid #B6A8A2;color: #004E84;} .ModCareerIndustryOverviewC .download a:hover {color: #0087c7;} .workforce p, .location p, .work-in p, .pageView .download p {float:none!important; width: auto!important; padding-bottom: 15px!important } .ModCareerC ul li { list-style-type: disc; margin-bottom: 10px;} .ModCareerC h4{ border-bottom: 1px solid #DEDEDE; clear: both; font-size: 14px; font-weight: normal; padding-bottom: 10px; letter-spacing:0px} #dnn_ctr1136_IndustryDetails_RadPageView2,#dnn_ctr1136_IndustryDetails_RadPageView3,#dnn_ctr1136_IndustryDetails_RadPageView4,#dnn_ctr1136_IndustryDetails_RadPageView5{ margin-top: 20px;} .RadTabStrip{ background: #007db3;font-size:.9em; border-bottom:2px solid #044771; border-radius:0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;; color:#ffffff } .RadTabStrip .rtsLevel1 { padding-top: 0;} .RadTabStrip .rtsLevel { clear: both; padding-top: 1px; position: relative; width: 100%;} .RadTabStrip .rtsUL:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden;} .RadTabStrip .rtsUL, .RadTabStripVertical .rtsUL { float: none; margin:-1px 0 0 0; padding: 0;} .RadTabStrip_Vista .rtsLI, .RadTabStrip_Vista .rtsLink {} .RadTabStrip .rtsLI { display: inline; float: left;} .RadTabStripTop_Vista .rtsLI.rtsLast a.rtsLink {padding-right: 15px; border-radius:4px;} .RadTabStrip .rtsLI, .RadTabStripVertical .rtsLI { list-style-type: none; margin: 0; padding: 0;} .rtsSelected {background: #05417a;margin: 0 auto; position: relative; z-index: 101;} /*.rtsSelected:before {content: " "; position: absolute; width: 100%; height: 30px; background: url("images/radstrip-hover.png") no-repeat center bottom transparent; z-index:1; bottom: -19px; left: 0px;}*/ .RadTabStripTop_Vista .rtsLink {padding: 0 14px;display:block; line-height:48px; border-right: 1px solid #089bdb; color:#ffffff} .rtsSelected > span, .RadTabStrip a, .rtsSelected > span:hover{border:0px} .RadTabStrip a:hover{background: #05417a; } .rmpHiddenView { display: none;} .growth span, .work-in span, .workforce span, .location span, .workforce p,.growth p,.work-in p,.location p {width: 88%; float: left; margin-left: 0px;} .growth p span, .work-in p span, .workforce p span, .location p span {width: 100%; float: right;} .growth ul, .work-in ul, .workforce ul, .location ul{margin-left: 15px;} .ie9 .Career_result > td {height:40px;} /* TOP SKILLED OCCUPATIONS */ .ModCareerC .pageView ul.topoccupations0,.ModCareerC .pageView ul.topoccupations1,.ModCareerC .pageView ul.topoccupations2,.ModCareerC .pageView ul.topoccupations3,ul.topoccupations4,.ModCareerC .pageView ul.topoccupations5,.ModCareerC .pageView ul.topoccupations6{margin-top:20px; margin-left:-20px} .ModCareerC .pageView ul.topoccupations0 li,.ModCareerC .pageView ul.topoccupations1 li,.ModCareerC .pageView ul.topoccupations2 li,.ModCareerC .pageView ul.topoccupations3 li,ul.topoccupations4 li,.ModCareerC .pageView ul.topoccupations5 li,ul.topoccupations6 li { list-style-type:none!important; margin-left: -20px; position:relative; margin-bottom:15px!important; padding-left:60px; background:none} .occupationRating0, .occupationRating1, .occupationRating2,.occupationRating3,.occupationRating4,.occupationRating5 {width:50; height:21px; background:url(images/topskill-sprite.png) no-repeat; text-indent:-9999px; top:0px; left:0px; margin-left:-60px; margin-bottom:-20px; } .occupationRating0 {background: none; } .occupationRating1 { background-position:0px -24px!important;} .occupationRating2 { background-position:0px -48px; } .occupationRating3 { background-position:0px -73px; } .occupationRating4 { background-position:0px -98px; } .occupationRating5 { background-position:0px -123px; } ul.topoccupations0 li a,ul.topoccupations1 li a,ul.topoccupations2 li a,ul.topoccupations3 li a,ul.topoccupations4 li a,ul.topoccupations6 li a {position: absolute; top:0px; left: 60px; line-height:26px;} .topskilldescription { background: url("images/topskill-ke.png") no-repeat scroll 0 0 transparent; height: 70px; left: 0; margin: 60px 0 0px; position: relative; width: 586px !important;} #dnn_ctr1196_Admin_TrainingPathwaysRadPageView {margin-top: 10px;} /* ================================================================================== New Eligibility Tool ================================================================================== */ .QuestionPanel { display: block; float: left; margin-bottom: 15px; } .QuestionPanel a { border-bottom: 1px solid #6bb6d7; color: #007db3; font-weight:600 } .QuestionPanel a:hover {color: #05417a; } .QuestionPanel p { color: #1B1B1B; font-size: 1.3em; font-weight: 400; line-height: 24px } .eligibilityquestionlist {margin-left: -45px} .eligibilityquestionlist li { background: url(images/bullet.png) no-repeat 2px 6px; font-size: 1.3em; font-weight: 400; line-height: 24px; list-style-position: outside; list-style-type: none; padding: 0 0 25px 30px; } .eligibilityquestionlist li li {font-size: 1em} .eligibilityquestionlist li div label { padding-left: 10px} .EligibilityLabel { clear:both; display:block; padding-bottom: 7px} .QuestionPanel input[type="submit"].yes{ background: url(images/sprite.png) no-repeat -716px -7px #007db3; border: 0px; border-bottom: 2px solid #044771; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF!important; display: block; font-weight: 600; padding: 0px 15px 0px; text-align: left; text-indent: 0; width: 300px; line-height:45px; height:45px; display:block; font-size:1.4em; } .QuestionPanel input[type="submit"]:hover {background: url(images/sprite.png) no-repeat -716px -36px #005b8f; border-bottom: 4px solid #004270;} .QuestionPanel input[type="submit"]:disabled {opacity :0.3; filter: alpha(opacity:30);} /*qualifications*/ .QualificationList, .QualificationList li{list-style:none;} .QualificationList{ padding: 0; margin-left: -0px } .QualificationList li{margin-bottom:10px; padding:0px!important; background:none!important} .QualificationList li label input[type="radio"] {margin-right:7px} /*results*/ .ResultPanel{font-size:1em; line-height:16px} .ResultPanel .small{font-size:.9em; line-height:16px} .Results{margin:0 0 10px; font-size:1.5em; line-height:24px;} .Results h2 {color:#0d660f; font-size:1.8em; line-height:34px; font-weight:700;} .ResultPanel .Completed{ display: block; font-size: 1.8em; font-weight: bold; margin-bottom: 0;} .ResultPanel ul {margin-left:-42px} .ResultPanel ul li{ list-style:none; padding-left:30px; margin-bottom:10px;background: url(images/bullet.png) no-repeat 0 6px ;} .ResultsPanel a, .Results ul a{border-bottom: 1px solid #6bb6d7!important; font-weight:600 } .ResultsPanel a:hover, .Results ul a:hover {} .ResultPanel ol {margin: 0px 0 0 -35px;} .ResultPanel ol span {margin: 0px; display:block; background:#e5e0dd; padding:15px; margin-bottom: 15px } .ResultPanel ol span span {margin: 0px; display:inline; background:none; padding:0px; } .Eligiblenotetop {display:block;width: 582px; height:17px; background: url(images/note.png) no-repeat; margin-top: 40px } .Eligiblenote {background: #fff1ce;width: 519px;padding: 10px 20px 30px 30px;font-size: 16px;line-height: 24px;margin: 0px 24px 40px 11px;border: 1px solid #ecd4ad;border-top: 0px;border-bottom: 5px solid #ecd4ad;} .Eligiblenote h2{color:#0d660f; font-size:1.2em; line-height:22px; font-weight:700; } .Eligiblenote a{line-height:24px; font-size:1.1em; border-bottom:1px solid #6bb6d7; font-weight:600 } .Eligiblenote a:hover{color:#05417a; } .nextstep h2 {color:#222; font-size:1.6em; line-height:30px; font-weight:700; margin-top:22px} .nsitems {clear:both} .nsitems ol { counter-reset:li; margin-left:12px; padding-left:0; } .nsitems ol > li { position:relative; margin:0 0 6px 2em; padding:4px 8px; list-style:none; line-height:24px; } .nsitems ol > li a {line-height:24px; font-size:1.3em} .nsitems ol > li:before { -moz-box-sizing: border-box; background: none repeat scroll 0 0 #83b00a; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; color: #FFFFFF; content: counter(li, decimal); counter-increment: li; font-size: 14px; font-weight: 600; left: -2.3em; margin-right: 8px; padding: 0 1px; position: absolute; text-align: center; top: 3px; width: 1.7em; line-height:24px; } .mainMiddleColumn .Normal ol ul {margin-left:0px;} .eligibleresulttitle p {dispaly:block; color:#025400; font-weight:700; background:url(images/sprite.png) no-repeat -965px -1779px #dbf7c4; padding: 10px 20px 10px 43px; margin:20px 0 30px 0} .notEligibleResults {dispaly:block; color:#1b1b1b; font-weight:400; background:url(images/sprite.png) no-repeat -965px -1967px #f3f5ec; padding: 10px 20px 15px 43px; margin:20px 0 30px 0} .EligibilityToolTip{ border-bottom: 1px dotted #6bb6d7; color: #007db3; cursor: pointer; font-family: 'Open Sans',Helvetica,Arial,sans-serif; position:relative; line-height:20px} .EligibilityToolTip:hover{color:#004e84} .EligibilityToolTip .ToolTipDetail{display:none; background: #f0f0f0; border: 1px solid #c8c0bd;color: #222222;display: none;padding: 10px 15px 15px;min-width:200px;text-align: left; position: absolute;top: -10px; font-size:1em; line-height:20px; font-weight:400; z-index:5 } /*right panel*/ .mainRightColumn .DnnModule.DnnModule-StudentEligibilityToolRightPanelV2 {border:0px} .ModStudentEligibilityToolRightPanelV2C ul {margin-left: -42px;} .ModStudentEligibilityToolRightPanelV2C li{ background:url("images/sprite.png") no-repeat -991px -432px; list-style-position: outside; list-style-type: none; margin-top: 10px; padding: 0 0 0 30px; width: 220px; font-size:1.1em; } .ModStudentEligibilityToolRightPanelV2C a { background: url(images/sprite.png) no-repeat -756px -9px #007db3; border-bottom: 2px solid #044771!important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF !important; display: block; font-size:1.1em; font-weight: 700; height: 35px; line-height: 35px!important; padding: 0 15px; text-align: left; width: 230px; } .ModStudentEligibilityToolRightPanelV2C a:hover {background: url(images/sprite.png) no-repeat -756px -38px #005b8f; border-bottom: 4px solid #004270!important;} /* ================================================================================== Find a training course ================================================================================== */ .DnnModule-CourseSearchNew input[type="checkbox"] { display:inline-block; } /*search panel*/ .SearchPanel {position: relative} .SearchPanel span.CourseSearchLabel, .SearchPanel label.CourseSearchLabel, .SearchPanel label.QualificationSearchLabel, .SearchPanel label.IndustrySearchLabel {font-size:1.4em; font-weight:700; display:block; line-height:28px; padding: 10px 0; margin: 0px } .ModCourseSearchResultsC .divProviderDetails {padding: 20px 22px; border-bottom: 1px solid #c6bbb6; min-height: 90px;} .ModCourseSearchResultsC .divProviderDetails p {margin-bottom: 0px;} .ModCourseSearchResultsC .divProviderDetails td.ProviderDetails {width: 705px;} .ModCourseSearchResultsC .divProviderDetails .ProviderName, .ModCourseSearchResultsC .divProviderDetails .ProviderPhone, .ModCourseSearchResultsC .divProviderDetails .ProviderWebsite {display: block; margin-bottom: 8px;} .ModCourseSearchResultsC .divProviderDetails .ProviderName {color: #007db3; font-size: 1.4em; font-weight: 600} .ModCourseSearchResultsC .divProviderDetails .ProviderPhone {font-size: 1.2em; font-weight: 600} .ModCourseSearchResultsC .divProviderDetails .ProviderWebsite {font-size: 1.2em;} .ModCourseSearchResultsC .divProviderDetails .providerTag {display: block; padding: 5px 5px 5px 30px; border: 1px solid #b7d433; border-radius: 5px; background: url("images/sprite.png") no-repeat 3px -2269px transparent; font-size: 0.7rem; font-weight: bold; min-width: 100px; margin: 5px 21px 5px 0;} .SearchPanel #advancedoptions {height: 300px} .ModCourseSearchNewC input[type="text"], .ModCourseSearchNewC select, .ModCourseSearchNewC textarea, .ModCourseSearchResultsC input[type="text"] { border:1px solid #bdbdbd; color:#555555; font-size:1.3em; padding:5px 10px; width:345px; margin: 0; -webkit-box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); display:block; max-width: 100%; box-sizing: border-box;} .ModCourseSearchNewC input[type="text"] {padding: 10px;} .ModCourseSearchResultsC input[type="text"] {padding: 5px;} .ModCourseSearchNewC input[type="text"]:focus, .ModCourseSearchResultsC input[type="text"]:focus, .ModCourseSearchNewC textarea:focus { background: #f1f1f1} .ModCourseSearchNewC input[type="submit"], .courseHome a.button, .ModCourseSearchResultsC input[type="submit"] { background: url("images/sprite.png") no-repeat scroll -670px -7px #007db3; border: 0px; border-bottom: 2px solid #0a4164; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF!important; display: block; font-weight: 600; padding: 0px 15px; text-align: left; text-indent: 0; height:44px; font-size:1.4em; line-height:44px; width: 345px; clear:both } .ModCourseSearchNewC input[type="submit"]:hover {background: url("images/sprite.png") no-repeat scroll -670px -36px #005b8f; border-bottom: 2px solid #042645;} .ModCourseSearchNewC #QualificationDropDown, .ModCourseSearchNewC #divIndustryDropDown{width: 345px; overflow:hidden; height:50px; display:block; margin-right: 15px } .ModCourseSearchNewC #divIndustryDropDown {margin-right:0px!important} .ModCourseSearchNewC select{ background:url("images/sprite.png") no-repeat scroll -656px -233px transparent;border: 0 none;height: 36px;width: 345px; border-left:1px solid #bdbdbd; -webkit-appearance: none;} .ModCourseSearchNewC .IndustryDropDown {border: 1px solid #c9dc92; border-right: 0px; border-left: 0px;} .ModCourseSearchNewC label {display: block;} .ModCourseSearchNewC .wr-only label {font-size: 22px; display: inline;} .ModCourseSearchNewC .search-item {padding: 20px 0;} .ModCourseSearchNewC .search-item .title {display: inline-block; font-size: 18px; vertical-align: top; width: 110px; padding: 6px 0;} .ModCourseSearchNewC .search-item .checkboxes {display: inline-block; vertical-align: top;} .ModCourseSearchNewC .search-item .checkboxes.twoColumns {width: 350px;} .ModCourseSearchNewC .search-item .checkboxes.twoColumns > div {display: inline-block; width: 49%; vertical-align: top;} .ModCourseSearchNewC .search-item label, .ModCourseSearchNewC .search-item .checkboxes label * {vertical-align: middle; padding: 10px 0;} .ModCourseSearchNewC .col1, .ModCourseSearchNewC .col2 {width: 47%; display:block; float:left; margin-right: 3%} .ModCourseSearchNewC .col1 label, .ModCourseSearchNewC .col2 label {display: block;padding: 0;margin: 10px 0 20px;} a.changeoption {display:block; clear:both; padding:10px 0 20px 20px; color:#004e84; text-decoration:none; font-size: 1.21em; font-weight: 600; background: url('images/sprite.png') -982px -4192px no-repeat;} a.changeoption.open {background-position: -982px -4151px;} a.changeoption:hover {cursor: pointer} .SearchOptionsPanel {display:block; clear:both; width:500px} .SearchOptionsPanel span.PriorityCheckBox, .SearchOptionsPanel span.SkillSetsCheckBox, .SearchOptionsPanel span.TGSSCheckBox, .SearchOptionsPanel span.ApprenticesOrTrainingCheckBox { display: block; height: 25px; position: relative; width: 165px; margin-top:7px; margin-right:13px; float:left} .SearchOptionsPanel span.ApprenticesOrTrainingCheckBox {height:60px} .SearchOptionsPanel span span.mark {display: block; left: 0; position: absolute; top: 0;} .SearchOptionsPanel span label {left: 30px; position: absolute; top: 0; font-size:14px; line-height:20px; color:#004e84} .SearchOptionsPanel input[type="checkbox"] {display:block; border:red 1px solid} /*stl results page ModSTLCourseSearchResultsC*/ .DnnModule-STLCourseSearchResults {background: url(images/search-bkgd.png) repeat-y; color:#333333} .ModSTLCourseSearchResultsC .leftsearchpanel {float:left; width:229px; background: #ecf0dc;} .ModSTLCourseSearchResultsC .leftsearchpanel .checkboxes label {display: block; margin-bottom: 10px; vertical-align: middle;} .ModSTLCourseSearchResultsC .leftsearchpanel .checkboxes label input {vertical-align: middle;} .ModSTLCourseSearchResultsC .leftsearchpanel .SelectionPanel > * {padding: 20px 20px;} .ModSTLCourseSearchResultsC .leftsearchpanel .clearCheckBoxes {padding: 22px 20px 9px; border-bottom: 1px solid #b7d433;} .ModSTLCourseSearchResultsC .leftsearchpanel .clearCheckBoxes label {font-weight: bold; display: block; vertical-align: middle;} .ModSTLCourseSearchResultsC .leftsearchpanel .clearCheckBoxes label input {vertical-align: middle;} .ModSTLCourseSearchResultsC .leftsearchpanel .IndustryDropDown {border: 1px solid #b7d433; border-left: 0px; border-right: 0px;} .ModSTLCourseSearchResultsC .leftsearchpanel .IndustryDropDown .title {font-size: 1rem; margin-bottom: 20px;} .ModSTLCourseSearchResultsC .leftsearchpanel .search-item label {display: block; margin: 5px 0;} .ModSTLCourseSearchResultsC .leftsearchpanel .search-item .CourseSearchLabel, .ModSTLCourseSearchResultsC .leftsearchpanel .search-item .QualificationSearchLabel, .ModSTLCourseSearchResultsC .leftsearchpanel .IndustryLabel, .ModSTLCourseSearchResultsC .leftsearchpanel .title {font-size: 1rem; margin-bottom: 20px; font-weight: 700;} .ModSTLCourseSearchResultsC .leftsearchpanel .search-item .checkboxes label {margin-left: 20px;} .ModSTLCourseSearchResultsC .leftsearchpanel input[type="submit"] {padding: 0 15px; max-width: 100%; background-position: -830px -7px;} .ModSTLCourseSearchResultsC .SearchResultsPanel, .ModSTLCourseSearchResultsC .SavePDFPanel {width: 748px; margin-left:229px; position:relative} .ModSTLCourseSearchResultsC .SearchPanel {width: 185px; border-bottom:1px solid #c9dc92; display:block; padding:18px 22px 23px; background:#ecf0dc} .ModSTLCourseSearchResultsC .SavePDFPanel a {color:#007db3; border-bottom: 1px solid #6bb6d7; font-weight:600; font-size:1.2em; line-height:30px; } .ModSTLCourseSearchResultsC .SavePDFPanel > a {display: inline-block;} .ModSTLCourseSearchResultsC .SavePDFPanel a:hover {color: #05417a; border-bottom: 0px;} .ModSTLCourseSearchResultsC .SavePDFPanel a:before {background: url("images/sprite.png") no-repeat 6px -635px transparent; content: ""; display: block; float: left; height: 30px; line-height: 30px; width: 30px;} .ModSTLCourseSearchResultsC .SavePDFPanel .checkagainfirst{display:inline-block;} .ModSTLCourseSearchResultsC .SavePDFPanel .checkagainfirst a{color:#007db3; font-weight: 600; border-bottom: 1px solid #6bb6d7; font-size:1.1em; line-height:22px; width:200px; } .ModSTLCourseSearchResultsC .SavePDFPanel .checkagainfirst a:hover {color: #05417a; border-bottom: 0px;} .ModSTLCourseSearchResultsC .SavePDFPanel .checkagainfirst a:before {background: url("images/sprite.png") no-repeat 0px -2274px transparent; content: ""; display: block; float: left; height: 30px; line-height: 30px; width: 30px;} .ModSTLCourseSearchResultsC .SavePDFPanel div.ResultPanel {position: absolute;top: 14px;left: 210px;background: url("images/sprite.png") no-repeat -2px -2275px transparent;} .ModSTLCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip {color:#004069; border-bottom: 1px solid #b6a8a2; font-size:1.2em; line-height:20px; margin-left: 25px} .ModSTLCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip:hover {color:#007cab} .ModSTLCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .ToolTipDetail {min-width: 300px} .ModSTLCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .Results { font-size:.9em; line-height:20px; font-weight:400;} .ModSTLCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .Results h2 { font-size:1.4em; color:#333333} .ModSTLCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .Results .notEligibleResults, .ModSTLCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .Results .eligibleresulttitle p {background: none; padding: 0px; margin: 0px; color:#333333; font-weight: 400} .ModSTLCourseSearchResultsC .SavePDFPanel .EligibilityToolTip a {font-size: 1em;} .ModSTLCourseSearchResultsC .SavePDFPanel .EligibilityToolTip a:before {background: none; width: 0px} .ModSTLCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .Results span.EligibilityToolTip {margin: 0px; font-size:1em;} .ModSTLCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .Results ul li { background: url(images/sprite.png) no-repeat -987px -75px; list-style-type:none; list-style-position:outside; padding:0px 0 0 30px; margin-top:10px} /*results page*/ .DnnModule-CourseSearchResults{background: url(images/search-bkgd.png) repeat-y; color:#333333} .ModCourseSearchResultsC .leftsearchpanel {float:left; width:229px; background: #ecf0dc;} .ModCourseSearchResultsC .leftsearchpanel .checkboxes label {display: block; margin-bottom: 10px; vertical-align: middle;} .ModCourseSearchResultsC .leftsearchpanel .checkboxes label input {vertical-align: middle;} .ModCourseSearchResultsC .leftsearchpanel .SelectionPanel > * {padding: 20px 20px;} .ModCourseSearchResultsC .leftsearchpanel .clearCheckBoxes {padding: 22px 20px 9px; border-bottom: 1px solid #b7d433;} .ModCourseSearchResultsC .leftsearchpanel .clearCheckBoxes label {font-weight: bold; display: block; vertical-align: middle;} .ModCourseSearchResultsC .leftsearchpanel .clearCheckBoxes label input {vertical-align: middle;} .ModCourseSearchResultsC .leftsearchpanel .IndustryDropDown {border: 1px solid #b7d433; border-left: 0px; border-right: 0px;} .ModCourseSearchResultsC .leftsearchpanel .IndustryDropDown .title {font-size: 1rem; margin-bottom: 20px;} .ModCourseSearchResultsC .leftsearchpanel .search-item label {display: block; margin: 5px 0;} .ModCourseSearchResultsC .leftsearchpanel .search-item .CourseSearchLabel, .ModCourseSearchResultsC .leftsearchpanel .search-item .QualificationSearchLabel, .ModCourseSearchResultsC .leftsearchpanel .IndustryLabel, .ModCourseSearchResultsC .leftsearchpanel .title {font-size: 1rem; margin-bottom: 20px; font-weight: 700;} .ModCourseSearchResultsC .leftsearchpanel .search-item .checkboxes label {margin-left: 20px;} .ModCourseSearchResultsC .leftsearchpanel input[type="submit"] {padding: 0 15px; max-width: 100%; background-position: -830px -7px;} .ModCourseSearchResultsC .SearchResultsPanel, .ModCourseSearchResultsC .SavePDFPanel {width: 748px; margin-left:229px; position:relative} .ModCourseSearchResultsC .SearchPanel {width: 185px; border-bottom:1px solid #c9dc92; display:block; padding:18px 22px 23px; background:#ecf0dc} .ModCourseSearchResultsC .SavePDFPanel a {color:#007db3; border-bottom: 1px solid #6bb6d7; font-weight:600; font-size:1.2em; line-height:30px; } .ModCourseSearchResultsC .SavePDFPanel > a {display: inline-block;} .ModCourseSearchResultsC .SavePDFPanel a:hover {color: #05417a; border-bottom: 0px;} .ModCourseSearchResultsC .SavePDFPanel a:before {background: url("images/sprite.png") no-repeat 6px -635px transparent; content: ""; display: block; float: left; height: 30px; line-height: 30px; width: 30px;} .ModCourseSearchResultsC .SavePDFPanel .checkagainfirst{display:inline-block;} .ModCourseSearchResultsC .SavePDFPanel .checkagainfirst a{color:#007db3; font-weight: 600; border-bottom: 1px solid #6bb6d7; font-size:1.1em; line-height:22px; width:200px; } .ModCourseSearchResultsC .SavePDFPanel .checkagainfirst a:hover {color: #05417a; border-bottom: 0px;} .ModCourseSearchResultsC .SavePDFPanel .checkagainfirst a:before {background: url("images/sprite.png") no-repeat 0px -2274px transparent; content: ""; display: block; float: left; height: 30px; line-height: 30px; width: 30px;} .ModCourseSearchResultsC .SavePDFPanel div.ResultPanel {position: absolute;top: 14px;left: 210px;background: url("images/sprite.png") no-repeat -2px -2275px transparent;} .ModCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip {color:#004069; border-bottom: 1px solid #b6a8a2; font-size:1.2em; line-height:20px; margin-left: 25px} .ModCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip:hover {color:#007cab} .ModCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .ToolTipDetail {min-width: 300px} .ModCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .Results { font-size:.9em; line-height:20px; font-weight:400;} .ModCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .Results h2 { font-size:1.4em; color:#333333} .ModCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .Results .notEligibleResults, .ModCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .Results .eligibleresulttitle p {background: none; padding: 0px; margin: 0px; color:#333333; font-weight: 400} .ModCourseSearchResultsC .SavePDFPanel .EligibilityToolTip a {font-size: 1em;} .ModCourseSearchResultsC .SavePDFPanel .EligibilityToolTip a:before {background: none; width: 0px} .ModCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .Results span.EligibilityToolTip {margin: 0px; font-size:1em;} .ModCourseSearchResultsC .SavePDFPanel div.ResultPanel .EligibilityToolTip .Results ul li { background: url(images/sprite.png) no-repeat -987px -75px; list-style-type:none; list-style-position:outside; padding:0px 0 0 30px; margin-top:10px} .SearchResultsPanel .SearchHeader {border-bottom: 1px solid #C6BBB6; padding:15px 22px 40px; position: relative;}/*Course search change*/ .SearchResultsPanel table thead tr td, .SearchResultsPanel table tfoot tr td {position: relative} .SearchResultsPanel thead tr.rgPager td{ position: absolute;right: 0;top: -49px;width: 385px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size:1.1em; line-height:18px;} .SearchResultsPanel table tfoot tr td{ width: 335px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size:1.1em; line-height:18px;border:0px!important; border:collapse!important; border-collapse:collapse!important} .SearchResultsPanel table thead tr td .pageControlWrapper {float:right; margin-right: 12px;} .SearchResultsPanel table tfoot tr td .pageControlWrapper {margin-right: 15px; background: #ffffff; float: right; text-align: right; max-height: 0px;} @-moz-document url-prefix() {.SearchResultsPanel table tfoot tr td .pageControlWrapper {bottom:70px;}} /*Firefox only*/ /*move to staging !!!*/ .SearchResultsPanel .pageControlWrapper .PageDetails {margin:29px 15px 0 0; } .SearchResultsPanel thead .pageControlWrapper .PageDetails {margin:3px 15px 0 0; } .SearchResultsPanel .pageControlWrapper div,.SearchResultsPanel .pageControlWrapper a {float:left; position: relative; z-index: 1; margin-top: 25px;} .SearchResultsPanel thead .pageControlWrapper div,.SearchResultsPanel thead .pageControlWrapper a {margin-top: 0px;} .SearchResultsPanel .pageControlWrapper a.next, .SearchResultsPanel .pageControlWrapper a.prev { color:#ffffff; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;; font-size:.85em; line-height:25px; padding:0 10px; width:40px} .SearchResultsPanel .pageControlWrapper a.next {background:url("images/sprite.png") no-repeat scroll -948px -17px #007db3; text-align:left; display:block} .SearchResultsPanel .pageControlWrapper a.next:hover {background:url("images/sprite.png") no-repeat scroll -948px -46px #05417a;} .SearchResultsPanel .pageControlWrapper a.prev {background:url("images/sprite.png") no-repeat scroll -982px -692px #007db3; text-align:right; display:block} .SearchResultsPanel .pageControlWrapper a.prev:hover {background:url("images/sprite.png") no-repeat scroll -982px -728px #05417a; } .SearchResultsPanel .pageControlWrapper .pageControl { margin-top: 3px!important; } .SearchResultsPanel .pageControlWrapper .pageControl a {padding:0 3px!important; line-height: 19px !important;} .SearchResultsPanel .pageControlWrapper .pageControl a.rgCurrentPage{background:#83b00a; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; color:#fff; font-weight:600; line-height:19px; margin:0px 3px 0!important } .SearchResultsPanel .pageControlWrapper .pageControl a.rgCurrentPage:hover {background:#83b00a; color: #fff;} .SearchResultsPanel .pageControlWrapper .pageControl a:hover{color:#fff; background: #83b00a; border:0px; border-radius: 3px;} .SearchResultsPanel .pageControlWrapper .pageControl a span {background: none!important; border: 0px!important; padding:0 2px!important} .SearchResultsPanel .RadGrid {overflow: inherit} .refineselectionhead {font-size:18px; font-weight: 700; display:block;padding: 20px 0 0 20px;} .QualificationLabel, .ModCourseSearchResultsC .enrolment-container, .ModCourseSearchResultsC .course-container{margin: 0px -20px; width:188px; border-top: 1px solid #c9dc92; padding:15px 20px } .ModCourseSearchResultsC .enrolment-container span.EligibilityToolTip, .ModCourseSearchResultsC .course-container span.EligibilityToolTip {border: 0px; color:#1b1b1b; font-weight:600} .ModCourseSearchResultsC .course-container {padding-bottom : 0px} .ModCourseSearchResultsC .enrolment-container label, .ModCourseSearchResultsC .course-container label { display:block; margin:10px 0; clear: both} .ModCourseSearchResultsC .enrolment-container input[type="checkbox"], .ModCourseSearchResultsC .course-container label + label input[type="checkbox"] {margin-bottom: 26px; float:left} .SavePDFPanel {display:block; background:#ecf0dc; padding: 9px 20px; width:709px!important } .ModCourseSearchResultsC .SearchPanel input.SearchTextBox{ border: 1px solid #bdbdbd; color: #555555; font-size: 1.3em; padding: 8px 10px; width: 165px; margin: 8px 0 ; -webkit-box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); border-radius:0px } .ModCourseSearchResultsC .SearchPanel input.SearchTextBox:focus { background: #f1f1f1} .ModCourseSearchResultsC .SelectionPanel .SkillsForAllFundedCheckBox label { position:relative; top: -4px; left: 0px;} .ModCourseSearchResultsC .SearchPanel input.SearchButton{ background: url("images/sprite.png") no-repeat scroll -826px -10px #007db3; border:0px; border-bottom: 2px solid #002547; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF !important; display: block; font-size: 1.3em; font-weight: 700; height: 39px; line-height: 39px; padding: 0 15px; text-align: left; text-indent: 0; width: 187px; } .ModCourseSearchResultsC .SearchPanel input.SearchButton:hover {background: url("images/sprite.png") no-repeat scroll -826px -39px #05417a; border-bottom: 4px solid #004270;} .leftsearchpanel a.ClearFiltersLinkButton {background:url("images/sprite.png") no-repeat scroll -794px -629px #dae0c4; color:#007db3; font-weight:600;font-size:1.1em; display:block; padding: 16px 20px !important;} .leftsearchpanel a.ClearFiltersLinkButton:hover { color:#74655e} .SkillsCheckBoxes .EligibilityToolTip, .SkillsCheckBoxes .EligibilityToolTip .ToolTipDetail, .QualificationCheckBoxes label {color:#1b1b1b; font-size:1em; line-height:18px; font-weight:600; border:0px} .SkillsCheckBoxes .EligibilityToolTip:hover, .SkillsCheckBoxes .EligibilityToolTip .ToolTipDetail:hover {color:#0087c7} .SelectionPanel .SkillsCheckBoxes .EligibilityToolTip {border-bottom: 1px dotted #91847d;color: #004e84;} .ModCourseSearchResultsC .SkillsCheckBoxes span.TGSSCheckBox {height:35px} .ModCourseSearchResultsC .SkillsCheckBoxes span.SkillsForAllFundedCheckBox {margin:0; font-size: 1rem; } .ModCourseSearchResultsC .SkillsForAllFundedCheckBox .mark, .ModCourseSearchResultsC .PriorityCheckBox .mark, .ModCourseSearchResultsC .TGSSCheckBox .mark, .ModCourseSearchResultsC .ApprenticesOrTrainingCheckBox .mark, .ModCourseSearchResultsC .SkillSetsCheckBox .mark{position: absolute; top:0px; left:0px} .ModCourseSearchResultsC .SkillsForAllFundedCheckBox label , .ModCourseSearchResultsC .PriorityCheckBox label , .ModCourseSearchResultsC .TGSSCheckBox label , .ModCourseSearchResultsC .ApprenticesOrTrainingCheckBox label, .ModCourseSearchResultsC .SkillSetsCheckBox label{position: absolute; top:4px; left:30px; width:140px} .QualificationCheckBoxes {clear:both; height:235px} label.qualificationcheckbox {clear:both; position:relative; display:block!important; padding:7px 0px 0 25px} label.qualificationcheckbox input[type="checkbox"]{position:absolute; left:0px} .qualificationcheckbox .dnnCheckbox { position:absolute; top:-12px; left:0px} .SearchFooter {padding:0 20px; position:relative; height:80px; top: 0; margin-top: 20px;} .CourseMatchingLabel {left: 22px; position: absolute; top: 58px;}/*Course search change*/ .CourseMatchingLabelFooter { left: 20px; position: absolute; top: 50px; }/*Course search change*/ .PagerDropDownListHeaderContainer, .PagerDropDownListFooterContainer{width: 200px; overflow:hidden; height:36px; display:inline-block; margin-left: 0px; }/*Course search change*/ .industrydropdownlist{width: 189px; overflow:hidden; height: auto; display:inline-block; margin-top:15px } .ModCourseSearchResultsC select{ background:url("images/sprite.png") no-repeat scroll -810px -233px transparent;border: 0 none;width: 220px; border-left:1px solid #bdbdbd; padding:7px 10px 8px; -webkit-appearance: none; height:35px; } .ModCourseSearchResultsC table tr.rgAltRow, .ModCourseSearchResultsC table tr.rgRow {background:#ffffff; } .ModCourseSearchResultsC .courseSearchResultsTable {position: relative;} .SearchResultsPanel table, .SearchResultsPanel td, .SearchResultsPanel tr, .SearchResultsPanel th, .SearchResultsPanel tbody, .SearchResultsPanel .RadGrid_Default {border:0px;background:#ffffff; border:collapse; border-collapse:collapse} .SearchResultsPanel .RadGrid_Default .rgRow td, .SearchResultsPanel .RadGrid_Default .rgNoRecords td, .SearchResultsPanel .RadGrid_Default .rgAltRow td{padding:20px!important; border-bottom: 1px solid #c6bbb6!important; position:relative} .SearchResultsPanel .RadGrid_Default .rgNoRecords td {font-size: 1.6em;} .maincol {width: 540px; display:inline-block; vertical-align:top; margin-bottom:20px;} .detailslink {display:inline-block; width: 154px} .ModCourseSearchResultsC .CourseLink a {font-weight: 600; font-size:1.6em; line-height:26px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; display:inline; color: #007db3 !important;} .ModCourseSearchResultsC .CourseLink a:hover {color:#05417a !important;} .ModCourseSearchResultsC .CourseCode {font-size:1.3em; line-height:22px; font-weight:400;} .superseded {display:inline; font-size:1.1em; font-weight:600; color:#c82b30;font-family: 'Open Sans', Helvetica, Arial, sans-serif} .superseded a {color:#004e84!important; border-bottom:1px solid #6bb6d7;font-size:1.1em!important; font-weight:600!important;} .superseded a:hover {color:#0087c7!important;} .RadGrid_Default .rgHeader { border: 0!important;border-bottom: 0px!important;background: none!important;padding: 0px!important;} .ModCourseSearchResultsC .SearchResultsPanel .SkillForAll, .CourseFlags .SkillForAll { background:url("images/sprite.png") no-repeat scroll -98px -61px #83b00a;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;color: #fff;font-size: 1em; font-weight: 700; height: 30px;line-height: 30px;margin-bottom: 12px; padding: 0 0px 0 22px; } .CourseFlags .SkillForAll { width:200px; } .ModCourseSearchResultsC .SearchResultsPanel .SkillForAll { width:120px; } .CourseDetailsLink a { background: url("images/sprite.png") no-repeat scroll -876px -10px #007db3; border:0px; border-bottom: 2px solid #002547; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF !important; display: block; font-size: 1.3em; height: 36px; line-height: 36px; padding: 0 15px; text-align: left; text-indent: 0; width: 110px; font-weight:400; } .CourseDetailsLink a:hover {background: url("images/sprite.png") no-repeat scroll -876px -39px #05417a; } .CourseFlags {clear: both} .CourseFlags ul {margin-left:-42px;} .CourseFlags ul li {background: url("images/sprite.png") no-repeat -990px -881px transparent; list-style-image:none;padding:2px 0 2px 15px; display:block} .CourseFlags ul li a {color: #007db3!important; border-bottom: 1px solid #6bb6d7; font-size: 0.9rem;} .CourseFlags ul li a:hover {color:#05417a!important} .CourseFlags span.EligibilityToolTip {font-size:1em; list-style-position: outside; font-weight:600; float:none; } .CourseFlags .col1 , .CourseFlags .col2 {width: 60%;margin-right: 2.5%;display: block;float: left;margin-top: -20px;} .CourseFlags .col2{margin-left: 0%; margin-right:0; width: 50%} .CourseFlags .col1 li , .CourseFlags .col2 li {} .CourseFlags .col1 > label , .CourseFlags .col2 > label {font-size :1.3em; font-weight:400} /*course search pdf */ .pdfwrapper { text-align:left; width:700px; position:relative; margin:0 40px } .pdfwrapper .DnnModule h2.c_title { display:none} .pdfwrapper .SearchHeader .datetop, .pdfwrapper .SearchHeader .matchingcourse { display:block; width:305px; padding: 15px 0; font-size: 11px!important; float:left } .pdfwrapper .SearchHeader .matchingcourse { text-align:right} .pdfwrapper .courseitempdf { position: relative; border-bottom: 1px solid #b6a8a2; clear:both; } .pdfwrapper .courselistpdf { width:96%; font-size:12px; } .pdfwrapper .col1pdf { width:15%; float:left; padding-top:20px} .pdfwrapper .col2pdf { width:60%; float:left; padding:20px 0 10px} .pdfwrapper .col3pdf { width:25%; float:left} .pdfwrapper .col4pdf { width:25%; float:left; padding-top:10px} .pdfwrapper .CourseLink { color: #004e84; font-weight: bold; font-size:12px!important} .pdfwrapper .col4pdf .SkillForAll { background: url("images/pdf-course.jpg") no-repeat scroll 0px 0px; color: #025400; font-size: 12px; font-weight: 700; height: 34px; line-height: 40px!important; padding: 0 0px 0 30px; width: 150px; } .pdfwrapper .col2pdf ul { padding: 0px; margin:0px} .pdfwrapper .col2pdf li { background: url(images/sprite.png) no-repeat -987px -75px; list-style-type:none; list-style-position:outside; padding:0px 0 0 30px; margin-top:2px} .pdfwrapper .SearchFooter { clear:both; border-top: 1px solid #b6a8a2; font-size:11px!important; padding:0px!important; width:100%!important; padding-top: 20px!important; } .pdfwrapper .SearchFooter .CourseMatchingLabelFooter { float: left; width: 20%; display: inline-block; position:relative!important; top:0px!important; left:0px!important} .pdfwrapper .SearchFooter .footermsg { float:left; width:55%;} .pdfwrapper .SearchFooter .datefoot { float:left; width:25%;} .courseitempdf { page-break-inside: avoid; } /*course search details page */ .CourseWrapper, .CourseSummaryWrapper {color: #1B1B1B; font-size: 1.1em; line-height: 24px; margin-left: 0px; width: 595px; margin-bottom: 30px;} .CourseSummaryPanel h1 {color:#023e68; font-size:1.2em; line-height:30px; font-weight:700; padding-top:20px;} .CourseSummaryPanel .RadTabStrip {font-size: 1.2em} .CourseSummaryPanel .CourseFlags .SkillForAll {font-size: 0.8rem} .CourseSummaryPanel .providerOptions {margin: 20px 0;} .CourseSummaryPanel h5 { color:#007db3; font-size: 1.5em; line-height: 1.3em; } .addtoshortlist { display: flex; align-items: center; } .addtoshortlist input{ margin-left: 10px; opacity: .5; transition: opacity .3s ease; } .addtoshortlist input:hover { opacity: 1; } .courseComponentsList table, .courseTable table, .CourseProvidersWrapper table {border:0px;border-top: 1px solid #c9dc92; width:585px; margin-top: 20px; } .CourseProvidersWrapper table {table-layout: fixed;} .courseComponentsList tr, .courseTable tr, .CourseProvidersWrapper tr {border: 1px solid #c9dc92; border-top:0px } .courseComponentsList td, .courseTable td, .CourseProvidersWrapper td, .CourseProvidersWrapper th {padding:12px 9px; border:0px; position:relative } .courseTable td { } .CourseProvidersWrapper td {width:140px;} .courseTable td:first-child {width: 150px} .CourseProvidersWrapper th {font-size:16px; padding:6px 9px; font-weight:400} .coursecomponent{display: block;padding: 15px 0; background: #dbf7c4;border: 1px solid #c9dc92;margin: 20px 0 -20px 0; border-bottom: 0px; position:relative; width: 583px;} .coursecomponent .totalrecords {width: 500px; color:#025400; } .coursecomponent a {float: right;text-align: right;color: #004e84;position:absolute; right:20px; top:20px; border-bottom: 1px solid #c6bbb6} a.loadmorecoursecomp {background: #004270;border-bottom: 4px solid #002547;border-radius:0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -khtml-border-radius: 0 0 4px 4px;color: #ffffff!important;font-weight: 700;padding: 15px 20px;display: block;margin-bottom: 10px;} .componentCode, .CourseStatusLabel {font-weight: 700} .courseDownload{ background: url("images/sprite.png") no-repeat scroll -960px -989px transparent; border: 1px solid #c9dc92!important; display: block; margin: 0; padding: 16px 43px 18px 60px; width: 480px; } .courseDetails a{ border-bottom: 1px solid #6bb6d7!important; color:#007db3; font-weight:600} .courseDetails a:hover { color:#05417a} .courseTable span.QualificationLabel {border:0px; margin:0px; padding:0px; width: auto; font-size:1em;} .courseTable td.label, .courseTable td label {font-weight: 700} .courseTable ul {margin-left: -42px;} .courseTable ul li{background: url("images/bullet.png") no-repeat scroll 0 2px /*url(images/sprite.png) no-repeat -987px -75px*/; list-style-type:none; list-style-position:outside; padding:0px 0 0 30px;} .courseTable td a { border-bottom: 1px solid #6bb6d7;} .courseTable ul li a {border-bottom: 1px solid #6bb6d7; color:#007db3; font-weight:600} .courseTable ul li a:hover {color:#05417a} .courseTable td {line-height:18px;} .CourseSummaryWrapper div.CourseFlags { width: 583px; border: 1px solid #c9dc92; padding-left: 10px; border-bottom: 0px; padding-top: 10px; margin-bottom: -20px; margin-top: 20px; padding-bottom: 1px;} .CourseSummaryWrapper div.CourseFlags ul {margin-left: -180px;border-top: 1px solid #c6bbb6;padding: 10px 0 5px 180px;} .CourseSummaryWrapper div.CourseFlags ul li{background: url(images/sprite.png) no-repeat -987px -75px; list-style-type:none; list-style-position:outside; padding:0px 0 0 30px;} .CourseSummary label.IndustriesLabel {border-bottom: 1px solid #c6bbb6} .CourseSummaryWrapper div.CourseFlags ul li span.EligibilityToolTip {float:none; margin-right: 0px; background: none; padding:0px; font-size: 1em} .courseStatusLabel {font-weight:700} .CourseProvidersWrapper .ProviderName {font-weight: 700} .CourseProvidersWrapper a {border-bottom: 1px solid #6bb6d7; color:#007db3; font-weight:600;} .CourseProvidersWrapper a:hover {color:#05417a} .CourseProvidersWrapper p{padding:0px} .CourseProvidersWrapper tr td:first-child {width:150px;} .CourseProvidersWrapper tr td:last-child {width:80px;} .CourseProvidersWrapper .header {margin: 25px 0 5px} .CourseProvidersWrapper .SFAProvider {position: relative} .CourseProvidersWrapper .SFAProvider span.dnnCheckbox {position: absolute;/*top: -22px;*/} .CourseProvidersWrapper .SFAProvider label {font-size:1em;border-bottom: 1px solid #6bb6d7; color:#007db3; margin-left:30px; font-weight:600;} .CourseProvidersWrapper .SFAProvider label:hover {color:#05417a} .SkillForAllProvider { font-size: 1em; line-height: 18px; width: 110px; background: url("images/sprite.png") no-repeat scroll 0 -993px transparent; padding-left:40px!important } /*a.backtosearch {color:#007db3; font-size:1.3em; border-bottom: 1px solid #6bb6d7; line-height:24px; position: relative; margin-left: 20px;} a.backtosearch::after {background:url("images/sprite.png") no-repeat scroll -481px -1962px transparent; content: " "; top: 0; left:-15px; display: block; position: absolute; height: 20px; width: 15px;} a.backtosearch:hover {color:#05417a; }*/ a.backtosearch { border: 0px; border-bottom: 2px solid #044771; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #525252; display: block; font-weight: 600; font-size: 1.1em; padding: 0px 20px 0px 30px; text-align: left; text-indent: 0; height: 30px; line-height: 30px; margin: 0 0 20px; clear: both; background: lightgrey; width: 100px; text-decoration: none; background: url(images/sprite.png) no-repeat scroll -472px -1959px lightgrey; cursor: pointer; } a.backtosearch:hover { background-color: #cacaca; } /* ================================================================================== Feedback module ================================================================================== */ .feedback { position:relative; width: 100%; background-image: url("images/feedback.png"); background-repeat:repeat-y; background-position:top center} .feedback.wideFeedback , .feedback.wideFeedbackHome, .feedback.wideFeedbackTrain { background-color:#E5E0DD; background-image:none; } .DnnModule-PageFeedback { position: relative; width: 898px; padding: 30px 40px 20px; margin: 0 auto; text-align: left;} .feedback.wideFeedback .DnnModule-PageFeedback { padding: 30px 0 20px; width: 941px; } .feedback.wideFeedbackHome .DnnModule-PageFeedback { border-top: 1px solid #C8BCB5; padding: 30px 0 20px; width: 941px; } .feedback.wideFeedbackTrain .DnnModule-PageFeedback { padding: 30px 10px 20px; width: 900px; } .DnnModule-PageFeedback a{ border-bottom: 1px solid #6bb6d7; font-weight: 600; } .DnnModule-PageFeedback a:hover{ } .feedback_title{ padding: 5px 0 10px; margin: 0; letter-spacing: 0px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size:2.2em; font-weight:700; color:#0d660f } .ModPageFeedbackC { position: relative} .ModPageFeedbackC > div > div { position:absolute; left: 235px; top:43px;} .ratingon { background:url("images/greentick.png") no-repeat; width: 20px; height: 20px; margin-right: 3px } .ratingoff { background: url("images/blacktick.png") no-repeat; width: 20px; height: 20px; margin-right: 3px } .ModPageFeedbackC input[type="submit"]{ background: url("images/sprite.png") no-repeat scroll -820px -11px #007db3; border: 0px; border-bottom: 2px solid #044771; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF!important; display: block; font-weight: 600; padding: 0px 15px 0px; text-align: left; text-indent: 0; width: 200px; line-height: 38px; height: 40px; display: block; font-size: 1.3em; margin:10px 0 20px } .ModPageFeedbackC input[type="submit"]:hover { background: url("images/sprite.png") no-repeat scroll -820px -40px #05417a; border-bottom: 2px solid #004270; } .ModPageFeedbackC .feedbacktext { margin: 18px 0 0} .ModPageFeedbackC .FeedbackThanks { font-weight:700} .ModPageFeedbackC .NormalRed { padding: 3px 7px; left:0px; top: 0px; font-weight: normal;} /* ================================================================================== Find a training provider ================================================================================== */ #provider_search, .Search_training_provider{font-size:1.3em; line-height:24px; font-weight:400 } #provider_search .Careers_FormItem input[type="text"]{ border: 1px solid #bdbdbd; color: #555555; font-size: 1em; padding: 9px; width: 420px; margin: 8px 0 ; -webkit-box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); border-radius:0px } #provider_search .Careers_FormItem input[type="text"]:focus { background: #f1f1f1} #provider_search input.dnnPrimaryAction1{ background: url("images/sprite.png") no-repeat scroll -906px -7px #007db3; border:0px; border-bottom: 2px solid #044771; border-radius: 0 4px 4px 0; color: #FFFFFF !important; display: block; font-size:1.1em; font-weight: 700; height: 44px; line-height: 44px; margin-top: 20px; padding: 0 15px; position: absolute; right: 0; text-align: left; text-indent: 0; top: -12px; width: 110px; } #provider_search input.dnnPrimaryAction1:hover {background: url("images/sprite.png") no-repeat scroll -906px -36px #05417a; border-bottom: 2px solid #004270;} #provider_search a{border-bottom: 1px solid #6bb6d7; } #provider_search a:hover {} #provider_search #career_content h4 {background:#dbf7c4; color: #025400; font-size:.7em; font-weight: 400; margin: 20px 0 0; padding: 0 15px; border:1px solid #c9dc92 ; } .SkillsForAllFundedCheckBox{float: left; margin-right: 30px; margin-top: 20px;} .ProviderWrapper{border-top: 1px solid #DEDEDE;position:relative;} .providerScroll{ display: inline-block; max-height: 500px; overflow-y: auto;} .Skills_for_all_training_provider{ position: absolute; left: 380px; top: 20px; width: 150px; font-size:.8em; line-height:18px;} .Skills_for_all_training_provider:before { background: url("images/sprite.png") no-repeat scroll -0px -993px transparent; content: ""; float: left; height: 80px; margin: 0 10px 25px 0; width: 30px;} .provider{ float: left; margin-left: 10px; margin-top: 15px;} .provider input, .TrainingProvidersOnlyCheckBox input{margin-right:10px!important} .ProviderDetail{width: 370px; padding: 5px 0;} .ProviderWrapper h3{ width: 365px;} a.BackSearch{ background: #007db3; border-bottom: #044771 2px solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF !important; display: block; font-size: 1.1em; font-weight: 700; height: 35px; line-height: 35px; padding: 0 15px; text-align: left; text-indent: 0; float: left; } a.BackSearch:hover{background: #005b8f; border-bottom: 2px solid #004270;} .Career_result2{ border: 1px solid #c9dc92 ; display: block; padding: 10px;position: relative; border-top: 0px} .Career_result2 td {position:relative;} /* ================================================================================== PAGINATION =============================================================================== */ #career_pagination{margin: 0 auto; text-align: left; width: 510px;} tr.career_pagination {text-align: left; border-top: 1px solid #DEDEDE;} .career_pagination table {margin: 10px 0 10px -10px; text-align: left;} .career_pagination td {padding: 5px; font-size: .9em} .career_pagination td a {border:0px!important; color:#1b1b1b!important; padding:2px!important} .career_pagination td a:hover {border:0px!important; color:#0087c7!important} .career_pagination td span {color:#74655e!important; background:#dbf7c4!important; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;; padding:0px 5px!important} /* ================================================================================== POLL MODULE ================================================================================== */ .ModCodingStaffEasyPollC input[type="submit"] { background: none repeat scroll 0 0 #023e68; border: 0 none; color: #FFFFFF; padding: 6px 0; width: 50%;} .ModCodingStaffEasyPollC .viewResBtn a { display:block; margin-top: 10px; width:90px; border-bottom: 1px solid #b6a8a2!important} .DnnModule-CodingStaffEasyPoll a {border-bottom: 0px!Important} .ModCodingStaffEasyPollC label {margin: 5px 0 0 10px} .ModCodingStaffEasyPollC [input="radio"], .ModCodingStaffEasyPollC span.dnnRadiobutton {margin-top: 5px} .ModCodingStaffEasyPollC .header, .ModCodingStaffEasyPoll h3{font-size: 1.6em; font-weight:bold} .DnnModule-CodingStaffEasyPoll + .DnnModule-CodingStaffEasyPoll {padding-top: 20px; margin-top:20px} .ModCodingStaffEasyPollC .answerBar {background-color:#023e68} .ModCodingStaffEasyPollC .ql_result_item {padding: 10px 0;} .ModCodingStaffEasyPollC .cs-easyPoll-viewResults .labels{font-size: 1.3em} /* ================================================================================== EVENTS MODULES =============================================================================== */ /*list page*/ .DnnModule-DNN_Events, .ListDate, .ListTitle, .ListCustomField1, .ListHeader {letter-spacing:0px; font-family: 'Open Sans', Helvetica, Arial, sans-serif!important; color:#1B1B1B!important; font-size: 1.1em!important; line-height:24px!important;} .DnnModule-DNN_Events h2{display:none} .ListTitle a {font-weight: 600;color: #004E84!important;border-bottom:1px solid #C6BBB6 } .ListTitle a:hover {color:#C6BBB6} .ListHeader a {font-weight: 4000; color: #333333; font-size:.8em; font-weight:400; line-height:34px;} table.ListDataGrid td, table.ListDataGrid th {padding-right:10px; } table.ListDataGrid th {background: #dbf7c4;font-size:1em;font-weight: 400;margin: 20px 0 0;padding: 0 10px;border: 1px solid #c6bbb6!important;} table.ListDataGrid tr.ListNormal , table.ListDataGrid tr.ListAlternate {border: 1px solid #DEDEDE; } table.ListDataGrid tr.ListNormal td , table.ListDataGrid tr.ListAlternate td {padding:10px} .ThemeFullWidthLg7 table div.dnnLabel{ margin-left: -207px; text-align: left; width: 100px;} select#dnn_ctr2056_Events_EventList_SelectCategory_ddlCategories { background: #ffffff; border: 1px solid #bdbdbd !important; height: 35px; margin-bottom: 20px; margin-left: -85px; padding: 5px 10px; width: 255px; font-size:15px!important } .mainMiddleColumn .DnnModule-DNN_Events .Normal {font-size: 1.15em!important;} .mainMiddleColumn .DnnModule-DNN_Events .SubHead {font-size: 1.1em!important;} .mainMiddleColumn .DnnModule-DNN_Events .DetailCommands { padding-left: 0px; } .mainMiddleColumn .DnnModule-DNN_Events .DetailCommands li { margin-right: 15px; } .mainMiddleColumn .DnnModule-DNN_Events .dnnPrimaryAction, .mainMiddleColumn .DnnModule-DNN_Events .dnnSecondaryAction { background: #007db3; color: #fff; border: 0px; border-bottom: 2px solid #0a4164; box-shadow: none; padding: 12px 15px; font-weight: 600; text-shadow: none; border-radius: 4px; } .mainMiddleColumn .DnnModule-DNN_Events .dnnPrimaryAction:hover, .mainMiddleColumn .DnnModule-DNN_Events .dnnSecondaryAction:hover { background: #005b8f; border-color: #004270; } /*detail page*/ .DetailEventDetails1 .Head { font-size:1.9em; font-weight:700; color: #004E84; padding-bottom:20px; line-height:34px} .DetailEventDetails1 .SubHead { font-size:20px; font-weight:700; color: #1B1B1B} span.EventCal {position: absolute; top: -60px; left: 150px; width: 270px;} a.EventBack:before {/*background: url("images/sprites_icons.png") no-repeat scroll -46px -289px transparent; content: ""; */ float: left; height: 35px; width: 30px; margin-top: -5px; display: none;} a.EventCal:before {/*background: url("images/sprites_icons.png") no-repeat scroll -2px -290px transparent; content: ""; */ float: left; height: 35px; width: 30px; } .EventBack input,.EventCal input,.EventPrint {display: none;} .DnnModule-DNN_Events .moduleBlank > div > .Normal > h2 {margin-bottom: -22px;} .DnnModule-DNN_Events .DetailCommands {position: relative;} div.DetailEventDetails3 {border-bottom: 1px solid #ddd; padding-bottom: 31px;} div.DetailEventDetails3 table tr td div.Normal {padding-bottom: 50px} .mainMiddleColumn .ModDNNEventsC .Normal ul.downloads li { width:340px } /* ================================================================================== Clear ================================================================================== */ .clearfix {clear:both} /* ================================================================================== DNN Admin ================================================================================== */ .dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {color:#ffffff} /*form master admin area*/ .ModFormMasterC table#tblDispatcher {background: #ffffff} .ModFormMasterC .designTimeTable .NormalTextBox, .designTimeTable .NormalTextBox_DD, .ModFormMasterC .designTimeTable select, .ModFormMasterC table#tblDispatcher .NormalTextBox, .ModFormMasterC table#tblDispatcher .NormalTextBox_DD, .ModFormMasterC table#tblDispatcher select { background:#ffffff; -webkit-appearance:textfield; width:200px!important; font-size:12px; margin-left: 0px; margin-top: 0px} .ModFormMasterC table#tblDispatcher .NormalTextBox, .ModFormMasterC table#tblDispatcher input[type="text"] { width:100px!important} .ModFormMasterC .designTimeTable textarea, .ModFormMasterC .designTimeTable textarea { width: 300px!important; margin-top: 0px} .ModFormMasterC .designTimeTable select, .ModFormMasterC table#tblDispatcher select { background:#ffffff; -webkit-appearance:menulist!important; width:48px!important; margin-left:0px; padding:3px 0px!important; font-size:12px; margin-top: 0px; border: 1px solid #e1e1e1 } .ModFormMasterC table#tblDispatcher select { width:120px} .designTimeTable .NormalRed, .ModFormMasterC table#tblDispatcher .NormalRed { padding: 5px; top: 0px; bottom: 0; display: block; margin-bottom: 3px; line-height: 10px; width: 200px; left:100px} .skills_contact .designTimeTable td { float: none} #tblDesignTable td > .dnnLabel{ width:auto!important; text-align:left} .ModFormMasterC table#tblDispatcher .dnnLabel { width:50px; text-align:left} .ModFormMasterC table#tblDispatcher .optionsTable .dnnLabel { width:140px;} .ModFormMasterC table#tblDispatcher .optionsTalbe .dnnLabel { width: 102px} .ModFormMasterC table#tblDispatcher #tblFormOptionsMain .dnnLabel { width:223px!important} .ModFormMasterC #tblDesignTable .SubHead, .ModFormMasterC table#tblDispatcher .SubHead { margin:0px; font-size: 12px;} .ModFormMasterC #tblDesignTable label, .ModFormMasterC table#tblDispatcher label { font-size:12px} .ModFormMasterC table#tblDesignTable td:first-child table tr:first-child td:first-child + td select{ width: 70px!important} .ModFormMasterC table.gridForm#tblDesignTable td:first-child table tr:first-child td.SubHead { width: auto!important} .ModFormMasterC .designTimeTable input[type="submit"].NormalTextBox { -webkit-appearance:button; background: url("images/sprite.png") no-repeat scroll -820px -11px #004270; padding: 5px 15px 6px;} #divChkLstFields { width:400px!important} #tblFormOptionsMain TD { width: 50%; } .optionsTable TD { white-space: normal; } .blockquote { display: inline-block; font-size: 100%; font-style: italic; font-weight: 400; color: rgba(0,135,199,1); padding: 0 50px 0 20px; margin-bottom: 0px; } /*DMX module - hide module to the public*/ form .ModBring2mindDMXC {display: none} form.showControlBar .ModBring2mindDMXC {display: block} /* ================================================================================== IE8 FIXES ================================================================================== */ .ie8 #dnn_dnnSearch_ClassicSearch{top: 0px;} .ie8 .breadcrumb_wrapper{border-top:1px solid #dcdcdb; border-bottom:1px solid #dcdcdb;} .ie8 .topBarLogin {border:0px solid #dcdcdb;} .ie8 #course_search .Careers_FormItem select {border:1px solid #dcdcdb;} input[type="checkbox"] {border: none!important;} .SkillsForAllFundedCheckBox input[type="checkbox"] {border: none!important;} .FeeFreeCheckBox input[type="checkbox"] {border: none!important;} .PriorityCheckBox input[type="checkbox"] {border: none!important;} .TafeSACheckBox input[type="checkbox"] {border: none!important;} .ie8 input[type="radio"] {border: none!important;} .SelectionPanel input[type="checkbox"] {border: none!important;} .ie8 .ModBlogC input[type="submit"] {top:86px} .ie8 .ModCourseSearchNewC #IndustryDropDown select, .ie8 .ModCourseSearchResultsC #IndustryDropDown select {width:440px} .ie8 .ModBlogC input[type="submit"] {padding:5px 15px 4px } /* ================================================================================== IE7 FIXES ================================================================================== */ .ie7 header {position: relative; z-index: 990;} .ie7 .ModFormMasterC .NormalTextBox_note {float: none;} .ie7 .breadcrumb_wrapper{border-top:1px solid #dcdcdb; border-bottom:1px solid #dcdcdb;} .ie7 .topBarLogin {border:1px solid #dcdcdb;} /* ================================================================================== PRINT STYLES ================================================================================== */ @media print { /* Print Reset */ * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } /* Excessive a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } /* Hiding irrelevancies */ .mainNavigation_wrapper, .mainLeftColumn, .mainRightColumn, .topBarMenuContainer_wrapper, .pageTools, .footer_wrapper {display: none !important;} /* Recentering */ .logo_wrapper {height: auto;} .logo {display: block; float: none; border-bottom: 1px solid #000; width: 100%; top: 0; padding-bottom: 30px} .pageMeta {padding: 0;} .pageTitle {margin-left: 0; top: 0; height: auto; padding-top: 20px;} .pageTitle h1 {margin: 0; padding: 0; position: static; margin-bottom} .breadcrumb_wrapper {display:none} .main {margin: 20px 0;} .mainMiddleColumn {width: 65%; float: none; padding: 0;} .slider_nav {display:none!important} header {margin-bottom: 50px} .main_wrapper {margin:0px} .landingButtons {display:none} .landingPageMenu ul.menuDetails li.toplevel {float: none; height:190px!important} .Careers_FormItem {display:none} } .ShareBadgePRO_Toolbar {display: none;} /**** fix for reducing the space between UL and element above caused by this code (line 487) Takes off the bottom padding of any element ***/ .nopad-b{ padding-bottom:0px; } /*STL Course Search Styles START*/ .text-input { display:block; border:1px solid #bdbdbd; color:#555555; font-size:1em; padding: 10px; width:100%; max-width: 100%; margin: 0 0 2px 0; -webkit-box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); box-shadow: inset 0px 1px 1px .5px rgba(0, 0, 0, .05); box-sizing: border-box; } .text-label-large { padding: 5px 0; font-size: 1rem; font-weight: 700; display: block; line-height: 28px; margin: 0px; } .text-label-medium { padding: 5px 0; font-size: 0.9rem; font-weight: 700; display: block; line-height: 28px; margin: 0px; } .text-label-small { padding: 5px 0; font-size: 85%; font-weight: 500; display: block; line-height: 28px; margin: 0px; font-weight: bold; } .checkbox-input { width: 17px; height: 17px; cursor: default; padding: 0 ; margin-right: 5px; border: none; display: inline-block; } .checkbox-label { display: block; padding: 10px 0; vertical-align: top; } .checkbox-columns { display: inline-block; vertical-align: top; } .checkbox-columns.checkbox-columns-2 { width: 100%; margin-bottom: 20px; } .checkbox-columns.checkbox-columns-2 > div { display: inline-block; width: 49%; vertical-align: top; } .ddl-input { background: url(images/sprite.png) no-repeat scroll -656px -233px transparent; border: 0 none; height: 36px; width: 345px; border-left: 1px solid #bdbdbd; -webkit-appearance: none; color: #555555; font-size: 1.3em; padding: 5px 10px; margin: 0; box-shadow: inset 0px 1px 1px 0.5px rgba(0, 0, 0, .05); display: block; max-width: 100%; box-sizing: border-box; } .remove-module { display:inline-block; background-color: lightgrey; text-indent:-9999px; text-decoration: none; height: 25px; width: 25px; background: url(images/sprite.png) no-repeat scroll -977px -1977px transparent; opacity: .4; transition: opacity .3s ease; cursor: pointer; } .remove-module:hover { opacity: 1; } .table-simple { width:100%; margin-top: 20px; border-collapse: collapse; border-spacing: 0; display: table; border-color: grey; font-family:"Segoe UI", Arial, Helvetica, sans-serif; } .table-simple tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } .table-simple tbody tr { display: table-row; vertical-align: inherit; border-color: inherit; border-bottom: none; } .table-simple tbody tr:nth-child(even) { background-color: #f2f2f2; } .table-simple tbody tr th { display: table-cell; vertical-align: inherit; text-align: -internal-center; background: #83b00a; font-size: 0.9rem; font-weight: 600; padding: 15px 9px; color: #fff; } .table-simple tbody tr td { display: table-cell; vertical-align: top; font-size: 1.1rem; font-weight: 400; padding: 12px 9px; } .table-simple tbody tr td:last-child, .table-simple thead tr th:last-child { text-align: right; } .table-simple tbody tr td .small-table-title { font-size: 1.1rem; font-weight: 500; color: #007db3; line-height: 28px; } .table-simple tbody tr td .small-table-subtitle { font-size: 1rem; font-weight: 300; line-height: 30px; padding: 0; line-height: 24px; display: block; font-size:12px; } .table-simple tbody ul { padding: 0; } .table-simple tbody li { background: url(images/sprite.png) no-repeat -987px -75px; list-style-type: none; list-style-position: outside; padding: 0px 0 1px 20px; text-align: left; font-size: 0.65rem; line-height: 24px; } .two-column-list { padding: 3px; columns: 2; -webkit-columns: 2; -moz-columns: 2; } .two-column-list li { background: url(images/sprite.png) no-repeat -987px -75px; list-style-type: none; list-style-position: outside; padding: 0px 0 1px 20px; text-align: left; font-size: 0.65rem; line-height: 24px; } .button-input:hover { background: url(images/sprite.png) no-repeat scroll -670px -36px #005b8f; border-bottom: 2px solid #042645; } .button-input { border: 0px; border-bottom: 2px solid #044771; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; color: #FFFFFF !important; display: block; font-weight: 600; font-size: 1.3em; padding: 0px 15px 0px; text-align: left; text-indent: 0; height: 40px; line-height: 38px; margin: 10px 0 20px; clear: both; } .button-input-medium { background: url(images/sprite.png) no-repeat scroll -830px -9px #007db3; width: 190px; } .button-input-medium:hover { background-position: -830px -9px; } .button-input-small { background: url(images/sprite.png) no-repeat scroll -882px -9px #007db3; width: 135px; } .button-input-small:hover { background-position: -882px -9px; } .button-large { background: url(images/sprite.png) no-repeat scroll -670px -9px #007db3; width: 345px; } .button-large:hover { background-position: -670px -9px; } .container { font-size: 1rem; } .search-panel-left { /*checked */ background: #ecf0dc; } .refine-search { /*checked */ border-bottom: 1px solid #c9dc92; height: 100px; } .refine-search p { /*checked */ color: #007db3; font-weight: 600; font-size: 1.1rem; padding: 60px 10px 0 10px; } .clear-expand-search { /*checked */ padding: 4px 2px !important; text-align: center; border-bottom: 1px solid #c9dc92; } .clear-expand-search a { /*checked */ color: #0d660f !important; font-size: 0.9rem; font-weight: 600; text-decoration: none; } .clear-expand-search a:hover { /*checked */ opacity: .5; cursor: pointer; } .clear-expand-search-left { /*checked */ border-right: 1px solid #c9dc92; } .refine-search-section { /*checked*/ border-bottom: 1px solid #b7d433; padding: 0 10px 10px 10px !important; } .refine-search-item .label { /*checked*/ font-size: 1rem; font-weight: 700; display: block; margin: 5px 0 10px 0; } .refine-search-item .label-drop-down { /*checked*/ background: url(images/sprite.png) no-repeat scroll right -4197px transparent; margin: 7px 0 0 0; cursor: pointer; } .refine-search-item .label-drop-down-up { /*checked*/ background: url(images/sprite.png) no-repeat scroll right -4160px transparent; margin: 7px 0 0 0; cursor: pointer; } .refine-search-item-checkbox .checkbox-list { /*checked*/ margin-top: 10px; font-size: 0.8rem; display: block; } .refine-search-item-checkbox .checkbox-list input { /*checked*/ display: inline-block; vertical-align: top; margin-top: 0px; margin-right: 10px; } .refine-search-item-checkbox .checkbox-list label { /*checked*/ display: inline-block; width: 84%; margin-bottom:10px; } .refine-search-item-checkbox .checkbox-list-show-all input:first-of-type, .refine-search-item-checkbox .checkbox-list-show-all label:first-of-type { /*checked*/ margin-bottom: 20px; } .refine-search-item input[type="text"] { /*checked*/ padding: 5px; border: 1px solid #bdbdbd; color: #555555; font-size: 1rem; -webkit-box-shadow: inset 0px 1px 1px 0.5px rgba(0, 0, 0, .05); box-shadow: inset 0px 1px 1px 0.5px rgba(0, 0, 0, .05); display: block; width: 100%; max-width: 100%; box-sizing: border-box; } .drop-down-list { /*checked*/ padding: 5px; border: 1px solid #bdbdbd; color: #555555; font-size: 1rem; -webkit-box-shadow: inset 0px 1px 1px 0.5px rgba(0, 0, 0, .05); box-shadow: inset 0px 1px 1px 0.5px rgba(0, 0, 0, .05); display: block; width: 100%; max-width: 100%; box-sizing: border-box; margin-top: 10px; } .refine-search .small { /*checked*/ font-size: 0.5rem; } .refine-search-section .button-search { /*checked*/ padding: 5px 20px 0px 20px; } .refine-search-section .button-shortlist { /*checked*/ padding: 0 20px 0 20px; } /*.search-results-panel { padding-left:0px !important; }*/ .search-results-panel .search-header { border-bottom: 1px solid #c9dc92; height: 100px; } .search-results-panel .search-header select { width: 200px; } .search-results-panel .search-pager { width: 727px; border-bottom: 1px solid #C6BBB6; position: relative; height: 30px; } .search-results-panel .search-pager p { padding: 8px 0 7px 10px; } .search-results-panel .search-results { border: none; overflow: visible; } .search-results-panel .search-result { margin: 20px 0 10px 10px; } .search-result-title { font-size: 1.1rem; font-weight: 500; color: #007db3; line-height: 28px; } .search-result-status { padding: 2px 0 10px 0x; line-height: 18px; } .search-result-places { font-size: 0.9rem; font-weight: 400; } .button-add-to-shortlist { margin-left: 45px; margin-top: 10px; background: url(images/sprite.png) no-repeat scroll 0px -994px; display: block; height: 34px; width:34px; border:none; text-indent: -1000px; } .button-details { margin: 40px 0 0px 5px; line-height: 38px !important; } .search-results-paging-container { margin-right: 12px; float: right; padding: 4px 0; } .search-results-paging { margin-right: 12px; float: right; } .search-results-paging-details { margin: 4px 15px 0 0; float: left; position: relative; z-index: 1; } .search-results-paging-nav { float: left; position: relative; z-index: 1; margin: 3px 0 0 5px; text-decoration: none; color: #ffffff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; font-size: .85em; line-height: 25px; padding: 0 10px; width: 40px; } .search-results-paging-container a.next { background: url(images/sprite.png) no-repeat scroll -948px -17px #007db3; text-align: left; display: block; color: #ffffff; line-height: 25px; padding: 0 10px; width: 60px; font-size: .85em; margin-top: 0px; position: relative; } .search-results-paging-container a.next:hover { background:url("images/sprite.png") no-repeat scroll -948px -46px #05417a; } .search-results-paging-container a.previous { background: url(http://skills.sa.gov.au/Portals/6/Skins/WorkReady/images/sprite.png) no-repeat scroll -982px -692px #007DB2; text-align: right; display: block; color: #ffffff; line-height: 25px; padding: 0 10px; width: 60px; font-size: .85em; margin-top: 0px; position: relative; } .search-results-paging-container a.previous:hover { background:url("images/sprite.png") no-repeat scroll -982px -728px #05417a; } .search-results-page-selector { margin-top: 3px!important; } .search-results-page-selector a { padding:0 3px!important; line-height: 19px !important; } .search-results-page-selector a.rgCurrentPage{ background:#83b00a !important; border-radius: 3px !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; -khtml-border-radius: 3px !important; color:#fff !important; font-weight:600 !important; line-height:19px !important; margin:0px 3px 0!important; } .search-results-page-selector a.rgCurrentPage:hover { background:#83b00a !important; color: #fff !important; } .search-results-page-selector a:hover{ color:#fff !important; background: #83b00a !important; border:0px !important; border-radius: 3px !important; } .search-results-page-selector a span { background: none!important; border: 0px!important; padding:0 2px!important } .showing-results { line-height: 30pt; position: absolute; top: 97px; left: 16px; z-index: 100; } .course-results-export { position: absolute; top: 97px; left: 216px; z-index: 100; } .showing-results-footer { line-height: 30pt; position: absolute; bottom: 97px; left: 16px; z-index: 100; } .course-results-container { width: 98% } .course-results-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .course-results-container *:before, .course-results-container *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .margin-bottom { margin-bottom: 20px; display: inline-block; } .flex { display: flex; } .line { margin: 10px 0; height: 2px; background-color: rgba(0, 125, 179, .3); } .line.blank { background-color: transparent; } .stl-course-detail-div { background-position: 10px 12px !important; } .stl-course-detail-div div#multicolumn1 .child { background: url(images/sprite.png) no-repeat -987px -75px; list-style-type: none; list-style-position: outside; padding: 0px 0 1px 20px; text-align: left; line-height: 24px; } .stl-course-detail-div .allocation-table td { text-align: left; /*background: url(images/sprite.png) no-repeat -987px -75px;*/ list-style-type: none; list-style-position: outside; padding: 0px 0 1px 20px; text-align: left; line-height: 24px; } .stl-course-Content { margin-bottom: 15px; } .button-shortlist { width: 100%; background-position: -763px -9px; font-size: 1em; margin: 20px 0 0; } .button-shortlist:hover { background-position: -763px -9px; } .shortlist-summary-title { display: flex; align-items: center; } .shortlist-summary-title img{ margin-right: 10px; } #ulshortListedCourse { margin: 0; padding: 0; } #ulshortListedCourse li { padding-left: 20px; } #advancedSearchSelect { background: url(images/sprite.png) no-repeat scroll -426px -4185px transparent; margin: 10px 0 15px; cursor: pointer; border-bottom: 1px solid #b7d433; padding: 10px; transition: background-color .3s ease; } #basicSearchSelect { background: url(images/sprite.png) no-repeat scroll -426px -4146px transparent; margin: 10px 0 15px; cursor: pointer; border-top: 1px solid #b7d433; padding: 10px; transition: background-color .3s ease; } #advancedSearchSelect:hover, #basicSearchSelect:hover, .search-section-heading:hover { background-color: rgba(183, 212, 51, .2) } .search-section-heading { background: url(images/sprite.png) no-repeat scroll -426px -4146px transparent; margin: 10px 0 15px; border-bottom: 1px solid #b7d433; padding: 10px; transition: background-color .3s ease; } .SearchResultsPanel .RadGrid_Default .rgNoRecords td { padding:20px!important; border-bottom: 1px solid #c6bbb6!important; position:relative } .SearchResultsPanel .RadGrid_Default .rgNoRecords td { font-size: 1.6em; } .clear-selections { margin-top:20px; background-color: #ecf0dc; color: #0d660f !important; font-size: 0.9rem; font-weight: 600; text-decoration: none; padding: 5px 15px; } .clear-selections:hover { opacity: .5; cursor: pointer; } /*#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/cbox_close.png) no-repeat top center; text-indent:-9999px;} #cboxClose:hover{background-position:bottom center;}*/