/*! jQuery UI - v1.11.4 - 2015-03-11 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px * Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */.ui-helper-reset,.ui-menu{list-style:none;outline:0}.ui-button,.ui-spinner,.ui-spinner-input{vertical-align:middle}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-zfix,.ui-widget-overlay{top:0;left:0;width:100%;height:100%}.ui-helper-reset{margin:0;padding:0;border:0;line-height:1.3;text-decoration:none;font-size:100%}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}.ui-accordion .ui-accordion-icons,.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;text-align:center;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.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}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary{left:.5em}.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-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-next span,.ui-datepicker .ui-datepicker-prev 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,.ui-datepicker select.ui-datepicker-year{width:45%}.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:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 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;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.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,.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:0}.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.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;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:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{padding:0;margin:0;display:block}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .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-slider-vertical .ui-slider-range-min,.ui-spinner-down{bottom:0}.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}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:.4em 2.1em .4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.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-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0}.ui-spinner-input{border:none;background:0 0;color:inherit;padding:0;margin:.2em 22px .2em .4em}.ui-widget-content a,.ui-widget-header,.ui-widget-header a{color:#222}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.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:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0 0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #aaa;background:url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x #fff;color:#222}.ui-widget-header{border:1px solid #aaa;background:url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x #ccc;font-weight:700}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x #e6e6e6;font-weight:400;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #999;background:url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x #dadada;font-weight:400;color:#212121}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x #fff;font-weight:400;color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x #fbf9ee;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:url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x #fef1ec;color:#cd0a0a}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(images/ui-icons_888888_256x240.png)}.ui-state-active .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.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-on{background-position:-96px -144px}.ui-icon-radio-off{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-first,.ui-icon-seek-start{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}.ui-widget-overlay,.ui-widget-shadow{background:url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x #aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:4px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:4px}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;border-radius:8px} /* ==== universal ==== */ body { font-size:16px; /*must override for IE6 */font-family: Verdana, "Lucida Grande", Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif; line-height: 1.0625em; background-color:#fefefe; } #wrappercontainer { color: #474747; font-size:100%; font-weight: normal; } #toolbar, #navalphacontainer, #navbetacontainer { font-family:"Lucida Grande", Arial, "URW Gothic L", Helvetica, sans-serif; } #content { font-size:0.6875em; } /*11px*/ #subcontent { font-size:0.625em; line-height:1.3em; } #toolbar { font-size:0.625em; line-height:1em; } #navalphacontainer { font-size:0.6855em; line-height:1.2em; } #navbeta { font-size:0.6855em; line-height:1.7em; float:left; } #footer p { font-size:0.625em; line-height:1.3em; font-family:Arial, "URW Gothic L", Helvetica, sans-serif; } #content h1 { font-size:1.5625em; color:#999; } #content h2 { font-size:1.3em; font-size:1.23em; color:#7e7e7e; } #content h3 { font-size:1.125em; } /*18px*/ #content h4 { font-size:1em; color:#444; } #navbeta h2 { font-size:1.49em; } #greybar { font-size:2.4em; } #navalphacontainer { color:#666; } #content table { font-size:1em; line-height:1.375em; width:100%; } b { color:#505050; } a, a b { color:#e97400; text-decoration:none; } /*#navalphacontainer a, #navbeta a, #toolbar a { -webkit-transition:color 0.2s ease-out; -moz-transition:color 0.2s ease-out; -o-transition:color 0.2s ease-out; transition:color 0.2s ease-out;}*/ a:visited, a:visited b { color:#b50; } a.editlink { color:#f66; font-size:90%; } a:hover, a b:hover, a:focus, a b:focus { text-decoration: underline;} a:active {text-decoration: underline; color:#8a1502;} a img {-moz-transition:opacity ease 0.2s; -webkit-transition:opacity ease 0.2s; -o-transition:opacity ease 0.2s; transition:opacity ease 0.2s; } a img:hover, a img:focus {opacity:0.85;} hr { clear:both; display:block; height:1px; margin:0 0 1.3em 0; padding:0; border:none; border-top:1px solid #999; } img { border:0; } ul, ol, li { padding:0; margin:0; list-style:none; } table { border-top:1px solid #BBB; border-collapse:collapse; } th, td { padding:3px 8px 3px 0; border-bottom:1px solid #BBB; } th { font-weight:bold; color:#666; text-align:left; } td { color:#333; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; } .clearfix {clear:both;} .hidden, .parent-hover:hover .hidden-on-hover {position:absolute !important; left:-10000px !important; top:auto; width:1px; height:1px; overflow:hidden;} .inlined {display:inline-block;} .cursor-move:hover {cursor:move;} /*also add class mobilefull*/ .widthhalf {width:50%;} .width300 {width:300px;} .width320 {width:320px;} .width360 {width:360px;} .margin1 {margin:1em;} .matchxheight {margin-top:0.3125em;} .floatright {float:right;} .floatleft {float:left;} /*============================= Princeton Component Style Sheet ================================*/ .roxen-edit-box-off { } .roxen-edit-box-on { outline:1px dotted #f8bb7b; } .roxen-edit-marker-off { visibility:hidden; display:block; position:absolute; } .roxen-edit-marker-on { visibility:visible; display:block; position:absolute; background:URL(/roxen-files/cms-images/button_edit_comp.gif) top left no-repeat; width:28px; height:13px; z-index:1; } div.roxen-linkbrowser-anchor a { visibility:visible; display:block; position:absolute; background:URL(/roxen-files/cms-images/button_link_browser.gif) top left no-repeat; width:28px; height:13px; z-index:1; } .nav-link { font-size:11px; font-weight:bold; color:#2b5499; text-decoration:none; } .nav-link-disabled { font-size:11px; font-weight:bold; color:#aaaaaa; text-decoration:none; } .nav-link-removed { font-size:11px; font-weight:bold; color:#aaaaaa; text-decoration:line-through; } .nav-mini { font-size:10px; color:#808080; text-decoration:none; } /* ===== div structure ==== */ #wrappercontainer { width:100%; text-align:center; /*for IE */ } #wrapper { width:960px; margin:0 auto;/* align for good browsers */ text-align:left;/* counter the body center */ } #header { max-width:960px; height:91px; } #toolbarcontainer { float:right; width:400px; } #toolbar { text-align:right; } #bannercontainer { width:364px; float:left; } #logobarcontainer { height:55px; float:left; } #logobarcontainer h1 { margin:0; font-size:1em; } #logobar img {width:185px;} #breadcrumbs { display:none; } #navalphacontainer { float:left; width:172px; padding-bottom:1em; } #contentcontainer { float:right; clear:none; width:787px; } #navbetacontainer { margin-top:1.6em; width:176px; float:left; } #navbeta { padding-left:12px; padding-right:9px; } #footercontainer { max-width:960px; clear:both; margin-top:15px; } #skiplink { position:absolute; left:-9999px; overflow:hidden; } .codespacer, .subcontenthrefspacer { display:none; } /* ==== banner ==== */ #header { background-image:url(images/rounded-black.gif); background-position:bottom right; background-repeat:no-repeat; } #header #bannercontainer { height:73px; border-radius:6px 6px 0 0; overflow: hidden; background: #f58025; /* Old browsers */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+75,f27e24+75,f27e24+100 */ background: linear-gradient(to bottom, #ffffff 74%,#f58025 74%,#f58025 100%); /* W3C */ } #banner img {width:100%;} /* ==== toolbar ==== */ #toolbar ul a { color:#333; text-decoration:none; padding:0 4px 0 4px; } #toolbar ul li.selected a { color:#e97400; } .multimediasection #toolbar a.news { color: #333; } #toolbar ul, #toolbar li { padding:0; margin:0; list-style:none; } #toolbar ul { margin-top:14px; } #toolbar li { display:inline; border-right:1px solid #e97400; } #toolbar .first { border-left:1px solid #e97400; padding-left:2px; } body.webmail #toolbar li.selected { border-left:1px solid #e97400; padding-left:2px; } #toolbar p, #wrapper #toolbar ul li a:hover, #wrapper #toolbar ul li a:focus, #toolbar ul a.selected { color:#e97400; } #toolbar form { float:right; padding-top:10px; color:#e97400; font-family: Arial, "URW Gothic L", Helvetica, sans-serif; } #toolbar form select, #toolbar form input { float:left; } #toolbar textarea { padding:2px; color:#555; background-color:#fff; border:solid 1px #999; } #toolbar option, #toolbar select { padding:0; font-size:1em; line-height:1.125em; color:#555; background-color:#fff; border:solid 1px #fff; } #toolbar option { width:auto; min-width:13em; } #toolbar select { border:solid 1px #999; min-width:13em; max-width:13em; } #toolbar .searchBox { font-size:1em; line-height:1.125em; color:#555; padding:2px; border:solid 1px #999; margin-left:11px; width:12em; } input.go { font-size:0.9em; } #toolbar .go { margin-left:5px; } #toolbar .go:hover, #toolbar .go:focus {opacity:0.9; } #toolbar button { border:0; background:0; width:20px; margin:0 0 0 2px; padding:0; } /* ===== nav ===== */ #navalphacontainer { font-weight:bold; } #navalpha ul { margin-top:0; } #navalphacontainer ul, #navalphacontainer li { list-style-type:none; padding-left:0; margin-left:0; } #navalphacontainer li { border-bottom:1px solid #f93; padding-bottom:5px; padding-top:5px; max-width:170px; } #navalpha .spacer { border-bottom-color:#FFF; } #navalpha2 { margin-top:2em; } #navalpha2 li { border-bottom-color:#999; } #navalphacontainer a { color:#494949; margin-left:1px; display:block; } #navalphacontainer a:hover, #navalphacontainer a:focus { color:#e97400; text-decoration: none;} #navalphacontainer ul a[href^="http"]:after, #navbeta a[href^="http"]:after { content:url("images/external_link.gif"); padding-left:3px; } #navalphacontainer ul a[href^="http://www.princeton.edu/main/"]:after {content:"";} #navalpha li a, #navalpha2 li.students a, #navalpha2 li.family a, #navalpha2 li.facstaff a { background-image:none; padding-right:0; display:block; } #navalphacontainer li a.selected { margin-left:-8px; padding-left:10px; color:#888; background: url("images/arrow-navbeta.gif") no-repeat left 0.25em; } #navbetacontainer #navbeta ul, #navbetacontainer #navbeta li { line-height:1.125em; padding:0; margin:0; list-style-type:none; color:#e97400; } #navbetacontainer #navbeta ul ul { margin-left:8px; } #navbetacontainer #navbeta ul ul ul { margin-left:14px; } #navbetacontainer #navbeta ul ul ul ul { margin-left:17px; } #navbetacontainer #navbeta li a { color:#e97400; font-weight:bold; text-decoration:none; display:block; margin:0 0 0.575em 10px; } #navbetacontainer #navbeta .disabled { color:#999; border-bottom:1px #bbb dotted; } #navbetacontainer #navbeta li.selected a { background: url("images/arrow-navbeta.gif") no-repeat left 0.2em; margin-left:0; padding-left:10px; color:#888; } #navbetacontainer #navbeta ul li a:hover, #navbetacontainer #navbeta ul li a:focus { color:#555; } #navbetacontainer #navbeta ul ul li a, #navbetacontainer #navbeta ul ul li.selected a { font-weight:400; } #navbetacontainer #navbeta .spacer { height:1.2em; } #navbetacontainer #navbeta ul li.selected li a { background-image:none; color: #e97400; } #navalphacontainer a:active, #navbetacontainer #navbeta ul li a:active {color:#9d4118; text-decoration: none;} /* ==== content ==== */ #content { float:left; width:400px; margin:1.9em 0 0 28px; } #content p { margin:0 0 1.4em 0; padding:0; } #content h1 { margin:0 0 1em 0; padding:0; } #content h2, #content h3, #content h4 { margin:0.5em 0 0.3em 0; padding:0; clear:both; } #content h3, #content h4 { color:#686868; } #content ul { margin:0 0 1.4em 1em; padding:0; } #content ol { margin:0 0 1.4em 1.8em; padding:0; } #content ul li { list-style-type:disc; } #content ol li { list-style-type:decimal; } #content h2.audiencenews { font-size:1.125em; } #content ul.headlines, #content .headlines li { margin:0; padding:0; line-height:1.3em; list-style-type:none; } #content .headlines li { background:url(images/orangebullet.gif) 0 0.4em no-repeat; color:#e97400; padding:0 0 5px 11px; margin-left:0; }/*increase for IE*/ #content .headlines a { color:#333; } #content .headlines a:hover, #content .headlines a:focus { color:#e97400; } #content .headlines li.more { background:url("images/arrow-right.gif") 0 0 no-repeat; color:#333; } #content .headlines .more a { color:#e97400; margin-left:0; } #content .headlines .more a:hover, #content .headlines .more a:focus { color:#333; } #content .left { margin:4px 8px 4px 0; float:left; clear:left; } #content .right { float:right; margin:4px 0 4px 8px; clear:left; } /*new code beta*/ #content .pic-left { float:left; clear:left; margin:4px 8px 1.2em 0; } #content .pic-right { float:right; margin: 4px 0 1.2em 8px; } #content .pic-comment { clear:left; padding:0.6em 0.5em 0.6em 0.6em; border: 1px dotted silver; border-top-width:0; text-align:left; font-family: Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif; font-size:0.9375em; line-height:1.25em; color:#686868; } #content .pic-comment p { margin:0; } #content img {max-width: 100%;} #content .pic-left img, #content .pic-right img {height:auto !important;} /*end new code beta*/ #content form input.text, #content form textarea.text { display: inline; width: 340px; margin-bottom: 8px; border: 1px solid #808080; float: right; padding-left:2px; } #content form h4, #content form p, #content form h4, #content form p { display: inline; width: 230px; margin:0; float: left; clear: left; } #content form label ~ hr { margin-top:5px; } #content input.reset, #content input.submit { width: 10em; margin-left: 220px; } #content .required_input { background-color:#fff9d0; } /* ==== subcontent ==== */ #subcontent { float:right; width:162px; margin:5.4em 8px 0 0; font-family: Verdana, "Lucida Grande", Arial, "Bitstream Vera Sans", sans-serif; color:#686868; } #subcontent p, #subcontent ul { margin:0 0 0.3em 0; } #subcontent img { margin:0.4em 0 0.6em 0; max-width: 100%; } #subcontent ul, #subcontent li { list-style-type:none; padding:0; } #subcontent li { list-style-image:url("images/arrow-right.gif"); margin:0 0 0.2em 17px; } /* === footer === */ #footer { color:#555; padding-top:1em; } #footer p { padding:0; margin:0; color:#999; } #footer a { color:#e97400; text-decoration:none; } #footer a:hover, #footer a:focus { color:#333; } /* === reusable buttons and wideform pages ===*/ body#tools.search #sidecontent, body#tools.sitemap #sidecontent, body#tools.webmail #sidecontent { display:none; } body#tools.search #contentcontainer, body#tools.sitemap #contentcontainer, body#tools.webmail #contentcontainer, body#tools.search #content, body#tools.sitemap #content { width:767px; margin-right:-1px;} body#tools.webmail #content { max-width:735px; } .bigbutton {display:block; margin: 0 0 8px 0; padding:1px 1px 1px 136px; margin:6px 0; min-height:102px; _height:102px; background:#fff 0 1px no-repeat; -webkit-transition: background-color 0.3s ease;-moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; border-radius: 0 10px 10px 0;} .bigbutton:hover, .bigbutton:focus {background-color:#eee;} .button-imap {background-image:url(images/imap-thumb.png); } .button-owa {background-image:url(images/owa-thumb.png);} .button-gmail {background-image:url(images/gmail-thumb.png); margin-bottom:12px;} /* ==== home page specific ==== */ body#home #content { margin-top:0; } body#home #navbetacontainer { margin-top:0.1em; } body#home #navbeta h2 { margin:0; padding:0 0 6px 0; } body#home #navbeta h2 a { color:#555; } body#home #navbeta h2 a:hover, body#home #navbeta h2 a:focus { color:#e97400; } body#home #navbeta ul, body#home #navbeta li { margin:0; padding:0; line-height:1.35em; font-family: Verdana, "Lucida Grande", Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif; } body#home #navbeta ul li { background:url(images/orangebullet.gif) 1px 0.5em no-repeat; color:#e97400; padding:0 0 5px 10px; width:156px; /*increase for IE*/ } body#home #navbeta ul li a { color:#474747; font-weight:400; text-decoration:none; margin:0; padding:0; } /* uncomment the next line to make a news or emergency story red/bold/big */ /*body#home #news ul li:first-child a {color: red; font-size: 110%; font-weight: bold; line-height: 1.4;}*/ body#home #navbeta ul li a:hover, body#home #navbeta ul li a:focus { color:#e97400; background:none; } body#home #navbeta ul .more { background:none; } body#home #navbeta ul .more a { color:#e97400; } body#home #navbeta ul .more a:hover, body#home #navbeta ul .more a:focus { color:#333; } body#home #navbeta #events { margin-top:15px; } body#home div#content { margin-left:15px; font-size:1em; font-family:"Lucida Grande", Arial, "URW Gothic L", Helvetica, sans-serif; } body#home #content img:hover, body#home #content img:focus {opacity:1;} body#home #featuredtextcontainer { float:left; margin-bottom:4px; font-size:0.6875em; width:588px; padding:2px 0 3px 8px;/* background: #c51 url(images/homealpha.gif) no-repeat bottom;*/ background-color:#c51; color:#fff; border-radius:0 0 6px 6px;} body#home #featuredtextleft { display:inline-block; float:left; } body#home #featuredtextleft a { } body#home #featuredtextright { float:right; max-width:21em; _width:21em; margin-right:4px; top:2px; text-align:right; } body#home #featuredtextcontainer a { color:#fff; } body#home #featuredtextcontainer a:hover, body#home #featuredtextcontainer a:focus { color:#eee; } body#home #featured-story-edit { position:absolute; margin-left:598px; font-size:0.6875em; margin-top:3em; } body#home #subcontent { font-family:"Lucida Grande", Arial, "URW Gothic L", Helvetica, sans-serif; font-size:1em; } body#home #subcontent { margin:0; width:596px; font-size:0.625em; float:left; line-height:1.6em; } body#home .tab { font-size:0.625em; line-height:1.4em; border-radius:6px; } body#home #givinglink a {height:14px; width:170px; margin:2em 0 0.5em 0; display:block; -webkit-transition:opacity; overflow: hidden;position:relative;} body#home #givinglink img {width: 100%; position: absolute; top:-3px;} body#home #preslink a { background:url('images/pres20badge.png') 0 0 no-repeat; height:89px; width:217px; margin:2em 0 0.5em -27px; display:block; -webkit-transition:opacity 0.15s ease; transition:opacity 0.15s ease;} body#home #preslink a:hover {opacity:0.9;} body#home #givinglink a:hover img, body#home #givinglink a:focus img { top:-27px; } #no-flash p { margin-top:2em; padding:1em; border:1px solid #dedede; } .video-tabs { display:block; width:600px; } .video-tabs .tab { width:196px; min-height:73px; position:relative; cursor:pointer; background-color:#3b3b3b; display:block; text-decoration:none; -webkit-transition:background-color 0.2s ease-out; -moz-transition:background-color 0.2s ease-out; -o-transition:background-color 0.2s ease-out; transition:background-color 0.2s ease-out; } .tab.active {background-color:#000;} .tab:hover, .tab:focus { background-color:#f48121; cursor:pointer; text-shadow:none; } .tab-top { width:196px; height:5px; background:url(images/tab-top.png) top no-repeat\9; } .tab-bot { width:196px; height:5px; background:url(images/tab-bot.png) bottom no-repeat\9; } .tab-top img, .tab-bot img { border:none; } .tab-mid { padding-left:7px; padding-right:7px; padding-top:2px; min-height:62px; color:#FFF; background:url(images/btn-play.png) 98% bottom no-repeat; } .tab-mid:hover, .tab-mid:focus { background:url(images/btn-play-gray.png) 98% bottom no-repeat; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1); } .tab-mid a { text-decoration:none; } .news-photo { width:70px; height:61px; float:left; padding-right:7px; } .play-btn { position:absolute; right:21px; bottom:6px; } .video-tabs .tab-mid { color:#eee; } .video-tabs .tab-mid .news-title { display:block; padding-bottom:1.5em; } .tabcontainer { width:196px; display:inline; float:left; margin-right:4px; } .tabeditlink { position:absolute; margin:-2px 0 0 140px; font-size:0.625em; } .featurededitlink { position:absolute; padding-left:3px; font-size:0.625em; overflow:visible; } body#home #subcontent li { list-style-type:none; } #subcontent #community-resources { float:left; color:#e97400; width:188px; padding-left: 7px; margin-right:8px; } /*working*/ body#home #subcontent h3 {margin-top:1em; color:#333; margin-bottom:2px; font-size:1.125em;} #subcontent #community-resources ul li { display:inline; margin-left:0; } #subcontent #community-resources .spacer { border-left:1px #e97400 solid; } #subcontent #community-resources a { color:#474747; text-decoration:none; margin:0; padding:0 2px 0 0; /*-webkit-transition:color 0.2s ease-out; -moz-transition:color 0.2s ease-out; -o-transition:color 0.2s ease-out; transition:color 0.2s ease-out;*/} #subcontent #community-resources a:hover, #subcontent #community-resources a:focus { color:#e97400; } #web-highlights { color:#e97400; float:left; width:190px; padding-left: 7px; margin-right:8px; _margin: 0 6px 0 10px;} #web-highlights a { text-decoration:none; } #web-highlights a:hover, #web-highlights a:focus { color:#555; } #web-highlights ul { margin-left:0; list-style-image:none; } #web-highlights ul li { list-style-image:none; background:url(images/arrow-right.gif) 0 0 no-repeat; margin-left:0; padding-left:10px; } /*working*/ #mm-column {float:left; width:180px; } #social-media-feature {margin:1em 0 0 -8px; width:181px; _width:190px; background:#ededed; border:6px solid #ededed; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:0 0 4px 4px; line-height:1.5em; color:#555;} #social-media-feature .entries {border-bottom:1px solid #fff;margin-bottom:6px;padding-bottom:2px;} #social-media-feature a span {display:none;} #social-media-feature strong a {display:-moz-inline-stack; display:inline-block; width:20px; height:16px; vertical-align: baseline; _vertical-align: bottom; position: relative; bottom:-4px; } #social-media-feature .icons {display: block; margin:-2px 0 0 -2px;} #social-media-feature .icons a { background: transparent url(/main/css/images/social-media-icons.png) -500px -100px no-repeat; padding: 0 2px;} #social-media-feature .icons a:hover, #social-media-feature .icons a:focus { background-position: 0 -100px;} #social-media-feature a#yt { background-position: -500px 0;} #social-media-feature a#yt:hover, #social-media-feature a#yt:focus { background-position: 0 0;} #social-media-feature a#tw { background-position: -500px -200px;} #social-media-feature a#tw:hover, #social-media-feature a#tw:focus { background-position: 0 -200px;} #social-media-feature a#itu { background-position: -500px -300px;} #social-media-feature a#itu:hover, #social-media-feature a#itu:focus { background-position: 0 -300px;} #social-media-feature a#gplus { background-position: -500px -501px;} #social-media-feature a#gplus:hover, #social-media-feature a#gplus:focus { background-position: 1px -501px;} #social-media-feature a#insta { background-position: -501px -401px;} #social-media-feature a#insta:hover, #social-media-feature a#insta:focus { background-position: 0 -401px;} /* ===== magic paragraph plus list line height elision ===== */ #content p + ul { margin-top:-0.8em; } #content .pic-comment p + ul { margin-top:0.1em; } /* ===== news and tools and audiences contentheader shared code ===== */ #contentheader h3 { display:none; } body#news #header, body#tools #header { background-image:url(images/rounded-black-wide.png); } body#news #contentheader, body#tools #contentheader, body#students #contentheader, body#family #contentheader, body#alumni #contentheader, body#alumni #contentheader, body#facstaff #contentheader { float:right; position:relative; background-color:#e97400; color:#fff; height:39px; width:596px; } body#news #contentheader, body#tools #contentheader { background-color:#d61; padding:9px 0 0 0; height:43px; width:769px; } body#news #contentcontainer, body#tools #contentcontainer { width:616px; float:left; border:solid 1px #cecece; border-top:0; margin-top:0; padding-top:0; margin-left:19px; } body#tools.contacts #sidecontent p ~ p { padding:0 0 1.5em 0; } /* sidecontent */ #sidecontent { padding:11px 2px 7px 11px; float:right; width:137px; border-right:1px solid #cecece; border-bottom:1px solid #cecece; background:url(images/sidenote.png) repeat; font-family:Arial, "Lucida Grande", "URW Gothic L", Helvetica, sans-serif; font-size:0.625em; line-height:1.5em; } #sidecontent h3 { margin:0 0 0.5em 0; font-size:1.3125em; color:#777; font-family:"Lucida Grande", Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif; line-height:1.1em; } #sidecontent ul, #sidecontent ol { font-size:1.125em; padding:0 0 1.5em 0; margin:0 0 1.2em 0; background:url(images/newsdots2.gif) bottom no-repeat; } #sidecontent ol {padding:3px 0 0.9em 0;} #sidecontent li {margin:0; padding:0 0 0 10px;} #sidecontent li a {margin-left:-10px;} #sidecontent ol li a {padding-left:21px; min-height:22px; display:block; background: transparent url(images/social-media-icons.png) -500px 0 no-repeat; max-width:400px;} #sidecontent ol li a:hover, #sidecontent ol li a:focus {background-position:0 0; color:#808080;} #sidecontent ol li:first-child + li a {background-position:-500px -100px;} #sidecontent ol li:first-child + li a:hover, #sidecontent ol li:first-child + li a:focus {background-position:0 -100px;} #sidecontent ol li:first-child + li + li a {background-position:-502px -300px;} #sidecontent ol li:first-child + li + li a:hover, #sidecontent ol li:first-child + li + li a:focus {background-position:-2px -300px;} #sidecontent ol li:first-child + li + li + li a {background-position:-500px -200px;} #sidecontent ol li:first-child + li + li + li a:hover, #sidecontent ol li:first-child + li + li + li a:focus {background-position:0 -200px;} /* ==== audiences and topics ==== */ body#students #contentheader a, body#family #contentheader a, body#alumni #contentheader a, body#facstaff #contentheader a { position:absolute; left:14px; top:6px; height:31px; width:293px; } body#students #contentheader a { background-image:url(images/header-students.gif); } body#alumni #contentheader a { background-image:url(images/header-alumni.gif); } body#facstaff #contentheader a { background-image:url(images/header-facstaff.gif); } body#family #contentheader a { background-image:url(images/header-family.gif); } body#family #subcontent p { margin-bottom:-0.7em; font-size:1.2em; } body#family #subcontent p b { color:#686868; } body#administration.policies h3.subheading { color:#888; font-size:1.35em; margin:1.5em 0 0.75em 0; } body#arts #content, body#international #content {width:580px;} body#arts .pic-left, body#international .pic-left {margin-top:0.875em;} body#arts #content h3, body#international #content h3 {clear:none;display:inline-block;padding-bottom:6px;padding-left:16px;} body#arts #content p, body#international #content p {float:right; width:432px;} a.morelink, a.lesslink {cursor:pointer; display:inline-block; margin-left:2px; padding-left: 12px; background: transparent url("images/expand.gif") no-repeat left center; color:#e97400; border:0;} a.lesslink {background-image:url("images/collapse.gif");} a.morelink:hover, a.lesslink:hover, a.morelink:focus, a.lesslink:focus {color:#808080;} body#about.chronology td {_width:20%;} /* temp for IE6 alignment */ body#about.chronology td:first-child {width:15%; vertical-align:top; } body#about.chronology table {margin-bottom:1em;} body#about.architects table {border-top:0;} body#about.architects td {vertical-align:top; } body#about.architects td:first-child {vertical-align:top;} body#about.architects th {font-size:1.125em; padding-bottom:0.35em;} /* vimeo ======================================================================*/ /*temp:.kvid {display:none;}*/ .vimeo-container{ z-index:1; position:relative; overflow:visible; width:584px; /* height:329px; */ margin-bottom:1em; } .inline-player { margin-bottom:0; } #home .vimeo-container, #home #featured-story { /*width:501px; height:282px;*/ width:596px; /*height:335px;*/ margin-bottom:0; } .vimeo-container .caption_holder{ z-index:2; _z-index:auto; position:relative; _position:auto; text-align:center; } a.caption_button{ font-size:11px; line-height:16px; height:16px; position:absolute; right:0; bottom:-28px; cursor: pointer; padding:0 0 12px; z-index:3; color:#fff; } .caption_button span {background-color: #444;display:block;padding: 0 6px;} .caption_holder{ margin-top:0; width:100%; color: #fff; font-family: arial, sans-serif; } div.caption_holder:hover div, div.caption_holder:hover span {background-color:#555; cursor:pointer;} .vimeo_captions{ display:none; position:relative; padding: 5px 5%; width: 90%; height: 60px; color: #fff; font-size:16px; background-color:#444; } .vimeo_captions .nocc {font-size:75%; font-style:italic;} /* working here */ #feature-tab-show { position:relative; background-color:#fff; width:100%; max-width: 100%; height:auto;/*282px*/ border-radius: 0 0 8px 0; -moz-border-radius: 0 0 8px 0; -webkit-border-radius: 0 0 8px 0; } #feature-tab-show img {width:100%; max-width: 100%;} #feature-tab-show a.tab-0 {height:auto; background-position:0 0; background-repeat:no-repeat;} #home .video-player {height:335px; width:596px;} #featured_vis { width:40%; max-width: 40%;float:right; padding-left: 1em;} body#news.featured #content img, body#news.archive #content img {width:100%; max-width: 100%; height: auto;} /*end working*/ .vimeo-error { display:none; min-height:36%; left: 5%; top: 15%; width:80%; opacity: 0.97; position: absolute; font-size:14px; z-index: 100; padding:0 5% 1% 5%; line-height:1.4; background:#eee; box-shadow:inset 1px 1px 2px #aaa; border-radius:0 6px 6px 6px; line-height:1.8;} .vimeo-error a {color:#b50;} .vimeo-error .feedback {font-size:12px; float:right; line-height:1;} .vimeo-error .close {width:34px; padding-left:2px; height:36px; line-height:0.8em; font-size:36px; margin: 1% -5% -0.5em 0; float:right;text-align:center; border:1px solid #b50; background:#eee; transition:all 0.2s ease;} .vimeo-error a.close:hover {background:#b50; color:#fff;} .video-player {background:url(/main/css/images/loading.gif) 50% 50% no-repeat #000; color:#fff; } #tab-0 {display:none;} .vid{ display:block; clear:none; position:absolute; top:0; } .feature-tab-sidebar { background-color: #ffeecc; font-size:11px; line-height:15px; position:relative; padding-top:1ex; border-radius: 0 0 8px 8px; border-bottom:1px solid #dca; margin-bottom:0.5em; } .feature-tab-sidebar h2 {width:70%;} #content .feature-tab-sidebar h2, #content .feature-tab-sidebar p {font-size:11px; padding:0 1em 1ex 1em; } a.feature-sidebar-footer { right:1em; bottom:1px; position:absolute; display:block; } a.closefeature {position:absolute; right:0; top:-14px; font-size:11px; z-index:100; background:#000; padding: 0 1ex; font-family:"lucida console", arial, sans-serif; line-height:1; color:#fff;} a.closefeature:hover, a.closefeature:focus {color:#c51;} /* ==== tools - general ==== */ body#tools #content { position:relative; width:584px; padding:16px; margin:0; min-height:350px; } body#tools #subcontent { display:none; } body#tools #navbetacontainer { display:none; } /*temp*/ body#tools #contentheader img { position:absolute; left:14px; top:14px; font-size:0.9375em; font-weight:400; line-height:0.8em; } /* ==== tools - a-z ==== */ body#tools.az #content h3 { font-size:1em; clear:none; } body#tools.az #content li { list-style-type:none; } body#tools.az #content form { width:400px; height:180px; } body#tools.az #content hr { margin-bottom:1.5em; } body#tools.az ul.indexlist { width:400px; margin:0; padding-left:11px; overflow:visible; } body#tools.az ul.indexlist li a { margin-left:-10px; } body#tools.az .azfilters { float:right; width:162px; } body#tools.az .azfilters h2 { margin:0 0 0.8em 15px; color:#777; font-size:1.25em; font-family:"Lucida Grande", Verdana, Arial, "URW Gothic L", Helvetica, "Bitstream Vera Sans", sans-serif; } body#tools.az .azfilters ul a { line-height:1.5em; } body#tools.az .alphabet { height:96px; } body#tools.az .alphabet li { display:inline; } body#tools.az .alphabet li a { float:left; width:19px; height:21px; text-align:center; font-size:0.9375em; } body#tools.az .alphabet li a:hover, body#tools.az .alphabet li a:focus { background-color:#f2f2f2; } body#tools.az .azsubject h2 { border-top:1px #a2a2a2 solid; padding-top:15px; width:126px; } body#tools.az .azsubject ul { padding-left:6px; } body#tools.az .azsubject ul a { display:block; width:130px; color:#ff9e13; } body#tools.az .azsubject ul a:hover, body#tools.az .azsubject ul a:focus { background-color:#f2f2f2; } body#tools.az .azfilters ul .selected { color:#777; } /* ==== tools - contacts ==== */ body#tools.contacts table { border:0; margin-bottom:1.4em; } body#tools.contacts table td { width:70%; } body#tools.contacts table td + td { width:30%; text-align:right; } body#tools.contacts th { font-size:1.25em; padding-bottom:0.5em; } body#tools.contacts tr:first-child { border:0; } body#tools.contacts #sidecontent p { color:#888; } /* ===== tools and news search ===== */ body#tools.search #search-references { float:left; margin: 19px 0 0 45px; } body#tools.search #search-references li { list-style-image: none; padding-left:15px; background: url(images/bullet02.gif) no-repeat 0 60%; } body.search { overflow-y:scroll; } body.search #content li { list-style-type:none; } body.search #content ul { margin-top:0; } body.search #content { min-height:250px; padding-bottom:0; } body.search #content ul, body.search #content li { margin-left:0; padding-left:0; } body.search #search-form p { display:inline; margin:0; padding:0; } body.search #search-form { margin:19px 0 0 0; width:420px; float:left; padding:0; } body.search #search-form p.web-search { float:right; margin: 0 55px 35px 0; padding:0; } body.search #content input.searchBox { color: #4b4b4b; padding:2px; line-height:1em; font-size:1em; border:1px solid #aaa; width:360px; } body.search input.go { margin:0 0 -3px 4px; } body#tools.search .search-divider { clear:both; margin:0 0 0 -16px; width:100%; height:1px; border-top:17px solid #cecece; background:#909090; } body.search #search-people { float:right; width:300px; margin-left:-1px; } body#tools.search #search-princeton { float:left; width:420px; padding-left:16px; } body#tools.search #search-results { float:left; } #search-people h2, #search-people p.result-info, #search-people #search-people-results { padding-left:16px; border-left:1px solid #cecece; } body#tools.search #search-general-results { border-right:1px solid #cecece; padding-right:16px; } body.search #search-people-results, body.search #search-princeton ul { line-height:1.45em;font-size:0.9375em; } body.search #search-princeton li { padding-top:1em; } body.search #search-people-results strong { color:#5d5d5d; } body.search #search-people-results a.collapsed { padding-right:14px; background:url(images/expand.gif) no-repeat right; font-weight:bold; color:#e97400;} body.search #search-people-results a.has-expanded {color:#b50;} body.search #search-people-results a.collapsed:hover, body.search #search-people-results a.collapsed:focus { padding-right:14px; background:url(images/expand-hover.gif) no-repeat right; font-weight:bold; } body.search #search-people-results a.expanded { padding-right:14px; background:url(images/collapse.gif) no-repeat right; color:#222; font-size:1.15em; font-weight:bold; } body.search #search-people-results a.expanded:hover, body.search #search-people-results a.expanded:focus { padding-right:14px; font-size:1.15em; color:#5d5d5d; background:url(images/collapse-hover.gif) no-repeat right; font-weight:bold; } body.search #search-people-results .search-people-name { font-size:1.15em; color:#404040; font-weight:bold; } body.search .people-search-indent { display: inline-block; padding-left:1em; } /*-moz workaround for FF2*/ body.search #search-princeton ul li { overflow:hidden; } body.search #search-princeton ul a { font-weight:bold; } body.search #search-princeton ul .result-url a { font-weight:400; color:#999; font-style:italic; } body.search #search-princeton ul .result-url a:hover, body.search #search-princeton ul .result-url a:focus { color:#404040; } body.search #results-nav { margin-top:3.5em; } body.search #results-nav li { display:inline; } body.search #results-nav ul li a, body.search #results-nav li .i { padding:5px 5px 0 5px; font-weight:400; } body.search .results-nav-btn span { padding:0 2px 0 2px; } body.search .results-nav-btn-disabled { color:#999; padding-right:5px; } body.search #search-general-results div ~ p { font-style:italic; font-size: 0.9375em; margin-top:1em; line-height: 1.45em; } body.search #content ul ul { margin-left:0; } body.search #content ul ul li { overflow:hidden; } body.search ul#az-results { margin-bottom:0; } body.search #search-general-results blockquote { margin:0 0 0 15px; } body.search #search-people ul a { cursor:pointer; } body.search #search-people #acceptable-use { color:#808080; } body.search #content h2 { padding-top:1em; padding-bottom:3px; margin-bottom:0; color:#5f5f5f; font-size:1.5em; } body.search #search-princeton p.result-info, body.search #search-princeton p.spelling-suggestion { margin-bottom:0; padding-right:16px; } body.search #search-people p.result-info { padding-bottom:1em; margin-bottom:0; } body.search #content .result-info { color:#5f5f5f; } body.search #expandall, body.search #collapseall { cursor:pointer; color:#e97400;} body.fourzerofour #content ul { padding-left:16px; } body.fourzerofour #content li { list-style-type:disc; padding-top:0.3em; } body.fourzerofour #content p + ul { margin-top: -1.2em; } /* new code for audiencesurvey */ fieldset {border:0;} select:hover {cursor: pointer;} .supertools { color: #474747; font-size:100%; font-weight: normal; color: #fafafa; background:#505050; position: relative; font-size:0.75em; margin-bottom:1em; text-align: center; padding:0 1em; } .supertools h1 {font-size: 1.25em; margin:0;padding:16px 10px 6px 10px;} .supertools p {padding:0 10px 8px 10px; margin:0;} .supertools .button { padding:0.25em 0.75em; border-radius:6px; display:inline-block; background:#fa7f00; color:#111; margin:0.125em 0.5em 16px 0.5em; font-size: 1.25em; } .supertools p a {color:#fafafa; text-decoration: underline;} .supertools .button:hover, .supertools .button:focus {background:#c50;} .supertools .button:active {background:#fafafa;} .supertools .close {position:absolute; overflow: hidden; right:0.5em; top:0.5em; width:1.25em; height:1.25em; line-height:1em;font-weight:1.5em; color: #fff;} .supertools .close span {position: absolute; right:-10000px;} .supertools .close:hover, .supertools .close:focus {background:#fafafa; color:#333;} .ui-dialog { font-size: 0.875em; top:10% !important; } .ui-dialog a {text-decoration: underline;} #dialog-form-form select {display:block;} #dialog-form label { display: inline-block; font-size: 1.25em; line-height: 1.4; padding:0.5em 0; } /* ==== tools - sitemap ==== */ body#tools.sitemap #content ul li { list-style-type:none; } body#tools.sitemap #content ul { width:245px; float:left; margin:0 0 1.4em 0; padding:0; } body#tools.sitemap #content ul.section { float:none; width:731px; border-bottom:1px solid #888; margin-bottom:1em; } body#tools.sitemap #content .section_title { font-size:1.5em; font-weight:bold; color:#707070; } body#tools.sitemap #content ul a { font-weight:bold; } body#tools.sitemap #content ul ul a { font-weight:400; color:#444; } body#tools.sitemap #content ul ul a:hover, body#tools.sitemap #content ul ul a:focus { color:#e97400; } body#tools.sitemap #content ul ul a.disabled { color:#aaa; font-style:italic; } /* ==== tools - webmail ==== */ body#tools.webmail table, body#tools.webmail td { border:0; } /* ==== feedback ==== */ body#tools.form hr { color:white; border-top:#fff; } /* ===== print ===== */ @media print { body { font-size:13pt; margin:0.5in; } #header #bannercontainer { height:55px; background-color:white; border-bottom:18px solid #111 !important; } #toolbarcontainer, #navalphacontainer, #navbetacontainer, #contentheader, #navbeta, #navgamma, #navdelta, #sidecontent, .play-btn, #community-resources .spacer, body#home #breadcrumbs, body#home .video-tabs, body#home #featured-story, body#news #storynav { display:none !important; } #header { width:90%; background:none; } #contentcontainer, #content, #footercontainer, #footer, #newsnavcontainer { position:relative !important; float:none !important; width:95% !important; margin:0 !important; padding:0 !important; border:0 !important; font-family:Georgia, "Palatino Linotype", serif !important; display:block !important; } #content { position:relative !important; float:none !important; border-bottom:1px #888 solid !important; margin-bottom:0.2in !important; } #subcontent { position:relative !important; float:none !important; padding:0 !important; border:0 !important; font-family:Georgia, "Palatino Linotype", serif !important; display:block !important; margin:0.3in 0 0 0 !important; } #subcontent p { width:4in !important; } body#news #subcontent p, body#news #subcontent ul, body#news #subcontent img { clear:both !important; } #footer { padding-top:0.3in !important; font-size:80%; } #content a, #subcontent a { color:#404040 !important; padding-bottom:3px !important; margin-bottom:-5px !important; border-bottom:1px solid #999 !important; display:inline !important; margin-right:2px !important; overflow:visible; } #contentcontainer a:link:after, #contentcontainer a:visited:after { content:" <" attr(href) ">"; font-size:80%; } body#news #contentcontainer h2 a:link:after { font-size:60%; } body#news #content .article-toolbox { display:none; } #content a[href^="/"]:after { content:" (http://www.princeton.edu" attr(href) ") "; } body#home #navbetacontainer, body#home #navbeta { display:block !important; float:none !important; width:85% !important; } body#home #navbeta ul li, body#home #navbeta ul { list-style-type:disc; background:none; width:100%; } #community-resources, #web-highlights, #multimedia-resources { float:none; clear:both; width:85%; background: none !important; padding:0; margin:0; } /*body#home .news-title { display:inline !important; color:#444 !important; }*/ #subcontent li, #subcontent ul { display:block !important; list-style-type:none !important; background:none !important; margin-left:0 !important; padding-left:0 !important; } body#home #content, body#home a { border:0 !important; } #breadcrumbs { display:inline; font-size:70%; color:#999; width:80%; } #breadcrumbs a { color:#999; display:inline; } } body#research #content h3 { margin:0.5em 0 0.6em 0; font-size:1.25em; font-size:1.35em; color:#888; } body#research #content hr { clear:both; display:block; height:1px; margin:0 0 .3em 0; padding:0; border:none; border-top:1px solid #999; } body#research #content ul { margin:0 0 1.4em 1.4em; padding:0; } body#link.options #navbeta ul { display:none; } body#about.facts #content p { text-indent:-1em; margin-left:1em; margin-top:0; margin-bottom:0; } body#about.facts #content hr { margin-top:1em; margin-bottom:0; } /* ==== full-width center column temp codes ==== */ /* mahlon Lovett 20091202 */ body#about.nobel #content, body#about.honorary #content, body#about.architects #content, body#about.chronology #content { width:580px; } body#about.nobel #subcontent, body#about.honorary #subcontent, body#about.architects #subcontent, body#about.chronology #subcontent { width:1px; } /* mahlon Lovett 20091202 */ body#about.nobel #content th { } body#about.nobel #content td { vertical-align:top; width:30%; } body#about.nobel #content td:first-child { width:10%; } /* mahlon lovett 20091222 */ body#about.timeline #content p { margin:0; padding-bottom:.25em; } body#about.timeline #content p b { padding-right:.75em; } body#about.timeline #content h3 { margin:0; margin-top:1em; padding:.5em 0; border-top:1px solid #ccc; } /* Mischief */ /*earth day body#home #bannercontainer {background-color: #6bb033;} body#home #featuredtextcontainer {background-color: #3f671e;}*/ /*grad week*/ #banner.custom img {width:100%;} #featurebanner a { background:url("images/btn-play.png") 99% center no-repeat #333; color: #fff; display: block; padding:0.5em 2em 0.5em 0.5em; text-align: right; font-family: Georgia, Cambria, serif; font-size: 15px; font-style: italic; } #featurebanner a:hover { color:#e97400; } @media all and (max-width:930px) and (min-width: 581px) { .mobile #banner.custom img { max-height: 53px; max-width: 77%; top: auto; vertical-align: bottom; } } /* Responsify ===================================================== */ @-ms-viewport{ width: device-width; } #menutoggle a, #mobiletools {display:none; /*font-family: "Arial Unicode MS", "DejaVu Sans", "Lucida Sans Unicode", arial, sans-serif;*/} /*.trigram {border:2px solid #fff; border-left:0; border-right:0; display: inline-block; height: 0.5em; width: 14px; } .trigram span {position:absolute; border-top:2px solid #fff; margin-top:0.2em; width:14px;}*/ .mobilenav {display:none;} .mobile #navalphacontainer .mobilenav {display:block;} @media all and (min-width:1150px) { html, body { font-size:18px; /*must override for IE6 */ } /*also add class mobilefull*/ .width300 {width:18.72222rem;} .width320 {width:20rem;} .width360 {width:22.5rem;} #wrapper {width:60rem;} /*#header { max-width:1080px; height:102px; }*/ #toolbarcontainer { width:25rem; } #bannercontainer { width:22.7222rem; } #banner img {width:100%;} #logobarcontainer { height:3.4444rem; } #logobar img {width:11.55556rem;} #navalphacontainer { width:10.7222rem; } #contentcontainer { width:49.16667rem; } #navbetacontainer { width:11rem; } #footercontainer { max-width:60rem; margin-top:1rem; } /* ==== banner ==== */ #header { max-width:60rem; height:5.6875rem; background-image:url(images/rounded-black.gif); background-size: 670px; } /*fixthis*/ #header #bannercontainer { height:4.5556rem; border-radius:7px 7px 0 7px;} /* ==== toolbar ==== */ #toolbar ul { margin-top:1rem; } #toolbar button {width:1.3889rem; } /* ===== nav ===== */ #navalphacontainer li { max-width:10.6111rem; } /* ==== content ==== */ #content { width:25rem; margin-left:1.722rem; } #content form input.text, #content form textarea.text { width: 21.222rem;} #content form h4, #content form p, #content form h4, #content form p { width: 14.3889rem; } #content input.reset, #content input.submit { margin-left: 13.722rem; } /* ==== subcontent ==== */ #subcontent { width:10.1111rem; } /* === reusable buttons and wideform pages ===*/ body#tools.search #contentcontainer, body#tools.sitemap #contentcontainer, body#tools.webmail #contentcontainer, body#tools.search #content, body#tools.sitemap #content { width:48rem; margin-left:1.16666rem;} body#tools.webmail #content { max-width:45.9375rem; } .bigbutton { padding:1px 1px 1px 8.5rem; min-height:6.38889rem; background-size:7.25rem;} /* ==== home page specific ==== */ body#home #navbeta ul li { background:url(images/orangebullet.gif) 1px 0.5em no-repeat; padding:0 0 5px 11px; width:9.7222rem; /*increase for IE*/ } body#home #navbeta #events { margin-top:1rem; } body#home div#content { margin-left:0.95rem; } body#home #featuredtextcontainer { width:97.5%; padding:2px 1% 3px 1.5%;/* background: #c51 url(images/homealpha.gif) no-repeat bottom;*/ background-color:#c51; color:#fff; border-radius:0 0 6px 6px;} body#home a.tab-0:hover + div #featuredtextleft a, body#home a.tab-0:focus + div #featuredtextleft a, #feature-tab-show a:hover, #feature-tab-show a:focus {text-decoration: underline} body#home #feature-tab-show > a {background-size: cover;} body#home #subcontent { margin:0; width:37.25rem; } body#home #givinglink a {height:0.875rem; width:10.625rem; } body#home #givinglink a:hover img, body#home #givinglink a:focus img { top:-1.6875rem; } .video-tabs { display:block; width:37.5rem; } .video-tabs .tab { width:12.25rem; min-height:4.5625rem; } .tab-top, .tab-bot { width:12.25rem; } .tab-mid {min-height: 3.875rem;} /* .news-photo { width:70px; height:61px; float:left; padding-right:7px; } .play-btn { position:absolute; right:21px; bottom:6px; .video-tabs .tab-mid { color:#eee; } .video-tabs .tab-mid .news-title { display:block; padding-bottom:1.5em; }*/ .tabcontainer { width:12.25rem; } .tabeditlink { margin-right:8.75rem; } #subcontent #community-resources, #web-highlights { width:11.9375rem;} #mm-column, #social-media-feature {width:11.25rem; } body#news #header, body#tools #header { background-size: 48.125rem; } body#news #contentheader, body#tools #contentheader, body#students #contentheader, body#family #contentheader, body#alumni #contentheader, body#alumni #contentheader, body#facstaff #contentheader { height:2.4375rem; width:37.22rem; background-size: 48.125rem;} body#news #contentheader, body#tools #contentheader { height:2.6875rem; width:48.0625rem; } body#news #contentcontainer, body#tools #contentcontainer { width:38.5rem; margin-left:1.166666667rem;} body#students #contentheader a, body#family #contentheader a, body#alumni #contentheader a, body#facstaff #contentheader a { bottom: 0.333rem; top:auto; } /* sidecontent */ #sidecontent { width:8.5625rem; } /* ==== audiences and topics ==== */ body#arts #content, body#international #content {width:36.25rem;} body#arts #content p, body#international #content p {width:77.3%;} /* vimeo ======================================================================*/ /*temp:.kvid {display:none;}*/ .responsive-embed .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .responsive-embed .embed-container iframe, .responsive_embed .embed-container object, .responsive_embed .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .force-full {width:100%;} .vimeo-container{ width:36.5rem; } #home .vimeo-container, #home #featured-story, #feature-holder, #feature-tab-show { width:37.22rem; width:670px; } #feature-tab-show a.tab-0 {height:16.3125rem; } #home .video-player {height:20.9375rem; width:37.25rem;} #news .video-player {height: auto !important;} #news .video-player, #news .video-player iframe {width: 36.5rem; } #home .video-player iframe {height:100% !important; width: 100%;} /* ==== tools - general ==== */ body#tools #content { position:relative; width:36.5rem; padding:1rem; } body#tools.peoplesearch #main #contentcontainer { width:48rem; margin-left:1.166666667rem;} body#tools.peoplesearch #main #content {width:47rem;} body#tools.peoplesearch #frmSearch > p:first-child { width: 21.875rem;} body#tools.peoplesearch #frmSearch #otherSearch {width:23.125rem; float: left;} body#tools.peoplesearch #content #otherSearch ul li {width:9.375rem;} body#tools.peoplesearch #peoplesearch #results { box-sizing: border-box; margin:0 0 0 -1rem; width: 48rem;} #peoplesearch .frmAdvSearch .button input {vertical-align: top;} #peoplesearch .entry {width:100%;} #peoplesearch .user-info, #peoplesearch .contact-info {width:44%;} /* ===== tools and news search ===== */ body#tools.search #search-references { float:left; margin: 1.1875rem 0 0 2.8125rem; } body.search #search-form { margin:1.1875rem 0 0 0; width:26.25rem;} body.search #search-form p.web-search { margin: 0 3.4375rem 2.1875rem 0; } body.search #content input.searchBox { width:22.5rem; padding:2px 4px; } body.search #search-people { width:18.75rem; } body#tools.search #search-princeton { width:26.25rem; padding-left:16px; } body#tools.search .search-divider {margin-left: -2.1875rem; width:100.1%;} /* ==== tools - sitemap ==== */ body#tools.sitemap #content ul { width:15.3125rem; } body#tools.sitemap #content ul.section { width:45.6875rem; } /* semi-full-width images */ #content div[style$="400px;"] {width:25rem !important;} #content div[style$="575px;"] {width:35.9375rem !important;} #content div[style$="400px;"] img, #content div[style$="575px;"] img {width:100% !important;} } @media all and (min-width:1750px) { html, body {font-size: 20px} #navalphacontainer, #navbeta, body#home #featuredtextcontainer {font-size:0.65rem;} body#arts #content p, body#international #content p {width:79.3%;} #header { background-size: 744.3px; max-width: 59.99rem} #home .vimeo-container, #home #featured-story, #feature-holder, #feature-tab-show { width:744px; } } @media all and (min-width: 931px) { body{margin:0; padding:0;} #wrappercontainer {padding:1em 1%; width:98%;} } @media all and (max-width: 930px) { body.mobile {font-size:20px; line-height:1.4; padding:0; margin:0; -webkit-text-size-adjust: none;} .mobile #toolbarcontainer {width:auto; float:none; display:inline;} .mobile #toolbar {height:5.25em; overflow-y:hidden;} .mobile #toolbar ul {height:1em; overflow-y:hidden;} .mobile #header {background-position:364px bottom; height: auto;} .mobile #wrapper, .mobile#tools.sitemap #content ul.section {width:100%;} .mobile #wrapper .navcontainer {width:25%;} .mobile #contentcontainer {width:75%; margin-top:1em;} .mobile#tools #contentheader, .mobile#students #contentheader, .mobile#family #contentheader, .mobile#alumni #contentheader, .mobile#alumni #contentheader, .mobile#facstaff #contentheader { width:100%; float:left; background:#fff; height:auto;} .mobile#tools #contentheader a, .mobile#students #contentheader a, .mobile#family #contentheader a, .mobile#alumni #contentheader a, .mobile#alumni #contentheader a, .mobile#facstaff #contentheader a {height:auto; left:0; position:relative; top:0; width:auto; color:#aaa; background:none; } .mobile#tools #contentheader h3, .mobile#students #contentheader h3, .mobile#family #contentheader h3, .mobile#alumni #contentheader h3, .mobile#alumni #contentheader h3, .mobile#facstaff #contentheader h3 {display:block; font-size:24px; margin:0.15em 0 0.75em;} .mobile#tools #contentheader img {display:none;} .mobile#tools #contentheader {margin-left:3.5%; width:96.5%;} .mobile#tools #wrapper #contentcontainer {max-width:95%; width:auto; border:0; margin-left:5%; } .mobile#tools #wrapper #content {padding:0; margin-left:1%; width:auto; max-width:99%;} .mobile#tools.contacts #contentcontainer, .mobile#tools.az #contentcontainer {width:50%;} .mobile #logobar img[src="/main/css/images/pu-logo-retina.png"] {display:none;} .mobile #logobar img[src="/main/css/images/pu-logo-retina.png"] + span {content:"Princeton University"; display:block; width:184px; height:55px;} /*.mobile #logobar a img {display:none;}*/ .mobile #toolbarcontainer {width:100%; float:left; } .mobile #toolbar form {float:left; clear:left; } .mobile #q {margin-left: 0;min-height: 2em;padding-left: 2%; background:#fff url("images/mag-glass.png") 98% 50% no-repeat; background-size: auto 80%;} .mobile #toolbar .go {position:absolute; left:-1000px;} .mobile #wrapper #content {margin:0 1%; max-width:65%; width:auto;} .mobile.no-sidebar #content {max-width:98%; width:auto; margin: 0;} .mobile #wrapper .navcontainer {position:absolute; left:-2000px; opacity:0; /*-moz-transition:opacity 0.25s; -webkit-transition:opacity 0.25s; transition:opacity 0.25s;*/ display:block; } .mobile #navalpha, .mobile #linksdropdown {display:none;} .mobile .active #navalpha {display:block;} .mobile #wrapper .navcontainer.active, .mobile #toolbarcontainer.active, .mobile #mobiletoolscontainer.active {position:relative; left:0; clear:both; opacity:1; display:block;} .mobile.no-sidebar #content, .mobile#home #content, .mobile.story #content {max-width:100%;} .mobile.no-sidebar #subcontent {display:none;} .mobile #wrapper .navcontainer ul a[href^="http"]:after {content:""; background: url(images/icon_external_link.png) no-repeat 50% 50%; background-size:contain; display:inline-block; line-height:1; width:0.85em; height:0.85em; margin: 0 0 -0.05em 0.333em; padding:0;} /*.mobile #toolbarcontainer.active { background:#333; width:95%; padding: 0 5% 1em 0; float:left;}*/ .mobile #menutoggle {float:left; width:100%; background:#e7751d; } .mobile #menutoggle a.active { display:inline-block; padding: 3px 3% 4px; color:#fff; margin:0 0 0 2%; border-radius:3px; font-size:16px; line-height:1; width:26%;} .mobile #menutoggle a.hider.active {border-radius: 3px 3px 0 0; background:#333;border-bottom:1px solid #333; background:#333; margin-bottom:-3px; border-bottom:3px solid #333; margin-top:-4px; padding-top:9px;} .mobile #menutoggle a.navalphacontainerbutton {margin-left:0;} /*.mobile #frommenu.active {float:right; border:1px solid #fff; margin-bottom:-1.75em; position:relative; z-index:100; width:1em; text-align:center; border-radius:0;}*/ .mobile #wrapper #mobiletools li a[href^="/main/news"] {display:none;} .mobile #menutoggle a.active { width:12%; padding: 8px 2.75% 8px 1.5%; max-width:80px;} .mobile #menutoggle img {width:100%; opacity:1;} .mobile #breadcrumbs {display:inline-block; background:#555; color:#e97400; padding: 1.5em 0 0.75em 0; width: 100%; font-size:13px;} .mobile#home #breadcrumbs {display:none;} .mobile #breadcrumbs div {padding: 0 2%;} .mobile #breadcrumbs a {color:#ddd;} .mobile #contentcontainer, .mobile #mobiletoolscontainer {width:99%;} .mobile #wrappercontainer #maincontainer .navcontainer, #contentcontainer, #wrappercontainer #maincontainer .navcontainer li {width:auto; max-width:100%; font-size: inherit;} .mobile #wrappercontainer #maincontainer .navcontainer {background:#555; font-size:15px; line-height:18px; box-shadow: inset 2px 2px 3px #000; padding-bottom:0; border-bottom: 0.5em solid #333; width:100%; } .mobile #navalpha2 ul + ul {margin-top:0.5em;} .mobile #wrapper .navcontainer li { border:0; padding:0 0 0 1em; background-color:#333; font-size:inherit; _elidedshad:inset 5px 0 2px -3px #000; } .mobile #wrapper .navcontainer li a {margin-left:0; padding:0.5em 3px 0.5em 6px; color:#fff; clear:left; background:#333; float:none; display:block; font-weight:normal; height:auto; font-size:inherit; border-bottom: 1px solid #404040; text-decoration: none;} .mobile #wrappercontainer #wrapper .navcontainer #navgamma li a, .mobile #wrappercontainer #wrapper .mobilenav #navbeta li a {background-color:#505050;} .mobile #wrappercontainer #wrapper .navcontainer #navbeta li a.disabled {display:none;} .mobile #wrappercontainer #wrapper #maincontainer .navcontainer li a.js-parent:before {content:"\25be"; display:inline-block; width:1em;} .mobile #wrapper .mobilenav > ul > li.spacer {padding-bottom:1.25em;} .mobile #wrapper .mobilenav ul li:last-child {padding-bottom:1.25em;} .mobile #wrappercontainer #wrapper #newsnavcontainer #navbeta > ul > li:first-child a {_elidedshad:none;} .mobile #wrapper .navcontainer li.selected > a {color: #e97400; } .mobile .mobilenav ul ul {padding-left:1em; display:none;} .mobile .mobilenav li.selected > ul {display:block;} .mobile .mobilenav a.hasChildren:before {content:"-\0020"; position:absolute; margin-left:-1em;} .mobile .mobilenav a.hasChildren.folded:before {content:"+\0020";} .mobile #navalpha2 {margin-top:0.5em;} .mobile #wrapper #navbeta, .mobile#news #navgamma, .mobile#news #navdelta { padding:0 3% 1em 5%; margin: 0 0 1px 0; width:92%; background:#505050; font-size:inherit; line-height:inherit; } .mobile .mobilenav #navbeta, .mobile #mobiletools #navbeta, .mobile#news #navgamma, .mobile#news #navdelta { background:#505050; } .mobile #wrappercontainer #wrapper #maincontainer #navbeta li { font-size:inherit;} /* news and tools */ .mobile#news #contentheader {display:none;} .mobile#tools #contentheader h3, .mobile#students #contentheader h3, .mobile#family #contentheader h3, .mobile#alumni #contentheader h3, .mobile#alumni #contentheader h3, .mobile#facstaff #contentheader h3 {margin: 0 0 0.25em 1%;} .mobile#tools.contacts #contentcontainer, .mobile#tools.az #contentcontainer {width:70%;} body.mobile#news.archive #content ul {width:auto;} .mobile #newsnavcontainer > ul { background-color:#333;} .mobile#news #newsnavcontainer {width:100%; float:left; clear:both;} .mobile #toolbar ul li:last-child, .mobile #toolbar ul li:nth-child(4) {display:none;} .mobile #sidecontent {width:92%; padding:1em 4%; border: 0; border-top: 1px solid #aaa; float:left; margin-top:1em;} .mobile #content .gofull {width:97% !important; } .mobile #content .pic-left.gofull, .mobile #content .pic-right.gofull {float:none; margin-left:0; margin-right:0;} .mobile .gofull > img {width:100% !important; height:auto; } .mobile#admission-aid .pic-left, .mobile#international .pic-left, .mobile#arts .pic-left {width:auto !important; margin-left:3%; float:right; max-width:40%;} .mobile#admission-aid #content h3, .mobile#arts #content h3, .mobile#international #content h3 {padding-left:0; display:block;} .mobile#admission-aid #content h3+p, .mobile#arts #content h3+p, .mobile#international #content h3+p {float:none; } .mobile .pic-left, .mobile .pic-right {max-width: 97% !important;} .mobile .pic-left img, .mobile .pic-right img {max-width:100%; height:auto;} /* home */ #home.mobile #navbeta, .mobile #featured-story img, .mobile .video-tabs, .mobile .tabcontainer, .mobile .tab, .mobile#home #subcontent, .mobile#home #subcontent > div {width:100%; max-width:596px;} .mobile .tab {margin-top:0.25em; border-radius:6px;} .mobile .tab-bot, .mobile .tab-top {background:transparent;} .mobile .play-btn {right:30px;} body.mobile#home div#content {margin-left:0;} #home.mobile #navbeta, #home.mobile #navbetacontainer {background:none; width:auto; padding:0;font-size:inherit;} #home.mobile #navbeta {font-size:0.72727em; margin-bottom:1em;} .mobile#home #wrappercontainer #wrapper #maincontainer #navbeta li {width:94%; margin-left:4%; padding-left:1%; list-style:disc;background:none;} body.mobile#home #preslink a {margin-left:0;} body#home #givinglink a {width: 218px;} body#home #givinglink a:hover img, body#home #givinglink a:focus img {top:-34px;} body.mobile#home #featuredtextcontainer, .mobile #mm-column > div {padding: 2px 1% 3px 2%; width:97%;} #content .feature-tab-sidebar h2 {padding-top:1.25em;} .mobile .vimeo-container, .mobile .video-player, .mobile iframe, .mobile#home #feature-tab-show, .mobile#home #feature-holder {width:100% !important;} .mobile#home #feature-tab-show > a {background-size:cover; } .mobile a.closefeature { background-color:#000; top:-15px; padding: 2px 5px;} .mobile .feature-tab-sidebar {padding-left: 1ex; padding-right:1ex;} body.mobile#home #featured-story-edit {display:none;} /* tools */ body.mobile#tools.search #search-princeton, body#tools.search #search-people {width:47%; border-right:0;} body.mobile#tools.search #search-general-results {border-right:0; padding-right:8px;} body.mobile#tools.search #search-references {margin:19px 0 0 0; float:right; width:50%;} body.mobile.search #search-form {width:50%;} body.mobile.search #content input.searchBox {width:70%;} body.mobile.az#tools #content form, body.mobile#tools.az ul.indexlist {width:auto;} /* custom pages */ body.mobile#admission-aid .pic-left {clear:right;} body.mobile #wrapper #content p {width:auto;} } /* 930 to 581 ================ */ @media all and (max-width:930px) and (min-width:581px){ body.mobile {margin: 8px 8px 0 8px;} .mobile #header #bannercontainer {position:absolute; z-index: -1; background:none; width:97%; height:auto;} .mobile #banner { width:50%; max-width:364px; border-radius:6px 6px 0 0; overflow:hidden;} .mobile #banner img {width:100%;} .mobile #toolbarcontainer {width:45.5%; float:right; } .mobile #toolbar { width:100%; text-align:left; height:auto;} .mobile #toolbar form {float:none;display:inline-block; width:100%; padding:6px 0 2px;} .mobile #toolbar form input {float:none;} .mobile #q {margin-left: 0;min-height: 1.75em;width: 93%; max-width:352px; font-size:11px; border:0;} .mobile #toolbar .go {margin-top:0.6125em;} .mobile #toolbar select, .mobile #toolbar option {width:250px; min-width:250px;} .mobile #logobarcontainer {height:auto; width:50%;float:right; max-width:333px; margin-bottom:1.15%;} .mobile #logobar a img {width:100%;} #home.mobile #navbetacontainer {width:45.5%; float:left;} .mobile #featured-story, .mobile #multimedia-resources, #home.mobile #subcontent {width:50%; float:left; } #home.mobile #subcontent {clear:left; padding-bottom:1.5em;} .mobile#home .vimeo-container, .mobile#home #featured-story, .mobile #content > .video-tabs {width:50%; float:right;} .mobile#home #featuredtextright {font-size: 12px;} .mobile#home #subcontent, .mobile#home #subcontent > div {width:100%; max-width: 100%; margin-right:0;} .mobile#home #community-resources h3, .mobile#home #community-resources ul {width:50%; float:right; clear: right;} /*.mobile#home #subcontent > div {width:48%; margin: 0 0 1em 0; float: left;}*/ .mobile#home #subcontent #mm-column, .mobile#home #subcontent #web-highlights {float:left; margin-right:0; width:48.75%;} .mobile#home #subcontent #mm-column {margin-left:1%;} .mobile #content div.gofull[style$="400px;"] {width:74.9% !important;} } @media all and (max-width: 700px) { .mobile #toolbar form {padding-top:5px;} .mobile#tools.contacts #contentcontainer, .mobile#tools.az #contentcontainer {width:99%;} .mobile#tools.contacts #content, .mobile#tools.az #content {width:98%; max-width:98%;} /*audiencesurvey*/ .ui-dialog { left: 5% !important; width: 90% !important; top:5% !important; } } @media all and (max-width: 630px) and (min-width:580px) {.mobile #menutoggle a.active {font-size:17px; }} /* ========== and now we're all in =============*/ @media all and (max-width: 580px) { /*semitransparent banner .mobile #header #bannercontainer {height:55px; opacity:0.25; background:none;} */ /*.mobile #headercontainer {background:#333; float:left; border-radius:9px 9px 0 0;}*/ /* .mobile #banner, .mobile #toolbar, .mobile #logobar h1 {max-width:364px; margin:0 auto;}*/ body.mobile {padding:0; margin:0;} .mobile #wrapper #content {max-width:96%;} .mobile #subcontent {float:left; width:96%; margin:1em 1% 2em;} .mobile #contentcontainer {width:96%; font-size:20px;} .mobile #logobarcontainer {height:auto;} .mobile #logobar a, .mobile #logobar img {width:100%;} .mobile #menutoggle a.active { width:16%; padding: 1.5% 8% 1.5% 6%;} .mobile #menutoggle a.navalphacontainerbutton {margin-left:5.25%;} .mobile #menutoggle a.hider.active { margin-top:-2%; padding-top:2%;} .mobile #toolbar {height:auto; width:100%;} .mobile #toolbar form {padding:1.125em 0 0 6%; width:94%; text-align:center; } .mobile #toolbar .go {position:absolute; left:-1000px;} .mobile #q {width:88.75%; margin-left:4.875%; font-size:13px; min-height:1.5em; border-color:#aaa;} .mobile #banner img, .mobile #banner {width:100%; border-radius:0; margin-top:-0.66%;} .mobile #header #bannercontainer {background:none; width:100%; height:auto; border-radius:0;} .mobile #headercontainer {width:100%;} .mobile #logobarcontainer {height:auto; width:100%;} .mobile #logobar, .mobile #toolbar { margin:0 0 1px 0;} /*.mobile #logobar a {width:100%; height:58px; background:url(images/pulogo-w.png) 0 50% no-repeat; float:left; background-size:contain; margin-left:0;}*/ /*.mobile #logobar img {display:none;}*/ .mobile #breadcrumbs div {padding-left:11%;} .mobile#home #navbetacontainer, .mobile#home #featured-story {width:100%;} body.mobile#home #featuredtextcontainer {background-color:#000; font-size:14px; line-height:1.25;} body.mobile#home #featuredtextcontainer a {color:#e97400;} body.mobile#home #featuredtextright {display:none;} body.mobile#home #navbeta h2, body.mobile#home #main h3 {background:#8c8c8c; color:#fff; font-size:12px; padding: 0 8px; font-weight:400; text-transform: uppercase; margin:2em 0 0.5em 0; display:block;} body.mobile#home #navbeta h2 a {color:#fff;} #home.mobile #wrappercontainer #wrapper #maincontainer #navbeta li, #home.mobile .tab-mid {background-color:#eee; margin:0 0 8px 0; padding:4px 8px 5px 8px; font-size:14px; width:auto; list-style:none; color:#555;} body#home.mobile #navbeta ul li a {margin-left:1em;} body#home.mobile #navbeta ul li a:before {content:"\2022"; position:absolute; margin-left:-1em; color:#e97400;} .mobile #footer {background:#000; padding: 3% 2% 3% 5%; color:#fafafa;} .mobile #footer p {color:inherit;} .mobile #footer span {display:block;} .mobile #footer .divider {display:none;} .mobile #footer .updated {width:100%; text-align:right;padding-top:1em;} .mobile#home #content, .mobile#home #community-resources, .mobile#home #web-highlights {margin:0; padding:0;} .mobile#home #multimedia-resources {font-size:14px; text-align:right;} .mobile#home #multimedia-resources * {text-align:left;} .mobile#home .tab-mid {background-position:98% 90%;} .mobile#home .tab {background:none; line-height:1.4;} .mobile#home .tab-top, .mobile#home .tab-bot {display:none;} .mobile#home #featured-story-edit {display:none;} #home.mobile #subcontent { margin-bottom: 3%;} body.mobile#tools.search #search-princeton, body#tools.search #search-people {width:100%; padding: 0 0 1em 0;} body#tools.search #search-people {border-bottom:1px solid #999;} .mobile #search-people h2, .mobile #search-people p.result-info, .mobile #search-people #search-people-results {border:0; padding-left:0;} body.mobile.search #search-form {width:100%;} body.mobile.search #search-form p.web-search {margin-right:25%;} body.mobile#tools.search #search-results {width:95%; margin-left:5%;} body.mobile#tools.search #search-references {margin:0; width:80%; } } @media all and (max-width: 480px) { .mobile #menutoggle a.active { width:17%; padding: 1.5% 7% 1.5% 5%;} .mobile #menutoggle a.navalphacontainerbutton {margin-left:6.5%;} .mobile .mobilefull {max-width: 100%; width:100%; margin-right:0; margin-left:0; float:none;} } @media all and (max-width: 420px) { .mobile #menutoggle a.active { width:19%; padding: 1.5% 5% 1.5% 4%;} .mobile #menutoggle a.navalphacontainerbutton {margin-left:7.25%;} body.mobile.az#tools #content form, body.mobile.az#tools h3:first-child {display:none;} body.mobile#tools.contacts table td + td {min-width:7.5em;} } @media all and (max-width: 380px) { .mobile #menutoggle a.active { width:20%; padding: 1.5% 4% 1.5% 3%;} .mobile #menutoggle a.navalphacontainerbutton {margin-left:8.25%;} body.mobile#tools.az .azfilters {float:left; width:94%; padding-right:2%; background:#eee; padding-top:1em; margin-bottom:1em; } body.mobile#tools.az .alphabet {height:auto;} } @media all and (max-width: 340px) { .mobile #menutoggle a.active {font-size:17px; } .mobile #menutoggle a.active { width:22%; padding: 1.5% 3.5% 1.5% 2.5%;} }