/*font-family:Georgia, "Times New Roan", Times, serif;*/ /*@font-face { font-family:"Roboto Condensed"; font-style:normal; font-weight:400; src:url(fonts/robotocondensed-regular-webfont.woff),url(fonts/robotocondensed-regular-webfont.ttf),url(fonts/robotocondensed-regular-webfont.eot),url(fonts/robotocondensed-regular-webfont.svg); } @font-face { font-family:"Roboto Condensed"; font-style:normal; font-weight:300; src:url(fonts/robotocondensed-light-webfont.woff),url(fonts/robotocondensed-light-webfont.ttf),url(fonts/robotocondensed-light-webfont.eot),url(fonts/robotocondensed-light-webfont.svg); } @font-face { font-family:"Roboto Condensed"; font-style:normal; font-weight:700; src:url(fonts/robotocondensed-bold-webfont.woff),url(fonts/robotocondensed-bold-webfont.ttf),url(fonts/robotocondensed-bold-webfont.eot),url(fonts/robotocondensed-bold-webfont.svg); }*/ @font-face { font-family: 'icomoon'; src:url('fonts/icomoon.eot?2zoh1v'); src:url('fonts/icomoon.eot?#iefix2zoh1v') format('embedded-opentype'), url('fonts/icomoon.woff?2zoh1v') format('woff'), url('fonts/icomoon.ttf?2zoh1v') format('truetype'), url('fonts/icomoon.svg?2zoh1v#icomoon') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family: "barcodeFont"; src: url("fonts/FREE3OF9.eot?") format("eot"),url("fonts/FREE3OF9.woff") format("woff"),url("fonts/FREE3OF9.ttf") format("truetype"),url("fonts/FREE3OF9.svg#Free3of9") format("svg"); font-weight: normal; font-style: normal;} [class^="icon-"], [class*=" icon-"] { font-family:'icomoon'; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; /* Better Font Rendering =========== */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; } .icon-menu:before { content:"\e600"; } #Kx { font-family:'PT Sans',sans-serif; font-size:1.2em; margin:2em; } #Kx p { clear:both; } #Kx form, #Kx button, #Kx input, #Kx select, #Kx textarea, .ui-widget { } #Kx form h1 { color:#54585b; font-weight:300; } #Kx h2 { font-size:1.2em; } #Kx h2, #Kx h3 { clear:both; } #Kx h3 { font-size:1.8em; margin-top:1.3em; } #Kx h2 { color:#02456d; font-size:2.3em; font-weight:normal; line-height:1.2; margin:0 0 1em; } #Kx .Preferences h1 { background:#F3F3F3; font-size:2.4em; left:-.85em; margin-bottom:0; padding:.3em 0 .3em .8em; opacity:.9; position:relative; width:102.9%; z-index:500; } #Kx button { background:none; border:none; } #Kx label { cursor:default; } #Kx label[for], #Kx label.radio, #Kx label.checkbox { cursor:pointer; } #Kx .dl-horizontal { clear:both; font-size:1.2em; } #Kx .dl-horizontal dt { overflow:inherit; white-space:normal; width:27%; } #Kx .dl-horizontal dd { margin-left:29%; } #Kx .container, #Kx .navbar-fixed-bottom .container, #Kx .navbar-fixed-top .container, #Kx .navbar-static-top .container, #Kx .span12 { width:95%; } #Kx .Clear { clear:both; } #Kx .ImageReplace { overflow:hidden; padding:0; text-indent:100%; white-space:nowrap; } #Kx .dropdown.open { z-index:800; } #ui-datepicker-div .ui-state-active { background:#555; } /*Croppable Image*/ #Kx .responsive-image-frame { overflow:hidden; width:100%; } #Kx .responsive-image-frame > div { height:106px; overflow:hidden; /*padding-top:100%;*/ position:relative; width:100%; } #Kx .responsive-image-frame > div > img { bottom:0; display:block; left:0; margin:auto; max-width:none; min-height:100%; min-width:100%; position:absolute; right:0; top:0; } 0 /*Preferences*/ #Kx .FilterSetTwo { clear:both; } #Kx .FilterSetTwo .control-group > .Type { float:left; } #Kx .FilterSetTwo .control-group > .Sort { float:right; } #Kx .FilterSetTwo .control-group label { float:left; margin:.8em .5em .8em 1.5em; } #Kx .FilterSetTwo .control-group label { float:left; margin:.7em .5em 0 2em; } #Kx .FilterSetTwo .control-group .dropdown div { border:2px solid #dedede; border-top-width:1px; } #Kx .FilterSetTwo button { font-size:1.2em; line-height:1; margin-right:.5em; padding-left:0; padding-right:.7em; } #Kx .FilterSetTwo button b { font-size:1.2em; margin-right:.2em; } #Kx .FilterSetTwo .pull-left button, #Kx .Selected p#IntroExplain span#Available { font-weight:bold; } #Kx .FilterSetTwo .Available, #Kx .Selected p#IntroExplain span#Available { color:#005288; } #Kx .FilterSetTwo .Chosen { color:#005288; } #Kx .FilterSetTwo .Compare { color:#49aedf; } #Kx .FilterSetTwo .Available b, #Kx .FilterSetTwo .Chosen b, #Kx .FilterSetTwo .Compare b, #Kx .Selected p#IntroExplain span#Available b { border:2px solid #005288; border-radius:50%; display:inline-block; height:1.3em; line-height:1.3; width:1.3em; } #Kx .FilterSetTwo .Available b { line-height:1.4em; } #Kx .Selected p#IntroExplain span#Available { font-size:.9em; } #Kx .Selected p#IntroExplain span#Available b { font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; line-height:1.4; margin-right:.2em; text-align:center; } #Kx .FilterSetTwo .Chosen, #Kx .FilterSetTwo .Compare { position:relative; } #Kx .FilterSetTwo .Chosen b, #Kx .FilterSetTwo .Compare b { background:#fff; margin-right:1em; position:relative; z-index:150; } #Kx .FilterSetTwo .Chosen span, #Kx .FilterSetTwo .Compare span { background:#005288; border-radius:18%; color:#fff; left:1.1em; font-size:.9em; padding:.15em .4em .15em 0; position:absolute; text-align:right; width:1.5em; } #Kx .FilterSetTwo .Compare span { background:#005288; } #Kx .FilterSetTwo .Compare b, #Kx .Selected p#IntroExplain span#Available b { border-color:#4eb0e0; } #Kx .FilterSetTwo .Available b, #Kx .Selected p#IntroExplain span#Available b { border-color:#005288; margin-left:.1em; } #Kx .FilterSetTwo .Available.Active { background:#005288; color:#fff; } #Kx .FilterSetTwo .Compare.Active, #Kx .FilterSetTwo .Compare.Active i { background:#005288 !important; color:#fff !important; } #Kx .FilterSetTwo .Compare.Active b { background:none; } #Kx .FilterSetTwo .Chosen.Active, #Kx .FilterSetTwo .Chosen.Active i { background:#005288 !important; color:#fff !important; } #Kx .FilterSetTwo .Chosen.Active b { background:none; } #Kx .FilterSetTwo button { border-radius:14% / 50%; } #Kx .Selected p#IntroExplain { display:none; text-align:center; } #Kx .Selected p#IntroExplain.Active { display:block; margin-top:1em; } #Kx .Preferences button i { font-style:normal; } #Kx .RoomSwitcher, #Kx .RoomSwitcher .ui-state-default, #Kx .RoomSwitcher .ui-widget-header, #Kx .RoomSwitcher .ui-widget-content { border:none; } #Kx .RoomSwitcher { display:none; position:relative; } #Kx .RoomSwitcher.Active { display:block; } #Kx .RoomSwitcher .Tabs { position:absolute; right:1em; top:1em; width:8em; z-index:500; } #Kx .RoomSwitcher .Tabs ul { width:100%; } #Kx .RoomSwitcher .Tabs ul, #Kx .RoomSwitcher .Tabs ul li { background:none; float:left; line-height:1; } #Kx .RoomSwitcher .Tabs ul li { width:50%; } #Kx .RoomSwitcher .Tabs button { background:url(../images/preferencessprite.png) right -102px no-repeat transparent; color:#505050; display:block; font-weight:bold; height:2.3em; outline-color:#bcbcbc; padding:0; text-align:left; width:9em; } /*#Kx .RoomSwitcher .Tabs ul li button.Map { background-position:50% -15px; }*/ #Kx .RoomSwitcher .Tabs button.List.Active { background-position:50% -61px; } #Kx .RoomSwitcher .Tabs button.Map.Active { background-position:right -157px; } #Kx #MaxPreferenceInfo button.RemoveSelected { background:url(../images/remove.png) center top no-repeat; height:25px; position:absolute; right:2.2em; top:0; width:20px; } #Kx #MaxPreferenceInfo button.RemoveSelected:hover { background-position:center -35px; } #Kx #PageAside h2 { color:#222; font-size:1.333em; font-weight:700; line-height:20px; margin:0; text-transform:uppercase; } #Kx #PageAside input { font-size:18px; } #Kx #PageAside #MaxPreferenceInfo { color:#00375C; margin:2.25em 0 0; position:relative; } #Kx #PageAside #Basket { margin:2.5em 2em 0; } #Kx #PageAside #Basket > li { background-color:#D3D3D3; line-height:3; margin-bottom:1.5em; padding:0 15%; position:relative; text-align:center; } #Kx #PageAside #Basket > li span.icon-menu { color:#686868; cursor:pointer; font-size:1.7em; left:1em; position:absolute; top:.35em; } #Kx #PageAside #Basket .RemovePreference { display:block; padding:7px; position:absolute; right:.5em; top:.4em; } #Kx #PageAside #Basket .RemovePreference img { display:block; } #Kx #PageAside #Basket .PreferenceNumber { background-color:#005288; border-radius:50%; color:#fff; display:block; font-size:1.5em; font-weight:700; height:1.25em; left:10%; line-height:1.45em; margin-top:-0.625em; margin-left:-0.625em; position:absolute; text-align:center; top:50%; width:1.25em; } #Kx #PageAside #Basket [data-prefnum="1"] .PreferenceNumber { font-size:2em; } #Kx #PageAside #Basket [data-prefnum="2"] .PreferenceNumber { font-size:1.75em; } #Kx #PageAside #Basket .PreferenceDetails { display:block; font-size:1.333em; font-weight:700; line-height:1.626em; margin:.3em 0; } #Kx #PageAside #Basket .PreferenceDetails .Price { color:#005288; } #Kx #PageAside #ConfirmPreferences { display:none; padding:3em 9%; } #Kx #PageAside #ConfirmPreferences label { color:#797979; font-size:1em; } #Kx #PageAside #RemainingPreferencesInfo, #Kx #PageAside[data-basket-state="max"] #RemainingPreferencesInfo { display:none; margin:0; } #Kx #PageAside #RemainingPreferencesInfo.Active { display:block; } #Kx .PreferencesFilters .styled-radio { width:auto; } #Kx .Preferences label[for="SortPreferencesBy"] { color:#222; font-size:1.083em; } #Kx .Preferences .outputDiv { margin-left:2em; } #Kx .Preferences .RoomRow.Selected { background:#005985; color:#fff; } #Kx .Preferences .RoomRow.Selected button.Select { background:none; border:none; color:#fff; } #Kx .Preferences .RoomRow.Selected button.Select:hover { background:none; } #Kx .Preferences .RoomRow.FilteredOut { display:none; } #Kx .Preferences .MainInfo dt { text-transform:uppercase; } #Kx .Preferences .MainInfo .responsive-image-frame { margin-left:2em; max-height:120px; } #Kx .Preferences .MainInfo .dl-horizontal { margin:-3px 0 0; } #Kx .Preferences .MainInfo .dl-horizontal dt { color:#bcbcbc; font-size:1.083em; font-weight:normal; width:5.5em; } #Kx .Preferences .MainInfo .dl-horizontal dd { color:#222; font-size:1.333em; font-weight:700; margin-left:5.5em; } #Kx .Preferences .MainInfo ul { width:100%; } #Kx .Preferences .MainInfo ul li { float:left; font-size:1.2em; font-weight:400; margin:0 2em 0 0;} #Kx .Preferences .MainInfo ul li div { font-size:.7em; font-weight:400; line-height:1; text-transform:uppercase; } #Kx .Preferences .MainInfo ul li span { clear:both; display:block; } #Kx .Preferences .MainInfo .SORTroomtype + div { font-size:1.7em; margin:.5em 0 .5em; } #Kx .Preferences .MainInfo .InfoDetails { margin-bottom:1em; } #Kx .Preferences .MainInfo .img-replace { background:url(images/map-sprite.png) no-repeat; display:inline-block; height:12px; margin-left:3px; position:relative; top:1px; width:7px; } #Kx .Preferences .MainInfo .SiteIcon { background-position:0 -78px; } #Kx .Preferences .MainInfo .AreaIcon { background-position:0 -94px; } #Kx .Preferences .MainInfo .RoomSelect dl { margin:0 0 1em 3em; text-align:left; } #Kx .Preferences .MainInfo .RoomSelect dt { font-size:.9em; } #Kx .Preferences .MainInfo .RoomSelect dd { font-size:1.4em; margin:0; } #Kx .Preferences .MainInfo .RoomSelect .Group { margin-left:3em; text-align:left; } #Kx .Preferences .MainInfo .RoomSelect .Group button:first-child { margin-right:.6em; } #Kx .Preferences .MainInfo .RoomSelect label { color:#222; font-size:1.333em; font-weight:700; margin-top:-3px; } #Kx .Preferences .MainInfo .RoomSelect select { height:5em; } #Kx input.PrefStatus { display:none; } #Kx .Preferences .MainInfo .RoomSelect button, #Kx .Compare .Repeater button, #Kx .Compare .Repeater button:focus, #Kx .Selected p#IntroExplain span#PrefIcon { border-radius:50%; border:2px solid #005986; color:#005986; font-size:1.6em; font-weight:bold; height:1.5em; line-height:1em; padding:0; width:1.5em; } #Kx .Preferences .MainInfo .RoomSelect button:hover { background-color:#005986; color:#fff; } #Kx .Selected p#IntroExplain span#PrefIcon { display:inline-block; font-size:1.2em; height:1.2em; line-height:1.4; text-align:center; width:1.2em; } #Kx .Compare ul li ul { margin-top:.3em; } #Kx .Preferences .MainInfo .RoomSelect button.Select.Active, #Kx .Preferences .Compare button.Select.Active { background:#7ec500; color:#fff; } #Kx .Preferences .MainInfo .RoomSelect button.Compare, #Kx .Compare button.Compare { background:#fff; border-color:#49aedf; overflow:hidden; } #Kx .RoomRow button.Compare span { background:#DFEEF5; float:left; height:1.5em; width:50%; } #Kx .RoomRow button.Compare.Selected span { background:#49aedf; } #Kx li.RoomRow, #Kx li.EmptyText { font-size:1.4em; margin:0 0 1em 0; padding-left:1em; } #Kx li.RoomRow span { display:block; padding-top:.6em; } #Kx .Preferences .MainInfo .RoomSelect div.ui-effects-wrapper { display:inline-block; } #Kx .Preferences .MainInfo .RoomSelect div.ui-effects-wrapper button { height:1.5em !important; width:1.5em !important; } #Kx .Preferences .MainInfo .RoomSelect button.Selected { background:#fff; } /*#Kx .Preferences .Highlight { color:#6099e7 !important; }*/ #Kx .Preferences .MoreInfoTabs, #Kx .Preferences .MoreInfoTabs .ui-tabs-nav, #Kx .Preferences .MoreInfoTabs .ui-tabs-nav li, #Kx .Preferences .MoreInfoTabs .ui-tabs-nav a, #Kx .Preferences .MoreInfoTabs .ui-tabs-nav .ui-state-hover a, #Kx .Preferences .MoreInfoTabs .ui-tabs-nav .ui-state-focus a, #Kx .Preferences .MoreInfoTabs .ui-tabs-panel { background:none; border:0; border-radius:0; box-shadow:none; outline:0; } #Kx .Preferences .MoreInfoTabs { background-color:#D3D3D3; clear:both; float:left; margin-top:1.25em; width:100%; } #Kx .Preferences .MoreInfoTabs .ui-tabs-nav { margin:0; } #Kx .Preferences .RoomRow.Selected .MoreInfoTabs .ui-tabs-nav { background:none; } #Kx .Preferences .MoreInfoTabs .ui-tabs-nav .span2_4 { margin:0; width:20%; } #Kx .Preferences .MoreInfoTabs .ui-tabs-nav a { color:rgb(119, 119, 119); display:inline-block; font-size:1em; font-weight:700; line-height:2.2em; padding:.2em 1em; text-transform:uppercase; } #Kx .Preferences .MoreInfoTabs .ui-tabs-nav a, #Kx .Preferences .MoreInfoTabs .ui-tabs-nav .ui-state-hover a, #Kx .Preferences .MoreInfoTabs .ui-tabs-nav .ui-state-focus a { border:solid transparent; /*border-width:0 0 5px;*/ box-sizing:border-box; text-decoration:none; } #Kx .Preferences .MoreInfoTabs .ui-tabs-nav li + li a, #Kx .Preferences .MoreInfoTabs .ui-tabs-nav li + .ui-state-hover a, #Kx .Preferences .MoreInfoTabs .ui-tabs-nav li + .ui-state-focus a { border-left:0; } #Kx .Preferences .MoreInfoTabs .ui-tabs-nav .ui-state-active a { border-bottom:5px solid #B3B3B3; color:#0a0a0a; } #Kx .Preferences .RoomRow.Selected .MoreInfoTabs .ui-tabs-nav .ui-state-active a { border-bottom-color:#e4e4e4; } #Kx .Preferences .MoreInfoTabs .ui-widget-content { background:#B3B3B3; padding:20px; } #Kx .Preferences .MoreInfoTabs .MapPane > div { border:1px solid #c9c9c9; } #Kx .Preferences .RoomRow.Selected .MoreInfoTabs .ui-widget-content { background:#e4e4e4; } #Kx .Preferences .MoreInfoTabs .ImagesPane a { display:inline-block; position:relative; } #Kx .Preferences .MoreInfoTabs .ImagesPane a img { display:block; } #Kx .Preferences .MoreInfoTabs .ImagesPane a:hover:after { background:url(../images/zoom-icon.png) no-repeat 0 0; content:""; display:block; height:46px; left:50%; margin-top:-23px; margin-left:-22px; position:absolute; top:50%; width:45px; } #Kx .Preferences .MoreInfoTabs .FacilitiesPane ul { -moz-column-count:3; -webkit-column-count:3; column-count:3; -moz-column-gap:20px; -webkit-column-gap:20px; column-gap:20px; margin-left:0; } #Kx .Preferences .MoreInfoTabs .FacilitiesPane ul li { background:url(../images/facilitytick.png) no-repeat 0 4px; -moz-column-break-inside:avoid; -webkit-column-break-inside:avoid; column-break-inside:avoid; font-size:1.154em; line-height:1.4em; list-style-type:none; margin-bottom:0.4em; padding-left:20px; -moz-page-break-inside:avoid; -webkit-page-break-inside:avoid; page-break-inside:avoid; } #Kx .Preferences .MoreInfoTabs .FacilitiesPane ul li.InActiveFacility { background-image:none; color:#999; text-decoration:line-through; } #Kx .Preferences .MoreInfoTabs .MoreInfoPane h3 { font-size:1.231em; font-weight:700; line-height:20px; margin:0; } #Kx .Preferences .MoreInfoTabs .MoreInfoPane p { font-size:1.154em; } #Kx .Preferences .outputDiv ul { display:block; font-size:1.1em; margin:1em 0 0; } #Kx .ui-widget { font-family: 'PT Sans',sans-serif; } #Kx .Carousel { box-sizing:border-box; height:110px; padding:0 30px; position:relative; width:100%; *width:85%; } #Kx .Carousel button { height:100%; position:absolute; top:0; width:50px; z-index:1; } #Kx .Carousel button .img-replace { background:url(images/carousel-sprite.png) no-repeat; display:block; height:40px; margin-top:-20px; margin-left:-5px; left:50%; position:absolute; top:50%; width:10px; } #Kx .Carousel button[disabled] { cursor:default; cursor:not-allowed; } #Kx .Carousel .CarouselPrev { left:-20px; } #Kx .Carousel .CarouselNext { right:-20px; } #Kx .Carousel .CarouselPrev .img-replace { background-position:0 0; } #Kx .Carousel .CarouselNext .img-replace { background-position:-10px 0; } #Kx .Carousel .CarouselPrev[disabled] .img-replace { background-position:-20px 0; } #Kx .Carousel .CarouselNext[disabled] .img-replace { background-position:-30px 0; } #Kx .Carousel .CarouselNext:after { /*background:linear-gradient(to left, #B3B3B3, transparent); background: -moz-linear-gradient(left, rgba(229,229,229,0) 0%, rgba(173,173,173,1) 100%); background: -webkit-linear-gradient(left, rgba(229,229,229,0) 0%,rgba(173,173,173,1) 100%); background: -ms-linear-gradient(left, rgba(229,229,229,0) 0%,rgba(173,173,173,1) 100%); background: linear-gradient(to right, rgba(229,229,229,0) 0%,rgba(173,173,173,1) 100%);*/ content:""; display:block; height:100%; left:-20px; position:absolute; top:0; width:20px; } #Kx .Carousel .CarouselNext[disabled]:after { display:none; } #Kx .Carousel .CarouselFrame { height:100%; overflow:hidden; *position:relative; width:100%; } #Kx .Carousel .CarouselContent { font-size:0; height:100%; position:relative; white-space:nowrap; } #Kx .Carousel a { display:inline-block; height:100%; position:relative; } #Kx .Carousel a + a { margin-left:10px; } #Kx .Carousel a img { display:block; height:100%; min-height:100%; } #Kx .Carousel a:hover:after { background:url(images/zoom-icon.png) no-repeat 0 0; content:""; display:block; height:46px; left:50%; margin-top:-23px; margin-left:-22px; position:absolute; top:50%; width:45px; } #Kx .full-height { height:45em; position:relative; } #Kx .full-height .vertical-center { margin-top:-49px; position:absolute; right:0; top:50%; } #Kx .full-height .vertical-center .btn + .btn { margin-top:1em; } #aspnetForm #RoomSwitcher #LargeMap { display:none; left:-2em; margin:0; min-width:105.4%; min-height:375px; top:-4.7em; padding:0; } #aspnetForm #RoomSwitcher #LargeMap.Active { display:block; } /*GroupCards*/ #Kx .Preferences .GroupCard { background:#eee; margin:2em 0 0; position:relative; } #Kx .Preferences .GroupCard:before { background:#fff; height:4em; left:0; position:absolute; top:0; width:100%; } #Kx .Preferences .GroupCard h3 { float:left; font-size:1.7em; margin:0; } @media only screen and (min-width: 801px) and (max-width: 886px) { #Kx .Preferences .GroupCard h3 { font-size:1.4em; } } #Kx .Preferences .GroupCard .from-price { background:#005986; color:#fff; left:0; padding-top:.4em; position:absolute; right:0; text-align:right; top:4em; } #Kx .Preferences .GroupCard .from-price p { font-size:1.8em; line-height:1.8; margin:0; } #Kx .Preferences .GroupCard .span3 { padding:0 2em 0 0; position:relative; z-index:50; } #Kx .Preferences .GroupCard .span3 img { margin-left:1.5em; } #Kx .Preferences .GroupCard .span9 { margin-top:4em; padding-top:4.5em; } #Kx .Preferences .GroupCard .Features { font-size:1.1em; } #Kx .Preferences .GroupCard .information-labels { border-bottom:#005986 2px solid; margin:1em 0; min-height:25px; } #Kx .Preferences .GroupCard .information-labels div { font-size:1.1em; padding-top:.4em; } #Kx .Preferences .GroupCard .information-labels div:first-child { padding-left:1.3em; } #Kx .Preferences .GroupCard ul.RoomList { clear:both; margin:0; } @media only screen and (min-height: 900px) { #Kx .full-height { height:60em; } } /*Preferences - Selected list*/ div.Selected { display:none; } div.Selected.Active { display:block; } /*Preferences - Review*/ #Kx div.Review { background:#79BD00; box-shadow:0 0 6px 0 #8d8d8d; color:#fff; display:block; font-size:1.2em; height:0; left:0; line-height:1.8; overflow:hidden; padding-left:3em; position:fixed; top:0; width:100%; z-index:600; } #Kx div.Review button.Close { color:#d30000; float:left; font-size:1.2em; font-weight:bold; margin-top:.25em; } #Kx div.Review button.Close:hover { color:#910000; } #Kx div.Review p { margin:.2em 0 0 2em; } #Kx div.Review p button { color:#fff; font-size:1em; font-weight:bold; padding:0; position:relative; top:-.1em; } #Kx div.Review p button:hover { text-decoration:underline; } #Kx div.Review.Comparing { background:#49aedf; } /*Hub page*/ /* #Kx .Hub { display:none; } */ #Kx .Hub h1 { background:#F0F0F0; font-size:2.1em; font-weight:400; left:-.97em; padding:.4em .9em; position:relative; width:103%; } #Kx .Hub h2 { text-transform:none; } #Kx .Hub .Intro img { border-radius:50%; float:left; } #Kx .Hub p { clear:both; } #Kx .Hub .btn { color:#fff; width:100%; } #Kx .Hub .btn:hover { color:#fff; } #Kx .Hub .Intro { margin-bottom:2em; } #Kx .Hub .Repeater .btn { background: url("../Images/Accom/bulletcontent.png") no-repeat scroll 0 .25em transparent; box-shadow:none; color:#005986; font-size:1.2em; margin:.5m 0 0; padding:0 0 0 1em; text-align:left; text-transform:none; } #Kx .Hub .Repeater .btn:hover { text-decoration:underline; } #Kx .Hub .Repeater h2 { font-weight:300; } #Kx .Hub .Student { color:#0a0a0a; font-size:1.2em; font-weight:700; } #Kx .Hub .Student { line-height:1.2; margin:1.2em 0 0; } #Kx .Hub .Student .StudentName { font-size:xx-large; } #Kx .Hub .Student .StudentId { color:#333; font-size:large; font-weight:normal; margin-top:.9em; } #Kx .Hub .Student .StudentId span { float:left; } #Kx .Hub .Student .StudentId b { background:#10366a; border-radius:14% / 50%; color:#fff; display:block; float:left; font-size:1.1em; font-weight:700; left:1em; padding:.2em .5em .2em; position:relative; text-align:center; top:-.3em; } #Kx .Hub .Student .StudentEmail { text-align:left; margin-top:.5em; color:#333; font-size:large; font-weight:normal; } #Kx .Hub .btn { margin-top:0.4em; text-align:center; font-size:1.1em; white-space:normal; } #Kx .Hub .Upsell p { line-height:1.2; margin:1.2em; } #Kx .Hub .Upsell p b:first-child { color:#cf2626; display:block; font-size:1.1em; } #Kx .Hub .Upsell { color:#8d8f90; } #Kx .Hub .Upsell span { font-size:.9em; line-height:.8; } #Kx .Hub .Upsell a { color:#8d8f90; font-weight:700; text-decoration:underline; } #Kx .Hub .Upsell a:hover { text-decoration:none; } #Kx .Hub .Repeater { margin-bottom:5em; } #Kx .Hub .Repeater img { width:100%; } #Kx .Hub section.Repeater h2 { float:none; } /*Progress bar*/ #Kx .Progress { height:5em; margin:0 auto 3em; position:relative; } #Kx .Progress, #Kx .Preferences, #Kx .ui-widget { } #Kx .Progress button, #Kx .Progress input { border:none; text-transform:uppercase; } #Kx .Progress button, #Kx .Progress input { margin-top:.5em; padding:.5em 1.5em; } #Kx .Progress .Last button.Active, #Kx .Progress .Last input.Active { background:#B4B4B4; color:#fff; } #Kx .Progress .Last button.Active:hover, #Kx .Progress .Last input.Active:hover { background:#567E00; } #Kx .Progress .First button:hover, #Kx .Progress .First input:hover { /*background:#d7d7d7; color:#fff;*/ } #Kx .Progress li { border-bottom:2px solid #3F87AC; color:#3F87AC; font-size:1.3em; font-weight:normal; margin:0; padding:.5em 0 0 0; text-align:center; } #Kx .Progress li.Current { border-color:#005986; color:#005986; padding-bottom:.2em; } #Kx .Progress li.Current ~ li { border-color:#b4b4b4; color:#b4b4b4; } #Kx .Progress li b { display:block; font-size:1.2em; margin-bottom:.1em; } #Kx .Progress li.Last.InActive button { color:#f00; } #Kx .Progress li.First { border-color:#b4b4b4; } #Kx .Progress li.Last, #Kx .Progress li.First { padding-top:0; } #Kx .Progress li.Current, #Kx .Progress li.First + li { position:relative; } #Kx .Progress:before, #Kx .Progress:after, #Kx .Progress li.First + li:before, #Kx .Progress li.Current:before, #Kx .Progress li.Current:after { background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */ bottom:-2px; content:''; height:2px; left:0; position:absolute; width:20em; } #Kx .Progress:after { background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); left:auto; right:0; } #Kx .Progress li.First + li:before { background: #b4b4b4; /* Old browsers */ background: -webkit-linear-gradient(left, #E3E3E3 0%,#3f87ac 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to right, #E3E3E3 0%,#3f87ac 100%); /* W3C */ bottom:-2px; left:-3em; width:5em; } #Kx .Progress li.First + li.Current:before, #Kx .Progress li.Current:before { background: #b4b4b4; background: -webkit-linear-gradient(left, #b4b4b4 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to right, #b4b4b4 0%,#1e5799 100%); /* W3C */ bottom:-2px; left:-4em; width:5em; } #Kx .Progress li.Current:before { background: #3f87ac; /* Old browsers */ background: -webkit-linear-gradient(left, #3f87ac 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to right, #3f87ac 0%,#1e5799 100%); /* W3C */ } #Kx .Progress li.Current:after { background: #1e5799; /* Old browsers */ background: -webkit-linear-gradient(left, #1e5799 0%,#b4b4b4 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to right, #1e5799 0%,#b4b4b4 100%); /* W3C */ bottom:-2px; left:auto; right:-4em; width:5em; } #Kx .Progress li.First + li.Current:before { background: -webkit-linear-gradient(left, #E3E3E3 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */ background: linear-gradient(to right, #E3E3E3 0%,#1e5799 100%); /* W3C */ } #Kx .row-fluid.Offset0 [class*=span] { height:4em; margin-left:0; } #Kx .row-fluid.Offset0 [class*=span2] { width:16.666%; } /*Contract pages*/ #Kx #Sticky { font-size:medium; } #Kx #Sticky dd { margin:0 0 1em; } #Kx .Contract p, #Kx .Contract ul li { text-align:justify; } #Kx .Contract ul, #Kx .Contract ol { font-size:.9rem; } #Kx .Contract ul { list-style:disc; } #Kx .Nav .btn-primary.Ready.Go { background-color:#009C00; } #Kx .Nav .Stop { background-color:#C00101; } #Kx .Nav .btn-primary.Ready.Go:hover { background-color:#1BBE1B; } #Kx .Nav .Stop:hover { background-color:#E43B3B; } #Kx .ConfirmedInformation { clear:both; font-size:1.2em; margin:0; width:92%; } #Kx .ConfirmedInformation li { border-top:1px solid #ddd; padding:.5em 0; } #Kx .ConfirmedInformation li:nth-child(even) { background:#F9F9F9; } #Kx .ConfirmedInformation li:first-child { border:none; } #Kx .ConfirmedInformation li span { display:inline-block; font-weight:bold; margin-right:2%; text-align:right; width:30%; } /*Induction*/ #Kx .Contract h4 { clear:both; } #Kx .Staff img, #Kx .Green img, #Kx .Safety > img, #Kx .Planning img, #Kx .Welcome img, #Kx .Welcome img, #Kx .Intro img, #Kx .Arrival2Col img, #Kx .Cleaning img, #Kx .Damage img { clear:left; float:left; margin-bottom:1.5em; width:32%; } #Kx .Staff ul, #Kx .Green ul, #Kx .Safety > ul, #Kx .Planning ul, #Kx .Intro ul, #Kx .Safety p, #Kx .Planning p, #Kx .Welcome p, #Kx .Intro p, #Kx .Arrival2Col p, #Kx .Arrival2Col h3, #Kx .Cleaning p, #Kx .Cleaning h3, #Kx .Damage p, #Kx .Damage h3 { float:right; width:61%; } #Kx .Safety p, #Kx .Planning p, #Kx .Welcome p, #Kx .Intro p, #Kx .Arrival2Col p, #Kx .Arrival2Col h3, #Kx .Cleaning h3, #Kx .Cleaning p, #Kx .Damage p { clear:none; } #Kx .Arrival2Col h3, #Kx .Damage h3 { line-height:1.2; margin-top:0; } #Kx .IndImageLarge { display:block; margin:2em auto; } #Kx .Arrival table { font-weight:bold; width:100%; } #Kx .Arrival table td { text-align:center; } #Kx .Arrival table tr td:first-child { text-align:left; width:25%; } #Kx .Arrival.IndReview table tr td:first-child { width:16%; } #Kx .InductionComplete h3 { line-height:1.3; } #Kx .IndArrival #Map { height:300px; width:100%; } #Kx .PassTop { box-shadow: 0 10px 20px -10px #000; margin-top:2em; position:relative; } #Kx .PassTop, #Kx .PassTop h2 { background:#1b3365; color:#fff; } #Kx .PassTop .span3 { padding:.6em 0; } #Kx .PassTop .ArrivalPass, #Kx .PassTop .span3 { height:100%; left:50%; position:absolute; } #Kx .PassTop .span3 img, #Kx .PassTop .ArrivalPass h2 { margin-top:-33px; position:absolute; top:50%; } #Kx .PassTop .ArrivalPass h2 { margin-top:-36px; right:15%; } #Kx .PassTop .Student { font-size:4em; line-height:1; padding:.1em 0 .1em .8em; } #Kx .PassTop .Student div { font-size:.5em; } #Kx .PassTop .ArrivalPass { font-size:1.1em; left:auto; padding:.3em 0 .3em 4em; right:0; } #Kx .PassTop .ArrivalPass h2 { float:none; line-height:1.2em; } #Kx .PassTop .ArrivalPass span { display:block; font-size:1.6em; } #Kx .PassContent { color:#1b3365; font-size:1.2em; margin-bottom:2em; padding-top:1em; } #Kx .PassContent a { color:#1b3365; font-weight:bold; } #Kx .PassContent a:hover { text-decoration:underline; } #Kx .PassContent .ArrivalDate, #Kx .PassContent .ArrivalDetail { background:#4f6b8e; border-radius:10px; } #Kx .PassContent .ArrivalDate { height:18em; margin:.5em 1em 0 0; position:relative; width:29em; } #Kx .PassContent .ArrivalDate > h3 { color:#fff; font-size:3em; left:-1em; margin:0; position:absolute; top:2em; -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -ms-transform: rotate(-90deg); } html.IE8 #Kx .PassContent .ArrivalDate > h3 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); left:.5em; top:.5em; } #Kx .PassContent .ArrivalDate > h3 span { display:block; font-size:.55em; } #Kx .PassContent .ArrivalDetail { color:#fff; box-shadow:-19px 0 30px -9px #364a62; float:right; font-size:2.1em; height:100%; padding-right:.7em; position:relative; text-align:right; width:9.3em; } #Kx .PassContent .ArrivalDetail h3 { font-size:.5em; font-weight:normal; } #Kx .PassContent > div:first-child { padding:2.8em; } #Kx img.Print { display:none; } #Kx fieldset.InductionQuestions > div { position:relative; } #Kx fieldset.InductionQuestions .ErrorMessage { position:absolute; } #Kx fieldset.InductionQuestions > div ul.parsley-error-list { left:auto; right:.2em; top:2em; } #Kx fieldset.InductionQuestions > div ul.parsley-error-list:before { display:none; } /*Forms*/ #Kx legend { border:0; color:#000; font-size:1.333em; font-weight:700; line-height:normal; /*text-transform:uppercase;*/ } #Kx legend + .control-group { margin-top:0; } #Kx ::-ms-clear { display:none; } #Kx input[type=text], #Kx input[type=password], #Kx textarea, #Kx select { background:#f9f9f9; border-color:#dedede; border-radius:0; border-width:2px; color:#000; font-size:1.333em; font-weight:700; height:auto; line-height:normal; padding:7px 17px; width:100%} #Kx select { padding:6px 6px 6px 17px; } #Kx textarea { resize:vertical; } #Kx input[type=text], #Kx input[type=text]:focus, #Kx input[type=text]:active, #Kx input[type=password], #Kx input[type=password]:focus, #Kx input[type=password]:active, #Kx input[type=button], #Kx input[type=button]:focus, #Kx input[type=button]:active, #Kx button, #Kx button:focus, #Kx button:active, #Kx textarea, #Kx textarea:focus, #Kx textarea:active, #Kx select, #Kx select:focus, #Kx select:active { border-color:#dedede; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } #Kx input[readonly] { cursor:pointer; } #Kx input[data-required="true"], #Kx input[data-required="true"]:focus, #Kx [data-required="true"], #Kx [data-required="true"]:focus, #Kx .dropdown.required { border: 2px solid #6099e7; width:100%;} #Kx input.input-secondary[data-required="true"], #Kx input.input-secondary[data-required="true"]:focus { border-color:#6099e7; } /*#Kx .entered, #Kx input.entered, #Kx [data-required="true"].input-secondary.entered { border-color:#f9f9f9; }*/ #Kx .error, #Kx .parsley-error, #Kx .parsley-error:focus/*, #Kx .dropdown.required*/ { border-color:#d14c3f!important; } #Kx select.input-block-level, #Kx textarea.input-block-level { display:inline-block; } #Kx textarea.input-block-level { padding-right:2.5em; } #Kx .Tooltip { background:#10366a; border-radius:50%; color:#fff; cursor:pointer; display:inline-block; font-size:1.1em; font-weight:bold; height:1.4em; line-height:1.6; margin-left:.4em; position:relative; text-align:center; width:1.4em; } /*{ display:none; position:absolute; z-index:99; text-decoration:none; font-weight:normal; height:auto; top:0; left:0;}*/ .dark-tooltip { background:#fff; border:2px solid #10366a; border-radius:5px; color:#10366a; display:none; font-family: 'PT Sans',sans-serif; font-size:1em; font-weight:normal; line-height:1.2; margin-left:2em; padding:.5em 1em; position:absolute; text-align:left; text-decoration:none; width:20em; z-index:999; } .dark-tooltip p { margin:.5em 0 0; } .dark-tooltip p:first-child { margin:0; } #Kx .Tooltip div.Active { display:block; } #Kx h2 + .Tooltip { margin:.5em .6em; } #Kx h3 + .Tooltip { margin:1.2em .5em; } #Kx .control-group.Position .Tooltip { right:-2em; position:absolute; top:.7em; } #Kx div[class^="span"] > h2, #Kx div.offset4 > h2 { float:left; margin-bottom:.3em; } #Kx div[class^="span"] fieldset { clear:both; } /*Error messages*/ #Kx .control-group { position:relative; } #Kx .parsley-error-list:before /*Arrow*/ { border:7px solid transparent; border-right-color:#2e2e2e; content:""; display:block; height:0; left:-14px; position:absolute; top:18px; width:0; } #Kx .parsley-error-list, #Kx fieldset.InductionQuestions .ErrorMessage /*Error*/ { background:#2e2e2e; color:#fff; font-size:1.3em; left:30%; margin:0 0 0 15px; *margin-left:40px; opacity:.95; padding:15px 20px; position:absolute; top:-3px; width:20%; z-index:1; } #Kx fieldset.InductionQuestions .ErrorMessage { color:#b94a48; background-color:#f2dede; border-color:#eed3d7; left:auto; padding:0; right:.2em; top:2.4em; } #Kx fieldset.InductionQuestions .ErrorMessage.Active { padding:8px 11px; } #Kx .parsley-error-list li { list-style-type:none; } #Kx .ErrorPosition { position:relative; } #Kx .ErrorPosition ul { left:73%; top:7px; } #Kx .ErrorPosition ul:before { display:none; } #Kx .alert-error { display:none; } #Kx div#register .parsley-error-list, #Kx div#login .parsley-error-list { left:100%; width:65% } #Kx div.offset4 .parsley-error-list { left:100%; width:57%; } #Kx div.offset3 .parsley-error-list { left:39%; width:24%; } #Kx textarea + .parsley-error-list { left:100%; width:23%; } /*Hints and Placeholders*/ .hint { color:#A9A9A9!important; } ::-webkit-input-placeholder { color:#adada5!important; font-weight:400 !important; } :-moz-placeholder { color:#adada5!important; font-weight:400 !important; opacity:1; } ::-moz-placeholder { color:#adada5!important; font-weight:400 !important; opacity:1; } :-ms-input-placeholder { color:#adada5!important; font-weight:400 !important; } :focus::-webkit-input-placeholder { color:#999!important; } :focus:-moz-placeholder { color:#999!important; opacity:1; } :focus::-moz-placeholder { color:#999!important; opacity:1; } :focus:-ms-input-placeholder { color:#999!important; } #Kx .hint { color:#adada5!important; } #Kx .hint:focus { color:#999!important; } #Kx .hint.hasDatepicker:focus { color:#000!important; } /*#Kx .parsley-error:hover ~ ul.parsley-error-list, #Kx .parsley-error:focus ~ ul.parsley-error-list { display:block !important; }*/ /*Buttons*/ #Kx .Nav { border:none; } #Kx .btn, #Kx .btn:hover, #Kx .Progress input, #Kx .Progress button { -webkit-transition:all .5s ease; transition:all .5s ease; } #Kx .btn, #Kx .Hub .btn { background:#005986; border:0; border-radius:0; color:#fff; padding:10px; text-shadow:none; text-transform:uppercase; } #Kx .Hub .Logout:hover { background:#005986; } #Kx input[type=submit].btn, #Kx input[type=button].btn { padding:7px 17px; } #Kx .btn:hover, #Kx .btn:focus, #Kx .btn:active { background-color:#3F87AC; box-shadow:none; color:#fff; } #Kx .btn-primary, #Kx .Hub .Logout { background:#003865; color:#fff; } #Kx .btn-primary:hover, #Kx .btn-primary:focus, #Kx .btn-primary:active { background:#005986; color:#fff; } #Kx .btn-secondary { background:#df4e4e; color:#fff; } #Kx .btn-secondary:hover, #Kx .btn-secondary:focus, #Kx .btn-secondary:active { background:#B60F0F; color:#fff; } #Kx .btn-danger { background-color:#bd362f; color:#fff; } #Kx .btn-danger:hover, #Kx .btn-danger:focus, #Kx .btn-danger:active { background-color:#b1332d; color:#fff; } #Kx .btn-inverse { background:#0a0a0a; color:#eee; } #Kx .btn-inverse:hover, #Kx .btn-inverse:focus, #Kx .btn-inverse:active { background:#000; color:#fff; } #Kx .btn-understated { background:transparent; box-shadow:none; color:#c6c6c6; } #Kx .btn-understated:hover, #Kx .btn-understated:focus, #Kx .btn-understated:active { background:transparent; color:#000; } #Kx .btn.disabled, #Kx .btn[disabled] { background:transparent; box-shadow:none; color:#c6c6c6; cursor:not-allowed; } #Kx .btn-primary.Ready { background:#09750c; color:#fff; } #Kx .btn-primary.Ready:hover { background:#44a209; } /*Login / Register Form*/ #Kx #login-register .inline { margin:0; } #Kx #login-register .inline > li { padding:0; } #Kx #login-register .switch { margin-top:28px; margin-bottom:20px; } #Kx #login-register .switch > li { *line-height:35px; } #Kx #login-register .switch a { border:0; border-radius:0; color:#000; font-size:17px; padding:8px 18px; text-decoration:none; text-shadow:none; text-transform:uppercase; } #Kx #login-register .switch a:hover { text-decoration:underline; } #Kx #login-register .switch .selected { background:#000; color:#fff; } #Kx #login-register .submit a { color:#000; display:block; line-height:20px; margin:.5em 0; text-decoration:underline; } #Kx #login-register .submit a:hover { text-decoration:underline; } #Kx #login-register .btn-primary { padding-left:1.25em; padding-right:1.25em; } /*Styled radio buttons*/ #Kx .styled-radio { border:2px solid transparent; box-sizing:border-box; display:inline-block; margin-bottom:10px; padding:8px 0; width:100%; } #Kx .styled-radio label { font-size:1.2em; font-weight:700; margin:0 0 .9em; } #Kx .Vertical .styled-radio label { margin-bottom:.5em; } #Kx .styled-radio .control-label { color:#153560; margin-bottom:0; padding-left:17px; vertical-align:top; /*width:160px;*/ } #Kx .styled-radio .radio { background-color:#eee; color:#005986; display:flex; margin:1em; padding:.5em 1.5em .33em; /*width:40%;*/ } #Kx .styled-radio .keyboard-focused { outline:thin solid rgb(229, 151, 0); } #Kx .styled-radio .selected, #Kx .styled-radio .radio:hover { background:#005986; color:#fff !important; } #Kx .styled-radio.Spacer label { clear:both; float:left; margin:.3em 0;} #Kx .form-inline .styled-radio .controls, #Kx .form-inline.styled-radio .controls { display:inline-block; *display:inline; float:left; margin-top:.7em; zoom:1; } #Kx .form-inline .styled-radio .radio, #Kx .form-inline.styled-radio .radio { margin-left:1em; vertical-align:top; } /*#Kx .form-inline .styled-radio .controls > .radio:first-child, #Kx .form-inline.styled-radio .controls > .radio:first-child { padding-top:0; } makes active radio too short - correspondenceaddress*/ #Kx .PreferencesFilters .pull-left { margin-top:4px; } #Kx .PreferencesFilters .styled-radio { border:none; padding:0; } #Kx .PreferencesFilters.form-inline .styled-radio .controls > .radio:first-child, #Kx .PreferencesFilters .styled-radio .radio { float:left; padding:.5em 1.5em; width:auto; } #Kx .PreferencesFilters .styled-radio label { float:left; font-weight:normal; padding-top:.5em; } #Kx .PreferencesFilters .styled-radio .radio + .radio { margin:0; } #Kx .PreferencesFilters .dropdown div { width:100%; } #Kx .PreferencesFilters .dropdown.open div { width:auto; } /*Styled file input*/ #Kx .file-input-wrapper.keyboard-focused { outline:thin solid rgb(229, 151, 0); } /*Styled select box*/ #Kx .dropdown, #Kx .dropdown div, #Kx .dropdown li, #Kx .dropdown div::after { -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; -webkit-transition:border linear .2s; -moz-transition:border linear .2s; -ms-transition:border linear .2s; transition:border linear .2s; } #Kx .dropdown { background:#f9f9f9; border:2px solid #dedede; border-radius:0; margin-bottom:10px; width:240px; } #Kx .college .dropdown { width: 256px; } #Kx .PreferencesFilters .dropdown { margin-bottom:0; width:130px; } #Kx .dropdown:hover { box-shadow:none; } /*#Kx .dropdown.focus .selected { color:#999; }*/ #Kx .dropdown .selected { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.333em; font-weight: 700; padding: 10px 17px; overflow-y: scroll; } #Kx .dropdown div { left:-2px; margin-top:0; min-width:100%; right:auto; max-height:300px } #Kx .dropdown ul { overflow-y:scroll; max-height: 300px; } #Kx .dropdown div { border:#fff 2px solid; } #Kx .dropdown div { border:#dedede 2px solid; border-top:none; } #Kx .dropdown.required div { border:#6099e7 2px solid; border-top:none; } #Kx .dropdown ul { position:static; } #Kx .dropdown li { font-size:1.333em; font-weight:400; } #Kx .dropdown li.focus { background:#153560; } #Kx .dropdown.input-block-level { display:inline-block; width:100%; } /*#Kx .dropdown.entered.focus { border-color:#dedede; }*/ #Kx .Form.dropdown.required, #Kx .Form.dropdown.required.focus, #Kx .Form.dropdown.entered.required.focus { border-color:#ffd500; } /*#Kx .dropdown.entered, #Kx .dropdown.entered.required { border-color:#f9f9f9; }*/ #Kx .dropdown.entered .selected { color:#000; font-weight:bold; } #Kx .dropdown .carat { border:8px solid transparent; border-top:8px solid #474747; margin-top:-3px; right: 11px; } #Kx .dropdown .carat:before, #Kx .dropdown .carat:after { content:""; display:block; left:-8px; top:-6px; position:absolute; } /*#Kx .dropdown .carat:before { background:#0a0a0a; height:2px; width:16px; }*/ #Kx .dropdown .carat:after { content:""; display:none; left:-8px; top:-6px; position:absolute; } #Kx .dropdown.open .carat { border-top:8px solid transparent; border-bottom:8px solid #474747; margin-top:-11px; } #Kx .dropdown.open .carat:before { top:4px; } #Kx .dropdown.open .carat:after { border-top:8px solid transparent; border-bottom:4px solid #f9f9f9; top:0; } #Kx .Form.dropdown .selected::after { box-shadow: inset -55px 0 25px -10px #f9f9f9; } /*#Kx .dropdown.parsley-error .selected::after { box-shadow: inset -55px 0 25px -10px #ffe3e3; }*/ #Kx .dropdown.parsley-error .carat:after { border-top-color:#ffe3e3; } #Kx .dropdown.parsley-error.open .carat:after { border-top-color:transparent; border-bottom-color:#ffe3e3; } #Kx .form-inline .dropdown { display:inline-block; } #Kx .withdraw ul { overflow-y: scroll; max-height: 100px; } #Kx .withdraw div { max-height: 100px; } /*Datepicker*/ .ui-datepicker { border-radius:0; font-size:1.3em; margin-top:.5em; } .ui-widget-content, .ui-state-hover, .ui-widget-header .ui-state-hover { border:1px solid #555; } .ui-widget-header .ui-state-hover .ui-icon, .ui-widget-header .ui-icon { background-image:url(images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { float:right; } .ui-datepicker-header .ui-state-hover { border-radius: 0; cursor:pointer; height:1.7em; } .ui-widget-header .ui-state-hover .ui-icon { background-image:url(images/ui-icons_454545_256x240.png); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border:1px solid #3e4d54; color:#555; } .ui-datepicker-calendar .ui-state-default.ui-state-hover, .ui-state-active, .ui-widget-content .ui-state-active { background:#555; border-color:#555; color:#fff; } .ui-state-highlight, .ui-widget-content .ui-state-highlight { background-color:#003f77; color:#b4b453; } .ui-widget-header { border-radius:0; border:1px solid #005288; background:#005288; color:#fff; } .ui-datepicker td a.ui-state-active { border:none; padding:2px 5px 2px 2px; } .ui-state-default, .ui-widget-content .ui-state-default { background:#e6e6e6; border:none; } /*Forms*/ #Kx .RightCap .parsley-error-list { left:57%; width:33%; } #Kx .LeftCap .parsley-error-list { left:-62%; width:38%; } #Kx .LeftCap .parsley-error-list:before { border-left-color:#2e2e2e; border-right:none; left:auto; right:-7px; } #Kx .row-fluid [class*=span].Edge { margin-left:0; } #Kx .span5.Edge .parsley-error-list { left:100%; top:2.5em; width:40%; } /*Definition List*/ #Kx .offset4 dl dt { width:45%; } #Kx .offset4 dl dd { margin-left:48%; } /*Overrides*/ #Kx .Progress .Last input[disabled].Active, #Kx .Progress .Last input[disabled].Active:hover #Kx .btn.disabled, #Kx .btn[disabled] { background:#B4B4B4; } .adjusted dt {width:50% !important;} /*Placeholder not supported*/ #Kx .LabelActive { height:2.8em; } #Kx .LabelActive input { background:transparent; left:0; position:absolute; top:0; } #Kx .LabelActive label { color:#adada5; display:block; font-size:1.333em; height:auto; padding:.6em 0 0 1.2em; overflow:auto; position:static; width:93%; } #Kx .LabelActive label.Hide { display:none; } @media only screen and (max-width: 60em) { #Kx { overflow:hidden; } /*Large Map*/ #Kx .Progress li.Last, #Kx .Progress li.First { display:none; } #Kx .Progress .span1_7 { width:20%; } #Kx .Progress:before { background:none; } #Kx .Progress li.First + li.Current:before, #Kx .Progress li.First + li:before { left:0 } #Kx .span4.offset2.LeftCap { margin-left:0; width:47%; } #Kx .PassContent > .span6 { float:none; width:100%; } #Kx .PassContent > .span6 .ArrivalDate { float:right; } #Kx .PassTop .ArrivalPass { padding-left:0; } #Kx .PassContent .ArrivalDate { height:21em; width:99%; } #Kx .PassContent .ArrivalDate > h3 { font-size:2.5em; left:6%; top:.4em; -moz-transform:rotate(0); -webkit-transform:rotate(0); -ms-transform:rotate(0); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0); } #Kx .PassContent .ArrivalDate > h3 span { display:inline-block; font-size:.7em; margin-left:.5em; } #Kx .PassContent .ArrivalDetail { box-shadow:0px -10px 30px -9px #364a62; height:80%; left:0; margin-top:2em; padding-left:6%; text-align:left; width:89%; } #Kx .Contract.span3, #Kx .Contract.span9 { margin:0; width:100%; } #Kx .Contract.span3 dl dt { float:left; margin-right:.3em; } #Kx .Contract.span3 #Sticky dl dd { margin-bottom:.5em; } } @media only screen and (max-width: 50em) { #Kx .row-fluid .span4.offset4 { margin-left:0; width:100% } #Kx .control-group.Position .Tooltip { right:1em; position:absolute; top:.7em; } #Kx .styled-radio .radio { width:92%; } #Kx .Hub .Intro .Upsell { width:100% } #Kx .Hub h1 { padding-left:1.6em; } #Kx .Hub .Intro .Student { line-height:1.2; margin:1.2em 0 0 1.1em; width:50%; } #Kx .Hub .Intro .span3 { width:42%; } #Kx .Repeater .span3 { clear:both; margin:0 0 2em; width:100%; } #Kx .Repeater .span3 h2 { margin-bottom:0; } #Kx .span4.offset2.LeftCap, #Kx .span6.RightCap { margin:1em 0 0; width:100%; } #Kx .span4.offset2.LeftCap input, #Kx .span6.RightCap input { width:88%; } #Kx .span6 .dropdown { width:99%; } .dark-tooltip { width:15em; } #Kx .PreferencesFilters > .pull-right { float:left; margin-top:2em; } #Kx .FilterSetTwo .control-group .Type label { margin-left:0; } #Kx .PreferencesFilters .dropdown { width:100px; } #Kx .PreferencesFilters .dropdown .selected { padding:10px; } #Kx #PageAside #Basket { margin:2.5em 0 0 } #Kx .Progress { height:3em; } #Kx .Progress span { display:none; } #Kx .row-fluid.Offset0 [class*=span] { height:3em; } #Kx .MoreInfoTabs li:first-child { width:17%; } #Kx .MoreInfoTabs li.Last { width:29%; } #Kx .Preferences .GroupCard .MoreInfoTabs .span3 { padding:0; } #Kx .Preferences .GroupCard > .span3 { width:100%; } #Kx .Preferences .GroupCard > .span3 img { float:left; width:45%; } #Kx .Preferences .GroupCard > .span3 .outputDiv { float:right; margin-top:7em; text-align:right; width:45%; } #Kx .Preferences .GroupCard > .span9 { margin-top:2em; padding-top:0; width:100%; } #Kx .Preferences .GroupCard > .span9 .from-price { top:0; } #Kx .Preferences .GroupCard > .span9 .from-price .span6, #Kx .Preferences .GroupCard > .span9 .from-price .span3 { float:right; font-size:.8em; padding-right:2em; width:52%; } #Kx .Preferences .GroupCard > .span9 .from-price .span6 h3 { line-height:1.5; margin:.2em 0; width:100%; } #Kx .Preferences .GroupCard ul.RoomList, #Kx .Preferences .GroupCard .information-labels { width:95%; } #Kx .Preferences .GroupCard .information-labels div.span3 { width:30% } #Kx .Preferences .GroupCard .information-labels div.span2 { margin-left:10%; } #Kx #PageAside #Basket > li span.icon-menu { display:none; } .backToTop { display:none; } #Kx .dl-horizontal dt { text-align:left; width:98% } #Kx .dl-horizontal dd { margin:0 0 .5em; width:98%; } #Kx .row-fluid.Contracts div.span3, #Kx .row-fluid.Contracts div.span4, #Kx .row-fluid.Contracts div.span5 { float:none; margin:0 auto 1em; width:89%; } #Kx .row-fluid.Contracts div.span3 input, #Kx .row-fluid.Contracts div.span5 input, #Kx .row-fluid.Contracts div.span4 input { width:100%; } #Kx .row-fluid.Contracts div input { padding:10px; } } /**** SC 18/06/14 ****/ /** Family application **/ #Kx .familypage h3 { margin-top:0 } /**** SC 30/06/14 ****/ /** Induction questions **/ h3.indquestion { margin: 0 !important; line-height: 23px !important; } .inqanswers input[type="radio"] { float: left; margin-top: 3px !important; } .inqanswers label { float: left; margin-left: 5px; } html.IE8 #Kx .input-block-level { min-height: inherit; } /**** SC 22/09/14 ****/ /* IE8/IE9 fixes */ html.IE8 #Kx .Contract .LabelActive, html.IE9 #Kx .Contract .LabelActive { position: relative; margin-bottom: 10px; } html.IE8 #Kx .Contract input[data-required="true"], html.IE9 #Kx .Contract input[data-required="true"] { border: 2px solid #6099e7 !important; display: block !important; position: absolute; } html.IE8 #Kx .Contract input.parsley-error, html.IE9 #Kx .Contract input.parsley-error { border: 2px solid #f00 !important; display: block !important; position: absolute; } html #Kx .Contract .browzerimg, html #Kx .Contract .browzerimg { clear: both; display: block; height: 75px !important; padding-bottom: 10px; position: relative; } html #Kx .Contract .browzerimg img.browzer, html #Kx .Contract .browzerimg img.browzer {left: 0; margin: auto; position: absolute; right: 0; } #Kx .Hub .Intro p { float: none; width: auto!important; } @media (max-width: 60em) { #Kx .FilterSetTwo .control-group > .Type, #Kx .FilterSetTwo .control-group > .Sort { float: left; width: 100%; } #Kx .FilterSetTwo .control-group > .Type label, #Kx .FilterSetTwo .control-group > .Sort label { float: left; margin: 0 !important; width: 100%; } #Kx .FilterSetTwo .control-group > .Type .dropdown, #Kx .FilterSetTwo .control-group > .Sort .dropdown { width: 90% !important; min-width: 230px; } #Kx .RoomSwitcher .Tabs { position: relative; margin-left: 200px; } #Kx #MaxPreferenceInfo button.RemoveSelected { float: right; position: relative; } .hiddennavbutton { display: none !important; } .withdrawoption label { float: left !important; margin: 0 !important; text-align: left !important; width: 100% !important; } .withdrawoption label .dropdown { float: left !important; height: 36px !important; margin: 0 !important; width: 100% !important; } #Kx .form-horizontal .withdrawoption .controls { margin: 0 !important; } #Kx .withdrawoption .dropdown.input-block-level { height: 40px !important; } } @media (min-width: 60em) { #Kx .FilterSetTwo .control-group > .Type .dropdown { min-width: 250px; } .moreinfo .RightCap { margin-top: 40px !important; } } @media (min-width: 50em) { .moreinfo .RightCap { margin-top: 40px !important; } } /* IE 8 fixes */ html.IE8 .moreinfo .RightCap { margin-top: 40px !important; } html.IE8 .Carousel .img-replace { top: 0% !important; } html.IE8 .FilterSetTwo .control-group > .Type .dropdown { width: 230px !important; } /* Inventory Styling */ #accordion .InvRoomHeader { background-color: #005986; border: 1px solid #3f87ac; border-radius: 0; color: #fff; display: block; min-height: 50px; } #accordion .InvRoomHeader:hover { cursor: pointer; } #accordion .InvRoomHeader span.ui-icon { background-image:url(images/ui-icons_ffffff_256x240.png); display: inline-block; margin: 15px 15px 0 10px; } #accordion .InvRoomHeader #RoomName { display: inline-block; margin-top: 18px; padding-left: 15px; width: 25%; } #accordion .InvRoomHeader #RoomStatus { display: inline-block; margin-top: 18px; } #accordion .InvRoomHeader #RoomButtons { display: inline-block; margin-top: 10px; float: right; } #accordion .InvRoomHeader div.disputedialog input, #accordion .InvRoomHeader #RoomButtons input { background-color: #fff; color: #005986; margin: 0 10px; padding: 4px 10px; } #accordion .InvRoomHeader #RoomButtons input:hover { background-color: #3f87ac; color: #fff; } #accordion #Room-Content { border: 1px solid #3f87ac; } #accordion .InvItemsList { font-size: 0.9em; margin-left: 30px; padding: 30px 0px; width: 94%; } #accordion .InvItemsList ul { margin: 0; padding: 0; } #accordion .InvItemsList .InvItemListHeader { display: inline-block; font-weight: bold; margin-bottom: 10px; } #accordion .InvItemsList .InvItem { width: 35%; } #accordion .InvItemsList .InvQty { width: 18%; } #accordion .InvItemsList .InvCondition { width: 45%; } #accordion .InvItemsList .ItemDescriptionAndQty { clear: left; display: inline-block; margin: 5px 0px; width: 35%; } #accordion .InvItemsList .ItemCondition { display: inline-block; margin: 5px 0px; width: 18%; } #accordion .InvItemsList .ItemConditionNotes { display: inline-block; margin: 5px 0px; width: 35%; } #accordion .InvItemsList .ItemConditionNotes + .Comment { background-color: #3f87ac; color: #fff; display: inline-block; margin: 5px 0px; padding: 2px 5px; text-align: center; width: 10%; min-width: 75px; } #accordion .InvItemsList .AddComment { display: block; } #accordion .InvItemsList .AddComment p { line-height: 25px; } #accordion .InvItemsList .AddComment textarea { display: inline-block; height: 50px; resize: none; width: 96%; } #accordion .InvItemsList .AddComment div .Comment { height: 30px; margin: 5px; padding: 0 10px; } #accordion .InvItemsList .AddComment div input[type="submit"] { height: 30px; margin: 5px; padding: 0 10px; } .accordion-wrapper + li { list-style-type: none; } .CommentToggle { background-color: #005986; border: medium none; border-radius: 3px; box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.5); color: #005986; padding: 2px 5px; transition: background 0.3s ease-in 0s, color 0.3s ease-in 0s; } .ItemComments { margin: 10px 0px 20px 0px !important; } .ItemComments ul li { list-style-type: none !important; } .ItemComments li[data-student="True"] { background-color: #eee; border-radius: 5px; padding: 10px !important; } .ItemComments li[data-student="True"] h5 { font-family: Arial,​sans-serif; font-size: 1em; font-weight: bold; margin: 0; padding: 0; } .ItemComments li[data-student="True"] p { margin: 0 !important; padding: 0 !important; } .ItemComments li[data-student="False"] { background-color: #b2cdda; padding: 10px !important; text-align: right; } .ItemComments li[data-student="False"] h5 { font-family: Arial,​sans-serif; font-size: 1em; font-weight: bold; margin: 0; padding: 0; } .ItemComments li[data-student="False"] p { margin: 0 !important; padding: 0 !important; } #Kx div.disputedialog textarea { width: 100%; width: calc(100% - 39px); } .ui-dialog span.ui-button-text { display: none; } .ui-dialog-titlebar button.ui-dialog-titlebar-close { float: right; } /* Client Styling Header & Footer */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } h1 { font-size: 2em; margin: 0.67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0 } td, th { padding: 0 } .foundation-mq { font-family: "small=0em&medium=60.625em&large=64em&xlarge=75em&xxlarge=90em" } html { font-size: 100%; box-sizing: border-box } *, *:before, *:after { box-sizing: inherit } body { padding: 0; margin: 0; font-family: "nimbus-sans",sans-serif; font-weight: 400; line-height: 1.5; color: #343536; background: #fefefe; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle } textarea { height: auto; min-height: 50px; border-radius: 0 } select { width: 100%; border-radius: 0 } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important } button { -webkit-appearance: none; -moz-appearance: none; background: transparent; padding: 0; border: 0; border-radius: 0; line-height: 1 } .is-visible { display: block !important } .is-hidden { display: none !important } .row { max-width: 125rem; margin-left: auto; margin-right: auto } .row::before, .row::after { content: ' '; display: table; flex-basis: 0; order: 1 } .row::after { clear: both } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0 } .row .row { margin-left: -.625rem; margin-right: -.625rem } @media screen and (min-width: 60.625em) { .row .row { margin-left: -.9375rem; margin-right: -.9375rem } } .row .row.collapse { margin-left: 0; margin-right: 0 } .row.expanded { max-width: none } .row.expanded .row { margin-left: auto; margin-right: auto } .column, .columns { width: 100%; float: left; padding-left: .625rem; padding-right: .625rem } @media screen and (min-width: 60.625em) { .column, .columns { padding-left: .9375rem; padding-right: .9375rem } } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right } .column.end:last-child:last-child, .end.columns:last-child:last-child { float: left } .column.row.row, .row.row.columns { float: none } .row .column.row.row, .row .row.row.columns { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0 } .small-1 { width: 8.33333% } .small-push-1 { position: relative; left: 8.33333% } .small-pull-1 { position: relative; left: -8.33333% } .small-offset-0 { margin-left: 0% } .small-2 { width: 16.66667% } .small-push-2 { position: relative; left: 16.66667% } .small-pull-2 { position: relative; left: -16.66667% } .small-offset-1 { margin-left: 8.33333% } .small-3 { width: 25% } .small-push-3 { position: relative; left: 25% } .small-pull-3 { position: relative; left: -25% } .small-offset-2 { margin-left: 16.66667% } .small-4 { width: 33.33333% } .small-push-4 { position: relative; left: 33.33333% } .small-pull-4 { position: relative; left: -33.33333% } .small-offset-3 { margin-left: 25% } .small-5 { width: 41.66667% } .small-push-5 { position: relative; left: 41.66667% } .small-pull-5 { position: relative; left: -41.66667% } .small-offset-4 { margin-left: 33.33333% } .small-6 { width: 50% } .small-push-6 { position: relative; left: 50% } .small-pull-6 { position: relative; left: -50% } .small-offset-5 { margin-left: 41.66667% } .small-7 { width: 58.33333% } .small-push-7 { position: relative; left: 58.33333% } .small-pull-7 { position: relative; left: -58.33333% } .small-offset-6 { margin-left: 50% } .small-8 { width: 66.66667% } .small-push-8 { position: relative; left: 66.66667% } .small-pull-8 { position: relative; left: -66.66667% } .small-offset-7 { margin-left: 58.33333% } .small-9 { width: 75% } .small-push-9 { position: relative; left: 75% } .small-pull-9 { position: relative; left: -75% } .small-offset-8 { margin-left: 66.66667% } .small-10 { width: 83.33333% } .small-push-10 { position: relative; left: 83.33333% } .small-pull-10 { position: relative; left: -83.33333% } .small-offset-9 { margin-left: 75% } .small-11 { width: 91.66667% } .small-push-11 { position: relative; left: 91.66667% } .small-pull-11 { position: relative; left: -91.66667% } .small-offset-10 { margin-left: 83.33333% } .small-12 { width: 100% } .small-offset-11 { margin-left: 91.66667% } .small-up-1 > .column, .small-up-1 > .columns { width: 100%; float: left } .small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) { clear: none } .small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) { clear: both } .small-up-1 > .column:last-child, .small-up-1 > .columns:last-child { float: left } .small-up-2 > .column, .small-up-2 > .columns { width: 50%; float: left } .small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) { clear: none } .small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) { clear: both } .small-up-2 > .column:last-child, .small-up-2 > .columns:last-child { float: left } .small-up-3 > .column, .small-up-3 > .columns { width: 33.33333%; float: left } .small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) { clear: none } .small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) { clear: both } .small-up-3 > .column:last-child, .small-up-3 > .columns:last-child { float: left } .small-up-4 > .column, .small-up-4 > .columns { width: 25%; float: left } .small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none } .small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both } .small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left } .small-up-5 > .column, .small-up-5 > .columns { width: 20%; float: left } .small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) { clear: none } .small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) { clear: both } .small-up-5 > .column:last-child, .small-up-5 > .columns:last-child { float: left } .small-up-6 > .column, .small-up-6 > .columns { width: 16.66667%; float: left } .small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) { clear: none } .small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) { clear: both } .small-up-6 > .column:last-child, .small-up-6 > .columns:last-child { float: left } .small-up-7 > .column, .small-up-7 > .columns { width: 14.28571%; float: left } .small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) { clear: none } .small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) { clear: both } .small-up-7 > .column:last-child, .small-up-7 > .columns:last-child { float: left } .small-up-8 > .column, .small-up-8 > .columns { width: 12.5%; float: left } .small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) { clear: none } .small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) { clear: both } .small-up-8 > .column:last-child, .small-up-8 > .columns:last-child { float: left } .small-collapse > .column, .small-collapse > .columns { padding-left: 0; padding-right: 0 } .small-collapse .row { margin-left: 0; margin-right: 0 } .small-uncollapse > .column, .small-uncollapse > .columns { padding-left: .625rem; padding-right: .625rem } .small-centered { float: none; margin-left: auto; margin-right: auto } .small-uncentered, .small-push-0, .small-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left } @media screen and (min-width: 60.625em) { .medium-1 { width: 8.33333% } .medium-push-1 { position: relative; left: 8.33333% } .medium-pull-1 { position: relative; left: -8.33333% } .medium-offset-0 { margin-left: 0% } .medium-2 { width: 16.66667% } .medium-push-2 { position: relative; left: 16.66667% } .medium-pull-2 { position: relative; left: -16.66667% } .medium-offset-1 { margin-left: 8.33333% } .medium-3 { width: 25% } .medium-push-3 { position: relative; left: 25% } .medium-pull-3 { position: relative; left: -25% } .medium-offset-2 { margin-left: 16.66667% } .medium-4 { width: 33.33333% } .medium-push-4 { position: relative; left: 33.33333% } .medium-pull-4 { position: relative; left: -33.33333% } .medium-offset-3 { margin-left: 25% } .medium-5 { width: 41.66667% } .medium-push-5 { position: relative; left: 41.66667% } .medium-pull-5 { position: relative; left: -41.66667% } .medium-offset-4 { margin-left: 33.33333% } .medium-6 { width: 50% } .medium-push-6 { position: relative; left: 50% } .medium-pull-6 { position: relative; left: -50% } .medium-offset-5 { margin-left: 41.66667% } .medium-7 { width: 58.33333% } .medium-push-7 { position: relative; left: 58.33333% } .medium-pull-7 { position: relative; left: -58.33333% } .medium-offset-6 { margin-left: 50% } .medium-8 { width: 66.66667% } .medium-push-8 { position: relative; left: 66.66667% } .medium-pull-8 { position: relative; left: -66.66667% } .medium-offset-7 { margin-left: 58.33333% } .medium-9 { width: 75% } .medium-push-9 { position: relative; left: 75% } .medium-pull-9 { position: relative; left: -75% } .medium-offset-8 { margin-left: 66.66667% } .medium-10 { width: 83.33333% } .medium-push-10 { position: relative; left: 83.33333% } .medium-pull-10 { position: relative; left: -83.33333% } .medium-offset-9 { margin-left: 75% } .medium-11 { width: 91.66667% } .medium-push-11 { position: relative; left: 91.66667% } .medium-pull-11 { position: relative; left: -91.66667% } .medium-offset-10 { margin-left: 83.33333% } .medium-12 { width: 100% } .medium-offset-11 { margin-left: 91.66667% } .medium-up-1 > .column, .medium-up-1 > .columns { width: 100%; float: left } .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) { clear: none } .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) { clear: both } .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child { float: left } .medium-up-2 > .column, .medium-up-2 > .columns { width: 50%; float: left } .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) { clear: none } .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) { clear: both } .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child { float: left } .medium-up-3 > .column, .medium-up-3 > .columns { width: 33.33333%; float: left } .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) { clear: none } .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) { clear: both } .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child { float: left } .medium-up-4 > .column, .medium-up-4 > .columns { width: 25%; float: left } .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) { clear: none } .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) { clear: both } .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child { float: left } .medium-up-5 > .column, .medium-up-5 > .columns { width: 20%; float: left } .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) { clear: none } .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) { clear: both } .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child { float: left } .medium-up-6 > .column, .medium-up-6 > .columns { width: 16.66667%; float: left } .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) { clear: none } .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) { clear: both } .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child { float: left } .medium-up-7 > .column, .medium-up-7 > .columns { width: 14.28571%; float: left } .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) { clear: none } .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) { clear: both } .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child { float: left } .medium-up-8 > .column, .medium-up-8 > .columns { width: 12.5%; float: left } .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) { clear: none } .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) { clear: both } .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child { float: left } .medium-collapse > .column, .medium-collapse > .columns { padding-left: 0; padding-right: 0 } .medium-collapse .row { margin-left: 0; margin-right: 0 } .medium-uncollapse > .column, .medium-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem } .medium-centered { float: none; margin-left: auto; margin-right: auto } .medium-uncentered, .medium-push-0, .medium-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left } } @media screen and (min-width: 64em) { .large-1 { width: 8.33333% } .large-push-1 { position: relative; left: 8.33333% } .large-pull-1 { position: relative; left: -8.33333% } .large-offset-0 { margin-left: 0% } .large-2 { width: 16.66667% } .large-push-2 { position: relative; left: 16.66667% } .large-pull-2 { position: relative; left: -16.66667% } .large-offset-1 { margin-left: 8.33333% } .large-3 { width: 25% } .large-push-3 { position: relative; left: 25% } .large-pull-3 { position: relative; left: -25% } .large-offset-2 { margin-left: 16.66667% } .large-4 { width: 33.33333% } .large-push-4 { position: relative; left: 33.33333% } .large-pull-4 { position: relative; left: -33.33333% } .large-offset-3 { margin-left: 25% } .large-5 { width: 41.66667% } .large-push-5 { position: relative; left: 41.66667% } .large-pull-5 { position: relative; left: -41.66667% } .large-offset-4 { margin-left: 33.33333% } .large-6 { width: 50% } .large-push-6 { position: relative; left: 50% } .large-pull-6 { position: relative; left: -50% } .large-offset-5 { margin-left: 41.66667% } .large-7 { width: 58.33333% } .large-push-7 { position: relative; left: 58.33333% } .large-pull-7 { position: relative; left: -58.33333% } .large-offset-6 { margin-left: 50% } .large-8 { width: 66.66667% } .large-push-8 { position: relative; left: 66.66667% } .large-pull-8 { position: relative; left: -66.66667% } .large-offset-7 { margin-left: 58.33333% } .large-9 { width: 75% } .large-push-9 { position: relative; left: 75% } .large-pull-9 { position: relative; left: -75% } .large-offset-8 { margin-left: 66.66667% } .large-10 { width: 83.33333% } .large-push-10 { position: relative; left: 83.33333% } .large-pull-10 { position: relative; left: -83.33333% } .large-offset-9 { margin-left: 75% } .large-11 { width: 91.66667% } .large-push-11 { position: relative; left: 91.66667% } .large-pull-11 { position: relative; left: -91.66667% } .large-offset-10 { margin-left: 83.33333% } .large-12 { width: 100% } .large-offset-11 { margin-left: 91.66667% } .large-up-1 > .column, .large-up-1 > .columns { width: 100%; float: left } .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) { clear: none } .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) { clear: both } .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child { float: left } .large-up-2 > .column, .large-up-2 > .columns { width: 50%; float: left } .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) { clear: none } .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) { clear: both } .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child { float: left } .large-up-3 > .column, .large-up-3 > .columns { width: 33.33333%; float: left } .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) { clear: none } .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) { clear: both } .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child { float: left } .large-up-4 > .column, .large-up-4 > .columns { width: 25%; float: left } .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) { clear: none } .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) { clear: both } .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child { float: left } .large-up-5 > .column, .large-up-5 > .columns { width: 20%; float: left } .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) { clear: none } .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) { clear: both } .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child { float: left } .large-up-6 > .column, .large-up-6 > .columns { width: 16.66667%; float: left } .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) { clear: none } .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) { clear: both } .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child { float: left } .large-up-7 > .column, .large-up-7 > .columns { width: 14.28571%; float: left } .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) { clear: none } .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) { clear: both } .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child { float: left } .large-up-8 > .column, .large-up-8 > .columns { width: 12.5%; float: left } .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) { clear: none } .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) { clear: both } .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child { float: left } .large-collapse > .column, .large-collapse > .columns { padding-left: 0; padding-right: 0 } .large-collapse .row { margin-left: 0; margin-right: 0 } .large-uncollapse > .column, .large-uncollapse > .columns { padding-left: .9375rem; padding-right: .9375rem } .large-centered { float: none; margin-left: auto; margin-right: auto } .large-uncentered, .large-push-0, .large-pull-0 { position: static; margin-left: 0; margin-right: 0; float: left } } .button { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: background-color 0.25s ease-out, color 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: 0.85em 1em; margin: 0 0 1rem 0; font-size: .9rem; background-color: #2199e8; color: #fefefe } [data-whatinput='mouse'] .button { outline: 0 } .button:hover, .button:focus { background-color: #1583cc; color: #fefefe } .button.tiny { font-size: .6rem } .button.small { font-size: .75rem } .button.large { font-size: 1.25rem } .button.expanded { display: block; width: 100%; margin-left: 0; margin-right: 0 } .button.primary { background-color: #2199e8; color: #fefefe } .button.primary:hover, .button.primary:focus { background-color: #147cc0; color: #fefefe } .button.secondary { background-color: #777; color: #fefefe } .button.secondary:hover, .button.secondary:focus { background-color: #5f5f5f; color: #fefefe } .button.success { background-color: #3adb76; color: #fefefe } .button.success:hover, .button.success:focus { background-color: #22bb5b; color: #fefefe } .button.warning { background-color: #ffae00; color: #fefefe } .button.warning:hover, .button.warning:focus { background-color: #cc8b00; color: #fefefe } .button.alert { background-color: #ec5840; color: #fefefe } .button.alert:hover, .button.alert:focus { background-color: #da3116; color: #fefefe } .button.hollow { border: 1px solid #2199e8; color: #2199e8 } .button.hollow, .button.hollow:hover, .button.hollow:focus { background-color: transparent } .button.hollow:hover, .button.hollow:focus { border-color: #0c4d78; color: #0c4d78 } .button.hollow.primary { border: 1px solid #2199e8; color: #2199e8 } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: #0c4d78; color: #0c4d78 } .button.hollow.secondary { border: 1px solid #777; color: #777 } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: #3c3c3c; color: #3c3c3c } .button.hollow.success { border: 1px solid #3adb76; color: #3adb76 } .button.hollow.success:hover, .button.hollow.success:focus { border-color: #157539; color: #157539 } .button.hollow.warning { border: 1px solid #ffae00; color: #ffae00 } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: #805700; color: #805700 } .button.hollow.alert { border: 1px solid #ec5840; color: #ec5840 } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: #881f0e; color: #881f0e } .button.disabled, .button[disabled] { opacity: .25; cursor: not-allowed; pointer-events: none } .button.dropdown::after { content: ''; display: block; width: 0; height: 0; border: inset .4em; border-color: #fefefe transparent transparent; border-top-style: solid; border-bottom-width: 0; position: relative; top: 0.4em; float: right; margin-left: 1em; display: inline-block } .button.arrow-only::after { margin-left: 0; float: none; top: -0.1em } .button-group { margin-bottom: 1rem; font-size: 0 } .button-group::before, .button-group::after { content: ' '; display: table; flex-basis: 0; order: 1 } .button-group::after { clear: both } .button-group .button { margin: 0; font-size: .9rem; float: left } .button-group .button:not(:last-child) { border-right: 1px solid #fefefe } .button-group.tiny .button { font-size: .6rem } .button-group.small .button { font-size: .75rem } .button-group.large .button { font-size: 1.25rem } .button-group.expanded { margin-right: -1px } .button-group.expanded::before, .button-group.expanded::after { display: none } .button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button { display: inline-block; width: calc(50% - 1px); margin-right: 1px } .button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button { display: inline-block; width: calc(33.33333% - 1px); margin-right: 1px } .button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button { display: inline-block; width: calc(25% - 1px); margin-right: 1px } .button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button { display: inline-block; width: calc(20% - 1px); margin-right: 1px } .button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button { display: inline-block; width: calc(16.66667% - 1px); margin-right: 1px } .button-group.primary .button { background-color: #2199e8; color: #fefefe } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: #147cc0; color: #fefefe } .button-group.secondary .button { background-color: #777; color: #fefefe } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: #5f5f5f; color: #fefefe } .button-group.success .button { background-color: #3adb76; color: #fefefe } .button-group.success .button:hover, .button-group.success .button:focus { background-color: #22bb5b; color: #fefefe } .button-group.warning .button { background-color: #ffae00; color: #fefefe } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: #cc8b00; color: #fefefe } .button-group.alert .button { background-color: #ec5840; color: #fefefe } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: #da3116; color: #fefefe } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { width: 100% } .button-group.stacked .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child), .button-group.stacked-for-medium .button:not(:last-child) { margin-right: 0 } @media screen and (min-width: 60.625em) { .button-group.stacked-for-small .button { width: auto } .button-group.stacked-for-small .button:not(:last-child) { margin-right: 1px } } @media screen and (min-width: 64em) { .button-group.stacked-for-medium .button { width: auto } .button-group.stacked-for-medium .button:not(:last-child) { margin-right: 1px } } @media screen and (max-width: 60.5625em) { .button-group.stacked-for-small.expanded { display: block } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0 } } .label { display: inline-block; padding: 0.33333rem 0.5rem; font-size: .8rem; line-height: 1; white-space: nowrap; cursor: default; border-radius: 0; background: #2199e8; color: #fefefe } .label.secondary { background: #777; color: #fefefe } .label.success { background: #3adb76; color: #fefefe } .label.warning { background: #ffae00; color: #fefefe } .label.alert { background: #ec5840; color: #fefefe } .media-object { margin-bottom: 1rem; display: block } .media-object img { max-width: none } @media screen and (max-width: 60.5625em) { .media-object.stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; display: block } .media-object.stack-for-small .media-object-section img { width: 100% } } .media-object-section { display: table-cell; vertical-align: top } .media-object-section:first-child { padding-right: 1rem } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem } .media-object-section.middle { vertical-align: middle } .media-object-section.bottom { vertical-align: bottom } .sticky-container { position: relative } .sticky { position: absolute; z-index: 0; transform: translate3d(0, 0, 0) } .sticky.is-stuck { position: fixed; z-index: 5 } .sticky.is-stuck.is-at-top { top: 0 } .sticky.is-stuck.is-at-bottom { bottom: 0 } .sticky.is-anchored { position: absolute; left: auto; right: auto } .sticky.is-anchored.is-at-bottom { bottom: 0 } body.is-reveal-open { overflow: hidden } .reveal-overlay { display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1005; background-color: rgba(10,10,10,0.45); overflow-y: scroll } .reveal { display: none; z-index: 1006; padding: 1rem; border: 1px solid #cacaca; background-color: #fefefe; border-radius: 0; position: relative; top: 100px; margin-left: auto; margin-right: auto; overflow-y: auto } [data-whatinput='mouse'] .reveal { outline: 0 } @media screen and (min-width: 60.625em) { .reveal { min-height: 0 } } .reveal .column, .reveal .columns, .reveal .columns { min-width: 0 } .reveal > :last-child { margin-bottom: 0 } @media screen and (min-width: 60.625em) { .reveal { width: 600px; max-width: 125rem } } @media screen and (min-width: 60.625em) { .reveal .reveal { left: auto; right: auto; margin: 0 auto } } .reveal.collapse { padding: 0 } @media screen and (min-width: 60.625em) { .reveal.tiny { width: 30%; max-width: 125rem } } @media screen and (min-width: 60.625em) { .reveal.small { width: 50%; max-width: 125rem } } @media screen and (min-width: 60.625em) { .reveal.large { width: 90%; max-width: 125rem } } .reveal.full { top: 0; left: 0; width: 100%; height: 100%; height: 100vh; min-height: 100vh; max-width: none; margin-left: 0; border: 0 } @media screen and (max-width: 60.5625em) { .reveal { top: 0; left: 0; width: 100%; height: 100%; height: 100vh; min-height: 100vh; max-width: none; margin-left: 0; border: 0 } } .reveal.without-overlay { position: fixed } table { width: 100%; margin-bottom: 1rem; border-radius: 0 } thead, tbody, tfoot { border: 1px solid #f1f1f1; background-color: #fefefe } caption { font-weight: 700; padding: .5rem .625rem .625rem } thead, tfoot { background: #f8f8f8; color: #343536 } thead tr, tfoot tr { background: transparent } thead th, thead td, tfoot th, tfoot td { padding: .5rem .625rem .625rem; font-weight: 700; text-align: left } tbody:not(.nostripe) tr:nth-child(even) { background-color: #f1f1f1 } tbody:not(.nostripe) th, tbody:not(.nostripe) td { padding: .5rem .625rem .625rem } @media screen and (max-width: 63.9375em) { table.stack thead { display: none } table.stack tfoot { display: none } table.stack tr, table.stack th, table.stack td { display: block } table.stack td { border-top: 0 } } table.scroll { display: block; width: 100%; overflow-x: auto } table.hover tr:hover { background-color: #f9f9f9 } table.hover tr:nth-of-type(even):hover { background-color: #ececec } .table-scroll { overflow-x: auto } .table-scroll table { width: auto } .hide { display: none !important } .invisible { visibility: hidden } @media screen and (max-width: 60.5625em) { .hide-for-small-only { display: none !important } } @media screen and (max-width: 0em), screen and (min-width: 60.625em) { .show-for-small-only { display: none !important } } @media screen and (min-width: 60.625em) { .hide-for-medium { display: none !important } } @media screen and (max-width: 60.5625em) { .show-for-medium { display: none !important } } @media screen and (min-width: 60.625em) and (max-width: 63.9375em) { .hide-for-medium-only { display: none !important } } @media screen and (max-width: 60.5625em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important } } @media screen and (min-width: 64em) { .hide-for-large { display: none !important } } @media screen and (max-width: 63.9375em) { .show-for-large { display: none !important } } @media screen and (min-width: 64em) and (max-width: 74.9375em) { .hide-for-large-only { display: none !important } } @media screen and (max-width: 63.9375em), screen and (min-width: 75em) { .show-for-large-only { display: none !important } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0) } .show-on-focus:active, .show-on-focus:focus { position: static !important; height: auto; width: auto; overflow: visible; clip: auto } .show-for-landscape, .hide-for-portrait { display: block !important } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important } } .hide-for-landscape, .show-for-portrait { display: none !important } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important } } .float-left { float: left !important } .float-right { float: right !important } .float-center { display: block; margin-left: auto; margin-right: auto } .clearfix::before, .clearfix::after { content: ' '; display: table; flex-basis: 0; order: 1 } .clearfix::after { clear: both } * { transition: height 0.66s ease-out } .column, .columns, .columns { min-height: 1px } html { -webkit-font-smoothing: antialiased } html, body { height: 100% } body { color: #343536; font-family: "nimbus-sans",sans-serif; font-weight: 400; text-rendering: optimizeLegibility; background-color: #ffffff } table tbody th { text-align: left; font-family: "nimbus-sans",sans-serif } table tbody tr td { text-align: left; font-family: "nimbus-sans",sans-serif } tbody th { text-align: left } abbr[title] { border-bottom: none } #editconsent { position: fixed; bottom: 0; background-color: #003865; left: 0; right: 0; color: #fff; padding: 0 1rem; text-align: center; z-index: 9999999 } #editconsent.hide { display: none } #editconsent.settings_enabled { width: 100px; right: 0; left: initial; background: none } @media screen and (max-width: 60.5625em) { #editconsent.settings_enabled { padding: 0; right: -40px; bottom: -8px } } @media screen and (max-width: 60.5625em) { #editconsent { text-align: initial } } #editconsent a { color: #fff } #editconsent p { padding: 0 } #editconsent p span.settings_enabled { display: none } #editconsent p .button { border: 1px solid #fff; background-color: #007cbc; margin: 0 } #editconsent p .button .fa { vertical-align: bottom } #editconsent p .button .fa.settings_enabled { font-size: 1.5rem } #consent { position: fixed; left: 100%; top: 100%; bottom: 0; right: 0; overflow-y: scroll; overflow-x: hidden; background-color: rgba(0,0,0,0.8); z-index: 99999; padding: 4rem 10rem; color: #fff } #consent.show { top: 0; left: 0 } #consent.show #consentinner { background-color: #003865; border: 5px solid #fff; padding: 0 2rem } #consent.show #consentinner button { background-color: #007cbc } #consent.show #consentinner .status_wrapper { position: relative; display: inline } #consent.show #consentinner .status_wrapper .status { position: absolute; top: -12px; left: 14px; font-weight: bold } #consent.show #consentinner a { color: #fff } @media screen and (max-width: 60.5625em) { #consent.show #consentinner { left: 0 } } @media screen and (min-width: 60.625em) and (max-width: 63.9375em) { #consent { padding: 4rem } } @media screen and (max-width: 60.5625em) { #consent { padding: 2rem } } #consent .switch { position: relative; display: inline-block; width: 60px; height: 34px } #consent .switch input { display: none } #consent .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s } #consent .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s } #consent input:checked + .slider { background-color: #007CBC } #consent input:focus + .slider { box-shadow: 0 0 1px #007CBC } #consent input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px) } #consent .slider.round { border-radius: 34px } #consent .slider.round:before { border-radius: 50% } #cp { position: fixed; bottom: 0; background-color: #fff; font-size: 0.8rem; padding: 0; border-top: 1px solid #d6d6d6; padding: 0.5rem 8rem 0.5rem 8rem; z-index: 999999 } @media screen and (max-width: 60.5625em) { #cp { padding: 0.5rem 1rem 0.5rem 1rem } } #cp p { padding: 0; margin-bottom: 0.4rem; line-height: 1.2 } #cp p a { color: #007cbc } #cp #acceptcookies { float: right; border-radius: 0.25rem; background-color: #003865; color: #fff; border: none; padding: 0.5rem 0.8rem } .row#container { max-width: 100%; height: 100% } #main { margin-left: 0 } @media screen and (max-width: 60.5625em) { #main { margin-left: 0 } } #main.menu-open { margin-left: 350px } @media screen and (max-width: 60.5625em) { #main.menu-open { margin-left: 0 } } #az { background-color: #003865; width: 68%; padding: 0; height: 64px; text-transform: uppercase; z-index: 10000; right: 1.5rem; float: right; padding-right: 2em; } #az.smallwindow { position: absolute } #az.scrolled ul, #az.menu-open ul { background-color: #003865 } #az.scrolled ul.internal, #az.menu-open ul.internal { background-color: #4F5961 } #az #searchwrapper { float: right; width: 32.3rem } #az #searchwrapper.scrolled, #az #searchwrapper.menu-open { position: fixed; right: 0; top: 64px; padding: 2rem 2rem 2rem 3rem; background-color: #eaeaea; display: none } #az ul { display: block; margin: 1.4rem 0 0.8rem; padding: 0; float: right } #az ul li { display: inline-block; margin: 0; padding: 0 0 0 2rem; position: relative } #az ul li a { color: #fff; text-decoration: none; font-weight: bold; margin-left: 1.8rem; z-index: 1000 } #az ul li:before { content: ''; display: inline-block; margin-right: 0.3125em; width: 1.25rem; height: 1.25rem; background-image: url("../images/arrow-thick-right.svg"); background-position: center center; background-repeat: no-repeat; background-size: 75%; transition: all 0.3s; position: absolute; top: 0.05rem; left: 32px } #az ul li:hover:before { left: 36px } #az.scrolled, #az.menu-open { position: fixed; z-index: 99999; right: 0; background: none; color: #fff } #az.scrolled.smallwindow, #az.menu-open.smallwindow { position: absolute } #az.scrolled input #ssKeywords, #az.scrolled input #ssSubmit, #az.menu-open input #ssKeywords, #az.menu-open input #ssSubmit { border: 0 } #az.scrolled ul li:before, #az.menu-open ul li:before { background-image: url("../images/arrow-thick-right.svg") } #az.scrolled ul li a, #az.menu-open ul li a { color: #fff } #az #ssKeywordsContainer { padding: 0 } #az #ssKeywordsContainer input#ssKeywords { padding: 0.6rem 0.5rem; border-radius: 0.25rem 0 0 0.25rem; border-right: 0; height: 47px } #az #ssSubmitContainer { padding-left: 0 } #az #ssSubmitContainer input#ssSubmit { padding: 0.6rem; background-color: #007cbc; color: #fff; border-radius: 0 0.25rem 0.25rem 0; border-left: 0 } #az #azlinkscontainer.scrolled, #az #azlinkscontainer.menu-open { float: right; padding-right: 0 } #az #azlinkscontainer #azlinks.scrolled { float: right } #az #azlinkscontainer #searchrevealwrapper { width: 64px; height: 64px; float: right; display: none; margin-left: 32px; background-color: #007cbc; cursor: pointer } #az #azlinkscontainer #searchrevealwrapper.scrolled, #az #azlinkscontainer #searchrevealwrapper.menu-open { display: inline-block } #az #azlinkscontainer #searchrevealwrapper svg { fill: #fff; margin: 19px } #leftNav { float: left; width: 64px; height: 100%; z-index: 1; position: fixed } @media screen and (max-width: 60.5625em) { #leftNav { width: 0; z-index: 100 } } @media screen and (max-width: 60.5625em) { #leftNav img { display: none } } #leftNav.smallwindow { position: absolute } #leftNav.menu-open { width: 350px; display: block; box-shadow: 6px 0px 37px -9px rgba(0,0,0,0.1) } @media screen and (max-width: 60.5625em) { #leftNav.menu-open { width: 100% } } #leftNav.menu-open #leftNavlist { height: 100% } #leftNav.menu-open #leftNavlist #search { display: block } #leftNav.menu-open #leftNavlist #leftNavLogo { background-color: #003865; z-index: 10 } #leftNav.menu-open #leftNavlist #leftNavLogo.internal { background-color: #4F5961 } #leftNavIcons { width: 64px; height: 64px; top: 128px; float: left; position: fixed; background-color: #000 } #leftNavIcons.smallwindow { position: absolute } #leftNavIcons.scrolled, #leftNavIcons.menu-open { top: 64px } #leftNavlist #search { display: none; min-height: 100%; margin-left: 64px; padding: 2rem; background-color: #F7F7F7; color: #fff; margin-top: 64px; color: #4F5961 } @media screen and (max-width: 60.5625em) { #leftNavlist #search { margin-left: 0 } } #leftNavlist #search input { background-color: #FDFDFD; border: none } #leftNavlist #search input#ssKeywords { padding: 0.6rem 0.5rem; border-bottom: 1px solid #D3D3D3; margin: 0 } #leftNavlist #search input#ssSubmit { background-color: #003865; color: #fff } #leftNavlist #search input[type="radio"] { display: inline; width: auto; margin: 0 0 0 1rem } #leftNavlist nav { transition: all 0.3s; margin-left: 64px; padding: 0; background-color: #2e5c81; color: #fff; height: 100% } #leftNavlist nav #globalNav { display: none } @media screen and (max-width: 60.5625em) { #leftNavlist nav #globalNav { display: block; text-transform: uppercase } } #leftNavlist nav #globalNav.internal { background-color: #4F5961 } #leftNavlist nav #toplevelnav { background-color: #2e5c81 } #leftNavlist nav #toplevelnav li { margin: 1rem 0 0 0 } #leftNavlist nav #toplevelnav li a { position: relative; text-transform: uppercase; color: #fff } @media screen and (max-width: 60.5625em) { #leftNavlist nav { margin-left: 0 } } #leftNavlist nav ul { padding: 0.1rem 0; margin: 0; list-style-type: none; background-color: #4c7393 } #leftNavlist nav ul:first-child { margin-top: 64px } #leftNavlist nav ul .currentsection { background-color: #2e5c81; padding: 1rem 2rem } #leftNavlist nav ul li { font-size: 1rem } #leftNavlist nav ul li:not(:last-child) { border-bottom: 1px solid rgba(255,255,255,0.15) } #leftNavlist nav ul li:last-child { margin-bottom: 0 } #leftNavlist nav ul li.selected { padding-bottom: 0 } #leftNavlist nav ul li a { margin: 1rem 0 } #leftNavlist nav ul li.menu-open a { display: block } #leftNavlist nav ul li.menu-open span { display: block } #leftNavlist nav ul li a, #leftNavlist nav ul li span { color: #fff; padding: 0.03rem 2rem; display: none; text-decoration: none; line-height: 1.6rem } #leftNavlist nav ul li ul { background: #4c7393 } #leftNavlist nav ul.multilevel-linkul-0 li a { margin-left: 2rem } #leftNavlist nav ul.multilevel-linkul-0 li .currentsection { padding-left: 4rem } #leftNavlist nav ul.multilevel-linkul-1 li a { margin-left: 3rem } #leftNavlist nav ul.multilevel-linkul-1 li .currentsection { padding-left: 5rem } #leftNavlist nav ul.multilevel-linkul-2 li a { margin-left: 4rem } #leftNavlist nav ul.multilevel-linkul-2 li .currentsection { padding-left: 6rem } #leftNavLogo { height: 64px; margin-left: 0; width: 100%; position: fixed; top: 0; display: none } #leftNavLogo.smallwindow { position: absolute } #leftNavLogo.menu-open { display: block } @media screen and (max-width: 60.5625em) { #leftNavLogo { margin-left: 0 } } .open-menu svg { fill: #000 } @media screen and (max-width: 60.5625em) { .open-menu svg { fill: #fff } } .open-search svg, .close-menu svg { fill: #fff } .open-menu .menutext { left: 16px; top: 38px; position: absolute; font-size: 0.8rem; color: #fff; display: none } .menu-control-container { height: 64px } @media screen and (max-width: 60.5625em) { .menu-control-container { display: inline } .menu-control-container a { padding: 10px 15px 7px 15px !important; margin: 9px 10px 0px -6px; border: 1px solid rgba(255,255,255,0.38) } .menu-control-container a svg { margin-top: 3px } } .menu-control-container#search-menu-container { background: none } .menu-control-container#open-menu-container { background: #e8e8e8 } .menu-control-container#search-menu-container-mobile { background: none } .menu-control-container#search-menu-container-mobile a svg { fill: #fff } .menu-control-container#close-menu-container-mobile { background: none } .menu-control-container#close-menu-container-mobile a svg { fill: #fff } .menu-control-container#close-menu-container { background: #e8e8e8 } .menu-control-container#close-menu-container a svg { fill: #000 } .menu-control-container.search-close a svg { fill: #fff !important } .menu-control-container a { font-size: 1rem; padding: 22px 22px; display: inline-block; cursor: pointer } @media screen and (min-width: 60.625em) { .menu-control-container a { height: 64px } } .menu-control-container a svg { width: 20px; height: 20px } .ps-container:hover > .ps-scrollbar-y-rail:hover { background: none !important } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background: none !important } #main-inner { padding: 0; margin: 0 } #main-inner.menu-open { padding: 0 } @media screen and (max-width: 60.5625em) { #main-inner { padding: 0 } } #header { height: 128px; min-width: 320px; transition: all 0.3s; padding: 0; margin: 0; background-color: #003865; z-index: 999 } #header.scrolled, #header.menu-open { height: 64px } #header.smallwindow { position: absolute } #header.internal { background-color: #4F5961; transition: none } #header.internal * { transition: none } @media screen and (max-width: 60.5625em) { #header.internal { background-color: #4F5961 } } #header.internal #mobile-nav { background-color: #4F5961 } @media screen and (max-width: 60.5625em) { #header { height: 64px; background-color: #003865 } #header.internal { background-color: #4F5961 } } #header.menu-open { background-color: #003865; height: 64px } #header.menu-open.internal { background-color: #4F5961 } #header.menu-open img { display: none } #header #mobile-nav { background-color: #003865; float: right; height: 64px } #header #header-logo { background-color: #003865; display: inline-block; height: 128px; transition: all 0.3s } #header #header-logo.internal { background-color: #4F5961; transition: none } #header #header-logo.internal * { transition: none } #header #header-logo.internal img#large-logo { display: none } @media screen and (max-width: 60.5625em) { #header #header-logo { top: 0; width: 60% } } #header #header-logo.menu-open { height: 64px } @media screen and (max-width: 60.5625em) { #header #header-logo.menu-open img#small-logo { margin-top: 0.5rem } } #header #header-logo.scrolled { display: block; height: 64px; background-color: #003865 } #header #header-logo.scrolled.internal { background-color: #4F5961 } @media screen and (max-width: 60.5625em) { #header #header-logo { height: 64px } } #header #header-logo img { max-height: 128px } #header #header-logo img#large-logo { margin: 1.8rem 1.5rem 1.5rem 1.8rem; width: 210px; height: auto; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out } #header #header-logo img#large-logo.scrolled { opacity: 0; height: 0; } #header #header-logo img#large-logo.menu-open { opacity: 0; height: 0; } #header #header-logo img#small-logo { display: none; } #header #header-logo img#print-logo { display: none; } @media screen and (max-width: 60.5625em) { #header #header-logo img#small-logo { display: inline; margin-top: 0.5rem; } } #header #header-logo img#small-logo.scrolled { display: inline; } #header #header-logo img#small-logo.scrolled.menu-open { display: none; } @media screen and (max-width: 60.5625em) { #header #header-logo img#small-logo.scrolled.menu-open { display: inline; } } #header #breadcrumbs { background-color: #fff; padding: 1.2rem 0 1.2rem 2rem; border-bottom: 1px solid #D3D3D3; height: 64px; margin-right: 0 } #header #breadcrumbs.landing { margin-left: 0 } #header #breadcrumbs.menu-open { padding: 1.2rem 1rem; margin-left: 2rem; margin-right: 24rem } @media screen and (max-width: 60.5625em) { #header #breadcrumbs.menu-open { display: none } } #header #breadcrumbs.breadcrumbshortpadding { padding: 0.5rem 1rem } @media screen and (max-width: 60.5625em) { #header #breadcrumbs { margin-right: 0; display: none } } #header #breadcrumbs ul { margin: 0; padding: 0 } #header #breadcrumbs ul li { display: inline; color: #003865 } #header #breadcrumbs ul li:after { content: ' / '; margin: 0 0.6rem } #header #breadcrumbs ul li:last-child:after { content: '' } #header #breadcrumbs ul li a { color: #767676; text-decoration: none } #content-container { position: relative; font-size: 62.5%; margin: 0 auto; margin-top: 128px; max-width: 1200px; padding-top: 3rem; } #content-container #content-container-inner { position: relative; padding-bottom: 2rem } #content-container #content-container-inner #section-navigation { margin-top: 1rem; position: relative } #content-container #content-container-inner #section-navigation #section-navigation-inner { background: #fff; position: relative; width: 100%; margin-left: 1rem } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper { width: 100%; margin-bottom: 3rem; margin-top: 0; -webkit-box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.08); -moz-box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.08); box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.08) } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper ul { padding: 0; margin: 0 } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper ul li { list-style: none; padding: 0.6rem 1rem; font-family: "nimbus-sans",sans-serif } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper ul li a { text-decoration: none; border-bottom: none } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper ul#toplevelnavtrail li { background-color: #f5f5f5; border-left: 8px solid #003865 } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper ul#toplevelnavtrail li:last-child { background-color: #007cbc } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper ul#toplevelnavtrail li:last-child a { color: #fff !important } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper ul.section-navigation-siblings li { position: relative; padding-left: 3rem } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper ul.section-navigation-siblings li:before { content: ''; display: block; margin-left: 0.3125em; vertical-align: middle; width: 1.25rem; height: 1.25rem; position: absolute; top: 11px; left: 14px; background-image: url(../images/arrow-thin-blue.svg); background-position: center center; background-repeat: no-repeat; background-size: 75%; transition: all 0.3s } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper ul.section-navigation-siblings li:hover:before { left: 18px } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper ul.section-navigation-siblings li.selected { background-color: #4F5961 } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper ul.section-navigation-siblings li.selected:before { background-image: url(../images/arrow-thin-white.svg) } #content-container #content-container-inner #section-navigation #section-navigation-inner #section-navigation-inner-ul-wrapper ul.section-navigation-siblings li.selected a { color: #fff } @media screen and (max-width: 60.5625em) { #content-container #content-container-inner #main-content-wrapper { padding: 1rem } } #content-container p, #content-container li { font-family: "Roboto Slab",serif } #content-container.internal { margin-top: 64px; padding-top: 9rem } @media screen and (max-width: 60.5625em) { #content-container.internal { margin-top: 128px; padding-top: 0 } } #content-container.internal.menu-open { padding-top: 6rem } @media screen and (max-width: 60.5625em) { #content-container { margin: 2rem 1.2rem 1rem 1.2rem; padding: 0 } } @media screen and (min-width: 60.625em) { #content-container.menu-open { margin-top: 64px; padding: 3rem 3rem 1rem 3rem } } #content-container a { text-decoration: underline; color: #005986 } #content-container a:hover { border-bottom: 0px solid #343536 } #content-container .racc_wrap { margin-top: 2rem } #content-container .wrapper { background-color: #EDEDED; padding: 3rem; position: relative; margin-top: 2rem } @media screen and (max-width: 60.5625em) { #content-container .wrapper { padding: 0; margin-top: 0 !important; background: none } } #content-container .wrapper h1 { text-transform: uppercase; font-size: 3rem; line-height: 3rem; margin: 0; padding: 0; color: #003865; background: none } @media screen and (max-width: 60.5625em) { #content-container .wrapper h1 { font-size: 2rem !important; line-height: 2rem !important; margin: 2rem 0 0 0.7rem !important } } #content-container .wrapper input { border: 1px solid #dcdcdc } #content-container .wrapper.white { background-color: #fff } @media screen and (max-width: 60.5625em) { #content-container .wrapper.white { padding: 0; background: none } } #content-container .slick-list:focus, #content-container .carouselWrapper:focus, #content-container .slide-data:focus, #content-container .slideshow_content:focus, #content-container .panel:focus { outline: none !important } #content-container .slick-list p:focus, #content-container .slick-list ul:focus, #content-container .slick-list li:focus, #content-container .slick-list h1:focus, #content-container .slick-list h2:focus, #content-container .slick-list h3:focus, #content-container .slick-list h4:focus, #content-container .slick-list h5:focus, #content-container .carouselWrapper p:focus, #content-container .carouselWrapper ul:focus, #content-container .carouselWrapper li:focus, #content-container .carouselWrapper h1:focus, #content-container .carouselWrapper h2:focus, #content-container .carouselWrapper h3:focus, #content-container .carouselWrapper h4:focus, #content-container .carouselWrapper h5:focus, #content-container .slide-data p:focus, #content-container .slide-data ul:focus, #content-container .slide-data li:focus, #content-container .slide-data h1:focus, #content-container .slide-data h2:focus, #content-container .slide-data h3:focus, #content-container .slide-data h4:focus, #content-container .slide-data h5:focus, #content-container .slideshow_content p:focus, #content-container .slideshow_content ul:focus, #content-container .slideshow_content li:focus, #content-container .slideshow_content h1:focus, #content-container .slideshow_content h2:focus, #content-container .slideshow_content h3:focus, #content-container .slideshow_content h4:focus, #content-container .slideshow_content h5:focus, #content-container .panel p:focus, #content-container .panel ul:focus, #content-container .panel li:focus, #content-container .panel h1:focus, #content-container .panel h2:focus, #content-container .panel h3:focus, #content-container .panel h4:focus, #content-container .panel h5:focus { outline: none !important } #content-container .carouselWrapper { margin-top: 2rem; background-color: #F7F7F7; padding: 0 0 1rem 0 } .background-image { position: fixed; top: 0; left: 0; z-index: -10; width: 100% } .background-image.menu-open { left: 400px } .background-image img { width: 100% !important; height: auto !important } .main-feature { padding: 2rem 1rem; margin-bottom: 4rem } .main-feature#section-header { font-family: "nimbus-sans",sans-serif; padding: 1rem 0 0 0; margin-bottom: 0 } @media screen and (max-width: 60.5625em) { .main-feature#section-header { padding: 1rem 0 0 0 } } .main-feature#section-header.menu-open { left: initial !important } @media screen and (max-width: 60.5625em) { .main-feature#section-header.menu-open { display: none !important } } .main-feature#section-header.scrolled { position: fixed; -webkit-box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.08); -moz-box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.08); box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.08); padding: 0 0 0 1rem; top: 8rem; left: 0; z-index: 1000; background: #fff } .main-feature#section-header.scrolled.smallwindow { position: absolute; top: -3rem } @media screen and (max-width: 60.5625em) { .main-feature#section-header.scrolled.smallwindow { position: relative } } .main-feature#section-header.scrolled.menu-open { left: initial !important } @media screen and (max-width: 60.5625em) { .main-feature#section-header.scrolled { top: 64px } } .main-feature#section-header.scrolled h1 { margin: 1rem; font-size: 1.8rem; line-height: 1.8rem } .main-feature#section-header.scrolled h1 a { color: #003865 !important } @media screen and (max-width: 60.5625em) { .main-feature#section-header.scrolled h1 { margin-left: 0.6rem } } @media screen and (max-width: 60.5625em) { .main-feature#section-header.scrolled { right: 0 } } .main-feature#section-header h1 { font-size: 2.4rem; line-height: 2.4rem; color: #003865; margin: 2rem 0 1rem 2rem; position: relative } .main-feature#section-header h1 a { color: #003865; border-bottom: none; display: inline-block } .main-feature#section-header h1 a.alt { color: #fff } @media screen and (max-width: 60.5625em) { .main-feature#section-header h1 a.alt { color: #003865 } } @media screen and (max-width: 60.5625em) { .main-feature#section-header h1 { font-size: 1.5rem; line-height: 1.8rem; margin: 2rem 0 0 1rem } } @media screen and (max-width: 60.5625em) { .main-feature { padding: 0 1rem; margin-bottom: 1rem } } @media screen and (min-width: 60.625em) and (max-width: 63.9375em) { .main-feature { padding-top: 0; margin-bottom: 1rem } } .main-feature h1 { text-transform: uppercase; color: #003865; font-weight: 900; font-size: 5rem; margin: 2rem 0; line-height: 5rem; transform: all 0.3s ease } @media screen and (min-width: 60.625em) and (max-width: 63.9375em) { .main-feature h1 { font-size: 3rem; line-height: 3rem } } @media screen and (max-width: 60.5625em) { .main-feature h1 { font-size: 2rem; line-height: 2rem; padding: 0 } } .main-feature ul { padding: 0; list-style-type: none; font-family: "adobe-garamond-pro", serif } .main-feature ul li { display: inline-block; width: auto; margin-right: 1em; margin-bottom: 0 } .main-feature ul li a { font-size: 2rem; text-decoration: none; color: #003865 } @media screen and (max-width: 60.5625em) { .main-feature ul li a { font-size: 1.4rem } } .content-wrap { padding: 2rem 4rem } .content-wrap.background1 { background-color: #F7F7F7 } .content-wrap.background2 { background-color: #fff } @media screen and (max-width: 60.5625em) { .content-wrap { padding: 1rem 2rem } } .content-wrap h1 { font-weight: 900; text-transform: uppercase; color: #003865; font-family: "nimbus-sans",sans-serif; font-size: 3rem; margin: 1rem 0 } .responsivestyle { display: none } .maincontent { color: #343536 } .maincontent form button { border-radius: 0.25rem; background-color: #003865; color: #fff; border: none; padding: 1rem } .maincontent.displaywide { width: 100% !important; padding: 2rem } .maincontent img, .maincontent .captioncontainer { height: auto !important } .maincontent img.right, .maincontent .captioncontainer.right { float: right; margin-left: 1rem; margin-bottom: 1rem; width: 35% } @media screen and (max-width: 60.5625em) { .maincontent img.right, .maincontent .captioncontainer.right { float: none; margin: 0 0 1rem 0 } } .maincontent img.left, .maincontent .captioncontainer.left { float: left; margin-right: 1rem; margin-bottom: 1rem; width: 35% } @media screen and (max-width: 60.5625em) { .maincontent img.left, .maincontent .captioncontainer.left { float: none; margin: 0 0 1rem 0 } } .maincontent .captioncontainer img { float: none; margin: 0; display: block } .maincontent .captioncontainer .caption { text-align: right; font-style: italic } .maincontent h1 { font-size: 2rem; line-height: 2rem; font-weight: 900; margin: 0.67em 0; text-transform: uppercase; margin-top: 1rem; margin-bottom: 1rem; color: #003865 } @media screen and (min-width: 60.625em) and (max-width: 63.9375em) { .maincontent h1 { font-size: 2rem; line-height: 2rem } } @media screen and (max-width: 60.5625em) { .maincontent h1 { font-size: 1.8rem; line-height: 1.8rem; padding: 0 } } .maincontent h2 { font-size: 2rem; margin: 1rem 0; line-height: 2rem } @media screen and (min-width: 60.625em) and (max-width: 63.9375em) { .maincontent h2 { font-size: 1.8rem; line-height: 1.8rem } } @media screen and (max-width: 60.5625em) { .maincontent h2 { font-size: 1.8rem; line-height: 1.8rem; padding: 0 } } .maincontent h3 { font-size: 1.8rem; line-height: 1.8rem; margin: 1rem 0 } @media screen and (min-width: 60.625em) and (max-width: 63.9375em) { .maincontent h3 { font-size: 1.6rem; line-height: 1.6rem } } @media screen and (max-width: 60.5625em) { .maincontent h3 { font-size: 1.6rem; line-height: 1.6rem; padding: 0 } } .maincontent h3 { font-size: 1.6rem; margin: 1rem 0 } .maincontent h4 { font-size: 1.4rem; line-height: 1.4rem; margin: 1rem 0 } .maincontent h5 { font-size: 1.2rem; line-height: 1.2rem; margin: 1rem 0 } .maincontent.menu-open h1 { margin-top: 0 } .maincontent ul li { padding: 0.4rem; list-style: square } .maincontent form fieldset { border: none } .maincontent form legend { font-size: 2rem } .maincontent form label { font-weight: bold } .maincontent form select { height: 64px } .maincontent form input[type="submit"] { width: initial; font-family: "nimbus-sans",sans-serif; background-color: #003865; color: #fff; float: right; margin-right: 1rem } .maincontent .calltoaction, .maincontent .applynow { background: #003865; font-family: "nimbus-sans",sans-serif; color: #fff !important; padding: 1.25rem; border: 0; margin: 1rem 0 1rem 0; display: inline-block; border-radius: 0.25rem; font-weight: 400; font-size: 1.2rem; background: #003865 url(/3t4/img/arrow-thick-right.png) 1rem 1.4rem no-repeat; padding-left: 3rem } .maincontent .calltoaction a, .maincontent .applynow a { color: #ffffff !important; text-decoration: none } .maincontent .calltoaction:hover, .maincontent .applynow:hover { opacity: 0.9; transition: all 0.3s } .maincontent .pullquote { width: 30%; float: right; margin: 1rem 0 1rem 1rem; padding: 2rem; background-color: #003865; color: #fff; padding-left: 4rem; position: relative } @media screen and (max-width: 60.5625em) { .maincontent .pullquote { width: 100% } } .maincontent .pullquote:before { content: "\f10d"; font-family: FontAwesome; font-size: 2rem; padding: 1rem; position: absolute; top: 0; left: 0 } .maincontent .pullquote a { color: #fff !important; text-decoration: none } .maincontent .textsplash:not(span) { background: #4F5961; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplash a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplashCobalt:not(span) { background: #007cbc; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplashCobalt a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplashThistle:not(span) { background: #951272; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplashThistle a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplashLavendar:not(span) { background: #5B4D94; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplashLavendar a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplashPillarbox:not(span) { background: #B30C00; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplashPillarbox a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplashBurgundy:not(span) { background: #7D2239; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplashBurgundy a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplashRust:not(span) { background: #BE4D00; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplashRust a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplashSkyblue:not(span) { background: #005398; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplashSkyblue a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplashLeaf:not(span) { background: #00843D; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplashLeaf a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplashMoss:not(span) { background: #385A4F; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplashMoss a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplash_undergraduate:not(span) { background: #951272; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplash_undergraduate a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplash_postgraduate:not(span) { background: #5b4d94; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplash_postgraduate a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplash_research:not(span) { background: #2e5c81; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplash_research a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .textsplash_about:not(span) { background: #003865; font-size: 1rem; color: #fff; padding: 1rem } .maincontent .textsplash_about a { color: #fff !important; border-bottom: 1px solid #fff !important } .maincontent .content_opener { display: none; overflow: hidden; max-width: 69rem } .maincontent.splash { max-width: initial; margin-top: 0; position: relative; display: inline-block; float: left; padding: 0 } .maincontent.splash img { margin: 0; display: block } .maincontent.splash.reduced { margin: 0 } .maincontent.splash.reduced .splashimage { padding: 0 !important } .maincontent.splash.reduced .splashimage .splashtext { position: relative !important; top: auto !important; left: auto !important; width: auto !important } .maincontent.splash.menu-open .splashimage .splashtext h2 { font-size: 2rem !important } .maincontent.splash.added-blur { padding: 0 !important } .maincontent.splash.added-blur .splashimage { padding: 0 !important } .maincontent div.right { float: right } .maincontent#prog-left-col img { width: 100% !important; height: auto } .maincontent#prog-left-col .tab.standardContent .maincontent img { width: auto !important } .maincontent #prog-title { padding: 1.5rem 2rem 0 2rem; -webkit-transform: translate3d(0px, 0px, 0px) } @media screen and (max-width: 60.5625em) { .maincontent #prog-title { padding: 0.5rem 0 } } .maincontent #prog-title .designations { font-size: 1.8rem; color: #4F5961; text-transform: none; font-weight: normal } .maincontent #prog-title .designations.online { white-space: nowrap } @media (max-width: 63.9375em) { .maincontent #prog-title.menu-open { display: none } } .maincontent #prog-title #prog-title-ident { font-family: "nimbus-sans",sans-serif } .maincontent #prog-title #prog-title-ident a { text-decoration: none; text-transform: uppercase; border-bottom: none; font-weight: 900; color: #343536 } @media (max-width: 63.9375em) { .maincontent #prog-title { margin-left: 0 } } .maincontent #prog-title p { font-size: 1.8rem; line-height: 1.85rem; margin: 0 } .maincontent #prog-title.stuck { position: fixed; width: 100%; background-color: #fff; padding: 0.5rem 3rem; z-index: 1000 } .maincontent #prog-title.stuck.smallwindow { position: relative; top: 0 !important; left: 0 !important } @media (max-width: 63.9375em) { .maincontent #prog-title.stuck { padding: 0.5rem } } .maincontent #prog-title.stuck.subnav-active { border-bottom: none } .maincontent #prog-title.stuck p { display: inline } .maincontent #prog-title.stuck h1 { font-size: 1.8rem; line-height: 1.8rem; display: inline; max-width: 60% } .maincontent #prog-key-info-splash { background-color: #003865; color: #fff; padding: 1rem 2rem; margin-top: 1rem } .maincontent #prog-key-info-splash h2 { font-size: 2rem; margin: 0 } .maincontent #prog-key-info-splash h3 { margin: 0; font-size: 1rem } .maincontent #prog-key-info-splash a { text-decoration: underline; color: #fff } .maincontent #prog-key-info-splash ul { list-style-type: none; padding: 0; overflow: hidden } .maincontent #prog-key-info-splash ul li { float: left; width: 42%; padding: 1rem 0; margin-left: 2rem; position: relative } @media screen and (max-width: 60.5625em) { .maincontent #prog-key-info-splash ul li { float: initial; width: 90% } } .maincontent #prog-key-info-splash svg { position: absolute; left: 0; width: 1.25rem; fill: #fff } .maincontent #fb-queryform input:not([type="radio"]) { display: block; width: 100%; padding: 1em 1.5em; background: #fff; border: 1px solid #dcdcdc; border-radius: 0.25rem 0 0 0.25rem; color: #003865; line-height: 1.625em; outline: none; height: 64px } .maincontent #fb-queryform .column, .maincontent #fb-queryform .columns { padding: 0 } .maincontent #fb-search-button { border-radius: 0 0.25rem 0.25rem 0; background-color: #007cbc; color: #fff; border: none; padding: 1.36rem; width: 100%; height: 64px } .maincontent .result { background-color: #fff; padding: 2rem; margin-bottom: 1rem; font-family: "nimbus-sans",sans-serif } .maincontent .result h3 { margin: 0 !important } .maincontent .result h3 a { text-decoration: none !important; color: #003865 !important; color: #003865 !important; font-size: 1.4rem; border-bottom: none !important } .maincontent .result .fb-result-url a { color: #007cbc !important; border-bottom: none !important; word-break: break-all } .maincontent .result p { font-family: "nimbus-sans",sans-serif !important } @media screen and (max-width: 60.5625em) { .maincontent .ln-letters a { padding: 10px 10px; margin: 0.5rem; border: 1px solid silver } } #coursesearch .column, #coursesearch .columns { padding: 0; margin: 0 } #coursesearch .column input[type="submit"], #coursesearch .columns input[type="submit"] { border-radius: 0 0.25rem 0.25rem 0; background-color: #003865; color: #fff; border: none; padding: 0.63rem; width: 100% } #coursesearch .column input#coursesearchinput, #coursesearch .columns input#coursesearchinput { border-bottom-right-radius: 0; border-top-right-radius: 0; height: 64px !important } #coursesearchsubmit { padding: 1.4rem; height: 64px !important; background-color: #007cbc; color: #fff; width: 100%; border-radius: 0 0.25rem 0.25rem 0; border-left: 0 } .courseresulttitle { background: none !important } .courseresulttitle h1 a { color: #003865 !important; border-bottom: none !important } @media screen and (max-width: 60.5625em) { .programmedetails { float: none !important; width: auto !important; margin-left: 0 !important } } .programmedetails ul { margin: 0; padding: 0 } .programmedetails ul li { list-style: none !important } .courseresultdetail { border-bottom: none !important } .courseresultdetail .furtherinformation { margin-bottom: 0 !important } .courseresultdetail .furtherinformation .applynowcourse { padding: 1rem 2rem 1rem 1rem !important } .courseresultdetail .furtherinformation .applynowcourse a { color: #fff !important; font-size: 1rem !important } #coursefinder, #findascholarship { padding: 0 1rem } @media screen and (max-width: 60.5625em) { #coursefinder, #findascholarship { padding: 0 0.6rem } } #coursefinder input, #coursefinder select, #findascholarship input, #findascholarship select { height: 64px } #coursefinder .column, #coursefinder .columns, #findascholarship .column, #findascholarship .columns { padding: 0 } #coursefinder #q, #findascholarship #q { border-radius: 0.25rem } #coursefinder #l, #findascholarship #l { border-radius: 0.25rem 0 0 0.25rem } @media screen and (max-width: 60.5625em) { #coursefinder #l, #findascholarship #l { border-radius: 0.25rem } } #coursefinder #s, #findascholarship #s { border-radius: 0 0.25rem 0.25rem 0; background-color: #003865; color: #fff; border: none } @media screen and (max-width: 60.5625em) { #coursefinder #s, #findascholarship #s { border-radius: 0.25rem; margin-top: 1rem } } #fb-queryform { padding: 0 !important } #content_findasupervisor { padding-top: 1rem } #fb-matching { display: inline-block; padding: 1rem } .supervisor { background: #fff; padding: 2rem 1rem; margin-bottom: 2rem; -webkit-box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.08); -moz-box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.08); box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.08) } .supervisor .supervisorDetails { font-family: "nimbus-sans",sans-serif !important } .supervisor .supervisorDetails ul li { font-family: "nimbus-sans",sans-serif !important; padding: 0 !important } .supervisor .supervisorDetails h3 { margin: 0; color: #007cbc } .supervisor .supervisorDetails h3 a { color: #007cbc !important; border: none !important } .reveal-overlay { z-index: 999999 } #jquerylist-nav { margin: 1rem } ul.highlight_list { width: 40%; margin: 0 0 1rem 1rem; padding: 0; float: right } @media screen and (max-width: 60.5625em) { ul.highlight_list { width: 50% } } ul.highlight_list li { list-style: none; padding: 0 0 0 1.8rem; position: relative; background: #adadad; margin-bottom: 0.2rem } ul.highlight_list li a { background: #ededed; display: block; border-bottom: none !important; padding: 0.6rem; font-family: "nimbus-sans",sans-serif } ul.highlight_list li a:hover { border-bottom: none } ul.highlight_list li a:before { content: ''; display: block; margin-right: 0.3125em; width: 1.25rem; height: 1.25rem; position: absolute; background-image: url(../images/arrow-thin-blue.svg); background-position: center center; background-repeat: no-repeat; background-size: 75%; transition: all 0.3s; left: 4px } input, select, textarea { display: block; width: 100%; padding: 1em 1.5em; background: #fff; border: 1px solid #dcdcdc; border-radius: 0.25rem; color: #003865; line-height: 1.625em; outline: none } footer { background-color: #F7F7F7; margin: 0 auto !important } footer.menu-open { margin: 0 auto !important } footer #btt, footer #footerNav { background-color: #F7F7F7 } footer #footerNav, footer #footerContact { margin: 0; padding: 2rem } footer #footerNav h2, footer #footerContact h2 { font-family: "Roboto Slab",serif; color: #003865; font-size: 1.2rem; font-weight: 400 } footer #footerNav h2 a, footer #footerContact h2 a { text-decoration: none; color: #003865 } footer #footerNav ul, footer #footerContact ul { margin: 0; padding: 0 } footer #footerNav ul li, footer #footerContact ul li { margin: 0; padding: 0; list-style: none } footer #footerNav ul li a, footer #footerContact ul li a { text-decoration: none } footer #footerNav ul li, footer #footerContact ul li { color: #003865 } footer #footerNav ul li a, footer #footerContact ul li a { color: #003865 } footer #footerNav { background-color: #EDEDED } footer #footerNav h2 { padding: 0; margin-top: 1.4rem } footer #footerNav h2 a { text-transform: uppercase; text-decoration: none; color: #003865; font-size: 1.6rem; line-height: 1.6rem } footer #footerNav .footer__logo { width: 200px } footer #footerNav .list-inline.social li { width: 40px; display: inline-block } footer #footerNav .list-inline.social li a svg { fill: #003865 } footer #btt { margin: 0 2rem 4rem 2rem; text-align: center; border-bottom: 1px solid #D3D3D3 } footer #btt #backtotop { display: inline-block; padding: 1rem 1.25em; background: #003865; border: 0; border-radius: 0.25rem; color: #fff; font-weight: 400; text-align: center; border-bottom-right-radius: 0; border-bottom-left-radius: 0; text-decoration: none } footer #btt #backtotop:hover { background: #2e5c81 } div#autocompletewrapper { color: #003865 !important } #autocomplete li a { color: #003865 !important } #autocomplete li { margin-left: 0; padding-left: 0 } input[type=radio], input[type=checkbox] { display: inline; width: auto; margin-left: 1rem } @media print { #breadcrumbs, #mobile-nav, #KxBnBLogin.KxBnBLoginWrapper, #leftNav, img#small-logo, img#large-logo, #az, footer, .links, .tileImage { display: none; } #header { position: relative; box-shadow: inset 0 0 0 1000px #003865 } #header #header-logo img#print-logo { display: block; } #main { margin: 0 } #main.menu-open { margin: 0 } #section-header { display: block !important; top: initial !important; left: initial !important } #section-header.scrolled { position: relative !important; top: initial !important; left: initial !important } #section-header h1 { margin: 0 } #content-container { margin: 0 } body { color: #000 !important } h1, h2, h3, h4, h5, h6, p, ul, li, ol, a { color: #000 !important } #prog-title { position: relative; top: 0 !important; left: 0 !important; padding: 0 !important } #prog-title.stuck { position: relative !important } #prog-left-col img { display: none } sss .wrapper { padding: 0 !important } .standardContent { margin: 0; padding: 0 } .heading_opener { display: none } .heading_opener.alt { display: block } .textsplash { padding: 0 !important; margin: 0 !important } } .textblock { background-color: #fff; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #8b8b8b; border-bottom-color: #8b8b8b; border-left-color: #8b8b8b; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; margin-top: -16px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding: 5px } #ui-datepicker-div { border: none; } @font-face { font-family: 'Nimbus-Sans'; src: url('../fonts/NimbusSanL-Reg-webfont.eot'); src: url('../fonts/NimbusSanL-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/NimbusSanL-Reg-webfont.woff2') format('woff2'), url('../fonts/NimbusSanL-Reg-webfont.woff') format('woff'), url('../fonts/NimbusSanL-Reg-webfont.ttf') format('truetype'), url('../fonts/NimbusSanL-Reg-webfont.svg#nimbus_sans_lregular') format('svg'); font-weight: normal; font-style: normal; }