/****** FILE: themes/Base/css/ui-lightness/jquery-ui-1.8.16.custom.css *****/ /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-icons_ffffff_256x240.png); } .ui-state-default .ui-icon { background-image: url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-icons_ef8c08_256x240.png); } .ui-state-active .ui-icon {background-image: url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-icons_ffd27a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #666666 url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* * jQuery UI Resizable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.16 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* * jQuery UI Slider 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* * jQuery UI Tabs 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /****** FILE: themes/Base/css/default.css *****/ /* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ============================================================================= HTML5 element display ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Force vertical scrollbar in non-IE * 3. Remove Android and iOS tap highlight color to prevent entire container being highlighted * www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/ * 4. Prevent iOS text size adjust on device orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } /* * These selection declarations have to be separate * No text-shadow: twitter.com/miketaylr/status/12228805301 * Also: hot pink! */ ::-moz-selection { background: #333; color: #fff; text-shadow: none; } ::selection { background: #333; color: #fff; text-shadow: none; } /* ============================================================================= Links ========================================================================== */ a { color: #666; } a:visited { color: #666; } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -2.5px; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ /* * Improve image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; -ms-interpolation-mode: bicubic; } /* * Correct overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } /* * 1. Correct color not inheriting in IE6/7/8/9 * 2. Correct alignment displayed oddly in IE6/7 */ legend { border: 0; *margin-left: -7px; padding: 0; } /* Indicate that 'label' will shift focus to the associated form element */ label { cursor: pointer; } /* * 1. Correct font-size not inheriting in all browsers * 2. Remove margins in FF3/4 S5 Chrome * 3. Define consistent vertical alignment display in all browsers */ button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } /* * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet) * 2. Correct inner spacing displayed oddly in IE6/7 */ button, input { line-height: normal; *overflow: visible; } /* * 1. Display hand cursor for clickable form elements * 2. Allow styling of clickable form elements in iOS */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } /* * Consistent box sizing and appearance */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /* * Remove inner padding and border in FF3/4 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* Remove default vertical scrollbar in IE6/7/8/9 */ textarea { overflow: auto; vertical-align: top; } /* Colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } /* ============================================================================= Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } /****** FILE: themes/Base/css/plugins.css *****/ /* @group Base */ select.chzn-select { visibility: hidden; height: 28px !important; min-height: 28px !important; width:100%; } .chzn-container { font-size: 13px; position: relative; display: inline-block; zoom: 1; *display: inline; width:241px !important; } .chzn-container .chzn-drop { background: #fff; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); -o-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897FB; border-image: initial; border-bottom: 0; position: absolute; bottom: 29px !important; top: auto !important; left: 0; z-index: 999; } /* @end */ /* @group Single Chosen */ .chzn-container-single .chzn-single { background-color: #fff; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #f5f5f5 50%, #f5f5f5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* W3C */ -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; border: 1px solid #dfdfdf; display: block; overflow: hidden; white-space: nowrap; position: relative; height: 29px; line-height: 29px; padding: 0 0 0 8px; color: #444; text-decoration: none; box-shadow: 0 3px 2px -3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 3px 2px -3pxpx rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 3px 2px -3pxpx rgba(0, 0, 0, 0.2); } .chzn-container-single .chzn-single span { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .chzn-container-single .chzn-single div { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius : 0 4px 4px 0; border-radius : 0 4px 4px 0; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; position: absolute; right: 10px; top: 6px; display: block; height: 100%; width: 20px; } .chzn-container-single .chzn-single div b { background: url('../img/chosen-sprite.png') no-repeat 0 1px; display: block; width: 100%; height: 100%; } .chzn-container-single .chzn-search { padding: 3px 4px; margin: 0; white-space: nowrap; } .chzn-container-single .chzn-search input { background: #fff url('../img/chosen-sprite.png') no-repeat 100% -20px; background: url('../img/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('../img/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('../img/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('../img/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('../img/chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); background: url('../img/chosen-sprite.png') no-repeat 100% -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); background: url('../img/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(top, #ffffff 85%,#eeeeee 99%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: sans-serif; font-size: 1em; } .chzn-container-single .chzn-drop { -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; } /* @end */ /* @group Multi Chosen */ .chzn-container-multi .chzn-choices { background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background-image: -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); background-image: linear-gradient(top, #ffffff 85%,#eeeeee 99%); border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } .chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow : none; -o-box-shadow : none; box-shadow : none; } .chzn-container-multi .chzn-choices .search-field .default { color: #999; } .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius : 3px; border-radius : 3px; -moz-background-clip : padding; -webkit-background-clip: padding-box; background-clip : padding-box; background-color: #e4e4e4; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%); background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%); background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%); background-image: -ms-linear-gradient(top, #e4e4e4 0%,#eeeeee 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 ); background-image: linear-gradient(top, #e4e4e4 0%,#eeeeee 70%); color: #333; border: 1px solid #b4b4b4; line-height: 13px; padding: 3px 19px 3px 6px; margin: 3px 0 3px 5px; position: relative; } .chzn-container-multi .chzn-choices .search-choice span { cursor: default; } .chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 5px; top: 6px; width: 8px; height: 9px; font-size: 1px; background: url(http://explorenz.newzealandeducated.com/explore/themes/Base/live/chosen-sprite.png) right top no-repeat; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: right -9px; } .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: right -9px; } /* @end */ /* @group Results */ .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 190px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; } .chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0; } .chzn-container .chzn-results li { line-height: 80%; padding: 7px 7px 8px; margin: 0; list-style: none; } .chzn-container .chzn-results .active-result { cursor: pointer; } .chzn-container .chzn-results .highlighted { background: #f5f5f5; color: #333; } .chzn-container .chzn-results li em { background: #feffde; font-style: normal; } .chzn-container .chzn-results .highlighted em { background: transparent; } .chzn-container .chzn-results .no-results { background: #f4f4f4; } .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; } .chzn-container .chzn-results .group-option { padding-left: 20px; } .chzn-container-multi .chzn-drop .result-selected { display: none; } /* @end */ /* @group Active */ .chzn-container-active .chzn-single { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); -o-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-single-with-drop { border: 1px solid #aaa; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow : 0 1px 0 #fff inset; -o-box-shadow : 0 1px 0 #fff inset; box-shadow : 0 1px 0 #fff inset; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 49%, #f5f5f5 50%, #f5f5f5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#ffffff 49%,#f5f5f5 50%,#f5f5f5 100%); /* W3C */ -webkit-border-bottom-left-radius : 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft : 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius : 0; border-bottom-right-radius: 0; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow: 0 0 5px rgba(0,0,0,.3); -o-box-shadow: 0 0 5px rgba(0,0,0,.3); box-shadow: 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897FB; border-image: initial; } .chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; } .chzn-container-active .chzn-single-with-drop div b { background-position: -23px 1px; } .chzn-container-active .chzn-choices { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); -moz-box-shadow : 0 0 5px rgba(0,0,0,.3); -o-box-shadow : 0 0 5px rgba(0,0,0,.3); box-shadow : 0 0 5px rgba(0,0,0,.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-choices .search-field input { color: #111 !important; } /* @end */ /* @group Right to Left */ .chzn-rtl { direction:rtl;text-align: right; } .chzn-rtl .chzn-single { padding-left: 0; padding-right: 8px; } .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; } .chzn-rtl .chzn-single div { left: 0; right: auto; border-left: none; border-right: 1px solid #aaaaaa; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius : 4px 0 0 4px; border-radius : 4px 0 0 4px; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices .search-choice { padding: 3px 6px 3px 19px; margin: 3px 5px 3px 0; } .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 5px; right: auto; background-position: right top;} .chzn-rtl.chzn-container-single .chzn-results { margin-left: 4px; margin-right: 0; padding-left: 0; padding-right: 4px; } .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 20px; } .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; } .chzn-rtl .chzn-search input { background: url('../img/chosen-sprite.png') no-repeat -38px -20px, #ffffff; background: url('../img/chosen-sprite.png') no-repeat -38px -20px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('../img/chosen-sprite.png') no-repeat -38px -20px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('../img/chosen-sprite.png') no-repeat -38px -20px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('../img/chosen-sprite.png') no-repeat -38px -20px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('../img/chosen-sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); background: url('../img/chosen-sprite.png') no-repeat -38px -20px, -ms-linear-gradient(top, #ffffff 85%,#eeeeee 99%); background: url('../img/chosen-sprite.png') no-repeat -38px -20px, linear-gradient(top, #ffffff 85%,#eeeeee 99%); padding: 4px 5px 4px 20px; } /* @end */ /****** FILE: themes/Base/css/style.css *****/ /* ============================================================================= Base items ========================================================================== */ body {font-family: Helvetica, Arial, Tahoma, Geneva, Verdana, sans-serif;margin: 0;padding: 0;text-align: center;background: url(../img/bg.gif) repeat center; color: #666;} .wrap {text-align:left; width:990px;margin:0 auto;} .container {text-align:left;width:990px; margin:0 auto;background: url(../img/body-shadow.png) repeat-y center;} /* Object classes----------------------------------------------- */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .hidden { display: none; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .alignleft { float:left; } .alignright { float:right; } .clear { clear:both; } .hide { display:none !important; } .hide-text { text-indent: -9000px; } .hr {background:#333; width:100%; clear:both;height:1px;display:block;font-size:1px; line-height:1px;} .vmargin {margin:20px 0;} /* ============================================================================= Type ========================================================================== */ a:hover {text-decoration:none;} p {font-family: Helvetica,Arial,Tahoma,Geneva,Verdana,sans-serif; font-weight:300; line-height:1.3; font-size:13px;} h2 {font-family: Helvetica,Arial,Tahoma,Geneva,Verdana,sans-serif; font-size:32px; font-weight:300; color:#317c22; margin:0;} h3 {margin:0;font-family: Helvetica,Arial,Tahoma,Geneva,Verdana,sans-serif;} h4 {margin:0;font-family: Helvetica,Arial,Tahoma,Geneva,Verdana,sans-serif; font-weight:300;} /* ============================================================================= Forms ========================================================================== */ form {text-align:left;} input:focus {outline:none;} input {outline:none;} /* Chosen homepage----------------------------------------------- */ #find-courses-available_chzn .chzn-drop{width:239px !important;} #study-level-available_chzn .chzn-drop{width:239px !important;} #find-courses-available_chzn .chzn-search input {width:204px !important;} #study-level-available_chzn .chzn-search input {width:204px !important;} .chzn-container {width:241px !important;} /* Compare filter----------------------------------------------- */ .inline-block { display: inline-block; } .ie7 .inline-block, .ie6 .inline-block { zoom: 1; display: inline; } .compare-filter {margin-top:0px;height:70px; position:relative;z-index:100;background: #7D3288 url("../img/bg-diagonal-purple.png") 3px 0;width: 860px;padding-right: 40px;} .dashboard-holder .table-shadow-bot {z-index:96;} .compare-filter form {margin-top:10px;} .compare-filter form ul.clearfix {list-style-type:none; padding:0; margin:0; white-space: nowrap; } .compare-filter li.go { width:35px;margin-right:0;margin-left:5px; } .compare-filter li.place-wide, .compare-filter li.go, .compare-filter li.plus { vertical-align: top; margin-right: 5px; } .compare-filter .chzn-container {width:150px !important;} .compare-filter .chzn-drop {width:148px !important;} .compare-filter .chzn-search input {width:113px !important;} .compare-filter #place1_chzn.chzn-container {width:182px !important;} .compare-filter #place1_chzn .chzn-drop {width:180px !important;} .compare-filter #place1_chzn .chzn-search input {width:145px !important;} .compare-filter #place2_chzn.chzn-container, .compare-filter #place3_chzn.chzn-container {width:182px !important;} .compare-filter #place2_chzn .chzn-drop, .compare-filter #place3_chzn .chzn-drop {width:180px !important;} .compare-filter #place2_chzn .chzn-search, .compare-filter #place3_chzn .chzn-search input {width:145px !important;} /*.compare-filter #place3_chzn.chzn-container {width:150px !important;} .compare-filter #place3_chzn .chzn-drop {width:148px !important;} .compare-filter #place3_chzn .chzn-search input {width:113px !important;}*/ .compare-filter .place-wide {width:182px;} .compare-filter .plus {width:11px;} .compare-filter .plus img{margin-top:9px;} .compare-filter .go-btn {width:35px; height:31px; display:block; background:;border:none;color:#3a3a3a;font-weight:600; margin: 0;padding: 0;text-align: center; background: #e6de0b; /* Old browsers */ background: -moz-linear-gradient(top, #e6de0b 0%, #e6de0b 50%, #ddd50b 51%, #ddd50b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6de0b), color-stop(50%,#e6de0b), color-stop(51%,#ddd50b), color-stop(100%,#ddd50b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e6de0b 0%,#e6de0b 50%,#ddd50b 51%,#ddd50b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e6de0b 0%,#e6de0b 50%,#ddd50b 51%,#ddd50b 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #e6de0b 0%,#e6de0b 50%,#ddd50b 51%,#ddd50b 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6de0b', endColorstr='#ddd50b',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #e6de0b 0%,#e6de0b 50%,#ddd50b 51%,#ddd50b 100%); /* W3C */} .compare-filter .textbox {background:#e7e137; border:none;color:#333;width:162px;padding:10px 10px 7px;} .compare-filter h4 {color: #FFFFFF;font-size: 17px;font-weight: 500;background: url(../img/sprite-24.png) -275px -30px no-repeat;padding-left:45px;height:25px; padding-top:2px;margin-top:13px;} /* ============================================================================= Tables ========================================================================== */ table {text-align:left; background:#fff; color:#000;width:100%; font-weight:400;z-index:1;} table th {text-align:left;} /* Compare results table */ table#compare-results a.share-email {margin-top:7px;color:#07a9e7; text-decoration:none;font-weight:400;background: url(../img/email-blue.png) 0 0 no-repeat;height:18px; display:block;padding-left: 34px;padding-top: 3px;} table#compare-results .td-share {background: #fff url(../img/td-share.png) 0 0 repeat-x;} table#compare-results .share-comparison {margin-bottom:5px;margin-top:0;} table#compare-results thead td {color:#666; border:1px solid #e5e4d3;height:60px; padding: 3px 20px 3px;} table#compare-results thead td.current {color:#3b1a1a;} table#compare-results td.empty {color:#3b1a1a; background:#fff !important;border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} table#compare-results thead td small {color:#999;} table#compare-results thead td a {color:#47baef; font-weight:600;} table#compare-results thead td a:hover {text-decoration:none;} table#compare-results thead h3 {font-size:13px; font-weight:400; margin-bottom:5px; color:#666;} table#compare-results th.institutions-by-type {color:#333;text-align:left;} table#compare-results .place1{background:#fffdda;} table#compare-results .place1.highlight{background:#fffcc8;} table#compare-results .place2{background:#fff6da;} table#compare-results .place2.highlight{background:#fff1c8;} table#compare-results .place3{background:#ffebda;} table#compare-results .place3.highlight{background:#ffe1c8;} table#compare-results th {color:#000;padding:6px 20px 6px 20px; border:1px solid #e5e5e5; border-left:0; border-right:0;width:214px; font-weight:300;font-size:12px;} table#compare-results td {border:1px solid #e5e2b4;padding:6px 20px 6px 20px;width:150px;font-size:12px;} table#compare-results tr.NumITP th {border-bottom:0} table#compare-results tr.pad th {border-top:0} table#compare-results tr.NumITP td {border-bottom:0} table#compare-results tr.pad td {border-top:0} .table-shadow-bot {background: url("../img/bg-video-shade-bot.png") 0 0 no-repeat;width:960px; height:30px; position:absolute; bottom:0px; left:-50px; z-index:0;} .table-shadow-top {background: url("../img/bg-video-shade-top.png") 0 0 no-repeat;width:960px; height:30px; position:absolute; top:0px; left:-50px; z-index:0;} .table-close {display:block;text-indent:-999em;background: #ff0000 url("../img/sprite-24.png") no-repeat -278px 44px ;width:29px; height:66px; outline:none; position:absolute;top:0px; right:-29px;z-index:20;} .compare-table-holder {position:relative;} /* Detail table */ table#detail.sunshine {background: #fff url(../img/bg-sunshine.png) top right no-repeat;} table#detail.terrain {background: #fff url(../img/bg-terrain.png) top right no-repeat;} table#detail.population {background: #fff url(../img/bg-population.png) top right no-repeat;} table#detail .switch-overview { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #f5f5f5 51%, #f5f5f5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(51%,#f5f5f5), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f5f5f5 51%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f5f5f5 51%,#f5f5f5 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 50%,#f5f5f5 51%,#f5f5f5 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#ffffff 50%,#f5f5f5 51%,#f5f5f5 100%); /* W3C */} table#detail .switch-overview a {font-weight:400;text-decoration:none;background: url(../img/sprite-24.png) -675px -588px no-repeat;padding-right:20px;} table#detail thead td {color:#666; border:none;height:40px; padding: 0px 20px 0px;} table#detail thead td.current {color:#fff;} table#detail thead td a {color:#47baef; font-weight:400;} table#detail thead td a:hover {text-decoration:none;} table#detail th {color:#01a8ed;padding:6px 20px 6px 20px; border:1px solid #e5e5e5; border-left:0; border-right:0;width:225px; font-weight:300;position:relative;} table#detail th a {color:#01a8ed; text-decoration:none;} table#detail th:hover, table#detail.by-type th:hover, table#detail th.selected {color:#fff;background: #01a8ee; /* Old browsers */ background: -moz-linear-gradient(top, #01a8ee 0%, #01a8ee 50%, #01a1e4 50%, #01a1e4 100%, #01a1e4 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01a8ee), color-stop(50%,#01a8ee), color-stop(50%,#01a1e4), color-stop(100%,#01a1e4), color-stop(100%,#01a1e4)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #01a8ee 0%,#01a8ee 50%,#01a1e4 50%,#01a1e4 100%,#01a1e4 100%) !important; /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #01a8ee 0%,#01a8ee 50%,#01a1e4 50%,#01a1e4 100%,#01a1e4 100%) !important; /* Opera11.10+ */ background: -ms-linear-gradient(top, #01a8ee 0%,#01a8ee 50%,#01a1e4 50%,#01a1e4 100%,#01a1e4 100%) !important; /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a8ee', endColorstr='#01a1e4',GradientType=0 ) !important; /* IE6-9 */ background: linear-gradient(top, #01a8ee 0%,#01a8ee 50%,#01a1e4 50%,#01a1e4 100%,#01a1e4 100%) !important; /* W3C */; color:#fff !important;} table#detail th:hover a, table#detail th.selected a{color:#fff !important;} table#detail th.number-of:hover {background:#f7f7f7 !important;} table#detail th.institutions-by-type {color:#333;} table#detail th strong {color:#333;font-weight:400} table#detail tr {height:36px;} table#detail thead h3 {font-size:13px; font-weight:400; margin-bottom:5px; color:#666;} table#detail .place1{background:#323232;} table#detail .place1.highlight{background:transparent;position:relative;} table#detail .place2{background:#323232;} table#detail .place2.highlight{background:transparent;} table#detail .place3{background:#323232;} table#detail .place3.highlight{background:transparent;} table#detail td {border:1px solid #e5e5e5;padding:13px 20px 6px 20px;width:170px;} .table-shadow-bot {background: url("../img/bg-video-shade-bot.png") 0 0 no-repeat;width:960px; height:30px; position:absolute; bottom:0px; left:-50px; z-index:0;} .table-shadow-top {background: url("../img/bg-video-shade-top.png") 0 0 no-repeat;width:960px; height:30px; position:absolute; top:0px; left:-50px; z-index:0;} .table-close-small {display:block;text-indent:-999em;background: #ff0000 url("../img/sprite-24.png") no-repeat -273px 13px;width:40px; height:40px; outline:none; position:absolute;top:0px; right:-40px;z-index:20;} table#detail .by-type th{background:#f7f7f7;border-color:#eee;} table#detail a.share-email {color:#666; text-decoration:none;font-weight:400;background: url(../img/sprite-24.png) 0 -130px no-repeat;width:25px;height:18px; display:block;text-indent:-999em;} table#detail .place1 .stat {background:#676767; text-align:center;width:158px; height:26px;color:#fff; line-height:26px;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;position:absolute;top:200px;} table#detail .place1 .stat span {width:428px; height:2px; display:block; background:#676767;position:absolute; top:12px; left:158px} table#detail .place2 .stat {background:#676767; text-align:center;width:158px; height:26px;color:#fff; line-height:26px;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;position:absolute;top:100px;} table#detail .place2 .stat span {width:226px; height:2px; display:block; background:#676767;position:absolute; top:12px; left:158px} table#detail .place3 .stat {background:#676767; text-align:center;width:158px; height:26px;color:#fff; line-height:26px;-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;position:absolute;top:350px;} table#detail .place3 .stat span {width:25px; height:2px; display:block; background:#676767;position:absolute; top:12px; left:158px} /* ============================================================================= Top bar ========================================================================== */ #top-bar {background: url(../img/bg-top-nav.png) repeat-x bottom left; height:35px;margin-bottom:20px;width:100%; display:block;} #top-nav {margin:0 0 0 51px; padding:4px 0 0 0;list-style-type:none;font-family: arial, sans-serif;font-size: 12px;font-weight: normal;color: #555;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);width:500px;} #top-nav li {float:left;display:inline;text-align: center;margin-right:5px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2);} #top-nav a {text-decoration:none; width:auto;background:#f7f7f7; padding: 0 11px;border: solid 1px #d1d1d1; height:21px; display:block; border-bottom:none;padding-top:9px; -webkit-box-shadow: inset 0px -1px 0px 1px #fafafa;-moz-box-shadow: inset 0px 0px 0px 1px #fafafa;box-shadow: inset 0px 0px 0px 1px #fafafa; -webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px;border-top-left-radius: 2px; border-top-right-radius: 2px; -webkit-transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -o-transition: background .25s ease-in-out; transition: background .25s ease-in-out; } #top-nav a:hover {background:#fff;} #top-nav li.selected {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} #top-nav li.selected a {border:1px solid #fff;border-bottom:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} #top-nav li.selected a {background: url(../img/bg.gif) repeat center;color:#fff;font-weight:bold;} .top-social-links {font-family: arial, sans-serif;font-size: 12px;font-weight: normal;color: #555;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);width:300px;margin:9px 10px 0 0;} .top-social-links a {text-decoration:none; height:17px; display:inline-block;padding-top:2px;margin-left:20px;} .top-social-facebook {background: url(../img/sprite-24.png) -782px 0 no-repeat; padding-left:25px;} .top-social-twitter {background: url(../img/sprite-24.png) -782px -43px no-repeat; padding-left:25px;} /* ============================================================================= Header ========================================================================== */ header {height:160px;} header .wrap {background:#fff;padding:16px 15px 16px 15px;width:960px;position:relative;background: url(../img/bg-header.png) left top no-repeat;height:128px;} h1#logo {background: url(../img/sprite-24.png) 0 0 no-repeat; margin:0; padding:0; display:block; cursor:pointer; text-indent:-999em; height:124px;width:135px;position:absolute; top:21px; left:28px;} h1#logo:hover {background-position:-135px 0; } h1#logo a {width:100%; height:100%; display:block; outline:none;} /* Nav from existing site */ #main-nav { bottom: 0; left: 330px; position: absolute; } ul.navigation { color: #000000; float: left; list-style-type: none; margin: 0; padding: 0; font-size: 16px; } ul.navigation li { display: inline; float: left; position: relative; } ul.navigation li a { color: #000000; display: block; float: left; line-height: 1; padding: 0 10px 20px 0; text-decoration: none; } ul#in li a { font-size: 1.5em; } ul.navigation li a:link, ul.navigation li a:visited { color: #000000; text-decoration: none; } ul.navigation li a.welcome:link, ul.navigation li a.welcome:visited { background: url("../img/main-nav.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 0; position: absolute; width: 98px; } ul.navigation li a.welcome:hover { background: url("../img/main-nav-hover.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 0; position: absolute; width: 98px; } ul.navigation li.current a.welcome:link, ul.navigation li.current a.welcome:visited, ul.navigation li.current a.welcome:hover { background: url("../img/main-nav-hover.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 0; position: absolute; width: 98px; } ul.navigation li a.guide:link, ul.navigation li a.guide:visited { background: url("../img/main-nav.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 108px; position: absolute; width: 98px; } ul.navigation li a.guide:hover { background: url("../img/main-nav-hover.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 108px; position: absolute; width: 98px; } ul.navigation li.current a.guide:link, ul.navigation li.current a.guide:visited, ul.navigation li.current a.guide:hover { background: url("../img/main-nav-hover.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 108px; position: absolute; width: 98px; } ul.navigation li a.explore:link, ul.navigation li a.explore:visited { background: url("../img/main-nav.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 216px; position: absolute; width: 98px; } ul.navigation li a.explore:hover { background: url("../img/main-nav-hover.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 216px; position: absolute; width: 98px; } ul.navigation li.current a.explore:link, ul.navigation li.current a.explore:visited, ul.navigation li.current a.explore:hover { background: url("../img/main-nav-hover.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 216px; position: absolute; width: 98px; } ul.navigation li a.institutions:link, ul.navigation li a.institutions:visited { background: url("../img/main-nav.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 324px; position: absolute; width: 98px; } ul.navigation li a.institutions:hover { background: url("../img/main-nav-hover.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 324px; position: absolute; width: 98px; } ul.navigation li.current a.institutions:link, ul.navigation li.current a.institutions:visited, ul.navigation li.current a.institutions:hover { background: url("../img/main-nav-hover.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 324px; position: absolute; width: 98px; } ul.navigation li a.blog:link, ul.navigation li a.blog:visited { background: url("../img/main-nav.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 432px; position: absolute; width: 98px; } ul.navigation li a.blog:hover { background: url("../img/main-nav-hover.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 432px; position: absolute; width: 98px; } ul.navigation li.current a.blog:link, ul.navigation li.current a.blog:visited, ul.navigation li.current a.blog:hover { background: url("../img/main-nav-hover.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 432px; position: absolute; width: 98px; } ul.navigation li a.stories:link, ul.navigation li a.stories:visited { background: url("../img/main-nav.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 540px; position: absolute; width: 83px; } ul.navigation li a.stories:hover { background: url("../img/main-nav-hover.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 540px; position: absolute; width: 83px; } ul.navigation li.current a.stories:link, ul.navigation li.current a.stories:visited, ul.navigation li.current a.stories:hover { background: url("../img/main-nav-hover.gif") no-repeat scroll 0 100% transparent; bottom: 0; left: 540px; position: absolute; width: 83px; } .social-meta {margin:0; list-style-type:none;padding:9px 0 0 0;height:30px; width:auto; display:block; } .social-meta li {float:left;margin-right:5px;} .social-meta li.meta-facebook {width:95px;} .social-meta li.meta-twitter {width:110px;} .social-meta li.meta-google {width:75px;} .social-meta li.meta-email {width:35px;background: url("../img/sprite-24.png") 0px -129px no-repeat;width:25px;height:19px; display:block; cursor:pointer; text-indent:-999em;margin-right:0;} .social-meta .result-days {color:#333; font-style:italic; font-weight:600;} .social-meta .result-date {color:#333; font-style:italic;margin-right:65px;} /* search box */ #search-box { width: 193px; /* FF */ position: absolute; top: 21px; right: 246px; background: url(../img/bg-country-box.gif) no-repeat 0 100%; padding: 9px 0 0 8px; color: #fff; margin: 0; } #search-box form { margin: 0; padding: 0; } #search-box form ul {margin:0;padding:0; list-style-type:none;} #search-box form ul li{float:left;} #search-box form p {clear:both;} #search-box input { width: 40px; /* FF */ height: 10px; background: url(../img/btn-go.gif) no-repeat 0 0; border: 0; margin: 0; padding: 0 0 0 0;} #search-box input#search { font-size: 10px; margin: 0 7px 0 3px; padding: 1px; width: 76px; border: 1px solid #d3d3d3; height: auto; background: none; background-color: #ececec; } #search-box img { margin: 0 0 0 0; border: 0; } #search-box p { margin: 0; padding: 7px 0 5px 47px; /* FF */ color: #DEF000; font-size:11px; } #search-box p a:link, #search-box p a:visited { color: #DEF000; text-decoration: none; } #search-box p a:hover { color: #DEF000; text-decoration: underline; } #search-box label {font-size:11px;} /* shortlist box */ #shortlist-box { width: 186px; /* FF */ position: absolute; top: 21px; right: 29px; background: #3089b4 url(../img/bg-shortlist-box.gif) no-repeat 0 100%; padding: 9px 8px 7px 8px; color: #fff; } #shortlist-box p { margin: 0; padding: 2px 0 2px 0; color: #fff; font-size: 11px; } #shortlist-box p.my-shortlist { font-weight: bold; font-size: 12px; float: left; } #shortlist-box p.login { font-size: 11px; float: right; } #shortlist-box a:link, #shortlist-box a:visited { color: #fff; text-decoration: none; } #shortlist-box a:hover { color: #def000; text-decoration: underline; } .heading {background: url("../img/bg-tabs.gif") repeat-y scroll 0 100% transparent;border-top: 1px solid #E7E7E7;padding: 25px 50px 10px 50px; width:860px;} /* ============================================================================= Welcome - Landing page ========================================================================== */ .welcome-landing {background: url("../img/bg-welcome.png") no-repeat 0 0 transparent; width:860px; height:800px;padding: 0px 50px 0px 50px; position:relative; } .welcome-landing p, .welcome-landing h3 {color:#fff;width:260px; position:relative; z-index:2;} .welcome-landing h3 {font-size:44px; font-weight:300;padding-top:75px;margin-bottom:30px;} .find-a-place {background: url("../img/bg-find-a-place.png") no-repeat 0 0 transparent;width:231px;height:377px;display:block; position:absolute;right:40px; top:129px; padding:51px 30px 20px 23px;} .find-a-place h4{color:#158fc1;font-size:18px;} .find-a-place p {color:#666; border-bottom:1px solid #ebebeb;padding-bottom:8px;width:auto;} .find-a-place ul {list-style-type:none;margin:0;padding:0;} .find-a-place ul li {margin-bottom:20px;} .find-a-place label {color:#333;width:100%; display:block;margin-bottom:5px;font-weight:400;} .find-a-place small {color:#999;} .find-a-place select {width:269px;} #find-a-place .chzn-search { display: none;} .slider-track { background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #f7f7f7 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%,#ffffff 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%,#ffffff 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #f7f7f7 0%,#ffffff 100%); /* W3C */ width:240px; height:29px; display:block; position:relative; border:1px solid #dfdfdf; text-align:center;} .slider-handle {background: url("../img/slider-handle.png") no-repeat 0 0 transparent;width:81px;height:33px;color:#fff;font-size:13px; font-weight:100;line-height:33px;position:absolute; } .slider-handle.population {top:-2px; left:159px;} .slider-handle.cost-of-living {top:-2px; left:159px;} .welcome-map {width:280px; height:391px; position:relative; top: -369px; left: 255px;} .welcome-map.small {width:215px; height:304px; position:relative; top: 0px; left: 510px;} .welcome-map.small img {position:absolute; left: 0px; border: none; margin:0} .map-wrapper {height: 505px;} .map-pin {cursor:pointer; height: 15px; width: 16px; z-index:3; position: absolute} .map-pin-image {cursor:pointer; background-image: url(../img/map-key.png); height: 15px; width: 16px; z-index:4; position: absolute} .small .map-pin-image {cursor:pointer; background-image: url(../img/sm_map-marker.png); height: 11px; width: 11px; z-index:4; position: absolute} .small .main-pin .map-pin-image {cursor:pointer; background-image: url(../img/lrg_map-marker.png) !important; height: 32px; width: 24px; z-index:4; position: absolute} .map-tooltip {background:#000 url(../img/popup-arrow.png) no-repeat 10px center; white-space:nowrap; color: white; position: absolute; bottom:8px; left: -80px ; z-index: 3; display: none; background:#000; padding:10px 15px; -webkit-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2);box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2); font-family: Helvetica, Arial, Tahoma, Geneva, Verdana, sans-serif; font-size: 12px; font-weight: 100;} .map-pin:hover {z-index:100;} .map-pin:hover .map-tooltip {display: block;} .all-places {padding-top:65px} .all-places p {color:#000; font-size:15px;} .all-places ul {list-style-type:none;margin:0; padding:0;color:#fff; font-size:13px;} .all-places li {background: url(../img/bg-arrow.png) 0 2px no-repeat;padding-left:15px;margin-bottom:5px;} .all-places .col1, .all-places .col2, .all-places .col3 {width:280px;} .all-places .col3 {width:270px;} .all-places a {color:#fff; text-decoration:none;} .all-places a:hover {text-decoration:underline;} .all-places .download {height:30px; line-height:30px;margin:0;display:inline-block;} .all-places .download a{font-size:13px;color:#fff;background: url("../img/pdf-icon.png") no-repeat scroll 0 2px;padding-left:30px; display:inline-block;} .all-places .download a:hover {} .all-places .download small {font-size:11px;margin-top:5px;color:#333; height:30px; display:inline-block;color:#333;} p.map-key {background: url("../img/map-key.png") no-repeat scroll 0 0 transparent;padding-left: 20px;position: absolute;right: 50px;text-align: right;top: 80px;width: auto;} /* ============================================================================= Secondary nav ========================================================================== */ nav#secondary-nav{background:#000 url(../img/bg-sec-nav.png) 0 0;color:#fff;height:40px;margin-left:15px;padding:0 50px 0px;position:absolute;width:860px;z-index:101;} nav#secondary-nav a {color:#999;text-decoration:none;-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out; transition: .25s ease-in-out;} nav#secondary-nav a:hover {color:#fff;} nav#secondary-nav ul {width:auto;display:inline-block;margin-top:13px;} nav#secondary-nav li {float:left;margin-right:20px;} nav#secondary-nav h3 {float:left;color:#5db7e3; font-weight:300;font-size:17px;border-right:1px solid #313131;margin-right:15px;padding-right:15px;display:inline-block;height:40px; line-height:40px;} nav#secondary-nav p {margin:0;background: #212121 url(../img/sprite-24.png) -27px -129px no-repeat;height:27px;border-left:1px solid #313131;width:129px;position:absolute;top:0; right:0;padding:13px 0 0 31px} #city-introduction { min-height: 540px; } #city-by-numbers { min-height: 600px; } #student-stories { min-height: 490px; } #life-stream { min-height: 555px; } .stories-holder { min-height: 570px; } /* ============================================================================= City introduction ========================================================================== */ #city-introduction{background:url(../img/bg-city-intro.png) center top no-repeat;height:auto;margin-top:40px;padding:40px 0 20px;position:relative;width:960px;z-index:1;} #city-introduction h2{color:#fff716;text-shadow:0px -1px 0px rgba(0,0,0,0.4);border-bottom:1px solid #5bb6e8;padding-bottom:10px;margin:0 50px;} #city-introduction h2 small{font-size:25px;color:#fff;} #slideshow{height:374px;margin-top:10px;position:relative;} .slides-nav{position:absolute;right:50px;top:10px;z-index:200;} .slides-nav a{background:url(../img/sprite-24.png) -229px -129px no-repeat;display:block;float:left;height:21px;outline:none;text-indent:-999em;width:21px;} .slides-nav a.activeSlide{background-position:-251px -129px;} .slides-nav a:hover{background-position:-274px -129px;} .slides{background-color:#36A1E8;padding:0 50px;} .slides .text{width:420px;float:left;margin-top:30px;} .slides h3{color:#fff;font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-size:23px;font-weight:100;margin-bottom:25px;} .slides p{color:#fff;font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;font-weight:100;} .slides img{float:right;margin-top:20px;border:5px solid #fff;} .slides img.map-eg{float:right;margin-top:0px;border:none;} .slides ul{list-style-type:none;margin:0;padding:0;height:345px;overflow:hidden;} .slides li{float:left;width:860px;background-color:#36A1E8;} .three-places{margin:20px 50px 0;background:url(../img/bg-three-places.png) 0 0 no-repeat;} .three-places p{color:#000;font-size:15px;} .three-places ul{list-style-type:none;margin:0;padding:0;color:#fff;font-size:13px;} .three-places li{background:url(../img/bg-arrow.png) 0 2px no-repeat;padding-left:15px;margin-bottom:5px;} .three-places .col1,.three-places .col2{width:260px;} .three-places .col3{width:340px;} .three-places .col3 ul.social-meta {float: none; } .three-places .col3 li{background:none;padding:0;margin:0;} .three-places .social-meta li.meta-email{background:url("../img/sprite-24.png") no-repeat scroll 0 -158px transparent;} .three-places .download{height:30px;line-height:30px;margin:0;display:inline-block;} .three-places .download a{font-size:13px;color:#fff;background:url("../img/pdf-icon.png") no-repeat scroll 0 2px;padding-left:30px;display:inline-block;} .three-places .download a:hover{} .three-places .download small{font-size:11px;margin-top:5px;color:#333;height:30px;display:inline-block;color:#333;} .three-places ul a{color:#fff;text-decoration:none;} .three-places ul a:hover{text-decoration:underline} /* ============================================================================= Video tour ========================================================================== */ .heading-small {background: url("../img/bg-tabs.gif") repeat-y scroll 0 100% transparent;padding: 10px 20px 15px 20px; width:920px;} .heading-small h2 {font-size:17px; color:#333;font-weight:500;background: url("../img/blue-arrow.png") no-repeat 0 2px;padding-left:30px;} #video-tour .heading-small h2 {} .video-holder {width:860px; text-align:center;padding:0 50px;margin:0 auto;position:relative; background:#fff url("../img/bg-diagonal-white.png") 0 0;padding-top:30px; padding-bottom:30px;} .video-shadow-top {background: url("../img/bg-video-shade-top.png") 0 0 no-repeat;width:960px; height:30px; position:absolute; top:30px; left:0px; z-index:1;} .video-shadow-bot {background: url("../img/bg-video-shade-bot.png") 0 0 no-repeat;width:960px; height:30px; position:absolute; bottom:33px; left:0px; z-index:1;} .video-info {position:absolute; top:168px; left:311px; z-index:10; text-align:left;width:308px;height:95px;background: url("../img/sprite-24.png") no-repeat scroll 252px -182px transparent; background-color: rgba(38, 38, 38, 0.9);color: rgba(38, 38, 38, 0.9);padding:40px 0 0 40px; -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.4);} .video-info p {font-size:15px;color:#fff;margin:0 0 5px 0;} .video-info h3 {font-size:28px; font-weight:100;color:#01a8ed;} .video-holder iframe {position:relative; z-index:1; background:#000;} /* ============================================================================= Locking headings ========================================================================== */ .section{padding-top:45px;position:relative;} #student-stories.section{padding-bottom:65px;} .section .heading-small{margin-left:15px;position:absolute;top:0;z-index:100;} .ie7 .section .heading-small, .ie8 .section .heading-small{margin-left:0px;position:absolute;top:0;z-index:100;} .section .heading-small.locked{position:fixed;top:40px;} .section .section-footer.locked{position:fixed;} .section .section-footer{bottom:0;height:65px;margin-left:15px;position:absolute;text-align:center;width:960px;z-index:100;} #student-stories .section-footer{background:#3c3c3c url("../img/bg-diagonal-grey.png");} #life-stream .section-footer{background:url("../img/bg-tabs.gif") #efefef;} .section-footer .btn-refine-filter h4{margin-top:0;} .section-footer .refine-filter{left:303px;} .table-shadow-shim{bottom:-20px;height:20px;left:0;position:absolute;width:960px;z-index:2;} #student-stories .table-shadow-shim{background:url("../img/bg-diagonal-grey.png") #3c3c3c;} #life-stream .table-shadow-shim{background:url("../img/bg-tabs.gif") #efefef;} .section .heading-small .table-shadow-top{bottom:-30px;left:0;top:auto;z-index:2;} .section .table-shadow-bot{background:url("../img/bg-video-shade-bot.png") 0 0 no-repeat;height:30px;left:0px;position:absolute;top:-30px;width:960px;} #life-stream .section-footer{height:20px;} /* ============================================================================= City by numbers ========================================================================== */ #city-by-numbers .heading-small {background: #702d7a url("../img/bg-diagonal-purple.png") 0 0;padding: 10px 20px 15px 20px; width:920px;} #city-by-numbers .heading-small h2 {font-size:17px; color:#fff;font-weight:500;background: url("../img/gold-arrow.png") no-repeat 0 4px;padding-left:30px;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);} #by-numbers-holder {height: 555px; overflow: hidden; position: relative; left:15px} .ie7 #by-numbers-holder, .ie8 #by-numbers-holder {height: 555px; overflow: hidden; position: relative; left:0px} #numbers-inner-holder {position:absolute;} #compare-table {z-index:90; background:none; } .numbers-holder {width:860px; text-align:center;padding:0 50px;margin:0 auto;position:relative; background:#7d3288 url("../img/bg-diagonal-purple.png") 0 0;padding-top:30px; padding-bottom:30px;} .ie7 .numbers-holder, .ie8 .numbers-holder {width:860px; text-align:center;padding:0 50px;margin:0 auto;position:relative; background:#7d3288 url("../img/bg-diagonal-purple.png") 0 0;padding-top:20px; padding-bottom:30px;} .numbers-holder {width:860px; text-align:center;padding:0 50px;margin:0 auto;position:relative; background:#7d3288 url("../img/bg-diagonal-purple.png") 0 0;padding-top:15px; padding-bottom:23px;} .numbers-holder .hr {background:#621f6c;margin:25px 0;float:left;font-size:1px;line-height:1px;} .dashboard-holder {position:relative; text-align:left;} .dashboard-holder .col1, .dashboard-holder .col2, .dashboard-holder .col3 {width:180px;margin-right:15px;} .dashboard-holder .col4 {width:270px;margin-right:0;} .dashboard-holder h3 {font-weight:300;color:#fff;font-size:36px;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);} .dashboard-holder p {font-size:15px;color:#c282c2;margin:5px 0 0 0;} .dashboard-holder .info-graphics p {color:#fff;margin:0;height:40px;} .dashboard-holder .info-graphics .col4 p {height:15px;} .dashboard-holder .info-graphics p small {font-size:12px; color:#c282c2;} .dashboard-holder .info-graphics p small a {color:#e6de0b;} .dashboard-holder .info-graphics ul {margin:8px 0 0 0 ;padding:0; list-style-type:none;color:#C282C2;} .dashboard-holder .info-graphics ul a {color:#e6de0b;} .dashboard-holder .info-graphics ul a:hover {text-decoration:none;} .dashboard-holder .info-graphics ul li {margin-bottom:5px;} .dashboard-holder .info-graphics ul strong {color:#fff;font-weight:normal;} .dashboard-holder .info-graphics .axis {list-style-type:none;color:#c282c2;border-top:2px solid #621f6c;font-size:13px;margin:0;} .dashboard-holder .info-graphics .axis li {background: none;padding:0;float:left;background: url("../img/graph-marker.png") center top no-repeat;padding-top:11px;} .dashboard-holder .info-graphics .graph {border-top:2px solid #621f6c;width:170px;background: url("../img/graph-bg.png") center 7px no-repeat;height:97px; display:block;margin-top:10px;position:relative} .dashboard-holder .info-graphics .axis {padding:0 10px;position:absolute; left:0; bottom:0;width:150px;} .dashboard-holder .info-graphics .graph-terrain .axis li {margin-right:34px;} .dashboard-holder .info-graphics .graph-terrain .axis li.last {margin-right:0;} .dashboard-holder .info-graphics .graph-sunshine .axis li.last {margin-right:0; float:right;} .dashboard-holder .info-graphics .graph-sunshine li {background-position:8px top;} .dashboard-holder .info-graphics .graph-sunshine li.last {background-position:25px top;} .dashboard-holder .info-graphics .graph-sunshine .graph-image img {position:absolute; bottom:10px; left:0;} .dashboard-holder .info-graphics .graph-sunshine .graph-pin {width:auto;} .dashboard-holder .info-graphics .graph-living .graph-pin {width:auto;} .dashboard-holder .info-graphics .graph-living .graph-image img {position:absolute; bottom:10px; left:0;} .dashboard-holder .info-graphics .graph-living .axis li {margin-right:10px;} .dashboard-holder .info-graphics .graph-living .axis li.last {margin-right:0;float:right;} .graph-terrain img {margin-top: 10px } .dashboard-holder .info-graphics .graph-pin {background: url("../img/graph-pin.png") center top no-repeat;width:13px; display:block; height:56px; position:absolute;bottom:5px;z-index:5;} .dashboard-holder .info-graphics .graph-image {position:absolute; bottom:30px; left:0; height:60px;z-index:1;width:170px;} .dashboard-holder .info-graphics .graph-image img {position:absolute; bottom:4px; left:0;} .dashboard-holder .info-graphics .graph-pin span {background:#fff; padding:2px 10px;color:#333;font-size:12px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} .dashboard-holder .info-graphics .graph-pin span small{color:#903d9c;font-size:10px;} .dashboard-holder .info-graphics .graph-pin span sup{color:#903d9c;font-size:10px;} .dashboard-holder .transport-options {margin-bottom:45px;} .dashboard-holder .transport-options .col1 {width:auto;} .dashboard-holder .transport-options .col2 {width:auto;} .dashboard-holder .transport-options p {color:#fff;margin:0;height:40px;} .dashboard-holder .transport-options p small {font-size:12px; color:#c282c2;} .dashboard-holder .transport-options p small a {color:#e6de0b;} .dashboard-holder .transport-options ul {padding:0; list-style-type:none; position:relative;} .dashboard-holder .transport-options ul li {float:left;margin-right:20px;position:relative;} .dashboard-holder .transport-options ul li a {display:block;height:35px; text-indent:-999em; outline:none;background: url("../img/sprite-24.png") 0 0 no-repeat;cursor:pointer;} .dashboard-holder .transport-options ul li.boat a{background-position:-185px -558px; width:28px;} .dashboard-holder .transport-options ul li.cycle a{background-position:-230px -558px; width:38px;} .dashboard-holder .transport-options ul li.bicycle a{background-position:-230px -558px; width:38px;} .dashboard-holder .transport-options ul li.car a{background-position:-278px -558px; width:31px;} .dashboard-holder .transport-options ul li.walk a{background-position:-323px -558px; width:21px;} .dashboard-holder .transport-options ul li.bus a{background-position:-140px -558px; width:23px;} .dashboard-holder .transport-options ul li.tram a{background-position:-395px -558px; width:21px;} .dashboard-holder .transport-options ul li.train a{background-position:-15px -558px; width:23px;} .dashboard-holder .transport-options ul li.rail a{background-position:-15px -558px; width:23px;} .dashboard-holder .transport-options ul li.plane a{background-position:-86px -558px; width:40px;} .dashboard-holder .transport-options ul li.domestic a{background-image: url(../img/domestic-flight.png); width:30px;} .dashboard-holder .transport-options ul li.international-flight a{background-position:-86px -558px; width:40px;} .dashboard-holder .transport-options ul li.domestic-flight a {background-image: url(../img/domestic-flight.png); width:30px;} .dashboard-holder .transport-options ul li.ferry a{background-position:-50px -558px; width:28px;} .dashboard-holder .transport-options ul li.motorbike a {background-position:-353px -558px; width:21px;} .dashboard-holder .transport-options ul li a:hover { opacity: .6; } .tooltip{-moz-box-shadow:0px 2px 8px 2px rgba(0,0,0,0.4);-webkit-box-shadow:0px 2px 8px 2px rgba(0,0,0,0.4);background:#fff;bottom:55px;box-shadow:0px 2px 8px 2px rgba(0,0,0,0.4);display:none;left:-15px;padding:15px;position:absolute;width:180px;z-index:3;} .tooltip h4{color:#962fa5;font-weight:600;font-size:13px;margin-bottom:5px;} .tooltip p{font-weight:400;font-size:12px;color:#666 !important;height:auto !important;} .tooltip a{opacity:1 !important; width:40px !important;background:#ff0000 url("../img/sprite-24.png") no-repeat -275px 7px !important;height:29px !important;display:block;position:absolute;top:-29px;right:0px;background-position:-278px 44px;} .tooltip span{background:url("../img/sprite-24.png") -283px -71px no-repeat;width:14px;height:12px;display:block;position:absolute;bottom:-12px;left:20px;} /* ============================================================================= City by numbers ========================================================================== */ #student-stories .heading-small{background:#323232 url("../img/bg-diagonal-grey.png") 0 0;padding:10px 20px 15px 20px;width:920px;} #student-stories .heading-small h2{font-size:17px;color:#fff;font-weight:500;background:url("../img/magenta-arrow.png") no-repeat 0 4px;padding-left:30px;text-shadow:0px -1px 0px rgba(0,0,0,0.4);} #student-stories .no-results{display:none;border:2px solid;font-size:35px;left:0;padding:20px;position:absolute;text-align:center;top:-110px;width:309px;} .stories-holder{background:#3c3c3c url("../img/bg-diagonal-grey.png") 0 0;height:100%;margin:0 auto;padding:20px 42px 10px 43px;position:relative;text-align:center;width:875px;} .stories-holder .grid{position:relative;} .grid{text-align:left;} .grid ul{list-style-type:none;padding:0;margin:0;position:relative;z-index:5;} .grid ul li{width:208px;background:#1a1a1a;float:left;overflow:hidden;position:relative;margin:0 5px 10px 5px;-webkit-transition:background .25s ease-in-out;-moz-transition:background .25s ease-in-out;-o-transition:background .25s ease-in-out;transition:background .25s ease-in-out;} #student-stories .grid ul li{display:inline-block;float:none;min-height:220px;vertical-align:top;} .ie7 #student-stories .grid ul li, .ie6 #student-stories .grid ul li{display:inline;zoom:1;} .grid ul li p.name{color:#fff;padding-bottom:5px;border-bottom:1px solid #212020;padding:0;margin:5px 15px 0;} .grid ul li p.type{color:#8f7d00;margin:0;padding:5px 55px 0 15px;margin-bottom:5px;} .grid ul li .arrow{background:url("../img/sprite-24.png") no-repeat -18px -201px;width:55px;height:97px;display:block;position:absolute;top:30px;left:80px;} .grid .flag{width:29px;height:27px;position:absolute;bottom:0;right:15px;-webkit-transition:background .25s ease-in-out;-moz-transition:background .25s ease-in-out;-o-transition:background .25s ease-in-out;transition:background .25s ease-in-out;} .grid ul li.hover .flag{background:#f2f2f2;} .grid ul li.hover{background:#fff;cursor:pointer;} .grid ul li.hover .name{color:#000;border-bottom:1px solid #f4f4f4;} .grid ul li.hover .type{color:#8f7d00;} .grid .video-link{width:208px;height:200px;display:block;position:absolute;top:0;left:0;} .grid .student-image{display:block;height:151px;overflow:hidden;width:208px;} .grid .student-image img{margin-top:-26px;width:130%;margin-left:-15%;} /* =Video Modal */ #video-modal{width:720px;display:block;background:#f7f7f7;display:none;height:355px;padding:50px 30px 50px 50px;position:relative;-webkit-box-shadow:0px 2px 8px 2px rgba(0,0,0,0.4);-moz-box-shadow:0px 2px 8px 2px rgba(0,0,0,0.4);box-shadow:0px 2px 8px 2px rgba(0,0,0,0.4);} #video-modal .video-modal-holder{background:#ededed;text-align:center;margin-bottom:20px;} #video-modal h4{font-size:18px;margin-left:30px;margin-top:10px} #video-modal h3{margin-bottom:10px;font-weight:300;font-size:22px;color:#333;} #video-modal .hr{margin:20px 0;background:#e0e0e0;} .video-modal-copy{text-align:left;width:160px;margin:0;} .video-modal-copy p{margin:0;padding:0;color:#333;} .video-modal-copy p small{color:#333;} .video-modal-copy p.key-info{margin-bottom:8px;} /* =Email Modal */ .email-friend-modal{background:#f7f7f7; display:none;padding:30px 40px;position:relative;text-align:left;width:690px;z-index:1000;} .email-friend-modal .col {width:330px;padding:20px 0px 20px 0px;} .email-friend-modal .col2 {margin-left:20px;} .email-friend-modal .hr {background:#e7e7e7;} .email-friend-modal h4 {border-bottom:1px solid #e5e5e5;padding-bottom:5px;margin-bottom:25px;} .email-friend-modal .col2 h4{border-bottom:1px solid #dbdbdb;} .email-friend-modal h3 {margin-bottom:10px;text-align:left; font-weight:400;color:#333; font-size:17px;} .email-friend-modal h3 span, .email-friend-modal p span {color:#ff0000;} .email-friend-modal ul {text-align:left;margin:0; padding:0; list-style-type:none;} .email-friend-modal li {margin-bottom:20px;} .email-friend-modal label{font-size:12px;color:#666;margin-bottom:5px;display:block;} .email-friend-modal label span.error {color:#fc0d1b;} .email-friend-modal label.error {display:none !important;} .email-friend-modal .textbox{width:310px;background:#fff;border:1px solid #fff;height:15px;color:#666;outline:none;padding:7px 10px;background:#fff;-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.3);-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,0.3);box-shadow:0px 1px 2px 0px rgba(0,0,0,0.3);} .email-friend-modal .textbox.error {border:1px solid #fc0d1b;} .email-friend-modal .btn{padding:6px 27px 5px 10px;background:#afbd20 url("../img/bg-arrow.png") -55px 0 no-repeat;color:#fff;margin-top:0px;float:left;width:69px;text-decoration:none;} .email-send{width:100%;border-top:1px solid #e7e7e7;} .doc-info{font-size:12px;font-weight:300;color:#333;} .email-friend-modal .close,#video-modal .close{background-color:#FF0000;display:block;height:23px;outline:medium none;position:absolute;right:0px;top:-29px;z-index:20;color:#fff;text-decoration:none;padding:6px 10px 0 13px;} .close .x{background:url("../img/sprite-24.png") -284px 0;display:inline-block;height:0;margin-left:7px;overflow:hidden;padding-top:16px;vertical-align:middle;width:16px;} /* =Refine Filter */ .btn-refine-filter {position:relative;} .btn-refine-filter h4 {width:353px; height:34px; line-height:34px; display:block; outlien:none;margin:-10px auto 0 auto;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);color:#fff; background: #b036c2; /* Old browsers */ background: -moz-linear-gradient(top, #b036c2 0%, #b036c2 50%, #a934ba 51%, #a934ba 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b036c2), color-stop(50%,#b036c2), color-stop(51%,#a934ba), color-stop(100%,#a934ba)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b036c2 0%,#b036c2 50%,#a934ba 51%,#a934ba 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b036c2 0%,#b036c2 50%,#a934ba 51%,#a934ba 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #b036c2 0%,#b036c2 50%,#a934ba 51%,#a934ba 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b036c2', endColorstr='#a934ba',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #b036c2 0%,#b036c2 50%,#a934ba 51%,#a934ba 100%); /* W3C */ -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);} .btn-refine-filter h4 a { display: block; color: #fff; font-size: 15px; text-decoration: none; background: url("../img/bg-filter.png") 11px 0 no-repeat; outline: none; } .btn-refine-filter h4 a.panel-visible { background-position: 11px -34px; } .refine-filter {background:#fff;position:absolute; bottom:34px; left:261px;z-index:100;padding:20px 30px 15px 30px;width:293px; display:none;} .refine-filter ul {list-style-type:none; text-align:left;margin:0; padding:0;margin-top:15px;} .refine-filter ul li {margin-bottom:10px;} .refine-filter ul li.check {margin-bottom:5px;} .refine-filter label {width:100%; display:block; margin-bottom:5px;color:#999;} .refine-filter h3.legend, .btn-refine-filter h3.legend {font-size:15px; color:#333; width:100%;margin-bottom:8px;height:20px; display:block; background:none;font-weight:400;} .refine-filter .hr {background:#e8e6e6;} .refine-filter .chzn-container {width:295px !important;margin-bottom:8px;} .refine-filter .chzn-drop {width:293px !important;} .refine-filter .chzn-search input {width:258px !important;} .btn-apply {background:#89c810 url(../img/sprite-24.png) no-repeat -184px -164px; border:none; color:#fff; font-size:13px;width:75px; height:30px; line-height:30px;cursor:pointer; text-align:right; padding-right:13px;} .btn-apply.clear { margin-left: 14px; } .filter-close {background: url("../img/sprite-24.png") no-repeat scroll -273px 7px #FF0000;display: block;height: 30px;outline: medium none;position: absolute;right: 30px; text-indent: -999em;top: 18px;width: 41px;z-index: 20; cursor:pointer;} .refine-filter label.checkbox {float:left;width:auto;margin-left:15px;color:#333;padding-left:15px;} .refine-filter input.checkbox {float:left;width:auto; clear:both;margin-top:0px;} .refine-filter label.tertiary {background: url(../img/sprite-24.png) no-repeat 0 -316px;} .refine-filter label.secondary {background: url(../img/sprite-24.png) no-repeat 0 -344px;} .refine-filter label.private {background: url(../img/sprite-24.png) no-repeat 0 -372px;} .refine-filter label.english {background: url(../img/sprite-24.png) no-repeat 0 -400px;} .refine-filter label.primary {background: url(../img/sprite-24.png) no-repeat -269px -372px;} .refine-filter label.independant {background: url(../img/sprite-24.png) no-repeat -269px -400px;} /* ============================================================================= Life stream ========================================================================== */ /* #life-stream .table-shadow-top {z-index:20;} #life-stream .table-shadow-bot {z-index:20;}*/ #life-stream .heading-small {background: url("../img/bg-tabs.gif") repeat-y scroll 0 100% transparent;padding: 10px 20px 15px 20px; width:920px;} #life-stream .heading-small h2 {font-size:17px; color:#333;font-weight:500;background: url("../img/red-arrow.png") no-repeat 0 2px;padding-left:30px;text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.4);} .stream-holder {background: url("../img/bg-tabs.gif") #FFF; margin: 0 auto;padding:20px 42px 30px 43px;position: relative;text-align: center;width: 875px;} .stream-holder .grid ul li {position:relative;} .stream-holder .grid ul li h4 {font-size:13px;} .stream-holder .grid ul li.facebook, .grid ul li.rss, .stream-holder .grid ul li.twitter, .stream-holder .grid ul li.date, .stream-holder .grid ul li.lastfm {padding:20px 15px 5px 15px;width:178px;min-height:150px;} .stream-holder .grid ul li.rss h4 a {text-decoration:none;} .stream-holder .hr {background:#f2f2f2} .stream-holder .post-icon {width:28px; height:27px;background: url("../img/sprite-24.png") no-repeat 0 0; display:block;outline:none;position:absolute;right:15px; bottom:0;} .stream-holder .over {text-align:center;position:absolute; top:0; left:0;width:100%; height:100%;display:none; -webkit-box-shadow: inset 0px 0px 6px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px 0px 6px 2px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 0px 6px 2px rgba(0, 0, 0, 0.4);} .stream-holder .over h4 {text-align:left; text-indent:45px !important;background: url("../img/sprite-24.png") no-repeat -365px -32px !important;margin:20px 15px 0 15px;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;-moz-box-sizing: border-box;padding-bottom:15px;font-size:17px !important;font-weight:400;color:#fff !important;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);} .stream-holder .over p {margin-bottom:0;} .stream-holder .over .report-abusive {width:100%; height:35px; display:block;position:absolute; bottom:0;left:0;color:#fff;text-decoration:none; line-height:35px;z-index:300;} .stream-holder .over .report-abusive:hover {text-decoration:underline;} .stream-holder .hover .over {display:block;} .stream-holder .over .top {position:relative;height:100%;} .stream-holder .over .stream-link {width:100%; height:100%; display:block; text-indent:-999em;position:absolute; top:0; left:0;z-index:200;} /* =Post Type RSS */ .stream-holder .rss {background: #fff;} .stream-holder .rss h4 {margin-bottom:15px;color:#333;} .stream-holder .rss .source {font-size:11px; color:#666;margin:10px 0 0 0 ;padding:0;} .stream-holder .rss p {margin-bottom:10px;margin-top:0;color:#666;} .stream-holder .rss p {color:#d6700c; text-decoration:none;} .stream-holder .rss p.post-type {font-size:11px; color:#999;margin-top:5px;margin-bottom:3px;} .stream-holder .rss .post-icon {background-position:-359px 0;} .stream-holder .rss .over {background:#d38130;} .stream-holder .rss .over h4 {border-bottom:1px solid #c37323;} .stream-holder .rss .over p {color:#8c4805;} .stream-holder .rss .over .report-abusive {background:#a46525;} /* =Post Type Facebook */ .stream-holder .facebook {background: #fff;} .stream-holder .facebook h4 {margin-bottom:15px;color:#333;background: url("../img/start-quote.png") 0 0 no-repeat;text-indent:25px;min-height:113px;} .stream-holder .facebook h4 span {background: url("../img/end-quote.png") bottom right no-repeat; display:block; word-wrap: break-word;} .stream-holder .facebook .post-type {font-size:11px; color:#999;margin-top:5px;margin-bottom:3px;} .stream-holder .facebook p {color:#1780ac; margin-bottom: 5px;margin-top:5px;font-size:13px;} .stream-holder .facebook .over {background:#5b76b2;} .stream-holder .facebook .over h4 {border-bottom:1px solid #4f6cac; min-height:initial;} .stream-holder .facebook .over p {color:#2b406f;} .stream-holder .facebook .over .report-abusive {background:#526aa0;} .stream-holder .facebook .post-icon {background-position:-503px 0;} /* =Post Type Twitter */ .stream-holder .twitter {background: #fff;} .stream-holder .twitter h4 {margin-bottom:15px;color:#333;background: url("../img/start-quote.png") 0 0 no-repeat;text-indent:25px;} .stream-holder .twitter h4 span {background: url("../img/end-quote.png") bottom right no-repeat; display:block;} .stream-holder .twitter .post-type {font-size:11px; color:#999;margin-top:5px;margin-bottom:3px;} .stream-holder .twitter .post-icon {background-position:-388px 0;} .stream-holder .twitter p {color:#1780ac; margin-bottom: 5px;margin-top:5px;font-size:13px;} .stream-holder .twitter .over {background:#2387b1;} .stream-holder .twitter .over h4 {border-bottom:1px solid #217fa6;} .stream-holder .twitter .over p {color:#0d506c;} .stream-holder .twitter .over .report-abusive {background:#1f799f;} /* =Post Type photo */ .stream-holder .photo {background: #fff;} .stream-holder .photo .post-icon {background-position:-446px 0;} .stream-holder .photo img {margin:0 0 -4px 0;padding:0;} .stream-holder .photo .over {background:#60a834;} .stream-holder .photo .over h4 {border-bottom:1px solid #5ba131;} .stream-holder .photo .over p {color:#225b00;} .stream-holder .photo .over .report-abusive {background:#56972f;} /* =Post Type event */ .stream-holder .date {background: #fff;} .stream-holder .date h4 {margin-bottom:15px;color:#333;} .stream-holder .date h4 span {font-size:17px;color:#1780ac} .stream-holder .date .post-type {font-size:11px; color:#999;margin-top:5px;margin-bottom:3px;} .stream-holder .date .post-icon {background-position:-416px 0;} .stream-holder .date p {color:#b324c9; margin-bottom: 5px;margin-top:5px;font-size:13px;} .stream-holder .date p small {font-size:11px; color:#666;} .stream-holder .date .over {background:#b43cc6;} .stream-holder .date .over h4 {border-bottom:1px solid #a830ba;} .stream-holder .date .over p {color:#740c84;} .stream-holder .date .over .report-abusive {background:#a236b2;} /* =Post Type music */ .stream-holder .lastfm {background: #fff;} .stream-holder .lastfm h4 {margin-bottom:15px;color:#333;} .stream-holder .lastfm h4 span {font-size:17px;color:#1780ac} .stream-holder .lastfm .post-type {font-size:11px; color:#999;margin-top:5px;margin-bottom:3px;} .stream-holder .lastfm .post-icon {background-position:-473px 0;} .stream-holder .lastfm p {color:#e60a0a; margin-bottom: 5px;margin-top:5px;font-size:13px;} .stream-holder .lastfm p small {font-size:11px; color:#666;} .stream-holder .lastfm .over {background:#cc3535;} .stream-holder .lastfm .over h4 {border-bottom:1px solid #be2d2d;} .stream-holder .lastfm .over p {color:#801111;} .stream-holder .lastfm .over .report-abusive {background:#b52f2f;} /* ============================================================================= City institutions ========================================================================== */ #institutions .heading-small {background: #b3bf3a url("../img/bg-diagonal-green.png") 0 0;padding: 10px 20px 15px 20px; width:920px;} #institutions .heading-small h2 {font-size:17px; color:#fff;font-weight:500;background: url("../img/brown-arrow.png") no-repeat 0 4px;padding-left:30px;text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);} .institutions-holder {width:860px; text-align:center;padding:0 50px;margin:0 auto;position:relative; background:#b9c53c url("../img/bg-diagonal-green.png") 0 0;padding-top:30px; padding-bottom:30px;} .institutions-holder .map {position:relative;width:;background:#fff;} .institutions-holder .refine-filter {left:253px;bottom:34px;} .institutions-holder .btn-refine-filter h4 {margin-top:-2px;} .map-similar {text-align:left;width:100%;position:relative;margin-top:15px;} .map-similar .table-shadow-top {background: url("../img/bg-map-three-places.png") no-repeat scroll 0 0 transparent;} #map-search {width:244px; height:25px;position:absolute;bottom:1px;right:2px;} #map-search input.textbox{width:226px;height:15px;color:#666;outline:none;padding:5px 10px; border:none;background:#fff url(../img/sprite-24.png) no-repeat 220px -427px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4);} .detail-popup {background:#000 url(../img/popup-arrow.png) no-repeat 10px center;color:#fff;font-size:13px;position:absolute; bottom:40px; left:50px;padding:15px 25px 15px 30px;font-weight:300;cursor:pointer;} .infobox {width:510px; display:block; background:rgba(255, 255, 255, 0.95);height:226px;padding:40px 50px 40px 50px;position:absolute; top:40px;left:140px;text-align:left; -webkit-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.4);box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.4);} .infobox h3 {margin-bottom:10px; font-weight:300; font-size:22px; color:#333;} .infobox .hr {margin:15px 0; background:#e0e0e0;} .infobox .close_x {height:30px;width:510px; display:block; border-top:1px solid #e0e0e0;position: absolute;bottom:0; left:50px;} .infobox .close_x span{background: url("../img/sprite-24.png") no-repeat scroll -272px 8px #FF0000;display: block; height: 30px;outline: medium none;text-indent: -999em; width: 41px;z-index: 20;} .infobox ul {list-style-type:none; margin:0; padding:0; font-weight:300; color:#666;margin-top:15px;} .infobox a {color:#99a42f;text-decoration:underline;} .infobox p {color:#666;margin-top:15px;} .infobox ul strong {color:#333;font-weight:300;} .infobox ul li {margin-bottom:3px;} .infobox .col1 {width:230px;margin-right:50px;} .infobox .col2 {width:230px;} .infobox .col2.wide {width:100%;} .infobox h4 {font-size:15px;color:#333;font-weight:400;} /* ============================================================================= Footer ========================================================================== */ footer {width:990px; margin:0 auto;background: url(../img/bg-footer.png) repeat-y bottom center;} footer .wrap {margin: 0 auto 0 auto;padding: 0 20px 30px 20px; width:930px;} .footer-bar {background: url("../img/bg-tabs.gif") repeat-y scroll 0 100% transparent;border-top: 1px solid #E7E7E7;margin: 0 auto;padding: 0 50px;width: 860px;height:60px;} .footer-bar .social-meta {padding-top:20px;} #footer-links { float: left; width: 576px; text-align: left; padding-top: 30px; } .footer-link-col1 { float: left; width: 27%; } .footer-link-col2 { float: left; width: 15%; } .footer-link-col1 ul, .footer-link-col2 ul { margin: 0; padding: 0; font-size:10px; } .footer-link-col1 ul li, .footer-link-col2 ul li { margin: 0; padding: 5px 0 5px 0; list-style-type: none; } .footer-link-col1 ul li a, .footer-link-col2 ul li a { padding: 0 0 0 9px; list-style-type: none; line-height: 1; display: block; } .footer-link-col1 ul li a:link, .footer-link-col1 ul li a:visited, .footer-link-col2 ul li a:link, .footer-link-col2 ul li a:visited { color: #999; background: url(../img/arw-footer-links.gif) no-repeat 0 1px; text-decoration: none; } .footer-link-col1 ul li a:hover, .footer-link-col2 ul li a:hover { color: #000; background: url(../img/arw-footer-links-hover.gif) no-repeat 0 1px; text-decoration: none; } #footer-actions { float: right; width: 273px; text-align: left; padding-top: 30px; } .footer-action-col1 { float: left; width: 144px; } .footer-action-col1 ul { margin: 0; padding: 0; font-size:10px;} .footer-action-col1 ul li { margin: 0; padding: 0 0 0 0; list-style-type: none; } .footer-action-col1 ul li a { padding: 5px 0 5px 19px; list-style-type: none; display: block; line-height: 1; } .footer-action-col1 ul li a.print:link, .footer-action-col1 ul li a.print:visited, .footer-action-col1 ul li a.print:hover { color: #000; background: url(../img/icon-print.gif) no-repeat 0 4px; text-decoration: none; } .footer-action-col1 ul li a.email:link, .footer-action-col1 ul li a.email:visited, .footer-action-col1 ul li a.email:hover { color: #000; background: url(../img/icon-email.gif) no-repeat 0 6px; text-decoration: none; } .footer-action-col2 { float: left; width: 129px; } .footer-action-col2 ul { margin: 0; padding: 0; font-size:11px;} .footer-action-col2 ul li { margin: 0; padding: 0 0 0 0; list-style-type: none; } .footer-action-col2 ul li a { padding: 5px 0 5px 19px; list-style-type: none; display: block; line-height: 1; } .footer-action-col2 ul li a.backtotop:link, .footer-action-col2 ul li a.backtotop:visited { color: #000; background: url(../img/arw-up.gif) no-repeat 0 4px; text-decoration: none; } .footer-action-col2 ul li a.backtotop:hover { color: #000; background: url(../img/arw-mid.gif) no-repeat 0 4px; text-decoration: none; } /* ============================================================================= Non-semantic helper classes Please define your styles before this section. ========================================================================== */ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* ============================================================================= Media Queries ========================================================================== */ /* iPad portrait */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) { #top-bar {width:990px;} } /* Smartphones ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { #top-bar {width:990px;} } /* ============================================================================= Browser specific ========================================================================== */ .ie7 .close .x, .ie6 .close .x { zoom: 1; display: inline; } /* IE6 ----------------------------------------------- */ .ie6 #top-bar {width:100%;} .ie6 .infobox {background:#fff;} .ie6 .meta-google {display:none;} .ie6 #search-box input {width:45px !important;} .ie6 .all-places a {color:#fff !important;} .ie6 #top-nav .nzeducated {width:153px;} .ie6 #top-nav .learnmore {width:159px;} .ie6 #top-nav .postgrad {width:147px;} .ie6 .video-info { background: url("../img/sprite-24.png") no-repeat scroll 252px -182px #262626;} .ie6 .compare-filter form {width:615px;} .ie6 .btn-refine-filter h4 a {color:#fff;} .ie6 #search-box input#search {width:75px !important;} .ie6 #search-box input {margin-top:0 !important;} .ie6 .stream-holder .over {width:208px; height:200px !important;} .ie6 .stream-holder .over h4 {background:none !important;} .ie6 .three-places {margin-top:20px;} .ie6 .three-places ul a {color:#fff !important;} .ie6 .info-graphics {clear:both;} .ie6 .welcome-map.small {left:100px;} .ie6 .container {position:relative;} .ie6 #life-stream .heading-small {margin-left:11px;} /* IE7 ----------------------------------------------- */ .ie7 #top-bar {width:100%;} .ie7 .infobox {background:#fff;} .ie7 .meta-google {display:none;} .ie7 #search-box input {width:45px !important;} .ie7 .video-info { background: url("../img/sprite-24.png") no-repeat scroll 252px -182px #262626;} .ie7 #search-box input#search {width:75px !important;} .ie7 #search-box input {margin-top:0 !important;} .ie7 .all-places {padding-top:45px;} .ie7 .refine-filter input.checkbox {margin-top:-2px;} .ie7 .info-graphics {clear:both;} .ie7 nav#secondary-nav {margin-left:0;} .ie7 .welcome-map.small {left:100px;} .ie7 .container {position:relative;} .ie7 #life-stream .heading-small {margin-left:11px;} .ie7 .compare-filter {display:block;} .ie7 table#compare-results a.share-email {width:100%;} /* IE8 ----------------------------------------------- */ .ie8 #top-bar {width:100%;} .ie8 .infobox {background:#fff;} .ie8 .video-info { background: url("../img/sprite-24.png") no-repeat scroll 252px -182px #262626;} .ie8 #by-numbers-holder {left:15px;} .ie8 .section .heading-small {margin-left:15px;} .ie8 .container {position:relative;} /* Webkit ----------------------------------------------- */ @media screen and (-webkit-min-device-pixel-ratio:0) { .btn-apply {line-height:26px;} .refine-filter input.checkbox {margin-top:2px;} }