/*------------------------------------------------------------------------------------------------------ Grid uncompressed version in /stylesheets/foundation.css ------------------------------------------------------------------------------------------------------*/ *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%}html,body{margin:0;padding:0}body{background:white;font-family:"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;font-size:14px;line-height:1;color:#222;position:relative;-webkit-font-smoothing:antialiased;margin:0;padding:0}.print-only{display:none !important}@media print{*{background:transparent !important;color:black !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}a,a:visited{text-decoration:underline}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:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.hide-on-print{display:none !important}.print-only{display:block !important}.hide-for-print{display:none !important}.show-for-print{display:inherit !important}}.row{width:940px;max-width:100%;min-width:768px;margin:0 auto}.row .row{width:auto;max-width:none;min-width:0;margin:0 -15px}.row.collapse .column,.row.collapse .columns{padding:0}.row .row{width:auto;max-width:none;min-width:0;margin:0 -15px}.row .row.collapse{margin:0}.column,.columns{float:left;min-height:1px;padding:0 15px;position:relative}.column.centered,.columns.centered,.column.centred,.columns.centred{float:none;margin:0 auto}[class*="column"]+[class*="column"]:last-child{float:right}[class*="column"]+[class*="column"].end{float:left}.one,.row .one{width:8.33333%}.two,.row .two{width:16.66667%}.three,.row .three{width:25%}.four,.row .four{width:33.33333%}.five,.row .five{width:41.66667%}.six,.row .six{width:50%}.seven,.row .seven{width:58.33333%}.eight,.row .eight{width:66.66667%}.nine,.row .nine{width:75%}.ten,.row .ten{width:83.33333%}.eleven,.row .eleven{width:91.66667%}.twelve,.row .twelve{width:100%}.row .offset-by-one{margin-left:8.33333%}.row .offset-by-two{margin-left:16.66667%}.row .offset-by-three{margin-left:25%}.row .offset-by-four{margin-left:33.33333%}.row .offset-by-five{margin-left:41.66667%}.row .offset-by-six{margin-left:50%}.row .offset-by-seven{margin-left:58.33333%}.row .offset-by-eight{margin-left:66.66667%}.row .offset-by-nine{margin-left:75%}.row .offset-by-ten{margin-left:83.33333%}.push-two{left:16.66667%}.pull-two{right:16.66667%}.push-three{left:25%}.pull-three{right:25%}.push-four{left:33.33333%}.pull-four{right:33.33333%}.push-five{left:41.66667%}.pull-five{right:41.66667%}.push-six{left:50%}.pull-six{right:50%}.push-seven{left:58.33333%}.pull-seven{right:58.33333%}.push-eight{left:66.66667%}.pull-eight{right:66.66667%}.push-nine{left:75%}.pull-nine{right:75%}.push-ten{left:83.33333%}.pull-ten{right:83.33333%}img{height:auto}img,object,embed{max-width:100%}img{-ms-interpolation-mode:bicubic}#map_canvas img,.map_canvas img{max-width:none !important}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.block-grid{display:block;overflow:hidden;padding:0}.block-grid>li{display:block;height:auto;float:left}.block-grid.one-up{margin:0}.block-grid.one-up>li{width:100%;padding:0 0 15px}.block-grid.two-up{margin:0 -15px}.block-grid.two-up>li{width:50%;padding:0 15px 15px}.block-grid.two-up>li:nth-child(2n+1){clear:both}.block-grid.three-up{margin:0 -12px}.block-grid.three-up>li{width:33.33333%;padding:0 12px 12px}.block-grid.three-up>li:nth-child(3n+1){clear:both}.block-grid.four-up{margin:0 -10px}.block-grid.four-up>li{width:25%;padding:0 10px 10px}.block-grid.four-up>li:nth-child(4n+1){clear:both}.block-grid.five-up{margin:0 -8px}.block-grid.five-up>li{width:20%;padding:0 8px 8px}.block-grid.five-up>li:nth-child(5n+1){clear:both}.block-grid.six-up{margin:0 -8px}.block-grid.six-up>li{width:16.66667%;padding:0 8px 8px}.block-grid.six-up>li:nth-child(6n+1){clear:both}.block-grid.seven-up{margin:0 -8px}.block-grid.seven-up>li{width:14.28571%;padding:0 8px 8px}.block-grid.seven-up>li:nth-child(7n+1){clear:both}.block-grid.eight-up{margin:0 -8px}.block-grid.eight-up>li{width:12.5%;padding:0 8px 8px}.block-grid.eight-up>li:nth-child(8n+1){clear:both}.block-grid.nine-up{margin:0 -8px}.block-grid.nine-up>li{width:11.11111%;padding:0 8px 8px}.block-grid.nine-up>li:nth-child(9n+1){clear:both}.block-grid.ten-up{margin:0 -8px}.block-grid.ten-up>li{width:10%;padding:0 8px 8px}.block-grid.ten-up>li:nth-child(10n+1){clear:both}.block-grid.eleven-up{margin:0 -8px}.block-grid.eleven-up>li{width:9.09091%;padding:0 8px 8px}.block-grid.eleven-up>li:nth-child(11n+1){clear:both}.block-grid.twelve-up{margin:0 -8px}.block-grid.twelve-up>li{width:8.33333%;padding:0 8px 8px}.block-grid.twelve-up>li:nth-child(12n+1){clear:both}input[type=submit].button,button.button{-webkit-appearance:none}@-moz-document url-prefix(){button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:0;padding:0}input[type="submit"].tiny.button{padding:3px 10px 4px}input[type="submit"].small.button{padding:5px 14px 6px}input[type="submit"].button,input[type=submit].medium.button{padding:8px 20px 9px}input[type="submit"].large.button{padding:13px 30px 14px}}div.alert-box{display:block;padding:6px 7px 7px;font-weight:bold;font-size:14px;color:white;background-color:#2ba6cb;border:1px solid rgba(0,0,0,0.1);margin-bottom:12px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;text-shadow:0 -1px rgba(0,0,0,0.3);position:relative}div.alert-box.success{background-color:#5da423;color:#fff;text-shadow:0 -1px rgba(0,0,0,0.3)}div.alert-box.alert{background-color:#c60f13;color:#fff;text-shadow:0 -1px rgba(0,0,0,0.3)}div.alert-box.secondary{background-color:#e9e9e9;color:#505050;text-shadow:0 1px rgba(255,255,255,0.3)}div.alert-box a.close{color:#333;position:absolute;right:4px;top:-1px;font-size:17px;opacity:.2;padding:4px}div.alert-box a.close:hover,div.alert-box a.close:focus{opacity:.4}ul.inline-list,ul.link-list{margin:0 0 17px -22px;padding:0;list-style:none;overflow:hidden}ul.inline-list>li,ul.link-list>li{list-style:none;float:left;margin-left:22px;display:block}ul.inline-list>li>*,ul.link-list>li>*{display:block}.keystroke,kbd{font-family:"Consolas","Menlo","Courier",monospace;font-size:13px;padding:2px 4px 0;margin:0;background:#ededed;border:solid 1px #dbdbdb;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.thumb{display:block}.thumb img{display:block;border:solid 4px #fff;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.2);box-shadow:0 0 0 1px rgba(0,0,0,0.2);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-transition-property:box-shadow;-moz-transition-property:box-shadow;-o-transition-property:box-shadow;transition-property:box-shadow;-webkit-transition-duration:300ms;-moz-transition-duration:300ms;-o-transition-duration:300ms;transition-duration:300ms}.thumb:hover img,.thumb:focus img{-webkit-box-shadow:0 0 6px 1px rgba(43,166,203,0.5);-moz-box-shadow:0 0 6px 1px rgba(43,166,203,0.5);box-shadow:0 0 6px 1px rgba(43,166,203,0.5)}.flex-video{position:relative;padding-top:25px;padding-bottom:67.5%;height:0;margin-bottom:16px;overflow:hidden}.flex-video.widescreen{padding-bottom:57.25%}.flex-video.vimeo{padding-top:0}.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}table{background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;margin:0 0 18px;border:1px solid #ddd}table thead,table tfoot{background:#f5f5f5}table thead tr th,table tfoot tr th,table tbody tr td,table tr td,table tfoot tr td{display:table-cell;font-size:14px;line-height:18px;text-align:left}table thead tr th,table tfoot tr td{padding:8px 10px 9px;font-size:14px;font-weight:bold;color:#222}table thead tr th:first-child,table tfoot tr td:first-child{border-left:0}table thead tr th:last-child,table tfoot tr td:last-child{border-right:0}table tbody tr.even,table tbody tr.alt{background:#f9f9f9}table tbody tr:nth-child(even){background:#f9f9f9}table tbody tr td{color:#333;padding:9px 10px;vertical-align:top;border:0}.show-for-small,.show-for-medium,.show-for-medium-down,.hide-for-large,.hide-for-large-up,.show-for-xlarge,.show-for-print{display:none !important}.hide-for-small,.hide-for-medium,.hide-for-medium-down,.show-for-large,.show-for-large-up,.hide-for-xlarge,.hide-for-print{display:inherit !important}@media only screen and (min-width:1280px){.hide-for-small,.hide-for-medium,.hide-for-medium-down,.hide-for-large,.show-for-large-up,.show-for-xlarge{display:inherit !important}.show-for-small,.show-for-medium,.show-for-medium-down,.show-for-large,.hide-for-large-up,.hide-for-xlarge{display:none !important}}@media only screen and (max-width:1279px) and (min-width:768px){.hide-for-small,.show-for-medium,.show-for-medium-down,.hide-for-large,.hide-for-large-up,.hide-for-xlarge{display:inherit !important}.show-for-small,.hide-for-medium,.hide-for-medium-down,.show-for-large,.show-for-large-up,.show-for-xlarge{display:none !important}}@media only screen and (max-width:767px){.show-for-small,.hide-for-medium,.show-for-medium-down,.hide-for-large,.hide-for-large-up,.hide-for-xlarge{display:inherit !important}.hide-for-small,.show-for-medium,.hide-for-medium-down,.show-for-large,.show-for-large-up,.show-for-xlarge{display:none !important}}.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}@media screen and (orientation:landscape){.show-for-landscape,.hide-for-portrait{display:inherit !important}.hide-for-landscape,.show-for-portrait{display:none !important}}@media screen and (orientation:portrait){.show-for-portrait,.hide-for-landscape{display:inherit !important}.hide-for-portrait,.show-for-landscape{display:none !important}}.show-for-touch{display:none !important}.hide-for-touch{display:inherit !important}.touch .show-for-touch{display:inherit !important}.touch .hide-for-touch{display:none !important}table.show-for-xlarge,table.show-for-large,table.hide-for-small,table.hide-for-medium{display:table !important}@media only screen and (max-width:1279px) and (min-width:768px){.touch table.hide-for-xlarge,.touch table.hide-for-large,.touch table.hide-for-small,.touch table.show-for-medium{display:table !important}}@media only screen and (max-width:767px){table.hide-for-xlarge,table.hide-for-large,table.hide-for-medium,table.show-for-small{display:table !important}}@media only screen and (max-device-width:800px),only screen and (device-width:1024px) and (device-height:600px),only screen and (width:1280px) and (orientation:landscape),only screen and (device-width:800px),only screen and (max-width:767px){.flex-video{padding-top:0}}@media only screen and (max-width:767px){.left,.right{float:none}body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.row{width:auto !important;min-width:0 !important;margin-left:0;margin-right:0}.column,.columns{width:auto !important;float:none}.column:last-child,.columns:last-child{float:none}[class*="column"]+[class*="column"]:last-child{float:none}.column:before,.columns:before,.column:after,.columns:after{content:"";display:table}.column:after,.columns:after{clear:both}.offset-by-one,.offset-by-two,.offset-by-three,.offset-by-four,.offset-by-five,.offset-by-six,.offset-by-seven,.offset-by-eight,.offset-by-nine,.offset-by-ten{margin-left:0 !important}.push-two,.push-three,.push-four,.push-five,.push-six,.push-seven,.push-eight,.push-nine,.push-ten{left:auto}.pull-two,.pull-three,.pull-four,.pull-five,.pull-six,.pull-seven,.pull-eight,.pull-nine,.pull-ten{right:auto}.row .mobile-one{width:25% !important;float:left;padding:0 15px}.row .mobile-one:last-child{float:right}.row .mobile-one.end{float:left}.row.collapse .mobile-one{padding:0}.row .mobile-two{width:50% !important;float:left;padding:0 15px}.row .mobile-two:last-child{float:right}.row .mobile-two.end{float:left}.row.collapse .mobile-two{padding:0}.row .mobile-three{width:75% !important;float:left;padding:0 15px}.row .mobile-three:last-child{float:right}.row .mobile-three.end{float:left}.row.collapse .mobile-three{padding:0}.row .mobile-four{width:100% !important;float:left;padding:0 15px}.row .mobile-four:last-child{float:right}.row .mobile-four.end{float:left}.row.collapse .mobile-four{padding:0}.push-one-mobile{left:25%}.pull-one-mobile{right:25%}.push-two-mobile{left:50%}.pull-two-mobile{right:50%}.push-three-mobile{left:75%}.pull-three-mobile{right:75%}.block-grid.mobile>li{float:none;width:100%;margin-left:0}.block-grid>li{clear:none}.block-grid.mobile-one-up>li{width:100%}.block-grid.mobile-two-up>li{width:50%}.block-grid.mobile-two-up>li:nth-child(2n+1){clear:both}.block-grid.mobile-three-up>li{width:33.33333%}.block-grid.mobile-three-up>li:nth-child(3n+1){clear:both}.block-grid.mobile-four-up>li{width:25%}.block-grid.mobile-four-up>li:nth-child(4n+1){clear:both}.block-grid.mobile-five-up>li{width:20%}.block-grid.mobile-five-up>li:nth-child(5n+1){clear:both}.block-grid.mobile-six-up>li{width:16.66667%}.block-grid.mobile-six-up>li:nth-child(6n+1){clear:both}.block-grid.mobile-seven-up>li{width:14.28571%}.block-grid.mobile-seven-up>li:nth-child(7n+1){clear:both}.block-grid.mobile-eight-up>li{width:12.5%}.block-grid.mobile-eight-up>li:nth-child(8n+1){clear:both}.block-grid.mobile-nine-up>li{width:11.11111%}.block-grid.mobile-nine-up>li:nth-child(9n+1){clear:both}.block-grid.mobile-ten-up>li{width:10%}.block-grid.mobile-ten-up>li:nth-child(10n+1){clear:both}.block-grid.mobile-eleven-up>li{width:9.09091%}.block-grid.mobile-eleven-up>li:nth-child(11n+1){clear:both}.block-grid.mobile-twelve-up>li{width:8.33333%}.block-grid.mobile-twelve-up>li:nth-child(12n+1){clear:both}.column.mobile-centered,.columns.mobile-centered,.column.mobile-centred,.columns.mobile-centred{float:none;margin:0 auto}label.right{text-align:left}input[type="text"].one,.row input[type="text"].one,input[type="password"].one,.row input[type="password"].one,input[type="date"].one,.row input[type="date"].one,input[type="datetime"].one,.row input[type="datetime"].one,input[type="email"].one,.row input[type="email"].one,input[type="number"].one,.row input[type="number"].one,input[type="search"].one,.row input[type="search"].one,input[type="tel"].one,.row input[type="tel"].one,input[type="time"].one,.row input[type="time"].one,input[type="url"].one,.row input[type="url"].one,textarea.one,.row textarea.one{width:100% !important}input[type="text"].two,.row input[type="text"].two,input[type="password"].two,.row input[type="password"].two,input[type="date"].two,.row input[type="date"].two,input[type="datetime"].two,.row input[type="datetime"].two,input[type="email"].two,.row input[type="email"].two,input[type="number"].two,.row input[type="number"].two,input[type="search"].two,.row input[type="search"].two,input[type="tel"].two,.row input[type="tel"].two,input[type="time"].two,.row input[type="time"].two,input[type="url"].two,.row input[type="url"].two,textarea.two,.row textarea.two{width:100% !important}input[type="text"].three,.row input[type="text"].three,input[type="password"].three,.row input[type="password"].three,input[type="date"].three,.row input[type="date"].three,input[type="datetime"].three,.row input[type="datetime"].three,input[type="email"].three,.row input[type="email"].three,input[type="number"].three,.row input[type="number"].three,input[type="search"].three,.row input[type="search"].three,input[type="tel"].three,.row input[type="tel"].three,input[type="time"].three,.row input[type="time"].three,input[type="url"].three,.row input[type="url"].three,textarea.three,.row textarea.three{width:100% !important}input[type="text"].four,.row input[type="text"].four,input[type="password"].four,.row input[type="password"].four,input[type="date"].four,.row input[type="date"].four,input[type="datetime"].four,.row input[type="datetime"].four,input[type="email"].four,.row input[type="email"].four,input[type="number"].four,.row input[type="number"].four,input[type="search"].four,.row input[type="search"].four,input[type="tel"].four,.row input[type="tel"].four,input[type="time"].four,.row input[type="time"].four,input[type="url"].four,.row input[type="url"].four,textarea.four,.row textarea.four{width:100% !important}input[type="text"].five,.row input[type="text"].five,input[type="password"].five,.row input[type="password"].five,input[type="date"].five,.row input[type="date"].five,input[type="datetime"].five,.row input[type="datetime"].five,input[type="email"].five,.row input[type="email"].five,input[type="number"].five,.row input[type="number"].five,input[type="search"].five,.row input[type="search"].five,input[type="tel"].five,.row input[type="tel"].five,input[type="time"].five,.row input[type="time"].five,input[type="url"].five,.row input[type="url"].five,textarea.five,.row textarea.five{width:100% !important}input[type="text"].six,.row input[type="text"].six,input[type="password"].six,.row input[type="password"].six,input[type="date"].six,.row input[type="date"].six,input[type="datetime"].six,.row input[type="datetime"].six,input[type="email"].six,.row input[type="email"].six,input[type="number"].six,.row input[type="number"].six,input[type="search"].six,.row input[type="search"].six,input[type="tel"].six,.row input[type="tel"].six,input[type="time"].six,.row input[type="time"].six,input[type="url"].six,.row input[type="url"].six,textarea.six,.row textarea.six{width:100% !important}input[type="text"].seven,.row input[type="text"].seven,input[type="password"].seven,.row input[type="password"].seven,input[type="date"].seven,.row input[type="date"].seven,input[type="datetime"].seven,.row input[type="datetime"].seven,input[type="email"].seven,.row input[type="email"].seven,input[type="number"].seven,.row input[type="number"].seven,input[type="search"].seven,.row input[type="search"].seven,input[type="tel"].seven,.row input[type="tel"].seven,input[type="time"].seven,.row input[type="time"].seven,input[type="url"].seven,.row input[type="url"].seven,textarea.seven,.row textarea.seven{width:100% !important}input[type="text"].eight,.row input[type="text"].eight,input[type="password"].eight,.row input[type="password"].eight,input[type="date"].eight,.row input[type="date"].eight,input[type="datetime"].eight,.row input[type="datetime"].eight,input[type="email"].eight,.row input[type="email"].eight,input[type="number"].eight,.row input[type="number"].eight,input[type="search"].eight,.row input[type="search"].eight,input[type="tel"].eight,.row input[type="tel"].eight,input[type="time"].eight,.row input[type="time"].eight,input[type="url"].eight,.row input[type="url"].eight,textarea.eight,.row textarea.eight{width:100% !important}input[type="text"].nine,.row input[type="text"].nine,input[type="password"].nine,.row input[type="password"].nine,input[type="date"].nine,.row input[type="date"].nine,input[type="datetime"].nine,.row input[type="datetime"].nine,input[type="email"].nine,.row input[type="email"].nine,input[type="number"].nine,.row input[type="number"].nine,input[type="search"].nine,.row input[type="search"].nine,input[type="tel"].nine,.row input[type="tel"].nine,input[type="time"].nine,.row input[type="time"].nine,input[type="url"].nine,.row input[type="url"].nine,textarea.nine,.row textarea.nine{width:100% !important}input[type="text"].ten,.row input[type="text"].ten,input[type="password"].ten,.row input[type="password"].ten,input[type="date"].ten,.row input[type="date"].ten,input[type="datetime"].ten,.row input[type="datetime"].ten,input[type="email"].ten,.row input[type="email"].ten,input[type="number"].ten,.row input[type="number"].ten,input[type="search"].ten,.row input[type="search"].ten,input[type="tel"].ten,.row input[type="tel"].ten,input[type="time"].ten,.row input[type="time"].ten,input[type="url"].ten,.row input[type="url"].ten,textarea.ten,.row textarea.ten{width:100% !important}input[type="text"].eleven,.row input[type="text"].eleven,input[type="password"].eleven,.row input[type="password"].eleven,input[type="date"].eleven,.row input[type="date"].eleven,input[type="datetime"].eleven,.row input[type="datetime"].eleven,input[type="email"].eleven,.row input[type="email"].eleven,input[type="number"].eleven,.row input[type="number"].eleven,input[type="search"].eleven,.row input[type="search"].eleven,input[type="tel"].eleven,.row input[type="tel"].eleven,input[type="time"].eleven,.row input[type="time"].eleven,input[type="url"].eleven,.row input[type="url"].eleven,textarea.eleven,.row textarea.eleven{width:100% !important}input[type="text"].twelve,.row input[type="text"].twelve,input[type="password"].twelve,.row input[type="password"].twelve,input[type="date"].twelve,.row input[type="date"].twelve,input[type="datetime"].twelve,.row input[type="datetime"].twelve,input[type="email"].twelve,.row input[type="email"].twelve,input[type="number"].twelve,.row input[type="number"].twelve,input[type="search"].twelve,.row input[type="search"].twelve,input[type="tel"].twelve,.row input[type="tel"].twelve,input[type="time"].twelve,.row input[type="time"].twelve,input[type="url"].twelve,.row input[type="url"].twelve,textarea.twelve,.row textarea.twelve{width:100% !important}.button{display:block}button.button,input[type="submit"].button,input[type="reset"].button{width:100%;}.button-group button.button,.button-group input[type="submit"].button{width:auto;padding:10px 20px 11px}.button-group button.button.large,.button-group input[type="submit"].button.large{padding:15px 30px 16px}.button-group button.button.medium,.button-group input[type="submit"].button.medium{padding:10px 20px 11px}.button-group button.button.small,.button-group input[type="submit"].button.small{padding:7px 14px 8px}.button-group button.button.tiny,.button-group input[type="submit"].button.tiny{padding:5px 10px 6px}.button-group.even button.button,.button-group.even input[type="submit"].button{width:100%;padding-left:0;padding-right:0}} /*------------------------------------------------------------------------------------------------------ OS and Browser classes are added to the HTML tag by JS use these to style for different browsers -------------------------------------------------------------------------------------------------------- Available OS Classes: .win - Microsoft Windows (all versions) .vista - Microsoft Windows Vista new .linux - Linux (x11 and linux) .mac - Mac OS .freebsd - FreeBSD .ipod - iPod Touch .iphone - iPhone .ipad - iPad new .webtv - WebTV .j2me - J2ME Devices (ex: Opera mini) changed from mobile to j2me .blackberry - BlackBerry new .android - Google Android new .mobile - All mobile devices new Available Browser Classes: .ie - Internet Explorer (All versions) .ie8 - Internet Explorer 8.x .ie7 - Internet Explorer 7.x .ie6 - Internet Explorer 6.x .ie5 - Internet Explorer 5.x .gecko - Mozilla, Firefox (all versions), Camino .ff2 - Firefox 2 .ff3 - Firefox 3 .ff3_5 - Firefox 3.5 .ff3_6 - Firefox 3.6 .opera - Opera (All versions) .opera8 - Opera 8.x .opera9 - Opera 9.x .opera10 - Opera 10.x .konqueror - Konqueror .webkit or .safari - Safari, NetNewsWire, OmniWeb, Shiira, Google Chrome .safari3 - Safari 3.x .chrome - Google Chrome .iron - SRWare Iron Extra Codes: .js - available when JS is enabled .no-js - remains in the HTML tag when JS is disabled/off -------------------------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------------------------ Modernizr adds classes to the HTML tag with JS. use these to style for different browsers' capabilites -------------------------------------------------------------------------------------------------------- Some of the most important classes available (check the HTML tag on a live page for more): Screen Layout Classes applied on resize (if you aren't already using media queries): .orientation_landscape - if the screen is wider than it is tall .orientation_portrait - if the screen is taller than it is wide .maxw_2560 - max width of screen 2560px .maxw_1920 - max width of screen 1920px .maxw_1680 - max width of screen 1680px .maxw_1440 - max width of screen 1440px .maxw_1280 - max width of screen 1280px .maxw_1152 - max width of screen 1152px .maxw_1024 - max width of screen 1024px .maxw_768 - max width of screen 768px - usually the max width for a tablet .maxw_640 - max width of screen 640px .maxw_480 - max width of screen 480px .maxw_320 - max width of screen 320px - mobile widths CSS3 selectors applied on page load (selectors are prefixed with "no-" if it is not available) : .rgba - availability of Red/Green/Blue/Alpha transparency for colours .hsla - availability of Hue/Saturation/Lightness/ Alpha transparency for colours .multiplebgs - availability of Multple background images css .backgroundsize - availability of Background Size css .borderimage - availability of Border size css .borderradius - availability of Border radius css .boxshadow - availability of Box shadow css .textshadow - availability of Text shadow css .opacity - availability of Opacity .cssanimations - availability of CSS Animations .csscolumns - availability of CSS columns .cssgradients - availability of CSS gradients .cssreflections - availability of CSS reflections .csstransforms - availability of CSS Transform animations .csstransforms3d - availability of CSS Transform 3D animations .csstransitions - availability of CSS Transitions animations .fontface - availability of @font-face font replacements --------------------------------------------------------------------------------------------------------*/ /*--------------------------------------------------------------------------------------------------------------------- Grid Overwrites --------------------------------------------------------------------------------------------------------------------- */ .row { width: 990px; min-width: 768px; }/*alter these for master page widths*/ .ie8 .row { width: 990px; min-width: 990px; }/*alter these for master page widths in IE8*/ .row .row { margin: 0 -15px; } .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .column, .columns { padding: 0 15px;} /*! * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('fonts/icons/fontawesome-webfont.eot?v=4.0.3');src:url('fonts/icons/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('fonts/icons/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('fonts/icons/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('fonts/icons/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"} /*------------------------------------------------------------------------------------------------------- Typography -------------------------------------------------------------------------------------------------------*/ body{/*Fall back - just in case some text isn't wrapped in an element in the CMS*/ font-family: "Open Sans","Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; color:#666; } /* Base Type Styles Using Modular Scale ---------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; font-size: 14px; direction: ltr; } p { font-family: inherit; font-weight: normal; font-size: 14px; line-height: 1.6; margin-bottom: 17px; } p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; } aside p { font-size: 13px; line-height: 1.35; font-style: italic; } @media screen and (max-width:767px){ span.hide-for-medium, i.hide-for-medium{display:inline-block!important} } @media screen and (min-width:768px){ span.hide-for-small, i.hide-for-small {display:inline-block!important;} } h1, h2, h3, h4, h5, h6 { font-family: 'Sofia', cursive; font-weight: bold; font-style: normal; color: #36bfce; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 0.8em; margin-top: 14px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } h1 { font-size: 44px; } h2 { font-size: 37px; } h3 { font-size: 27px; } h4 { font-size: 23px; } h5 { font-size: 17px; } h6 { font-size: 14px; } .open-sans{ font-family: "Open Sans","Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;!important } .sofia{ font-family: 'Sofia', cursive!important; } .blue-text{ color:#2a8c9c; } .large-text{ font-size:200%; } hr { border: solid #84BAB8; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; } .subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-weight: bold; background: #ffff99; } /* Lists ---------------------- */ ul, ol, dl { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: outside; } ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; } ul.square, ul.circle, ul.disc { margin-left: 17px; } ul.square { list-style-type: square; } ul.square li ul { list-style: inherit; } ul.circle { list-style-type: circle; } ul.circle li ul { list-style: inherit; } ul.disc { list-style-type: disc; } ul.disc li ul { list-style: inherit; } ul.no-bullet { list-style: none; } ul.large li { line-height: 21px; } ul.blue-arrow{list-style:none;} ul.blue-arrow > li{background:url(/Images/arrow-blue-d-r.png) no-repeat left 6px; padding-left:20px;line-height:1.8;margin-bottom:6px;} ol { margin-left: 20px; } #page ul{ margin-left: 20px; } ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; } /* Blockquotes ---------------------- */ blockquote, blockquote p { line-height: 1.5; } blockquote *{margin-bottom:0;} blockquote { margin: 0 0 17px; background:url(/Images/quote-open.png) no-repeat top left; padding:0 35px 17px; position:relative; border-bottom:1px solid #82c0be;} blockquote span{width:30px;height:21px;background:url(/Images/quote-close.png) no-repeat; position:absolute; bottom:17px;right:0;} blockquote cite { display: block; font-size: 13px; color: #555555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555555; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; } abbr { text-transform: none; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {} p {} p img.left {float:left;margin:0 0.5em 0.5em 0;} p img.right {float:right;margin:0 0 0.5em 0.5em;} /* Links ---------------------- */ a img { border: none; } a { color:#3fbbd5; text-decoration: none; line-height: inherit; transition:all .25s linear; } a:hover { color: #9cc753; } a:focus { color: #9cc753; } p a, p a:visited { line-height: inherit; } /* Misc ---------------------- */ .left { float: left; } .right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .hide { display: none; } .hide-override { display: none !important; } .highlight { background: #ffff99; } .googlemap img, .googlemap object, .googlemap embed { max-width: none; } .map_canvas embed { max-width: none; } .map_canvas img { max-width: none; } #map_canvas object { max-width: none; } .textCenter,.textCenter,.alignCenter,.alignCentre,.text-center,.text-centre,.align-center,.align-centre,.textCenter,.textCenter,.alignCenter,.alignCentre,.text-center *,.text-centre *,.align-center *,.align-centre *{text-align:center;} .textRight,.alignRight,.text-right,.align-right,.textRight *,.alignRight *,.text-right *,.align-right *{ text-align:right; } .textLeft,.alignLeft,.text-left,.align-left,.textLeft *,.alignLeft *,.text-left *,.align-left *{ text-align:left; } .uppercase,.uppercase *{text-transform:uppercase!important;} .lowercase,.lowercase * {text-transform:lowercase!important;} .noMarginBottom,.no-margin-bottom{margin-bottom:0!important;} .noMarginTop,.no-margin-top{margin-top:0!important;} .noMarginLeft,.no-margin-left{margin-left:0!important;} .noMarginRight,.no-margin-Right{margin-right:0!important;} .noPaddingBottom,.no-padding-bottom{padding-bottom:0!important;} .noPaddingTop,.no-padding-top{padding-top:0!important;} .noPaddingLeft,.no-padding-left{padding-left:0!important;} .noPaddingRight,.no-padding-Right{padding-right:0!important;} @media screen and (max-width: 767px) { /*mobile text overrides*/ .mobile-textCenter,.mobile-textCenter,.mobile-alignCenter,.alignCentre,.mobile-text-center,.mobile-text-centre,.align-center,.align-centre,.mobile-textCenter,.mobile-textCenter,.alignCenter,.alignCentre,.mobile-text-center *,.mobile-text-centre *,.align-center *,.align-centre *{text-align:center;} .mobile-textRight,.alignRight,.mobile-text-right,.align-right,.mobile-textRight *,.alignRight *,.mobile-text-right *,.align-right *{ text-align:right; } .mobile-textLeft,.alignLeft,.mobile-text-left,.align-left,.mobile-textLeft *,.alignLeft *,.mobile-text-left *,.align-left *{ text-align:left; } .mobile-uppercase,.mobile-uppercase *{text-transform:uppercase!important;} .mobile-lowercase,.mobile-lowercase * {text-transform:lowercase!important;} .mobile-noMarginBottom,.mobile-no-margin-bottom{margin-bottom:0!important;} .mobile-noMarginTop,.mobile-no-margin-top{margin-top:0!important;} .mobile-noMarginLeft,.mobile-no-margin-left{margin-left:0!important;} .mobile-noMarginRight,.mobile-no-margin-Right{margin-right:0!important;} .mobile-noPaddingBottom,.mobile-no-padding-bottom{padding-bottom:0!important;} .mobile-noPaddingTop,.mobile-no-padding-top{padding-top:0!important;} .mobile-noPaddingLeft,.mobile-no-padding-left{padding-left:0!important;} .mobile-noPaddingRight,.mobile-no-padding-right{padding-right:0!important;} } /* Reset for strange margins by default on
elements */ figure { margin: 0; } /*-------------------------------------------------------- Buttons -------------------------------------------------------- */ .button { width: auto; background: #aacd67; border: 1px solid #aacd67; color: #fff!important; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .button i{color:#fff!important} .button:hover, .button:focus { color: white; background-color: #86a54b; } .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } .button.large { font-size: 17px; padding: 15px 30px 16px; } .button.medium { font-size: 14px; } .button.small { font-size: 11px; padding: 7px 14px 8px; } .button.tiny { font-size: 10px; padding: 5px 10px 6px; } .button.expand { width: 100%; text-align: center; } .button.primary { background-color: #2ba6cb; border: 1px solid #1e728c; } .button.primary:hover, .button.primary:focus { background-color: #2284a1; } .button.success { background-color: #5da423; border: 1px solid #396516; } .button.success:hover, .button.success:focus { background-color: #457a1a; } .button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; } .button.alert:hover, .button.alert:focus { background-color: #970b0e; } .button.secondary, #page .button { background-color: #32c1ce; color: #fff; border: 1px solid #32c1ce; } .button.secondary:hover, .button.secondary:focus,#page .button:hover, #page .button:focus { background-color: #23aab0; } .button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .button.raised{-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } .button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; } .button.left-align { text-align: left; text-indent: 12px; } .button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .button.disabled:hover, .button[disabled]:hover { background: #2ba6cb; } .button.disabled.success, .button[disabled].success { background-color: #5da423; } .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; outline: none; } .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; } .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; outline: none; } .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; } .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; outline: none; } /*------------------------------------------------------------------------------------------------------ HTML 5 ------------------------------------------------------------------------------------------------------*/ /* Tell the browser to render HTML 5 elements as block */ header, footer, aside, nav, article, section { display:block; } header { } nav { } section { } aside { } article { } footer { } /*------------------------------------------------------------------------------------------------------ Generic Classes ------------------------------------------------------------------------------------------------------*/ .left { float:left; } .right { float:right; } img.left { margin-right:1em; margin-bottom:1.5em; } img.right { margin-left:1em; margin-bottom:1.5em; } .half { width:45%; /* Not exactly half to account for paddings, margins etc. */ } .hide{ /* Hide stuff without resorting to display:none; */ visibility:hidden; width:0!important; height:0!important; line-height:0!important; padding:0!important; margin:0!important; } /*------------------------------------------------------------------------------------------------------ Page Layout elements ------------------------------------------------------------------------------------------------------*/ html, body { height:100%; } body{ } #header,#main-nav,#content,#footer { display:block; } #viewport{ } #wrapper{ } /*------------------------------------------------------------------------------------------------------ Horizontal navigation - for use with BC Dynamic menus. Just put module in a div with a class .h-nav -------------------------------------------------------------------------------------------------------*/ .h-nav { margin: 20px 0; } .h-nav > div /*BC puts a child div in by default*/ { } .h-nav ul { height: 30px; background: none; padding: 0; margin:0; } .h-nav ul li { float: left; display: block; position: relative; padding: 0; margin: 0; width:auto; margin-bottom:0 } .h-nav ul > li:first-child { } .h-nav ul > li:last-child { } .h-nav ul li a, .h-nav ul li a:visited { display:block; text-align:center; padding:0 1em; line-height:30px; height:30px; text-decoration:none; } .h-nav ul li a:hover, .h-nav ul li.selected > a, .h-nav ul li.active a { outline:none; } .h-nav ul li a:active { } /*------------------------------------ Horizontal Subnav ------------------------------------*/ .h-nav ul li ul { display:none; position:absolute; height: auto; width:200px; top:30px; z-index:10; margin:0; } .h-nav ul li ul li { float:none; } .h-nav ul li ul li a, .h-nav ul li.selected ul li a, .h-nav ul li.active ul li a { float:none; display:block; background:#EEE; } .h-nav ul li ul li a:hover, .h-nav ul li ul li.selected > a, .h-nav ul li ul li.hovered > a { background:#EFF7FF; } /*--------------------------------------- Horizontal sub sub nav ---------------------------------------*/ .h-nav ul li ul li ul { position:absolute; top:0; left:200px; width:200px; } .h-nav ul li ul li ul li { float:none; } .h-nav ul li ul li ul li a, .h-nav ul li.selected ul li ul li a, .h-nav ul li.selected ul li.selected ul li a { background:#EEE; } .h-nav ul li ul li ul li a:hover, .h-nav ul li ul li ul li.selected > a, .h-nav ul li.selected ul li ul li a:hover, .h-nav ul li.selected ul li.selected ul li a:hover, .h-nav ul li ul li ul li.active a, .h-nav ul li.active ul li ul li a:hover, .h-nav ul li.active ul li.active ul li a:hover { background:#EFF7FF; } .no-js .h-nav ul li:hover ul { display:block; } /*--------------------------------------------------- Main Navigation ---------------------------------------------------*/ #main-nav { } #main-nav .h-nav { } #main-nav .h-nav > div { } #main-nav ul { } #main-nav ul li { } #main-nav ul li a { font-family: 'Sofia', cursive; font-size:22px; padding:0 0 0 1em; color:#a2d264; } #main-nav ul li a:hover, #main-nav ul li.selected > a, #main-nav ul li.hovered > a{ color:#36bfd4; } /*------------------------------------------------ Main sub navigation -------------------------------------------------*/ #main-nav ul li ul { } #main-nav ul li ul li { } #main-nav ul li ul li a { } #main-nav ul li ul li a:hover, #main-nav ul li ul li.selected > a, #main-nav ul li ul li.hovered > a { } /*------------------------------------------------ Main sub sub navigation -------------------------------------------------*/ #main-nav ul li ul li ul { } #main-nav ul li ul li ul li { } #main-nav ul li ul li ul li a { } #main-nav ul li ul li ul li a:hover, #main-nav ul li ul li ul li.selected > a, #main-nav ul li ul li ul li.hovered > a { } /*------------------------------------------------ Touch navigation -------------------------------------------------*/ .touch .h-nav ul li.has-sub { transition:all 0.2s linear; padding-right:28px; } .touch .h-nav ul li.has-sub > a { display:block; text-align:left; } .desktop .h-nav ul li.has-sub > a { display:block!important; } .touch .h-nav ul li.has-sub > a:hover, .h-nav ul li.has-sub.selected > a { } .touch .h-nav ul li.has-sub > a.main-link { width:100%; position:relative; } .touch .h-nav ul li.has-sub > a.open-subnav { padding: 0; position: absolute; right: 0; text-align: center; text-indent: 0 !important; top: 0; width: 20%; } .touch .h-nav ul li.has-sub > a.open-subnav span { content:" "; display:inline-block; width: 0px; height: 0px; border-style: solid; border-width: 10px 5px 0 5px; border-color: #696969 transparent transparent } .touch .h-nav ul li.has-sub > a.open-subnav.open span { width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #696969 } @media screen and (max-width: 767px) { .small-screen .h-nav ul li.has-sub > a:hover, .h-nav ul li.has-sub.selected > a { } .small-screen .h-nav ul li.has-sub > a.main-link { width:100%; position:relative; font-size:13px!important; } .small-screen .h-nav ul li.has-sub > a.open-subnav { background: none repeat scroll 0 0 #4d4d4d; border: 1px solid #444; border-top:1px solid #5f5f5f; padding: 0!important; position: absolute; right: 0; text-align: center; text-indent: 0 !important; top: 0; width: 20%; } .small-screen .h-nav ul li.has-sub > a.open-subnav span { border-style: solid; border-width: 10px 5px 0; content: " "; display: inline-block; height: 0; left: 50%; margin: -5px; position: absolute; top: 50%; border-color: #fff transparent transparent } .small-screen .h-nav ul li.has-sub > a.open-subnav:hover span{ border-color: #ffffff transparent transparent } .small-screen .h-nav ul li.has-sub > a.open-subnav:hover, .small-screen .h-nav ul li.has-sub > a.open-subnav.open { background:#444444; border:1px solid #444; } .small-screen .h-nav ul li.has-sub > a.open-subnav.open:hover span, .small-screen .h-nav ul li.has-sub > a.open-subnav.open span { width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #fff } /*------------------------------------------------ Off canvas Nav ------------------------------------------------*/ #viewport { overflow: hidden; width: 100%; background:#aacd67; } .active.overthrow-enabled #viewport { /* height:100%; */ } .fixed-supported [role="main"] { } [role="main"]:before { content: " "; position: absolute; z-index: 1; top: 0; left: -100%; width: 100%; height: 100%; } [role="navigation"], [role="main"], [role="header"] { width: 100%; display: block; position: relative; z-index: 1; -webkit-transition: 0.25s all ease-in; -moz-transition: 0.25s all ease-in; -o-transition: 0.25s all ease-in; transition: 0.25s all ease-in; } .hide-extras [role="navigation"] { display: block; } [role="navigation"] { margin-left: -100%; width: 80%!important; float: left; z-index: 3;position:absolute;position:fixed; top:0;height:100%;} [role="main"] { margin-left: 0; float: right; z-index: 2; position: relative; right:0; } .active [role="navigation"] { margin-left: 0; } .active [role="main"]{ right: -80%; } .active [role="header"] {right: -80%!important;} [role="header"] { background:#fff; position:relative!important; top:0; right:0; min-height:60px; z-index:10; box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2); } .fixed-supported [role="header"] { z-index:10; } [role="main"] { background:#fff; box-shadow:-5px 0 10px rgba(0,0,0,0.20); } [role="mobile-navigation"] > div { width:100%; } .overthrow-enabled #main-nav[role="navigation"] > div.h-nav { overflow:auto; -webkit-overflow-scrolling: touch; } .overthrow-enabled #main-nav[role="navigation"] > div.h-nav > div{ float:none!important; } .separated-nav.overthrow-enabled [role="navigation"] > div { overflow:auto; -webkit-overflow-scrolling: touch; } [role="navigation"] { } [role="navigation"] > div { padding:0!important; } [role="navigation"] ul { height:auto; margin:10px 0; } [role="navigation"] ul li { float:none; display:block; } [role="navigation"] ul li a { background: none repeat scroll 0 0 transparent !important; border-right: medium none !important; color:#fff!important; } [role="navigation"] ul li.selected > a, [role="navigation"] ul li a:hover { background:none repeat scroll 0 0 rgba(200, 220, 220, 0.5) !important } [role="open-navigation"] { display: inline-block; font-size: 30px; left: auto; padding: 0.25em; position: absolute; left:12px; top: 5px; z-index: 12; color:#fff; } [role="open-navigation"]:hover, [role="open-navigation"]:focus{ color:#fff; } .fixed-supported [role="open-navigation"]{ position:fixed; } .fixed-supported .active [role="open-navigation"]{ left:82%; } [role="close-navigation"], [role="close-navigation"]:hover, [role="close-navigation"]:focus { padding:0.5em 0.5em 0.5em 1.5em; display:inline-block; color:#fff; } [role="navigation"] .h-nav ul li a { text-align:left; width: 100%; } .active [role="navigation"] .h-nav ul li.has-sub { padding-right:0; } } /*------------------------------------------------------------------------------------------------------ Vertical navigation ------------------------------------------------------------------------------------------------------*/ .v-nav { margin-bottom:1.5em } .v-nav h3{ background:#4c4c4c; color: #FFFFFF !important; margin: 0; padding: 0.3em 0.5em; } .v-nav ul { list-style:none; margin:0 0 0 0!important; padding:0 0 0 0; } .v-nav ul li { display:block; width:auto; position:relative; } .v-nav ul li a, .v-nav ul li a:visited { display:block; text-align:left; padding:0.6em 1em 0.6em 2.2em; line-height:1.5em; height:auto; border-bottom:1px solid #3dbece; background:url("../Images/arrow-grey-d-r.png") no-repeat scroll 3% center #FFFFFF; text-decoration:none; transition:background-color color .25s linear; color:#4c4c4c; } .v-nav ul li a:hover, .v-nav ul li.hovered > a, .v-nav ul li.selected > a { background:url(../Images/arrow-d-r.png)no-repeat scroll 3% center #3dbece; color:#fff!important; outline:none; } .v-nav ul li a:active { } .v-nav ul li.has-sub { } .v-nav.accordion ul li.has-sub { } .v-nav.accordion ul li.has-sub > a { display:inline-block; } .v-nav.accordion ul li.has-sub > a:hover { } .v-nav.accordion ul li.has-sub > a.main-link { width:85%; } .v-nav.accordion ul li.has-sub > a.open-subnav { width:15%; text-align:center; text-indent:0!important; } .v-nav.accordion ul li.has-sub > a.open-subnav span { content:" "; display:inline-block; width: 0px; height: 0px; border-style: solid; border-width: 10px 5px 0 5px; border-color: #696969 transparent transparent } .v-nav.accordion ul li.has-sub > a.open-subnav.open span { width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #696969 } .v-nav.collapsible ul li.has-sub { } .v-nav.collapsible ul li.has-sub > a { display:inline-block; } .v-nav.collapsible ul li.has-sub > a:hover, .v-nav.collapsible ul li.has-sub.selected > a { } .v-nav.collapsible ul li.has-sub > a.main-link { width:85%; } .v-nav.collapsible ul li.has-sub > a.open-subnav { width:15%; text-align:center; text-indent:0!important; } .v-nav.collapsible ul li.has-sub > a.open-subnav span { content:" "; display:inline-block; width: 0px; height: 0px; border-style: solid; border-width: 10px 5px 0 5px; border-color: #696969 transparent transparent } .v-nav.collapsible ul li.has-sub > a.open-subnav.open span { width: 0px; height: 0px; border-style: solid; border-width: 0 5px 10px 5px; border-color: transparent transparent #696969 } /*----------------------------------------- Vertical Sub Nav -----------------------------------------*/ .v-nav ul li ul, .active [role="navigation"] .hNav ul li ul { display:none; position:absolute; width:100%; left:auto; top:0; z-index:10; } .v-nav.collapsible ul li ul, .v-nav.accordion ul li ul, .active [role="navigation"] .hNav ul li ul { position:relative; width:100%; left:0; top:auto; } .v-nav ul li ul li { } .v-nav ul li ul li a, .v-nav ul li.selected ul li a, .v-nav ul li.hovered ul li a { background:#ddd; } .v-nav.collapsible ul li ul li a, .v-nav.collapsible ul li.selected ul li a, .v-nav.collapsible ul li.hovered ul li a, .v-nav.accordion ul li ul li a, .v-nav.accordion ul li.selected ul li a, .v-nav.accordion ul li.hovered ul li a { text-indent: 2em; } .v-nav ul li ul li a:hover, .v-nav ul li ul li.selected > a, .v-nav ul li ul li.hovered > a { background:#EFF7FF; } /*---------------------------------------- Vertical Sub Sub Nav -----------------------------------------*/ .v-nav ul li ul li ul { position:absolute; width:auto; left:auto; top:0; } .v-nav.collapsible ul li ul li ul, .v-nav.accordion ul li ul li ul { position:relative; width:auto; left:0; top:auto; } .v-nav ul li ul li ul li { } .v-nav ul li ul li ul li a, .v-nav ul li.selected ul li ul li a, .v-nav ul li.selected ul li.selected ul li a { background:#EEE; } .v-nav ul li ul li ul li a:hover, .v-nav ul li ul li ul li.selected > a, .v-nav ul li.selected ul li ul li a:hover, .v-nav ul li.selected ul li.selected ul li a:hover { background:#EFF7FF; } /*--------------------------------------------------------------------------------------------------- Header ---------------------------------------------------------------------------------------------------*/ #header { } #logo { position:relative; z-index:5; } #logo > img{/*logo in the header*/ position:absolute; left:-45%; } #banner .row > img{/*logo in the banner*/ left: -70px; position: absolute; top: -180px; z-index: 10; } #name{ } #name h1{ margin:14px 0; } @media screen and (max-width:767px){ #mobile-nav-control{ height: 60px; } #logo { position:relative; z-index:5; } #logo > img{ position:relative; left:0; } #name{ } #name h1{ font-size:24px; } } /*--------------------------------------------------------------------------------------------------- Banner ---------------------------------------------------------------------------------------------------*/ #banner{ } #home #banner{ margin-bottom:-70px; } #banner .row{ position:relative; } #banner .row > div{ } #banner img{ } #banner .row > div > img{ border:1px solid #4C4C4C; display:block; } #banner .row > div > div{ } #banner h2{ font-size: 32px; line-height: 50px; margin: 0; } .inside #banner h2{ text-align:left; padding-left:0.5em; } @media screen and (max-width:767px){ #banner .row > div{ padding:0; } #banner h2{ font-size: 24px; } } /*--------------------------------------------------------------------------------------------------- Main Content ---------------------------------------------------------------------------------------------------*/ #content{ padding:20px 0; } #home #content { padding:80px 0 20px 0; } #page { } #content #page *,#page-footer *{color:#1d4947;} #content #page h1,#content #page h2,#content #page h3{color:#339999;} #content #page a{color:#147079;} #content #page a:hover,#content #page a:focus{color:#228b96;} #sidebar, aside { } #service-detail{ margin-bottom:1.5em; } @media screen and (min-width:768px){ #service-detail, .dashed-border-right{ border-right: 2px dashed #84BAB8; margin-right: -10px; padding-right: 1.5em; } } #service-detail,#service-detail p,#service-detail li,#service-detail td,#service-detail span{ font-family: "Open Sans","Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif!important; color: #1D4947!important;font-size: 14px!important; direction: ltr; line-height:1.6!important; } #service-detail a{ color: #36BFD4; } #service-detail a:hover{ color: #A2D264; } #contact-details{margin:20px 0;} #contact-details address, #contact-details p { margin-bottom: 8px; padding-left: 30px; position: relative; font-style:normal; } #contact-details i { font-size: 20px; left: 0; position: absolute; top: 3px; width: 20px; } #page .form .six{width:100%!important;} /* Panels ---------------------- */ .panel { background: #f2f2f2; border: solid 1px #e6e6e6; margin: 0 0 22px 0; padding: 20px; } .panel > :first-child { margin-top: 0; } .panel > :last-child { margin-bottom: 0; } .panel.callout { background: #2ba6cb; color: #fff; border-color: #2284a1; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); } .panel.callout a { color: #fff; } .panel.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; } .panel.callout .button:hover, .panel.callout .button:focus { background: rgba(255, 255, 255, 0.8); } .panel.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /*---------------------------- padding boxes to use in cols ----------------------------*/ .box { background:none; padding:10px; } /*bordered boxes*/ .border{border:1px solid #e6e6e6;} .border-left{border-left:1px solid #e6e6e6;padding-left:15px;} .border-right{border-right:1px solid #e6e6e6;padding-right:15px;} .border-top{border-top:1px solid #e6e6e6;padding-top:15px;} .border-bottom{border-bottom:1px solid #e6e6e6;padding-bottom:15px;} @media screen and (max-width:767px){ .mobile-border{border:1px solid #e6e6e6;} .mobile-border-left{border-left:1px solid #e6e6e6;padding-left:15px;} .mobile-border-right{border-right:1px solid #e6e6e6;padding-right:15px;} .mobile-border-top{border-top:1px solid #e6e6e6;padding-top:15px;padding-bottom:15px;} .mobile-border-bottom{border-bottom:1px solid #e6e6e6;padding-bottom:15px;padding-top:15px;} .mobile-no-border-left{border-left:none;padding-left:0;} .mobile-no-border-right{border-right:none;padding-right:0;} .mobile-no-border-top{border-top:none;padding-top:0;} .mobile-no-border-bottom{border-bottom:none;padding-bottom:0} .mobile-no-border{border:none!important:padding:0!important} } /*Coloured boxes*/ .blue-bg{background:#a0dad8;} .light-blue-bg{background:#c6e9e8;} .green-bg{background:#aacd67;} .dark-grey-bg,.dark-gray-bg{background:#4c4c4c;} .dark-grey-bg *,.dark-gray-bg *{color:#fff;} /*------------------------------------------------------------------------------------------------------ Footer ------------------------------------------------------------------------------------------------------*/ #footer { } #footer-top{ } #footer-top h4{ } #footer-top p, #footer-top address{ font-size:13px; line-height:1.8; } #footer-top a{ color:#666; } #footer-top a:hover{ color:#86A54B; } #footer-top i{ } #footer-top i.large{ font-size: 28px; } #footer-address { width: 20%; } #footer-address address { font-style: normal; } #footer-address i{display:none;} #footer-form { width: 50%; } #footer-form form { } #footer-form .form { } #footer-form input[type="text"] { } #footer-form textarea { height: 33px; max-width:100%; } #footer-form button { } #footer-contact { padding-left: 0; width: 28%; } #footer-bottom { margin-top: 30px; } #footer-bottom .row{ } #footer-bottom .row > div{ } #footer-bottom p{ } @media screen and (max-width: 767px) { #footer-address address{ margin-bottom:1.5em; } } /*------------------------------------------------------------------------------------------------------ Forms - Overwrites catalyst styles -------------------------------------------------------------------------------------------------------*/ table.webform { } table.webform td { } div.form,div.item { } div.form { } div.item { } /* Standard Forms ---------------------- */ form { margin: 0 0 19.41641px; } div.form div.item, form div.item{ padding:0; } .row form .row { margin: 0 -6px; } .row form .row .column, .row form .row .columns { padding: 0 6px; } .row form .row.collapse { margin: 0; } .row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; } label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; } label.right { float: none; text-align: right; } label.inline { line-height: 32px; margin: 0 0 12px 0; } .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; } a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; } span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; } .prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; } .postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #b3b3b3; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; } textarea { height: auto; } select { width: 100%; } /* Fieldsets */ fieldset { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px; margin: 18px 0; background:#EFEFEF;margin:0.5em;padding:1em; } fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px;background:#DDD;padding:0.2em 0.5em; } /* Errors */ .error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { outline-color: #f5797c; } .error label, label.error { color: #c60f13; } .error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-size: 12px; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } /* Correct FF custom dropdown height */ @-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 28px; } } .ie8 form.custom div.custom.dropdown a.selector { height: 28px; } /* Labels ---------------------- */ .label { padding: 1px 4px 2px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #2ba6cb; } .label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } .label.alert { background-color: #c60f13; } .label.success { background-color: #5da423; } .label.secondary { background-color: #e9e9e9; color: #505050; } .tap-to-close { display: block; font-size: 10px; font-size: 1rem; color: #888888; font-weight: normal; } label,.form label, .webform .label { display:block; width:auto; } input[type=text],input[type=email],input[type=url],input[type=number],input[type=password] { width:100%; } input.cat_textbox,.form input, .webform input { } textarea, textarea.cat_listbox { width:100%; } input[type=button], button, button.catwebformbutton,.cat_button { } input[type=radio] { width:auto; } input[type=radio]:checked { } input[type=checkbox] { width:auto; } input[type=checkbox]:checked { } select, select.cat_dropdown { width:100%; } select.cat_dropdown_small { width:50%; } select.cat_dropdown_smaller { width:25%; } /*Form common styles and error messages*/ .formHidden,.form-hidden,.form-hide,.disappear { position:absolute; top:-9999em; left:-9999em; height:1px; width:1px; overflow:none; } /*---------------------------------------------------------------------------------------- CSS3 Doesn't work in IE 6-8 - but do we care? Just in case we do, there's a polyfill in ie.css ----------------------------------------------------------------------------------------*/ .rounded-5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.rounded-top-right-5{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-radius:0 5px 0 0}.rounded-top-left-5{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-radius:5px 0 0 0}.rounded-top-5,.vNav ul li.first a{-webkit-border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-radius:5px 5px 0 0}.rounded-bottom-right-5{-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-radius:0 0 5px 0}.rounded-bottom-left-5{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-radius:0 0 0 5px}.rounded-bottom-5,.vNav ul li.first a{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-radius:0 0 5px 5px}.rounded-left-5{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-radius:0 5px 5px 0}.rounded-right-5{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-radius:0 5px 5px 0}.rounded-10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.rounded-top-right-10{-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-radius:0 10px 0 0}.rounded-top-left-10{-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;border-radius:10px 0 0 0}.rounded-top-10{-webkit-border-top-left-radius:10px;border-top-right-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;border-radius:10px 10px 0 0}.rounded-bottom-right-10{-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-radius:0 0 10px 0}.rounded-bottom-left-10{-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-radius:0 0 0 10px}.rounded-bottom-10{-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-radius:0 0 10px 10px}.rounded-left-10{-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;-moz-border-radius-bottomleft:10px;-webkit-border-bottom-left-radius:10px;border-radius:0 10px 10px 0}.rounded-right-10{-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;border-radius:0 10px 10px 0}.rounded-20{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.rounded-top-right-20{-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;border-radius:0 20px 0 0}.rounded-top-left-20{-moz-border-radius-topleft:20px;-webkit-border-top-left-radius:20px;border-radius:20px 0 0 0}.rounded-top-20{-webkit-border-top-left-radius:20px;border-top-right-radius:20px;-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;border-radius:20px 20px 0 0}.rounded-bottom-right-20{-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;border-radius:0 0 20px 0}.rounded-bottom-left-20{-moz-border-radius-bottomleft:20px;-webkit-border-bottom-left-radius:20px;border-radius:0 0 0 20px}.rounded-bottom-20{-moz-border-radius-bottomleft:20px;-webkit-border-bottom-left-radius:20px;-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;border-radius:0 0 20px 20px}.rounded-left-20{-moz-border-radius-topleft:20px;-webkit-border-top-left-radius:20px;-moz-border-radius-bottomleft:20px;-webkit-border-bottom-left-radius:20px;border-radius:0 20px 20px 0}.rounded-right-20{-moz-border-radius-topright:20px;-webkit-border-top-right-radius:20px;-moz-border-radius-bottomright:20px;-webkit-border-bottom-right-radius:20px;border-radius:0 20px 20px 0} /*--------------------------------------------------------------------------------------------------------- inContext styling - use these styles to show/hide elements while inContext editing is on or off ---------------------------------------------------------------------------------------------------------*/ .inContextOn { } body.inContextOn { margin-top:40px; } .inContextOff { } #inContextWarning { position:fixed; top:0; width:100%; height:30px; z-index:100000; color:#666; line-height:30px; } #inContextWarning, .inContextOff #inContextWarning { display:none; } .inContextOn #inContextWarning { display:block; } /*------------------------------------------------------------------------------------------------------ JS disabled styles -----------------------------------------------------------------------------------------------------*/ .js #noJSWarning, #noJSWarning { display:none; } .no-js #noJSWarning { display:block; position:fixed; bottom:0; width:100%; height:30px; z-index:100000; color:#666; line-height:30px; } .no-js nav li:hover ul { display:block; } .grid{ margin:32px 0; } .grid .row { background:#f1f1f1; } .grid .column > *, .grid .columns > *, .grid .block-grid > li { background:#ddd; } .grid .block-grid > li { border:1px solid #333; } /* ------------------------------ Photogalleries ------------------*/ .photogal ul { margin:0 -5px !important; padding:0; overflow:hidden; } .photogal ul li { width:20%; float:left; margin:0; padding:5px; list-style:none; } .photogal ul li a { display:block; overflow:hidden; } .photogal ul li img { width:100%; max-width:100%; display:block; vertical-align:top; } .photogal{ margin-bottom:10px; } @media (max-width: 640px) { .photogal ul li { width:50%; } }