/* COMMON STYLES FOR HAVERFORD COLLEGE WEB SITE These styles will be used on all pages of the main Haverford site. Designed in 2007 by White Whale Web Services (www.whitewhale.net). Property of Haverford College. */ /*** RESET BROWSER-SPECIFIC MARGIN/PADDING ***/ body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td,img{margin:0;padding:0;} /*** TAG DEFINITIONS ***/ html {height:100%;font-size:100%;} body {height:100%;background-color:#ababab;font-size:0.625em;line-height:1.5em;font-family:"Lucida Grande",Verdana,sans-serif;margin:0 auto;text-align:center;color:#100;} h1,h2,h3,h4,h5 {line-height:1.2em;margin-bottom:.25em;} h1,h2,h3 {font-family:"Goudy Old Style",Garamond,Georgia;font-weight:normal;color:#330000;} h4,h5 {font-family:"Lucida Grande","Trebuchet MS",sans-serif;font-weight:bold;} h1 {font-size:2.4em;} h2 {font-size:2em;} h3 {font-size:1.6em;} h4 {font-size:1.4em;} h5 {font-size:1.2em;} p,li {font-size:1.2em;line-height:1.4em;} p {margin:0 0 1em 0;} li p,li li { font-size: 1em; } ul,ol {margin:.2em .2em .8em .2em;padding:0 1.5em;} li {margin:0 0 .2em 0; padding:0; } li ul, li ol { margin-bottom: 0; } ol li {margin-left: .8em;} blockquote {margin:0 2em;} input,select,table,textarea {font: normal 1.2em/1.4em "Lucida Grande","Trebuchet MS",sans-serif;} img {border:0;} a {color:#800000;text-decoration:none;} a:hover {text-decoration:underline; cursor:pointer;} /*** DEFINE SITE-WIDE TABLE BEHAVIORS ***/ table { border-collapse: separate; border-spacing: 0;} td, th {vertical-align:top;text-align:left;} td p, td li, td p, th p, td input, td select {font-size:1em;} td h1 {font-size:2em;} td h2 {font-size:1.666em;} td h3 {font-size:1.333em;} td h4 {font-size:1.1667em;} th, td {padding: 0 25px 15px 0;} table.borders { border-collapse:collapse; margin-bottom:10px;} table.borders td, table.borders th {border:1px solid #999; padding:5px;} table.borders th {background-color: #ccc;} table.borders th.sorting {background-color: #bbb;} .table3col td+td {width:33.3%;} .table4col td+td {width:25%;} /*** PAGE LAYOUT ***/ #containerspc {position:relative;margin:0 auto;height:auto;min-height:100%;min-width:770px;max-width:97em;background-color:#fff;text-align:left;z-index:2;} #containerspc.sidebar {background-image:url(/images/sidebar200w.gif);background-repeat:repeat-y;background-position:right;} #searchbar {position:relative;clear:both;width:auto;text-align:left;margin-top:-2em; height:2em;z-index:10200;white-space:nowrap;} #searchbar_background {clear:both;width:100%;height:2em;background-color:#000;opacity:.05;filter:alpha(opacity=05);-khtml-opacity:.04;} #userauth {float:left;padding:2px 4px 0 24px;color:#ffda80;} #userauth a {color:#fff;} #title {margin:10px 0 14px 24px;float:left;} #nav {width:500px;float:right;margin:16px 0 0 0;} #top {position:relative;width:100%;height:auto;background-color:#a60000;background-image:url(/images/common/haverford-watermark.png);background-repeat:no-repeat;background-position:center -64px;text-align:right;z-index:10200;} #header {float: right;font:normal 2em "Goudy Old Style",Garamond,"Georgia";color: #fff;} #navbar {position:relative;clear:both;width:auto;text-align:left; height:2em;margin:0;z-index:10200;} #navbar_background {clear:both;width:100%;height:2em;background-color:#000;opacity:.08;filter:alpha(opacity=08);-khtml-opacity:.08;margin-bottom:-2em;} #quickaccess {float:right; padding-right:1em; height:2em; color:#fff;font-weight:bold; width:9.5em;} #quickaccess a {float:right;display:block;color:#ffc;padding-top:3px;font-size:1.2em;line-height:12px;} #breadcrumb {position:absolute;left:19px;top:96px;margin-top:2em;height:2em;z-index:10403;color:#fff;padding: 0;text-align:left;width:800px;overflow:hidden;} #breadcrumb a {font-size:1.1em;color:#fff; text-decoration:underline;margin:0 5px;} #breadcrumb a.active {text-decoration:none;cursor:default;} #sectionheader {position:relative;clear:both;width:100%;height:140px;overflow:hidden;background-color:#800000;z-index:10101;} #sectionheader.compact { height: 72px;padding-top:10px;background-color:#a60000 } #photocredit {position:absolute;right:0px;bottom:2em;height:2em;height:2em;background-color:#000;z-index:10105;} #photocredit p {margin:.2em 1em;padding:0;color:#fff;display:inline;} #photocredit a {color:#ffffdd;} #subnavbar_background {position:relative;clear:both;width:100%;margin:0;top:-2em;height:2em;background-color:#a60000;filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9; -khtml-opacity:0.9;z-index:10102;} #subnavbar {position:relative;clear:both;width:auto;text-align:left;top:-4em;height:auto;min-height:2em;color:#fff;background: transparent url(/images/common/subnav_tab_bg.gif) repeat-x 0 2em;padding-left:12px;z-index:70000;margin:0 0 -40px 0;} #main {position:relative;clear:both;width:100%;max-width:97em;height:auto;overflow:hidden;z-index:1;padding-bottom: 11.5em;} #sidebar {position:relative;float:right;width:200px;padding:0;z-index:40000;overflow:hidden;} #containerspc.sidebar #content, #containerspc.sidebar #content_withsidebar {margin:0 200px 20px 0;} #pagecontent {padding:20px 25px 1em 25px;overflow:hidden;} #sidebarcontent {position:relative;padding:0 10px 15px 15px;z-index:40000;} #sidebarcontent p, #sidebarcontent li {font-size:1.1em; } #sidebarcontent .feature {margin:0 -5px 1em -15px;padding-bottom:1em;} #sidebarcontent .feature p,#sidebarcontent .feature h2,#sidebarcontent .feature h3,#sidebarcontent .feature h4,#sidebarcontent .feature h5,#s,#sidebarcontent .feature div {padding:0 15px;} #sidebarcontent .feature ul, #sidebarcontent .feature ol {margin:0 15px;} #sidebarcontent img {margin-left:1px;} #sidebar h1, #sidebar h2, #sidebar h3 {margin-top:15px;} #savethedate ul { padding: 0; } #savethedate ul li {margin: 0 0 1em 1.5em; } #savethedate ul li.feature {background-color:#FFC080; list-style-type: none; margin: 0 -1.5em 1em -1.8em;font-size:.9em;} #savethedate ul li.feature h2 , #savethedate ul li.feature p {margin:0;} #savethedate ul li.feature img {margin-bottom:1em;} #footer {position:absolute;bottom:0px;left:0px;clear:both;width:100%;height:2em;z-index:50;background-color:#a60000;z-index:50000;} #footer a {color:#fff;text-decoration:underline;} #footer_right,#footer_left {color:#fff;padding:2px 12px;} #footer_left {float:left;} #footer_right {float:right;} /** FOOTER - NEWS ROOM **/ .footer_tall_transition {background: url(../images/footer-transitions/rotate.php) bottom left repeat-x; height: 25px; width: 100%;margin-top: 2px; display: none;} #footer_tall {color: #eee; width: 100%; text-align: left; height: 110px; padding: 10px 0px; background: #231F20 } #footer_tall #footer_tall_wrapper {margin: 0 auto; max-width: 97em; min-width: 770px;} #footer_tall a {color: #fff;} #footer_tall #footer_tall_left, #footer_tall #footer_tall_center {width: 22.5%; float: left; padding:10px 15px 5px 10px; height: 90px; } #footer_tall #footer_tall_right {width: 45%; float: left; padding:10px 15px 5px 10px; height: 90px; } #footer_tall #footer_tall_left, #footer_tall #footer_tall_center {border-right: 1px dotted #999999;} #footer_tall #footer_tall_right img {float:left; margin-right: 10px;} #footer_tall #footer_tall_right p{margin-top: 20px; margin-left: 20px} /** FOOTER - HOMEPAGE **/ #footer_news { color:#eee; width:100%; text-align:left; height: 10.5em; padding: 1em 0 0; background:#000; } #footer_news #footer_news_wrapper { margin:0 auto; max-width:97em; min-width:72.5em; } #footer_news a { color:#fff; } #footer_news a:hover { } #footer_news p.small { font-size:1em; color:#ccc; line-height: 1.6em; } #footer_news ul { margin:.2em .2em .8em; padding:0 1.5em; } #footer_news #footer_news_left { width: 17%;padding: 1em 1em 0; float:left; height:9em; } #footer_news #footer_news_left #hav_address {list-style: none; } #footer_news #footer_news_left #hav_address li {font-size:1em; color:#ccc; line-height: 1.4em;} #footer_news #footer_news_left #hav_address li h4{color: #fff;} #footer_news #footer_news_left #hav_address #hav_telephone {background: url('/images/icons/phone-white.png') no-repeat left center; padding-left: 15px; background-size: 10px;} #footer_news #footer_news_center {float: left;height: 9em;margin: 0 0 0 0;padding: 1em 1em 0;width: 32%;} #footer_news_center div.mainStoryImg {float: left;margin: 0 1.5em 0 0;width: 80px;} #footer_news_center h2.mainStoryHeadline {font-size: 1.4em;text-align: left;margin-left: 85px;min-width: 180px;max-width: 180px;font-family: "MuseoSans500","Trebuchet MS",sans-serif;} #footer_news_center #newsbox {width: 280px; margin-left: 20px;} #footer_news_center .newsnav #prev2, #footer_news_center .newsnav #next2 {position: relative;bottom: 55px;color: #555555;font-family: "MuseoSans500";font-size: 60px;} #footer_news_center .newsnav #prev2 {float: left;right: 15px;} #footer_news_center .newsnav #next2 {float: right;right: 0;} #footer_news_center .newsnav #prev2:hover, #footer_news_center .newsnav #next2:hover {text-decoration: none;color: #ccc;} #footer_news #footer_news_right {float: left;padding: 1em 0 0 1em;width: 38%;height: 9.5em;} #footer_news_right ul#footer_tweets {background: url("/images/icons/logo_twitter_bird.png") no-repeat scroll 0 0 transparent; height: 7.5em; overflow: hidden; padding-left: 3.5em;} #footer_news_right ul#footer_tweets li {height: 8em; list-style: none;} #footer_news_right ul#footer_tweets a { color: #33CCFF;} #footer_news_right ul#footer_tweets a:hover {color: #33CCFF; text-decoration: underline;} #hav_sub_footer {background-color: #222222;border-top: 1px dotted #333333;bottom: 0;clear: both;color: #666666;height: 2em;left: 0;padding: 5px 0 0; position: relative;width: 100%;z-index: 50000;} #hav_sub_footer #hav_sub_footer_wrapper {margin: 0 auto;max-width: 97em;min-width: 72.5em;} #hav_sub_footer a {color: #fff;} #hav_sub_footer_left {float: left;width: 29%;text-align: left; padding-left: 10px;} #hav_sub_footer_center, #hav_sub_footer_right {float: left;width: 30%;text-align: left;} #hav_sub_footer_right img {position: absolute;bottom: 0;} /** QUICK ACCESS SLIDER **/ #qa_slider {display: none; width: 500px; height: 100%; z-index: 2000; position: absolute; right: 0; top: 0; background: url('/newhome/img/qa_bg.jpg') repeat-y top left; text-align: left; border-left: 1px solid #ddd;} #pageslide-content-wrapper { padding: 10px 20px } #qa_slider #pageslide-close {font-size: 12px;background-color: #c40000;color: #ffffff;width: 100px;padding: 5px 8px 6px;position: relative;top: 25px;left: -62px; width: 40px;display: block;text-align: center;letter-spacing: 1px;} .csstransforms #qa_slider #pageslide-close {-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);transform: rotate(-90deg);} #qa_slider h2 {margin: -20px 0px 0px; font-size: 1.6em;} #qa_slider h4 {border-bottom: 1px dotted #D9BF91;} #qa_slider .portal {width: 50%; font-size: 95%; color: #777; float: right; margin-top: -20px;} #qa_slider #pageslide-close:hover {background-color: #ff0000;} @media all and (max-height: 899px) { #qa_slider ul li {font-size: 1em;line-height: 1.2em;margin-left: 10px;} } @media all and (min-height: 900px) { #qa_slider ul li {font-size: 1.1em;line-height: 1.3em;margin-left: 10px;} } .modal {background: rgba(0,0,0,.7); position: absolute; top:0 left: 0; height: 100%; width: 100%; z-index: 1999; display: none;} #qa_web {list-style-type: none; clear: both;} #qa_web li { display: inline-block; margin: 5px 5px 0 0; padding: 0; text-align: center; width: 60px; } .portal {text-align: right;} /** QUICK ACCESS SLIDER TABS **/ @media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */ .ui-tabs-hide {display: none;} } ul.qa_tabs_list {clear: both;margin: 10px -20px 0 -20px;padding: 5px 0 0 0px;list-style: none;height: 32px; /*--Set height of tabs--*/width: auto;border-bottom: 1px #9B9B9B solid;} ul.qa_tabs_list li {float: left;margin: 5px 1px 1px 1px;padding: 5px 10px 0px 20px;height: auto; /*--Subtract 1px from the height of the unordered list--*/ line-height: 27px; /*--Vertically aligns the text within the tab--*/margin-bottom: -1px; /*--Pull the list item down 1px--*/overflow: hidden;position: relative;background: #D9BF91;} ul.qa_tabs_list li a {text-decoration: none;color: #222;display: block; padding: 5px 18px; /* border: 1px solid #fff; */ /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none;font-size: 12px; line-height: 12px;font-family: "Museo700", serif;} ul.qa_tabs_list li:hover {background: #a60000;} ul.qa_tabs_list li:hover a{color: #fff;} html ul.qa_tabs_list li.active, html ul.qa_tabs_list li.active a:hover, html ul.qa_tabs_list li.active a { /*--Makes sure that the active tab does not listen to the hover properties--*/ color: white; background-color: #800000; background-image: url("../images/AccordionTab1.gif"); border-bottom: 1px solid #a60000;} ul.qa_tabs_list li.ui-tabs-selected {background: #fff; height: 24px; margin: 3px 1px 1px 1px; border-top: 1px solid #9B9B9B; border-right: 1px solid #9B9B9B; border-left: 1px solid #9B9B9B; } ul.qa_tabs_list li.ui-tabs-selected a {color: #a60000; margin-top: 3px;} /* contacts tab */ form#qaDirS ul{list-style: none;} form#qaDirS ul li {margin: 1em auto;} form#qaDirS label { display: block; float: left; font-weight: bold; width: 15%;} form#qaDirS input[type=text] {margin-left: 10px;} form#qaDirS input[type=radio]+label {display: inline; float: none; margin-right: 20px;} form#qaDirS input[type=submit] { -moz-appearance: none; background: none repeat scroll 0 0 #330000; border: 0 none !important; border-radius: 2px 2px 2px 2px; color: white !important; cursor: pointer; display: inline-block; float: right; font-size: 10px; margin: 0; padding: 2px 6px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); width: 50px;} form#qaDirS input[type=submit]:hover { background: none repeat scroll 0 0 #A60000; } ul.contact {margin:10px 0 10px; padding: 0;} ul.contact li, ul.contactCompact li {list-style: none; padding:0 0 5px 20px;} ul.contact li.email, li.email { background-image:url(img/icons/16x16/mail.png); background-repeat:no-repeat; } ul.contact li.telephone, li.telephone { background-image:url(img/icons/16x16/telephone.png); background-repeat:no-repeat;} #qa_phone ul li {list-style: none;} #qa_phone ul.safsec {margin: 1em 0 0 0;} #qa_phone ul li.weather {margin-top: 4px;} /* self-clear floats */ .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-tabs-panel {background: white;margin: 0 -20px;padding: 10px 20px;width: 100%;} #qa_ac_links, #qa_ad_links, #qa_phone_links {overflow-y: auto} /*** NAV BAR ***/ .tab {position:relative;display:inline;white-space:nowrap;line-height:20px;} .tab a {color:#ffc;font-size:12px;margin:0 12px;} .tab.active a {color:#fff;font-weight:bold;} /*** MAIN NAVIGATION ***/ #nav ul {list-style-type:none;margin:0;padding:0;} ul.navcolumn {float:left;} ul.navcolumn li {width:120px;height:15px;margin:0 0 9px 0;padding:0;overflow:hidden;text-align:left;} ul#first.navcolumn li {width:140px;} ul.navcolumn li a {display:block;height:0;padding-top:30px;background-repeat:no-repeat;background-position:top left;overflow:hidden; font-size:0.1em; color:#a60000;} ul.navcolumn li a:hover { background-position: 0 -20px; } ul.navcolumn li#abouthaverford a {background-image:url(/images/main_nav/abouthaverford.gif);width:114px;} ul.navcolumn li#admission a {background-image:url(/images/main_nav/admission.gif);width:71px;} ul.navcolumn li#academics a {background-image:url(/images/main_nav/academics.gif);width:71px;} ul.navcolumn li#studentlife a {background-image:url(/images/main_nav/studentlife.gif);width:83px;} ul.navcolumn li#thearts a {background-image:url(/images/main_nav/thearts.gif);width:59px;} ul.navcolumn li#athletics a {background-image:url(/images/main_nav/athletics.gif);width:59px;} ul.navcolumn li#calendar a {background-image:url(/images/main_nav/calendar.gif);width:61px;} ul.navcolumn li#giving a {background-image:url(/images/main_nav/giving.gif);width:45px;} ul.navcolumn li#newsroom a {background-image:url(/images/main_nav/news.gif);width:80px;} ul.navcolumn li#visiting a {background-image:url(/images/main_nav/visiting.gif);width:53px;} ul.navcolumn li#contacts a {background-image:url(/images/main_nav/contactus.gif);width:77px;} ul.navcolumn li#financialaid a {background-image:url(/images/main_nav/financialaid.gif);width:93px;} /*** SEARCH FORM ***/ form#searchform {position:relative;float:right;z-index:80202;height:2em;overflow:visible;} #searchform input {float:left;margin:.2em .2em 0 0; font-size: 1em;} #searchform input#search {width:18em;padding-left:.5em;background-color:#fff;} #searchform input#searchsubmit {width:3.5em;margin-left:6px;} /*** NEWS ***/ .news_list {display:block;} .news_list ul {margin:0;list-style-type:none;padding:0;} .news_list.bullets ul {list-style-type:disc; margin:.2em .2em .8em .2em;padding:0 1.5em;} .news_list.bullets a {font-weight:normal;} .news_list li {margin-bottom:1em;clear:left;} .news_list li.news_item_image {list-style-type:none;padding-left:0px;min-height:82px;} .news_list li.news_item_image img {margin:0 10px 10px auto;float:left;} .news_list div { font-size: 1.1em; } .news_list li div { font-size: 1em; } .news_item_headline {font-weight:bold;} .news_item_summary {margin-top:4px;} .news_story_summary {margin-top:1.2em; padding-left:1em;background-color:#FFF9F2; padding:5px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:1.1em;} .news_story_image {float:right;margin:0 0 10px 5px;background-color:#fff;padding-left:10px;} .news_body { font-size:1.2em; } .news_body p,.news_body li,.news_body div,.news_body blockquote { font-size:1em; } #newsimg { margin-bottom:10px; position:relative; overflow:hidden; padding-bottom:24px; background-color:#eee; } #news_image_controls { height:18px; z-index:500; width:100%; position:absolute; bottom:0; left:0; } #news_image_prev,#news_image_next { border:1px solid #666; background-color:#ddd; font-weight:bold; color:#666; font-size:1.2em; line-height:14px; height:14px; padding:0 3px 2px; } #news_image_prev:hover,#news_image_next:hover { background-color:#999; text-decoration:none; } #news_image_prev { float:left; } #news_image_next { float:right; } #news_image_prev.disabled,#news_image_next.disabled { border-color:#ccc; color:#ccc; background-color:#eee !important; cursor:default; } #newsimg .news_image { position:absolute; background-color:#eee; top:0; left:0; width:100%; display:none; } #newsimg .news_image img { margin:0 auto; display:block; } #newsimg .news_image .news_caption { margin:2px 6px 0; } .relatedgallery { background-color:#eee; padding:8px; width:334px; border:1px solid #aaa; margin-bottom:10px;} .relatedgallery p { font-size:1.2em; } .relatedgallery img { float:left; margin-right:5px; } .tags_list {line-height:2em;} .moreinfo { width:350px; position:relative; } .related_content { border:1px solid #aaa; background-color:#eee; padding:4px 8px 0 8px; margin-bottom:10px; width:334px;} #saveandshare { border:1px solid #aaa; background-color:#eee; padding:4px 8px 4px 8px; margin-bottom:10px; width:334px;} #saveandshare h6 { margin:6px 0 4px 0; padding:1px 3px; font-size:1em; text-transform:uppercase; letter-spacing:1px; color:#222; border-bottom:1px solid #ddd; border-top:1px solid #ddd; background-color:#f2f2f2;} #saveandshare p { margin-bottom:0.8em; } #saveandshare ul { list-style-type:none; margin:0; padding:0; font-size:0.95em; } #saveandshare li { display:inline; padding:0 3px;} .related_content ul { list-style-type:none; padding-left:0em; margin-left:-1px; } .rss {margin-bottom:1.5em;} .rss a {border:1px solid #C43F27;color:#fff;font-weight:bold;font-size:0.8em;padding:0 0.2em;background-color:#F58227;} .rss a:hover {text-decoration:none;background-color:#ED6922;} #hcsharebox {border-bottom:1px dotted #CCCCCC; border-top:1px dotted #CCCCCC; clear:both; margin:-1px 0px 5px 0px; padding:5px 10px 0; text-align:right; width:95%;} /*** CALENDAR DISPLAY ***/ .monthgrid_header {font-weight:bold;text-align:center;width:180px;} .monthgrid_header #prevmonth {margin-right:20px;} .monthgrid_header #nextmonth {margin-left:20px;} .monthgrid { clear: both; border: 1px solid #666; border-collapse: collapse; font-size: 1.1em; margin-bottom: 1em; background-color:#fff; } #sidebarcontent .monthgrid {width:98%;} .monthgrid .xcal_month_row { display: none; } .monthgrid td, .monthgrid th { vertical-align: middle; font-weight: bold; padding: 0; width: 19px;} .monthgrid td { text-align: right; border: 1px solid #666; } .monthgrid th { text-align: center; background-color:#666; color:#fff; } .monthgrid td a { color: #000; font-weight: normal; display: block; padding-right:0.25em; width: 19px;height: 19px; border: 1px solid transparent; font-weight:bold;} .monthgrid td a:hover { text-decoration: none; border: 1px solid #fff;} .monthgrid td.xcal_month_rollover a { color: #666; } .monthgrid td.xcal_month_rollover a:hover { border: 1px solid #fff; } .monthgrid td.xcal_noevents a { cursor: default; font-weight:normal; color:#333;} .monthgrid td.xcal_noevents a:hover { border: 1px solid transparent; } .monthgrid td.xcal_month_selectedday a { background-color:#a60000;color:#fff; } .monthgrid td.xcal_month_today a { font-weight: bold; } /* Inline galleries */ .inline_gallery { margin-bottom:10px; position:relative; overflow:hidden; padding-bottom:20px; background-color:#eee; } .gallery_image_controls { height:18px; z-index:500; position:absolute; bottom:0; left:0; width:100%; } .gallery_image_prev,.gallery_image_next { border:1px solid #666; background-color:#ddd; font-weight:bold; color:#666; font-size:1.2em; line-height:14px; height:14px; padding:0 3px 2px; } .gallery_image_prev:hover,.gallery_image_next:hover { background-color:#999; text-decoration:none; } .gallery_image_prev { float:left; } .gallery_image_next { float:right; } .gallery_image_prev.disabled,.gallery_image_next.disabled { border-color:#ccc; color:#ccc; background-color:#eee !important; cursor:default; } .inline_gallery .gallery_image { position:absolute; background-color:#eee; top:0; left:0; width:100%; display:none; } .inline_gallery .gallery_image img { margin:0 auto; display:block; } .inline_gallery .gallery_image .gallery_caption { margin:2px 6px; } .xcal_list_date h2 {background-color:#eee; } .xcal_list_date { margin-bottom: 1em;} .xcal_list_date h4 { color: #633; font-weight: bold; border-bottom: 1px dotted #daa; margin-top:7px;} .xcal_list_date ul { list-style-type: none; padding: 0;margin:0;} .xcal_list_date ul li { margin:0; margin-bottom:.5em; padding: 0.2em 0; } .xcal_list_date .xcal_event_date_start,.xcal_list_date .xcal_event_time_start { width:4em; float:left; } .xcal_list_date .xcal_event_title { padding-left:4em;} .xcal_list_date .xcal_event_shortdesc { padding-left:4em;} .xcal_list_date .xcal_event_date_end { padding-left:4em; color:#666;} .xcal_ul_allday .xcal_event_shortdesc, .xcal_ul_allday .xcal_event_title,.xcal_ul_allday .xcal_event_date_end { padding-left:0; width:100%;} .xcal_event_today div { margin-bottom:1em; } div.xcal_noevents, span.xcal_noevents {font-size:1.2em;} a.moreevents { font-size: 1.2em; width: 98%; } .vevent { display: none; } /* Compact events*/ .events_compact .xcal_list_date li { padding:0; } .events_compact .xcal_list_date h4 { font-size:1.2em; margin-bottom:0.2em; } .events_compact .xcal_list_date .xcal_event_time_start_ampm { display:inline; } .events_compact .xcal_list_date .xcal_event_title { display:inline; padding:0; } .events_compact .xcal_list_date .xcal_event_shortdesc { padding:0; } /** TAGS LIST **/ .tags_list a { margin-right: 10px; } /** GALLERIES LIST **/ .gallery_list {display:block;} .gallery_list ul {margin:0;list-style-type:none;padding:0;} .gallery_list.bullets ul {list-style-type:disc; margin:.2em .2em .8em .2em;padding:0 1.5em;} .gallery_list.bullets a {font-weight:normal;} .gallery_list li {margin-bottom:1em;clear:left;} .gallery_list li.gallery_image {list-style-type:none;padding-left:0px;min-height:82px;} .gallery_list li.gallery_image img {margin:0 10px 10px auto;float:left;} .gallery_list div { font-size: 1.1em; } .gallery_list li div { font-size: 1em; } .gallery_title {font-weight:bold;} .gallery_description {margin-top:4px;} /*** COLUMN LAYOUTS ***/ .twocolumns, .threecolumns, .fourcolumns {width:98%;clear:left;} .twocolumns .column {width:47%;height:98%;float:left;margin:0 2% 0 0;} .threecolumns .column {width:30%;height:98%;float:left;margin:0 3% 0 0;} .fourcolumns .column {width:21%;height:98%;float:left;margin:0 3% 0 0;} /*** GENERIC STYLES ***/ .noscript {display:block;} .spacebefore {padding-top:1em;} .nodisplay {display:none;} .clearleft {clear:left;} .floatright {float:right;} .floatleft {float: left;} img.floatright {margin:0 0 15px 15px;} img.floatleft {margin:0 15px 15px 0;} .clearboth {clear:both;} .w50 {width:50px;} .w100 {width:100px;} .w150 {width:150px;} .w200 {width:200px;} .w250 {width:250px;} .w300 {width:300px;} .w350 {width:350px;} .w500 {width:500px;} .biginput {font-size:2.5em;} h1#templateheader {color:#fff;font-size:3em;padding:36px 16px 0 0;} h1.pagename {color:#100;margin-bottom:.25em;} .pageintro {margin-bottom:15px;} .tinytext { width: 5em; } .shorttext { width: 11em; } .mediumtext { width: 28em; } .longtext { width: 40em; } .alignright {text-align: right;} img.alignleft {float:left; margin:0 1em 1em 0;} .notice { font-size: 1.2em; font-weight: bold; color: #c00; } .amp { font: italic 1.1em "Goudy Old Style","Palatino Linotype",Palatino,"Book Antiqua",serif;} #quickresults { background-color:#FFF3E6; border:1px solid #A60000; margin:5px 0 15px 0; padding:10px; display: none; } #quickresults h2+h2 {display:inline; margin-right:20px;} .htmlmsg { font-size:1.5em; color:#c00; font-weight:bold;} .req { font-weight:bold; color:#a60000; } .note { font-size:0.95em; color:#555;} .notify {font-size: 1.2em; background-color: #FFFCCF; padding: 10px; border: 1px solid #FFF899; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .borderleft {border-left: 1px dotted #999;} .borderright {border-right: 1px dotted #999;} .icon_xls {background: url(/images/icons/icon_xls.gif) no-repeat left 25% !important; padding-left: 16px;} span.hr {border-top:4px double #CCCCCC; display:block; height:0; margin:-5px auto 5px; overflow:hidden; width:96%; } /*** SUB SUB NAV ***/ p.subsubnav {margin-left:-12px;color:#999;line-height:2em;} p.subsubnav a {font-size:12px;margin:0 12px; white-space:nowrap;} p.subsubnav a.active {color:#000;font-weight:normal;cursor:default;} p.subsubnav a.active:hover {text-decoration:none;} /*** TEXT COLOR PALETTE ***/ .haverford_red {color:#A60000;} .darkred {color:#800000;} .green {color:#2C5700;} .blue {color:#000057;} .brown {color:#572c00;} /*** FOR CONTENT EDITORS (VISIBLE IN LOCAL EDITOR ONLY) ***/ arg {color:#900;display:block;width:100px;border: 1px solid #f00; padding:3px 5px 3px 37px;background-image:url(http://alt.haverford.edu/images/common/xphp.gif);background-repeat:no-repeat;} /*** SITE PREVIEW NOTICE ***/ #previewnotice {position:relative;margin:0 auto;height:auto;background-color:#333;color:#fff;min-width:770px;max-width:97em;font-size:1em; text-align:right;border-bottom:1px solid #ddd;} #previewnotice div {padding:3px 8px;font-weight:bold;} #previewnotice a {color:#ffda80; white-space:nowrap;} /*** FACULTY PROSPECTIVE BLOCK ***/ .frontPageBlock{border: 1px dotted #b2b2b2; background:url(/images/pale.gif) repeat-x bottom; margin-bottom: 5px; margin-left: 5px; height: 160px;} .frontPageBlock div {padding: 10px; width: 98%;} div.nav {width: 284px; background-color: none; font-weight: bold; height: 32px; position: relative; top: -35px; z-index: 10145; margin-left: 52%;} div.nav div.moreProspective {height: 32px; width: 220px; position: absolute; left: 32px; vertical-align: middle; font-size: 10px; font-family: Verdana, Arial, sans-serif ; text-align: center; padding-top: 7px;} div.nav #prev, div.nav #next {width: 32px; height: 32px; outline: none;} div.nav #prev {background:url(/images/arrow_left.png); position: absolute; left: 0px} div.nav #next {background:url(/images/arrow_right.png); position: absolute; left: 252px} div.nav #prev span, div.nav #next span {display: none;} .frontPageBlock ul {margin-left: 265px;} /*** VISIT FORDS BUTTON, ALUMNI TAB, ATHLETIC TRAVEL FUND ***/ #fordsButton {width: 201px; height: 113px; background-image: url(http://www.haverford.edu/images/visit_fords.png); position:relative; margin:0 auto 5px auto;} #fordsButton:hover {background-image:url(http://www.haverford.edu/images/visit_fords_black.png);} #athTravelButton {width: 250px; height: 73px; background-image: url(/athletics/images/givetoAthletics.png); position:relative; margin:0 auto 5px;} #athTravelButton:hover {background-image:url(/athletics/images/givetoAthletics-red.png);} /*** BUTTON MARKUP - IN MANAGE ***/ .addbutton a {box-shadow: rgba(255,255,255,.6) 0 1px 0;-webkit-box-shadow: rgba(255,255,255,.6) 0 1px 0;-moz-box-shadow: rgba(255,255,255,.6) 0 1px 0;font: 1em/1.5 Arial;font-weight: bold !important;text-shadow: #fff 0 1px;text-decoration: none;margin: 0 10px 7px 0;display: inline;padding: 4px 10px 2px;border: 1px solid #aaa;min-width: .7em;overflow: hidden;color: #555 !important;text-align: center;position: relative;height: auto;min-height: 19px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;background: #e5e5e5;background: -moz-linear-gradient(center top, #fff 0%,rgb(204,204,204) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),color-stop(1, rgb(204,204,204)));border: 1px solid #aaa;} .addbutton a:hover {cursor: pointer !important;text-decoration: none;border: 1px solid #aaa !important;background: #eee !important;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)) !important;background-image: -moz-linear-gradient(100% 100% 90deg,#eee, #fff 100%) !important; color: #800000!important;} /* Menu CSS */ .hav_top {min-height: 105px; height: auto; width: 100%; /* Background color and gradients */ background: maroon; background: -moz-linear-gradient(top,#800000,#a20000); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#800000),to(#a20000));} .hav_top .hav_wrapper {margin: 0 auto; max-width: 970px; padding-left: 15px; width: auto;} .ie7 .hav_top .hav_wrapper {width: 970px; text-align: left;} .hav_wrapper img.hav_topLogo { margin-top: 25px } a#hav_topLogo_link {margin: 0 0 0 0; padding: 0;} h1#hav_topLogo {background: url(http://www.haverford.edu/styles/img/haverford_logo.png) no-repeat 0 0;width: 290px;height: 36px; text-indent: -9999px; position: relative;top: 25px;display: compact;} #hav_main_menu {list-style: none;width: 970px; margin: 5px auto 0;height: 40px; padding: 0 20px 0 0; position: relative; top: 30px; z-index: 10;} #hav_main_menu li {float: left; display: block;text-align: center; position: relative; padding: 4px 10px; margin-right: 20px; margin-top: 5px; border: none;} #hav_main_menu li:hover, #hav_main_menu li:focus {border: 1px solid #777; padding: 4px 9px; /* Background color and gradients */ background: #F4F4F4; background: -moz-linear-gradient(top,#F4F4F4,#EEEEEE); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#F4F4F4),to(#EEEEEE)); /* Rounded corners */ -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} #hav_main_menu li a {font-family: Helvetica,sans-serif; font-size: 14px;color: #EEE; display: block;outline: 0; text-decoration: none;} #hav_main_menu li a:hover , #hav_main_menu li a:focus {color: #aaa;text-decoration: underline; } #hav_main_menu li:hover a , #hav_main_menu li:focus a {color: #161616; text-shadow: 1px 1px 1px #fff;} .dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {margin: 2px auto; float: left; position: absolute; left: -999em; /* Hides the drop down */ text-align: left; padding: 10px 5px; border: 1px solid #777; border-top: none; /* Gradient background */ background: #F4F4F4; background: -moz-linear-gradient(top,#EEEEEE,#BBBBBB); background: -webkit-gradient(linear,0% 0%,0% 100%,from(#EEEEEE),to(#BBBBBB)); /* Rounded Corners */ -moz-border-radius: 0 5px 5px; -webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; display: none;} .dropdown_1column { width: 140px } .dropdown_2columns { width: 280px } .dropdown_3columns { width: 420px } .dropdown_4columns { width: 560px } .dropdown_5columns { width: 700px } .dropdown_1column li a, .dropdown_2columns li a, .dropdown_3columns li a, .dropdown_4columns li a, .dropdown_5columns li a { line-height: 14px } #hav_main_menu li ul li { margin-bottom: 5px } #hav_main_menu li:hover .dropdown_1column, #hav_main_menu li:hover .dropdown_2columns, #hav_main_menu li:hover .dropdown_3columns, #hav_main_menu li:hover .dropdown_4columns, #hav_main_menu li:hover .dropdown_5columns, #hav_main_menu li:focus .dropdown_1column, #hav_main_menu li:focus .dropdown_2columns, #hav_main_menu li:focus .dropdown_3columns, #hav_main_menu li:focus .dropdown_4columns, #hav_main_menu li:focus .dropdown_5columns {left: -1px; top: auto; display: block;} .col_1, .col_2, .col_3, .col_4, .col_5 {display: inline; float: left; position: relative; margin-left: 5px; margin-right: 5px; } .col_1 { width: 130px } .col_2 { width: 270px } .col_3 { width: 410px } .col_4 { width: 550px } .col_5 { width: 690px } #hav_main_menu .menu_right {float: right; margin-right: 0;} #hav_main_menu li .align_right {/* Rounded Corners */ -moz-border-radius: 5px 0 5px 5px; -webkit-border-radius: 5px 0 5px 5px; border-radius: 5px 0 5px 5px;} #hav_main_menu li:hover .align_right, #hav_main_menu li:focus .align_right {left: auto;right: -1px; top: auto;} #hav_main_menu p, #hav_main_menu h2, #hav_main_menu h3, #hav_main_menu ul li {font-family: Helvetica,sans-serif; line-height: 21px; font-size: 12px; text-align: left; text-shadow: 1px 1px 1px #FFF; } #hav_main_menu h2 {font-size: 21px; font-weight: 400; letter-spacing: -1px; margin: 7px 0 14px; padding-bottom: 14px; border-bottom: 1px solid #666;} #hav_main_menu h3 {font-size: 14px;margin: 7px 0 14px; padding-bottom: 7px;border-bottom: 1px solid #888;} #hav_main_menu p {line-height: 18px;margin: 0 0 10px;} #hav_main_menu li:hover div a, #hav_main_menu li:focus div a {font-size: 12px;color: maroon;} #hav_main_menu li:hover div a:hover, #hav_main_menu li:focus div a:focus { color: #c40000; } .strong { font-weight: 700 } .italic { font-style: italic } .imgshadow {/* Better style on light background */ background: #FFF; padding: 4px; border: 1px solid #777; margin-top: 5px; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666;} .img_left {/* Image sticks to the left */width: auto;float: left;margin: 5px 15px 5px 5px;} #hav_main_menu li .black_box {background-color: #333;color: #eee; text-shadow: 1px 1px 1px #000;padding: 4px 6px; /* Rounded Corners */ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; /* Shadow */ -webkit-box-shadow: inset 0 0 3px #000; -moz-box-shadow: inset 0 0 3px #000; box-shadow: inset 0 0 3px #000;} #hav_main_menu li ul {list-style: none; padding: 0; margin: 0 0 12px;} #hav_main_menu li ul li {font-size: 12px; line-height: 24px; position: relative; text-shadow: 1px 1px 1px #fff; padding: 0; margin: 0; float: none; text-align: left; width: 130px;} #hav_main_menu li ul li { margin-bottom: 12px } #hav_main_menu li ul li:hover, #hav_main_menu li ul li:focus {background: none;border: none;padding: 0;margin: 0;margin-bottom: 12px;} #hav_main_menu li .greybox li {background: #F4F4F4; border: 1px solid #bbb;margin: 0 0 4px; padding: 4px 6px;width: 116px; /* Rounded Corners */ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} #hav_main_menu li .greybox li:hover , #hav_main_menu li .greybox li:focus{background: #fff;border: 1px solid #aaa;padding: 4px 6px;margin: 0 0 4px;} /***********News Search Form *******************/ #newsearchbar {left: 69.5%;position: absolute;top: 75px;width: 240px;z-index: 20;} .ie8 #newsearchbar, .ie7 #newsearchbar {left:890px;position:absolute;top:69px;width:205px;z-index:20;} .searchForm {float: right;padding-top: 20px;margin-right: 30px;} #newssearchform { padding: 0; background: url(../images/searchform-bg-shadow.png) no-repeat left center; height: 52px; margin-left: -10px; position: relative; overflow: visible; width: 415px; } #newssearchform #q { background: #fff url(../images/form-field-bg.gif) no-repeat; height: 17px; margin: 14px 0 0 18px; padding: 3px 7px 2px 5px; color: #333; border: none; width: 125px; } #newssearchform #searchsubmit { background: url(../images/search-btn.png) no-repeat left top; height: 24px; width: 24px; border: none; text-indent: -999%; position: absolute; top: 12px; right: 12px; } #newssearchform.searchWide { width: 395px; margin-left: -210px; } #newssearchform #q.wideSearch { width: 240px } #newssearchform .searchChoice { background: #fff url(../images/form-field-bg.gif); width: 100px; color: #333; height: 22px; border: none; padding: 3px 7px 2px 5px; } label.screen-reader-text { display: none } /*#searchbar { display: none }*/ #newsearchbar form#searchform {width: 100%; } #newsearchbar form#searchform input { height: 22px; vertical-align: middle; } form#searchform input[type=search] { background: white; font-size: 12px; width: auto; border: 1px solid maroon; margin: 0; padding: 0px 2px; -webkit-appearance: textfield; min-width: 76%; } form#searchform select#post_type { margin: 0; border: 1px solid maroon; font-size: 19px; vertical-align: middle; display: none; } #newsearchbar #searchform input#searchsubmit { display: inline-block; border: 0px !important; background: #300; color: white !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; float: right; font-size: 10px; margin: 0; width: 50px; padding: 0px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -webkit-box-align: center; text-align: center; color: buttontext; padding: 2px 6px; -moz-transition: all .2s ease-in-out 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #searchform input#searchsubmit {margin: 2px 0 0 0;} .ie6 #searchform input#searchsubmit {color: #fff; background-color: #000;} #searchform input#searchsubmit:focus, #searchform input#searchsubmit:hover {background: #600000;} /*------------------------- Selectmenu ----------------------------------*/ .ui-selectmenu {display: block;display: inline-block;position: relative;height: 2em;vertical-align: middle;text-decoration: none;overflow: hidden;zoom: 1;background: none repeat scroll 0 0 #FFF;border: 1px solid maroon;font-size: 11px;} .ui-selectmenu-icon {position: absolute;right: 6px;margin-top: -8px;top: 50%;} .ui-selectmenu-menu {padding: 0;margin: 0;list-style: none;position: absolute;top: 0;display: none;overflow: auto;z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */ .ui-selectmenu-open {display: block;background: none repeat scroll 0 0 #FFF;border: 1px solid maroon;border-radius: 5px 5px 5px 5px;} .ui-selectmenu-menu-popup { margin-top: -1px } .ui-selectmenu-menu-dropdown { } .ui-selectmenu-menu li {padding: 0;margin: 0;display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0!important; border-left-width: 0!important; font-weight: 400!important; } .ui-selectmenu-menu li a, .ui-selectmenu-status {line-height: 1.4em;display: block;padding: .24em 1em;outline: none;text-decoration: none;text-align: left;font-size: 12px;} .ui-selectmenu-menu li.ui-state-disabled a { cursor: default } .ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status {padding-left: 20px;position: relative;margin-left: 5px;} .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {position: absolute;top: 1em;margin-top: -8px;left: 0;} .ui-selectmenu-status { line-height: 1.4em } .ui-selectmenu-open li.ui-selectmenu-item-focus a { background: #ddd } .ui-selectmenu-open li.ui-selectmenu-item-selected { } .ui-selectmenu-menu li span, .ui-selectmenu-status span {display: block;margin-bottom: .2em;} .ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: 700 } .ui-selectmenu-menu li .ui-selectmenu-item-content { } .ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8 } /* for optgroups */ .ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em } .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {line-height: 1.4em;display: block;padding: .6em .5em 0;font-weight: 700;} .ui-selectmenu-menu .ui-selectmenu-group ul {margin: 0;padding: 0;} /* IE6 workaround (dotted transparent borders) */ * html .ui-selectmenu-menu li {border-color: #ffc0cb;filter: chroma(color=pink);width: 100%;} * html .ui-selectmenu-menu li a { position: relative } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: /*bgColorActive*/ #fff;font-weight: /*fwDefault*/ 400;color: /*fcActive*/ #212121;} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: /*fcActive*/ #212121;text-decoration: none;} .ui-state-active .ui-icon { background-image: /*iconsActive*/ url(http://www.haverford.edu/images/icons/ui-icons_454545_256x240.png) } /***********Top Links *******************/ #hav_top_menu {float: right;letter-spacing: 1px;text-transform: uppercase;margin-top: -35px;} #hav_top_menu ul li {display: inline;margin-right: 2px;font-size: 9px;} #hav_top_menu ul li a {-moz-transition: all .2s ease-in-out 0;-webkit-transition: all .2s ease-in-out;color: #ddd;padding: 11px 4px 4px;text-decoration: none;} #hav_top_menu ul li a:hover, #hav_top_menu ul li a:focus {-moz-transition: all .05s ease-in-out 0;-webkit-transition: all .05s ease-in-out;background: none repeat scroll 0 0 #222;color: #eee;text-decoration: underline;} /************** slider *******************/ #pageslide-slide-wrap { background: url(http://www.haverford.edu/styles/img/ajax-loader.gif) center center no-repeat; } #pageslide-content { background: #ABABAB; } #pageslide-content-wrapper { padding: 10px 20px; } #pageslide-content .pageslide-close {font-size: 10px;margin-left: 20px;} @media all and (max-height: 899px) { #pageslide-content ul li {font-size: 1em;line-height: 1.2em;margin-left: 10px; } } @media all and (min-height: 900px) { #pageslide-content ul li {font-size: 1.2em;line-height: 1.4em;margin-left: 10px; } } /************** weather *******************/ .forecast-temp {position: relative;left: 150px;top: 20px;z-index: 100;height: auto;width: 250px;} .forecast-temp ul { display: none } .forecast-icon {width: 250px;height: 180px;position: relative;top: -70px;} #yw-temp {font-size: 20px;font-weight: 700;} #hav_main_menu .weather_col {height: 80px;background-color: red;margin-top: 10px;background: url(http://www.haverford.edu/styles/img/weather-day.jpg) repeat-x top left; margin-left: -5px;margin-right: 0; width: 290px;margin-bottom: -10px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;border-top: 1px solid #777;} #hav_main_menu .weather_col.night { background: url(http://www.haverford.edu/styles/img/weather-night.jpg) repeat-x bottom left } /**************** gifts *******************/ .gift_col {height: 100px;background-color: red;margin-top: 10px;background: url(https://www.haverford.edu/styles/img/gloss.jpg) repeat-x top left; margin-left: -5px;margin-right: 0;width: 290px;margin-bottom: -10px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;border-top: 1px solid #777;} #hav_main_menu .gift_col p {float: right; width: 180px; margin: 5px;} #hav_main_menu .gift_col p a { display: inline } .gift-icon {width: 100px; height: 87px; position: absolute; bottom: 0;} /**************** break notice *******************/ .break_col {height: 100px;background: #ffffff url(http://www.haverford.edu/images/winter-break-widget-bg.png) no-repeat 0 0; margin-top: 10px; margin-left: -5px;margin-right: 0;width: 290px;margin-bottom: -10px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;border-top: 1px solid #777; font-weight: bold;} #hav_main_menu .break_col p {margin: 5px 15px 5px 15px;} #hav_main_menu .break_col h4 {margin: 10px 15px 5px 15px;} #hav_main_menu .break_col p a { display: inline; } /**************** clean up of some commons.css *******************/ #sectionheader, #subnavbar_background, #subnavbar { z-index: 1 } /**************** Safety and Security Alerts *******************/ #security-alert h2 {font-family:"Lucida Grande",Verdana,sans-serif;font-size: 1.6em;font-weight: bold; background: url(/images/homepage/icons/safety-security.png) no-repeat center left;line-height: 32px;padding-left: 32px; text-align: left; width: 25%; float: left; } #security-alert {border-bottom: #a20000 2px solid; margin: 25px auto 0px -15px; padding: 10px; width: auto; background: #fff3e6;} #security-alert ul li {display: inline; text-align: left;} /* Security Font size resize */ @media only screen and (min-width : 768px) and (max-width : 1024px) { #security-alert h2 {font-size: 1.2em; padding-top: 10px; padding-bottom: 10px; line-height: 1.4em;} } @media only screen and (min-width : 481px) and (max-width : 767px) { #security-alert h2 {font-size: 1.2em; line-height: 1.4em; } #security-alert {margin: 35px auto 0px; position: relative;} } @media only screen and (min-width : 320px) and (max-width : 480px) { #security-alert h2 {font-size: 1.1em; line-height: 1.4em; margin-right: .5em;} #security-alert {margin: 0px auto ; } } button.clean-gray {background: #A60000; background: -moz-linear-gradient(top, #ff3019 0%, #A80803 46%, #cf0404 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(46%,#A80803), color-stop(100%,#cf0404)); border: 1px solid #cf0404; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0 0 5px #f5f5f5; -webkit-box-shadow: inset 0 0 5px #f5f5f5; box-shadow: inset 0 0 5px #f5f5f5;color: #ffffff;font-family: "lucida grande", sans-serif;font-size: 12px;font-weight: bold; line-height: 1;padding: 8px 0;text-align: center;text-shadow: 0 1px 0px #000000;width: 150px;} button.clean-gray:hover { background: #dfdfdf;background: -moz-linear-gradient(0% 100% 90deg, #aaa, #dfdfdf); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfdfdf), to(#aaa)); -moz-box-shadow: inset 0 0 5px #e5e5e5; -webkit-box-shadow: inset 0 0 5px #e5e5e5; box-shadow: inset 0 0 5px #e5e5e5; border: 1px solid #ccc;} button.clean-gray:active {background: #bfbfbf;background: -moz-linear-gradient(0% 100% 90deg, #eee, #bfbfbf);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#eee));} button:hover {cursor: pointer;}/* Footer CSS */ /*---------------------------------------------------------------------------- FOOTER STYLES FOR HAVERFORD COLLEGE WEB SITE David Moore, Sebastianna Skalisky Property of Haverford College. Note: Measurements based on body font-size: 0.625em; line-height: 1.5em; ----------------------------------------------------------------------------*/ #hav_footer {color:#eee; width:98%; text-align:left; height:11em; padding:1.2em 1em; background:#000; font-family: Verdana,sans-serif; position: relative; bottom: 0; margin-top: 3em; clear: both; position: absolute; z-index: 1;} #hav_footer a {color:#fff;} #hav_footer a:hover {color:#C40000; } #hav_footer h5 {font-family: "MuseoSans500","Trebuchet MS",sans-serif;font-weight: normal;font-size: 1.2em;line-height: 1.2em;margin-bottom: 0.25em;} #hav_footer p {font-size: 1.2em; line-height: 1.4em; margin: 0 0 1em;} #hav_footer p.hav_footer_small { font-size:1em; color:#ccc; } #hav_footer #hav_footer_wrapper {margin:0 auto; max-width:97em; min-width:72.5em; } #hav_footer #hav_footer_left, #hav_footer #hav_footer_center { width:22.5%; float:left; padding:1em; height:9em; } #hav_footer #hav_footer_center .addbutton { margin-top: 25px;} #hav_footer #hav_footer_center img { margin:0 auto; } #hav_footer ul.hav_footer_nav { margin:1.8em 0 0; padding:0; } #hav_footer ul.hav_footer_nav li { list-style-type:none; display:inline; padding:0 .6em 0 0; font-size:1em; } #hav_footer #hav_footer_right { background: url("http://www.haverford.edu/images/icons/social-cluster-right.png") no-repeat scroll right bottom transparent; float: left; height: 11.1em; padding: 1em 1.5em 0 1em;width: 45%;} #hav_footer #hav_footer_right p { margin:-0.2em 0 0 2.4em; } #hav_footer_right ul#footer_tweets {background: url("http://www.haverford.edu/images/icons/logo_twitter_bird.png") no-repeat scroll 0 0 transparent; height: 7em; overflow: hidden; padding-left: 3.5em; } #hav_footer_right ul#footer_tweets li {height: 8em; list-style: none; font-size: 1em;} #hav_footer_right ul#footer_tweets a {color: #33CCFF;} #hav_footer_right ul#footer_tweets a:hover {color: #33CCFF; text-decoration: underline;} #hav_footer_right .twitterImg {padding-left: 1.5em;} #hav_footer_right p.hav_footer_small {padding-left:1.5em;} /*** BUTTON MARKUP ***/ .addbutton a {box-shadow: rgba(255,255,255,.6) 0 1px 0;-webkit-box-shadow: rgba(255,255,255,.6) 0 1px 0;-moz-box-shadow: rgba(255,255,255,.6) 0 1px 0;font: 1em/1.5 Arial;font-weight: bold !important;text-shadow: #fff 0 1px;text-decoration: none;margin: 0 10px 7px 0;display: inline;padding: 4px 10px 2px;border: 1px solid #aaa;min-width: .7em;overflow: hidden;color: #555 !important;text-align: center;position: relative;height: auto;min-height: 19px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;background: #e5e5e5;background: -moz-linear-gradient(center top, #fff 0%,rgb(204,204,204) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff),color-stop(1, rgb(204,204,204)));border: 1px solid #aaa;} .addbutton a:hover {cursor: pointer !important;text-decoration: none;border: 1px solid #aaa !important;background: #eee !important;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee)) !important;background-image: -moz-linear-gradient(100% 100% 90deg,#eee, #fff 100%) !important; color: #800000!important;} #hav_footer_breadcrumbs {display: none;}/* Extended CSS */ /* * Extended CSS for Haverford College website. * * Developed by Haverford Communications Office * David Moore * Sebastianna Skalisky * webmaster@haverford.edu * * * Introduces new font-faces and styles * * Web fonts copyright MUST be included * * * * Web Fonts from fontspring.com * * All OpenType features and all extended glyphs have been removed. * Fully installable fonts can be purchased at http://www.fontspring.com * * The fonts included in this stylesheet are subject to the End User License you purchased * from Fontspring. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * * (c) 2010-2011 Fontspring * * * * * The fonts included are copyrighted by the vendor listed below. * * Vendor: exljbris * License URL: http://www.fontspring.com/fflicense/exljbris * * */ /* Museo 300 */ @font-face { font-family: 'Museo300'; src: url('/includes/web-fonts/Museo300-Regular-webfont.eot'); src: url('/includes/web-fonts/Museo300-Regular-webfont.eot?iefix') format('eot'), url('/includes/web-fonts/Museo300-Regular-webfont.woff') format('woff'), url('/includes/web-fonts/Museo300-Regular-webfont.ttf') format('truetype'), url('/includes/web-fonts/Museo300-Regular-webfont.svg#webfontBsA9EFUC') format('svg'); font-weight: normal; font-style: normal; } /* Museo 500 */ @font-face { font-family: 'Museo500'; src: url('/includes/web-fonts/Museo500-Regular-webfont.eot'); src: url('/includes/web-fonts/Museo500-Regular-webfont.eot?iefix') format('eot'), url('/includes/web-fonts/Museo500-Regular-webfont.woff') format('woff'), url('/includes/web-fonts/Museo500-Regular-webfont.ttf') format('truetype'), url('/includes/web-fonts/Museo500-Regular-webfont.svg#webfontQF7qPaga') format('svg'); font-weight: normal; font-style: normal; } /* Museo 700 */ @font-face { font-family: 'Museo700'; src: url('/includes/web-fonts/Museo700-Regular-webfont.eot'); src: url('/includes/web-fonts/Museo700-Regular-webfont.eot?iefix') format('eot'), url('/includes/web-fonts/Museo700-Regular-webfont.woff') format('woff'), url('/includes/web-fonts/Museo700-Regular-webfont.ttf') format('truetype'), url('/includes/web-fonts/Museo700-Regular-webfont.svg#webfontNpXBDqia') format('svg'); font-weight: normal; font-style: normal; } /* Museo Sans 500 */ @font-face { font-family: 'MuseoSans500'; src: url('/includes/web-fonts/MuseoSans_500-webfont.eot'); src: url('/includes/web-fonts/MuseoSans_500-webfont.eot?iefix') format('eot'), url('/includes/web-fonts/MuseoSans_500-webfont.woff') format('woff'), url('/includes/web-fonts/MuseoSans_500-webfont.ttf') format('truetype'), url('/includes/web-fonts/MuseoSans_500-webfont.svg#webfontkQkWxTED') format('svg'); font-weight: normal; font-style: normal; } /* Museo Sans Italic 500 */ @font-face { font-family: 'MuseoSans500Italic'; src: url('/includes/web-fonts/MuseoSans_500_Italic-webfont.eot'); src: url('/includes/web-fonts/MuseoSans_500_Italic-webfont.eot?iefix') format('eot'), url('/includes/web-fonts/MuseoSans_500_Italic-webfont.woff') format('woff'), url('/includes/web-fonts/MuseoSans_500_Italic-webfont.ttf') format('truetype'), url('/includes/web-fonts/MuseoSans_500_Italic-webfont.svg#webfontprFOYbU7') format('svg'); font-weight: normal; font-style: normal; } /* Museo Slab 500 */ @font-face { font-family: 'MuseoSlab500'; src: url('/includes/web-fonts/Museo_Slab_500-webfont.eot'); src: url('/includes/web-fonts/Museo_Slab_500-webfont.eot?iefix') format('eot'), url('/includes/web-fonts/Museo_Slab_500-webfont.woff') format('woff'), url('/includes/web-fonts/Museo_Slab_500-webfont.ttf') format('truetype'), url('/includes/web-fonts/Museo_Slab_500-webfont.svg#webfont8VbsAwew') format('svg'); font-weight: normal; font-style: normal; } /* Museo Slab Italic 500 */ @font-face { font-family: 'MuseoSlab500Italic'; src: url('/includes/web-fonts/Museo_Slab_500italic-webfont.eot'); src: url('/includes/web-fonts/Museo_Slab_500italic-webfont.eot?iefix') format('eot'), url('/includes/web-fonts/Museo_Slab_500italic-webfont.woff') format('woff'), url('/includes/web-fonts/Museo_Slab_500italic-webfont.ttf') format('truetype'), url('/includes/web-fonts/Museo_Slab_500italic-webfont.svg#webfontrnC2qhZD') format('svg'); font-weight: normal; font-style: normal; } /* Changes from common.css */ body {font-family:Verdana,sans-serif; color:#232323;} h1,h2,h3 {font-family: "MuseoSlab500",Georgia,serif;font-weight:normal;color:#330000;} h4,h5 {font-family:"MuseoSans500","Trebuchet MS",sans-serif;font-weight:normal;} input,select,table,textarea {font: normal 1.2em/1.4em Verdana,sans-serif;} #containerspc {position:relative;margin:0 auto;height:auto;min-height:100%;width:97em;background-color:#fff;text-align:left;z-index:2;} div#sectionheader h1 {font-family: "Goudy Old Style",Georgia,serif; font-size: 6em; margin-left: 15px; } /*--------------------------- Icons ----------------------------------*/ /*standard icons*/ .icon_lightbulb {background: url(/images/icons/lightbulb.png) no-repeat left 25% !important; padding:1px 20px;} .icon_calendar {background: url(/images/icons/calendar.png) no-repeat left 25% !important; padding:1px 20px;} .icon_award {background: url(/images/icons/award_star_gold_2.png) no-repeat left 25% !important; padding:1px 20px;} .icon_palette {background: url(/images/icons/palette.png) no-repeat left 25% !important; padding:1px 20px;} .icon_photo {background: url(/images/icons/photo.png) no-repeat left 25% !important; padding:1px 20px;} .icon_newspaper {background: url(/images/icons/newspaper.png) no-repeat left 25% !important; padding:1px 20px;} .icon_email {background: url(/images/icons/email.png) no-repeat left 25% !important; padding:1px 20px;} .icon_building {background: url(/images/icons/building.png) no-repeat left 25% !important; padding:1px 20px;} .icon_door {background: url(/images/icons/door.png) no-repeat left 25% !important; padding:1px 20px;} .icon_house {background: url(/images/icons/house.png) no-repeat left 25% !important; padding:1px 20px;} .icon_pdf {background: url(/images/icons/page_white_acrobat.png) no-repeat left 25% !important; padding:1px 20px;} .icon_phone {background: url(/images/icons/telephone.png) no-repeat left 25% !important; padding:1px 20px;} .icon_web {background: url(/images/icons/layout_content.png) no-repeat left 25% !important; padding:1px 20px;} .icon_group {background: url(/images/icons/group.png) no-repeat left 25% !important; padding:1px 20px;} .icon_comment {background: url(/images/icons/comment.png) no-repeat left 25% !important; padding:1px 20px;} /*from jqueryui theme states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(/images/icons/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(/images/icons/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(/images/icons/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(/images/icons/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/icons/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(/images/icons/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(/images/icons/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/icons/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /*------------------------- Colorbox ---------------------------*/ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(/js/colorbox/images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/js/colorbox/images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/js/colorbox/images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/js/colorbox/images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/js/colorbox/images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/js/colorbox/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/js/colorbox/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/js/colorbox/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/js/colorbox/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/js/colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/js/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/js/colorbox/images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/js/colorbox/images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/js/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorboximages/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorboximages/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorboximages/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorboximages/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorboximages/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorboximages/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorboximages/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/js/colorboximages/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /*------------------------- Print ---------------------------*/ @media print { #sidebar {display: none;} #content {margin: 10px 0px;} #main {overflow: visible;} body {background-color: none; color: #000;} .headerImages, #searchbar, #navbar, #searchbar_background, #navbar_background, #subnavbar_background, #footer_right {display: none;} #sectionheader h1 {color: #000; text-shadow: none;} #sectionheader {height: 150px; background: none;} #top {height: 10px;} #footer_tall_left,#footer_tall_center,#footer_tall_right {color: #000;} footer_tall {position: inherit;} }