/* Minification failed. Returning unminified contents. : run-time error CSS1036: Expected expression, found '' : run-time error CSS1036: Expected expression, found '' */ /*! * Font Awesome 4.3.0 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/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;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.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.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:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-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);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.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-remove:before,.fa-close:before,.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-photo:before,.fa-image:before,.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,.fa-bar-chart: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-f:before,.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-navicon:before,.fa-reorder:before,.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-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc: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-mail-reply-all:before,.fa-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,.fa-gratipay: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"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} .disclaimer-registered { font-size: 12px !important; } .footer-wrapper { background: #fff; margin: 0; padding: 0; } .registered { float: left; } .logged-in .footer-wrapper { background: #f7f7f7; margin: 0; position: fixed; bottom: 0; width: 100%; border-top: 1px solid #767676; -moz-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.05); padding: 10px 0; margin-top: 20px; } .logged-in .footer-navbar ul { float: right; margin-top:0; } .foot-info { margin-top: 20px; padding: 10px; text-align: justify; } /* --- Grey section --- */ .footer-chrome { background: #ffffff; background: -moz-linear-gradient(#ffffff,#ffffff); background: -webkit-linear-gradient(#ffffff,#ffffff); background: -o-linear-gradient(#ffffff,#ffffff); background: -ms-linear-gradient(#ffffff,#ffffff); font-size: .85em; padding: 15px 0 20px 0; margin: 10px 0 0 0; } .footer-chrome ul.primary li a { border: 0 solid #fff;background-color:transparent;color:#333;text-decoration:underline;} .footer-chrome ul.primary li a:hover { text-decoration:none; } .footer-navbar ul { list-style: none; margin: 20px 0; } .footer-navbar ul li { list-style: none; float: left; } .footer-navbar ul li a { margin: 0 20px 0 0; color: #333; } .footer-navbar ul.menu li { margin: 0; } .footer-navbar li.expanded, li.collapsed, li.leaf { margin: 0; padding: 0; } /* --- Footer --- */ #footer-logos, #footer-iso { font-size: 0; padding-top: 20px; } #footer-logos ul, #footer-iso ul { float: right; } #footer-logos li, #footer-iso li { display: inline; float: left; margin-left: 10px; } #footer-logos li a, #footer-iso li a { display: block; padding: 0; margin: 0; text-indent: -9999px; } #footer-iso { padding-top: 0; } #footer-iso li { float: right; } .footer-icons { margin: 10px 0 0; padding: 0; text-align: left; } .lloyds-icon { background: url(../../images/sprite-01-2018.png) -10px -193px no-repeat; width: 138px; height: 25px; } .iso27001-icon { background: url(../../images/sprite-01-2018.png) -91px -314px no-repeat; width: 70px; height: 70px; } .iso9001-icon { background: url(../../images/sprite-01-2018.png) -91px -237px no-repeat; width: 70px; height: 70px; } .isoqar-icon { background: url(../../images/sprite-01-2018.png) -93px -465px no-repeat; width: 70px; height: 75px; } .mastercard-icon { background: url(../../images/sprite-01-2018.png) -10px -328px no-repeat; width: 34px; height: 25px; } .visa-icon { background: url(../../images/sprite-01-2018.png) -10px -373px no-repeat; width: 51px; height: 25px; } .bacs-icon { background: url(../../images/sprite-01-2018.png) -10px -418px no-repeat; width: 72px; height: 25px; } .cyber-icon { background: url(../../images/sprite-01-2018.png) -91px -384px no-repeat; width: 69px; height: 69px; } /*! normalize.css http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls */ audio:not([controls]) { display: none; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0; } h2 { font-size: 1.3em; margin: 0; } h3 { font-size: 1.17em; margin: 0; } h4 { font-size: 1em; margin: 0; } h5 { font-size: 0.83em; margin: 0; } h6 { font-size: 0.75em; margin: 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7 */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* * Remove most spacing between table cells */ table { border-collapse: collapse; border-spacing: 0; } /* Style for Identity ONLY */ html { height: 100%; min-height: 100%; position: relative; overflow-x: hidden; /* Prevents horizontal scroll bar IE7 */ overflow-y: scroll; /* Always show side scroll to maintain page centre */ } body { margin: 0; padding: 0; color: #555; font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 0.75em; background: #ffffff; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } /* --- Layout Styles --- */ .content-wrapper { min-height: 300px; background: #fff; padding: 20px 0 20px; margin-top: 2px; } #header { border-bottom: 1px solid #767676; -moz-box-shadow: 0 3px 0rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 3px 0rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0rgba(0, 0, 0, 0.05); padding: 20px 0 0; margin-bottom: 20px; } nav.navbar { margin: 0; padding: 0; } nav.navbar ul { padding: 0; margin: 0; z-index: 9999; } nav.navbar li { float: left; font-size: 1.1em; font-weight: 600; margin: 0; padding: 0; position: relative; } nav.navbar li a { border-right: medium none; display: block; padding: 15px; text-decoration: none; } nav.navbar li a.logoHome { padding: 5px 5px 0 5px; } nav.navbar a { cursor: pointer; } nav.navbar a.level-1:after { /*background: url(../../images/sprite.png) no-repeat right -93px top -531px; padding-right: 30px;*/ /*font-family: 'FontAwesome'; content: "\f0d7"; font-size: 1em !important; font-style: normal; color: #767676; text-decoration: none !important; padding-left: 7px;*/ } nav.navbar li a { display: block; z-index: 999; } nav.navbar li a:hover { color: #fff; } nav.navbar li ul { display: none; margin-top: 0; padding-top: 4px; position: absolute; width: 180px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1); } .fa-caret-down:before { font-family: 'FontAwesome'; content: "\f0d7"; font-size: 1em; font-style: normal; color: #767676; text-decoration: none !important; padding-left: 7px; } .active ul { display: block !important; } nav.navbar li li { float: none; position: relative; } nav.navbar li.menu:hover li a { background: transparent; background-image: none; } nav.navbar li li:last-child { border-bottom: none !important; } .open { display: block; } /* --- Navbar Colours --- */ .dd .mainnavbar { background: #002E5F; border: none; z-index: 1100; position: relative; } .dd nav.navbar li ul, .dd nav.navbar li.active, .dd nav.navbar li.current, .dd nav.navbar li a:hover, .dd nav.navbar li a:focus { background-color: #164d88; } .dd nav.navbar li a { color: #FFFFFF; } .dd nav.navbar li ul li a { font-size: 0.9em; padding: 10px; } .dd nav.navbar li ul li:last-child a, .dd nav.navbar li ul li.active:last-child { color: #FFFFFF; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .dd nav.navbar ul li ul a:first-child:hover, .dd nav.navbar ul li ul a:first-child:focus { color: #fff; background-color: #002e5f !important; } .dd nav.navbar li li { border-bottom: 1px solid #002E5F; } /* User menu right align nav fix */ nav.navbar #user-menu li.menu ul { margin-left: -70px; } nav.navbar ul li.home a { padding: 9px 0 8px; margin-right: 10px; } .truncate { white-space: nowrap; overflow: hidden; width: 80px; text-align: right; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } section { width: 960px; margin: 0 auto; } /* --- Typography --- */ h1, h2 { font-weight: 600; color: #333; margin-bottom: 10px; } h1 { font-size: 1.7em; margin-bottom: 20px; } p, li, dt, dd, form { font-size: 1em; line-height: 1.4em; } form table { font-size: 0.82em; line-height: 1.3em; } p { margin-bottom: 20px; } p.small { font-size: 1em; } a, a:visited { color: #0072BC; outline: 0 none; text-decoration: underline; } a p, a:visited p { color: #555; outline: 0 none; text-decoration: none; } /* --- User navigation --- */ nav.user { float: right; padding: 4px 0 0; } nav.user li { display: inline; padding: 0 0 0 15px; margin: 0 0 0 10px; border-left: 1px solid #767676; font-size: 1em; color: #767676; } nav.user li:first-child { border-left: none; } .itemheaders { display: inline-block; width: 110px; font-style: normal; font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 1em; font-weight: 600; color: #555; padding-top: 10px; } .button-row .dummyspeechbubble { height: 0; } .fieldsetnohead { border: none; border-top: 0; padding: 0; position: relative; margin: 0 auto; } .labeltextboxalign { display: inline-block; font-family: 'Open Sans', arial, helvetica, sans-serif; font-size: 1.1em; font-style: normal; font-weight: normal; color: #555; margin: 0 10px 0 2px; width: 120px; line-height: 1.4em; text-align: left; } .labeltextboxalign.optional { margin: 0 2px 0 10px; width: 120px; } .labeltextboxalign.optional-sm { margin: 0 3px 0 7px; width: 90px; } .labeltextboxalign.optional-xl { margin: 0 11px 0 2px; } .labeltextboxalign.required { margin: 0 10px 0 2px; } .labeltextboxalign.required-sm { width: 90px; margin: 0 10px 0 0; } .labeltextboxalign.required-md { width: 155px; } .labeltextboxalign.required-xl { margin: 0 10px 0 2px; width: 200px; } .withinnotificationperiodwarning { padding: 3px 0; } .withinnotificationperiodwarning:before { font-family: 'FontAwesome'; content: "\F05A"; font-size: 1.5em; color: #0072bc; padding-left: 3px; margin-top: 3px; } .scriptnobubble { font-weight: 600; font-size: 1em; position: relative; padding: 6px; margin-right: 10px; } .nobottompad { padding-bottom: 0; } .ul-display-inline-block { display: inline-block; margin: 0 0 0 -25px; max-width: 159px; } .ul-display-inline-block-no-max-width { display: inline-block; margin: 0 0 0 -25px; } .field-validation-error-inline { background-color: #ffe9e9; color: #C82828; border: 1px solid #fbc4c4; list-style-type: none; list-style: none; margin-bottom: 3px; } .field-validation-error { padding-left: 3px; margin-top: 10px; } .red-text { display: inline-block; color: red; font-size: 1.1em; margin-left: -2px; } .back { position: relative; top: 0; padding: 15px; border: 1px solid #767676; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-align: left; z-index: 8888; left: 50px; } nav.btn-group a.back { left: 0; } /* --- Form Styles --- */ form h1 { font-size: 1.2em; font-weight: normal; margin: 0 0 20px; } fieldset { border: none; border-top: 1px solid #767676; padding: 0; position: relative; margin-top: 10px; margin-left: 0; margin-right: 0; } fieldset.s3 { margin-top: 5px !important; padding-top: 15px; } fieldset.s3.top { margin-top: 5px !important; border-top: 0; } form legend { padding: 5px 10px; margin: 20px 10px 10px 0; color: #fff; font-size: 1em; background: #002e5f; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } form.plain fieldset { border-top: none; padding: 0; } .none, form.plain legend { display: none; } .showLabel label {display:block !important;} .hideLabel label {display:none !important;} form label { display: block; float: left; clear: none; font-size: 0.9em; margin: 2px 0 8px !important; } form label.hidden { display: none !important; } form label b { display: inline-block; line-height: 1.4em; font-weight: 600; width: 120px; } div.request label b { width: 175px; margin-bottom: 15px; } form label span { display: block; font-size: 1em; font-style: italic; color: #767676; } /*italic fox for bank account tab*/ #bank-account-details label span { font-style: normal; } form label b span { display: inline; font-size: 1em; font-weight: normal; } form p { font-size: 0.9em; clear: left; margin: 0 0 20px 0; } form input[type='text'], form input[type='email'], form input[type='password'], form input[type='number'], form input[type='date'], form input[type='search'], textarea { font-size: 1em; color: #555; padding: 5px; margin: 0; background: #fff; border: 2px solid #767676; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1); box-shadow: inset 0 1px 5px rgba(0,0,0,0.1); width: 270px; } form input[type='text']:focus, form input[type='email']:focus, form input[type='password']:focus, form input[type='number']:focus, form input[type='date']:focus, form input[type='search']:focus, form input[type='checkbox']:focus, form input[type='checkbox']:active, textarea:focus { border: 2px solid #002E5F; -moz-box-shadow: 0 1px 5px rgba(178,100,165,0.4); -webkit-box-shadow: 0 1px 5px rgba(178,100,165,0.4); box-shadow: 0 1px 5px rgba(178,100,165,0.4); } input[type="checkbox"] + label:hover span, form input[type='text']:hover, form input[type='email']:hover, form input[type='password']:hover, form input[type='number']:hover, form input[type='date']:hover, form input[type='search']:hover, form input[type='checkbox']:hover, textarea:hover { border: 2px solid #bbb; -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.2); box-shadow: inset 0 1px 5px rgba(0,0,0,0.2); } form input[type='text']:disabled, form input[type='email']:disabled, form input[type='password']:disabled, form input[type='number']:disabled, form input[type='date']:disabled, form input[type='search']:disabled, textarea:disabled, form input[type='text'].disabled, form input[type='email'].disabled, form input[type='password'].disabled, form input[type='number'].disabled, form input[type='date'].disabled, form input[type='search'].disabled, textarea.disabled { border: 2px solid #767676; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #6D6D6D; background: #F5F5F5; cursor: not-allowed; } /* IE7+ and modern browsers */ input[disabled], select[disabled], textarea[disabled] { filter: alpha(opacity=60); } /* IE8+ and modern browsers */ input[type="button"][disabled="disabled"], input[type="button"][disabled] { filter: alpha(opacity=60); color: #fff !important; background-color: rgb(240,240,240); text-shadow: none; border: 1px solid #bbb; } form label input[type="radio"] { margin: 0 11px; vertical-align: middle; margin-bottom: 3px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } input#LiveDdisOnly { vertical-align: middle; } form label input[type="radio"]:focus, form label input[type="radio"]:active { -moz-box-shadow: 0 0 7px rgba(81, 203, 238, 1); -webkit-box-shadow: 0 0 7px rgba(81, 203, 238, 1); box-shadow: 0 0 7px rgba(81, 203, 238, 1); margin: 0 11px; border: 1px solid rgba(81, 203, 238, 1) inset; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } form input[type="submit"] { margin-left: 0; } /* --- Placeholder text --- */ input[type="text"]::-webkit-input-placeholder { color: #767676; } /* WebKit browsers */ input[type="text"]:-moz-placeholder { color: #767676; } /* Mozilla Firefox 4 to 18 */ input[type="text"]::-moz-placeholder { color: #767676; } /* Mozilla Firefox 19+ */ input[type="text"]:-ms-input-placeholder { color: #767676; } /* Internet Explorer 10+ */ div.form-select { overflow: hidden; /* hide select drop button */ padding: 0; margin: 3px 0 0 0; /*background: #fff url(../../images/formelements-select.png) no-repeat bottom right;*/ max-width: 19.5em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: solid 1px #767676; } div.form-select select { width: 125%; /* extends the drop down button out of view */ background-color: transparent; /* hides select background */ background-image: none; -webkit-appearance: none; /* required for Webkit browsers */ border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 8px 5px; /* padding should be added to the select, not the div */ cursor: pointer; } form table td.invalid div.form-select { width: 75%; color: #C82828; border: 1px solid #fbc4c4; } form input.amount { width: 280px; background: url(../../images/input-pound-icon.png) no-repeat 7px 60% #fff; padding-left: 20px !important; } input.amount { width: 240px; background: url(../../images/input-pound-icon.png) no-repeat 7px 60% #fff; padding-left: 20px !important; border: thin solid darkgray; } form input.amount:disabled { width: 280px; background: url(../../images/input-pound-icon.png) no-repeat 7px 60% #f5f5f5; padding-left: 20px !important; } input.amount:disabled { width: 240px; background: url(../../images/input-pound-icon.png) no-repeat 7px 60% #f5f5f5; padding-left: 20px !important; border: thin solid darkgray; } /* --- Forms and Tables --- */ form table td { vertical-align: middle; } form table label { margin-bottom: 10px; } form table label b { display: inline-block; margin-right: 5px; text-align: left; } /* --- Information form --- */ form.info { font-size: 1.2em; line-height: 1.2em; } form.info h2 { font-size: 0.9em; font-weight: 700; margin-top: 30px; margin-bottom: 10px; display: block; } form.info p { margin-bottom: 10px; } form.info label { margin-left: 140px; margin-bottom: 10px; } form.info label b { display: inline-block; width: 135px; line-height: 1.4em; font-weight: 600; margin-left: -140px; } form.info .button { margin-left: 140px; } /* Small form top right */ form.small.top-right { position: absolute; top: 0; right: 0; } form.small p { clear: none; display: inline-block; margin-right: 10px; } form.small label { float: none; clear: none; display: inline-block; width: 140px; margin-right: 10px; } /* --- Horizontal form mostly used for table filter and search --- */ form.inline { margin: 10px 0; padding-bottom: 15px; } form.inline fieldset { border-top: none; padding-bottom: 0; } form.inline legend { display: none; } form.inline label { float: left; clear: none; display: inline-block; width: 120px; margin: 0 15px 0 0; font-size: 0.8em; } form.inline label input[type=checkbox] { padding: 0; margin: 0; width: auto; text-align: center; } form.inline .button { font-size: 0.9em; margin: 18px 0 0 !important; padding: 6px 15px; } /* --- Form rows on Create DD's and accounts --- */ .form-row { overflow: hidden; padding-bottom: 10px; } .form-elements { margin-right: 10px; } .form-info { float: left; } .form-confirm p.script { margin-bottom: 50px; } .form-confirm .form-info { float: right; } div.step { position: relative; } /* --- Notification blocks --- */ .notification { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 20px; padding: 5px 15px 15px 55px; } .notification.error { /*background: #ffe9e9 url(../../images/error-icon-32.png) no-repeat 12px 12px;*/ } .notification.success, .notification-success { background-color: #EBF6E0; color: #5f9025; border: 1px solid #b3dc82; } .notification.error, .field-validation-error, .validation-summary-errors { background-color: #ffe9e9; color: #C82828; border: 1px solid #fbc4c4; } .validation-summary-errors { padding: 5px 10px 0; } .notification.alert { /*background: #FBFADD url(../../images/alert-icon.png) no-repeat 12px 12px;*/ color: #8f872e; border: 1px solid #ded58a; padding-left: 55px; } .notification.info { /*background: #E9F7FE url(../../images/info-icon-16.png) no-repeat 5px 5px;*/ color: #5091b2; background: #E9F7FE; border: 1px solid #b6d7e8; padding: 3px 3px 0 3px; } .flex { display: flex; } form .notification { padding-top: 10px; font-size: 1em; } form .notification.info, .form.notification.info { /*background: #fff url(../../images/info-icon-16.png) no-repeat 12px 12px;*/ background: #fff; border: none; /* padding-left: 38px; changed to zer0 to prevent left alignment inconsistency with less content on login*/ padding-left: 0; padding-top: 10px; color: #767676; } form .notification.info.search-info, .form.notification.info.search-info { color: #5091b2; background: #E9F7FE !important; border: 1px solid #b6d7e8; padding: 3px 3px 0 3px; height: 45px; } /* Dotted Focus outline */ * { outline: none; } /*:focus { -moz-outline-style: none; }*/ 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, select::-moz-focus-inner, button::-moz-focus-inner { border: none; } a:hover, a:active, a:focus, select:active, select:focus, div.form-select:active, div.form-select:focus, div.form-select select:active div.form-select select:focus { outline: 0 none; /*-moz-outline-style: none;*/ } /* --- Buttons --- */ .buttonContainer { padding-top: 20px; clear: both; /* padding: 10px; Removed for alignment to left of page - styling improvement */ position: relative; } .button, button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; display: inline-block; font-size: 1em; font-weight: 600; font-family: 'Open Sans', arial, helvetica, sans-serif !important; color: #353535 !important; text-shadow: 0 1px 0 rgba(255,255,255,0.8); overflow: visible; padding: 8px 15px; position: relative; text-decoration: none; margin: 0 30px 0 0; margin-bottom: 20px !important; text-align: center; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,1); box-shadow: inset 0 1px 0 rgba(255,255,255,1); border: 1px solid #bbb; background: #e5e5e5; /* Old browsers */ background-image: -webkit-linear-gradient(#fbfbfb, #e5e5e5); /* Chrome10+,Safari5.1+ */ background-image: -moz-linear-gradient(#fbfbfb, #e5e5e5); /* FF3.6+ */ background-image: -o-linear-gradient(#fbfbfb, #e5e5e5); /* Opera11.10+ */ background-image: -ms-linear-gradient(#fbfbfb, #e5e5e5); /* IE10+ */ background-image: linear-gradient(#fbfbfb, #e5e5e5); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#e5e5e5'); /* --- IE8 ---*/ z-index: 0; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0 none; padding: 0; } .button:active { -moz-transform: translateY(1px); -ms-transform: translateY(1px); -o-transform: translateY(1px); -webkit-transform: translateY(1px); transform: translateY(1px); } input.button { padding: 8px 12px; min-width: 75px; } .plum { text-shadow: none; background: #002E5F; border: 1px solid #002E5F; -moz-box-shadow: inset 0 0 0 rgba(255,255,255,0.2); -webkit-box-shadow: inset 0 0 0 rgba(255,255,255,0.2); box-shadow: inset 0 0 0 rgba(255,255,255,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002E5F', endColorstr='#164d88'); } .plum:hover { border: 1px solid #164d88; text-shadow: none; background: #164d88; -moz-box-shadow: 0 1px 5px rgba(178, 100, 165, 0.5); -webkit-box-shadow: 0 1px 5px rgba(178, 100, 165, 0.5); box-shadow: 0 1px 5px rgba(178, 100, 165, 0.5); background-image: none; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#002E5F', endColorstr='#164d88') } .plum:focus { border: 1px solid #164d88; text-shadow: none; background: #002E5F; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#002E5F', endColorstr='#164d88') } p.plum, a.plum { text-decoration: none; color: #fff !important; display: inline-block; padding: 8px 15px; } p.plum a { padding: 0; color: #fff; text-decoration: none; } /* --- Do not remove disabled classes --- */ .plum:hover[disabled] { -moz-box-shadow: 0 0 0 rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.1); box-shadow: 0 0 0 rgba(0,0,0,0.1); border: 1px solid #ddd; } input.button.plum, input.plum.button { color: #fff !important; } /* Works with no spacing for inactive button */ input:disabled.button.plum, input:disabled.plum.button { color: #fff !important; background-color: rgb(240,240,240); background: rgb(240,240,240); /* IE10+ */ text-shadow: none; border: 1px solid #ddd; } /* --- End of disabled --- */ .grey:focus { background: #e5e5e5; border: 1px solid #999; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1', endColorstr='#e1e1e1'); /* --- IE8 ---*/ } .grey:hover { background: #e5e5e5; border: 1px solid #999; background-image: -webkit-linear-gradient(#e5e5e5, #f7f7f7); background-image: -moz-linear-gradient(#e5e5e5, #f7f7f7); background-image: -o-linear-gradient(#e5e5e5, #f7f7f7); background-image: -ms-linear-gradient(#e5e5e5, #f7f7f7); background-image: linear-gradient(#e5e5e5, #f7f7f7); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f7f7f7'); /* --- IE8 ---*/ } /* --- Customer Header --- */ .header { position: relative; } .customer .header { /*padding-bottom: 95px; margin-bottom: 20px; border-bottom: 1px solid #767676;*/ min-height: 160px; } .customer .header h1 { margin-bottom: 0; } .customer .header h2 { font-size: 1.2em; font-weight: 600; color: #555; } .header h2 { margin-bottom: 0; } .head { border-top: 1px solid #767676; width: 960px !important; } .divide { padding: 20px 0; } .slim { padding: 0; } /* --- Account info sub menu --- */ .header .btn-group { position: absolute; top: -10px; right: 0; text-align: right; z-index: 888; } .btn-group li { font-size: 1em; line-height: 1.4em; margin: 0 0 0 -1px; float: left; display: block; } .btn-group li a.reveal { padding-right: 20px; background: url(../../images/sprite.png) no-repeat right -98px bottom -91px; } .btn-group li:first-child a { -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .btn-group li:last-child a { -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .btn-group li a { display: inline; float: left; padding: 5px 10px 7px; text-decoration: none; color: #333; border: 1px solid #767676; } .btn-group button { margin: 0 !important; } .drpdn-group li { float: none; } .drpdn-group li a { margin: 0 0 0 -40px; padding: 0; border: none; clear: left; line-height: 1.7em; } .btn-group li:hover, .btn-group li:focus, .btn-group li:active { background-color: #f5f5f5; } .compact { margin: 0 6px 20px 0 !important; } .wordwrap { -ms-word-wrap:break-word; word-wrap:break-word;} /* --- Fixed Table widths to accommodate wider labels --- */ .nowrapField { white-space: nowrap; } /* --- Misc fixes for pages --- */ .all-right { float: right; text-align: right; } .right { float: right !important; } .left { float: left !important; } .tal { text-align: left; } .tar { text-align: right; } .tac { text-align: center; } .rowcontainer { padding: 10px; position: relative; } .rowcontent { padding: 10px; position: relative; border: 1px solid #aaa; } .spacer-row { padding: 1px 0; width: 100%; margin-bottom: 3px; height: 36px; } /* CreateDDi buttons spacing support for Firefox */ @-moz-document url-prefix() { .ff-spacer { padding: 1px 0; width: 100%; margin-bottom: 3px; height: 36px; } } .gap-row { padding: 1px 0; width: 100%; height: 15px; } .gap-xl { min-height: 50px; } gap-xxl { min-height: 65px !important; } .button-row { padding: 1px 0; margin-bottom: 3px; margin-top: 20px; } .editor.small.signin .plum.button, .editorwide.small.signin .plum.button { margin-left: 10px; margin-top: 5px; } /* hide */ .noshow { display:none; } /* Remove margins from buttons to position flat */ .flat { margin: 0; } .remove-bottom { margin-bottom: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .add-top-bottom { margin: 10px 0; } .add-pad-top { padding-top: 20px; } .pad-btm { padding-bottom: 20px; } .add-margin-right { margin-right: 10px !important; } .clear-l { clear: left; } .strong { font-weight: bold; } /*fix checkbox alignment*/ input[type="checkbox"] { margin-top: 2px; } /* --- IE7 --- */ * + html .customer .header { padding-bottom: 0; } * + html .drawer { border-bottom: 1px solid #767676; } form .manditory-asterisk { margin-right: 5px; } /* Icons optimisation */ .allpay-logo { background: url(../../images/sprite.png) -10px -10px no-repeat; width: 40px; height: 40px; padding: 2px 0; } /* Font Awesome styling */ .fa-down-arrow, .fa-up-arrow { font-size: 1.2em; color: #777; } .fa-info-circle { font-size: 1.5em; color: #0072bc; padding-left: 10px; } .fa-close:hover, .fa-remove, .fa-remove:hover { color: #a82a04; } .fa-chevron-down, .fa-chevron-up { float: right; font-size: 0.8em; color: #666; margin-top: 2px; } .fa-caret-down:before { font-family: 'FontAwesome'; content: "\f0d7"; font-size: 1em; font-style: normal; color: #767676; text-decoration: none !important; padding-left: 7px; } .awesomearrow:before { font-family: 'FontAwesome'; content: "\f063"; font-style: normal; color: #555; text-decoration: none !important; } .fa-large { font-size: 2.1em; } .editor.small.signin, .editorwide.small.signin { padding-top: 10px; } /* Give navbar elements a white focus border instead of blue */ .mainnavbar a:focus, .mainnavbar li:focus { outline: 2px solid #FFF; } a:focus, input:focus, select:focus, i:focus, div:focus { outline: 2px solid #002E5F; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 700; src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff'); } @font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 800; src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(//themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxkCDe67GEgBv_HnyvHTfdew.woff) format('woff'); } /* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 300px; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 420px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* Layout for Identity ONLY */ /* Responsive overrides*/ /* 960 */ @media only screen and (min-width: 60em) { } /* 960 */ @media only screen and (max-width: 60em) { .selectnav { visibility: hidden; display: none; } nav.navbar #user-menu li.menu ul { margin-left: -86px !important; } nav.navbar li a.logoHome { padding: 2px !important; } nav.navbar li a { padding: 15px 5px!important; } #footer-iso li a { margin-bottom: 10px; } .footer-chrome { font-size: .8em; } } /* 768-959 */ @media only screen and (min-width: 48em) and (max-width: 59.999em) { .selectnav { padding: 2px 2px 2px 10px; height: 40px; margin-bottom: 20px; font-size: 1.3em; visibility: visible; display: inline; border: 0 solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } nav.navbar { padding: 0; height: 50px !important; margin-bottom: 5px; } #footer-logos .seven.columns { width: 355px; } #footer-logos .nine.columns { width: 365px; } #footer-logos ul { text-align: right; } li a.sponsors-tsb { background-size: 86px; } li a.sponsors-bacs { background-size: 56px; } li a.sponsors-certification-bureauveritas { background-size: 43px; } li a.sponsors-certification-bureauveritas-ukas { background-size: 57px; } li a.sponsors-mastercard { background-size: 32px; } li a.sponsors-visa { background-size: 40px; } li a.sponsors-gloucester-rugby { background-size: 22px; } li a.sponsors-wccc { background-size: 22px; } nav.navbar li { font-size: .89em; } nav.navbar li a { padding: 15px 7px !important; } .btn-group li { font-size: .9em; } .btn-group li a { padding: 2px 9px 3px; } .customer .header { padding-bottom: 76px; border-bottom: none; min-height: 80px !important; } .head.divide { width: 768px !important; } .notification { margin-bottom: 0; } .one.column .grey.button { margin: 0 !important; } } /* 767 */ @media only screen and (max-width: 47.999em) { .mainnavbar .container.header-nav .twelve.columns, .mainnavbar .container.header-nav .four.columns { width: 200px; } .footer-icons { padding-top: 20px !important;} nav.navbar #user-menu li.menu ul { margin-left: -90px !important; } .editor.small.signin .plum.button { margin-left: 0 !important; } } /* 479 */ @media only screen and (max-width: 29.999em) { .mainnavbar .container.header-nav .twelve.columns, .mainnavbar .container.header-nav .four.columns { width: 150px; } .footer-icons { padding-top: 20px !important;} } /* --- Fix columns full-width --- */ .container .sixteen.columns { width: 100%; }