/* @license * MyFonts Webfont Build ID 909734, 2011-08-05T10:53:06-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Anivers Bold * URL:http://new.myfonts.com/fonts/exljbris/anivers/bold/ * Foundry: exljbris * Copyright: Copyright (c) 2008 by Jos Buivenga. All rights reserved. * License: http://www.myfonts.com/viewlicense?1056 * Licensed pageviews: 10,000/month * CSS font-family: Anivers-Bold * CSS font-weight: normal * CSS font-style: normal * * (c) 2011 Bitstream Inc */ @font-face { font-family: 'Anivers-Bold'; src: url('../fonts/style_157477.eot'); /* IE9 Compat Modes */ src: url('../fonts/style_157477-.eot#iefix') format('embedded-opentype'), url('../fonts/style_157477.woff') format('woff'), url('../fonts/style_157477.ttf') format('truetype'), url('../fonts/style_157477.svg.xml#Anivers-Bold') format('svg'); } @font-face { font-family: 'Anivers-Regular'; font-weight: normal; src: url('../fonts/style_157479.eot'); /* IE9 Compat Modes */ src: url('../fonts/style_157479-.eot#iefix') format('embedded-opentype'), url('../fonts/style_157479.woff') format('woff'), url('../fonts/style_157479.ttf') format('truetype'), url('../fonts/style_157479.svg.xml#Anivers-Regular') format('svg'); } /*----------------------------------------------------------------------------------- Global Reset v0.3 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /*--------------------------- Elements ---------------------------*/ body { background-color: #2e2e2e; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; min-width: 1010px; } a { text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-family: "Anivers-Bold", "Lucida Grande", sans-serif; font-weight: normal; } p.error { background: url("../images/submit_button_bg.png") repeat; color: #fff !important; padding: 10px 17px 12px; } strong { font-family: "Anivers-Bold", "Lucida Grande", sans-serif; font-weight: normal; } /*------------------------------------------- Global -------------------------------------------*/ .left { float: left; } .block_left { float: left; margin: 0 15px 15px 0; } .right { float: right; } .block_right { float: right; margin: 0 0 10px 10px; } .center { text-align: center; } .clear { clear: both; } .contain { overflow: hidden; } .container { margin: 0 auto; width: 990px; } #quicklinks { background: url("../images/quicklinks_bg.png") repeat-x top center; overflow: hidden; } #quicklinks .container { height: 0; overflow: hidden; width: 990px; } #quicklinks ul { height: 103px; padding-top: 20px; } #quicklinks li { display: block; float: left; } #quicklinks a { background-position: center top; background-repeat: no-repeat; color: #fff; display: block; float: left; font-size: 13px; height: 96px; margin-right: 20px; text-align: center; width: 106px; } #quicklinks a:hover { background-position: center bottom; color: #E67A34; } #quicklinks a.event_calendar { background-image: url("../images/quicklinks_news_events.png"); } #quicklinks a.alumni { background-image: url("../images/quicklinks_career_services.png"); } #quicklinks a.my_gsbc { background-image: url("../images/quicklinks_my_bay_state.png"); } #quicklinks a.academic_advisor { background-image: url("../images/quicklinks_offices_services.png"); } #quicklinks a.webmail { background-image: url("../images/quicklinks_webmail.png"); } #quicklinks a.distance_learning { background-image: url("../images/quicklinks_lms.png"); } #quicklinks a.publications { background-image: url("../images/quicklinks_library.png"); } #quicklinks a.payments { background-image: url("../images/quicklinks_bookstore.png"); margin-right: 0; } #gateways { background: url("../images/topBar.png") top center; height: 30px; } /* gateways_bg */ #gateways ul { border-right: 1px solid #2A2A2A; height: 30px; } #gateways li { border-left: 1px solid #2A2A2A; display: block; float: left; } #gateways li.class3 { border-right: 1px solid #2A2A2A; } #gateways li a { color: #FCFCFC; display: block; float: left; font-size: 11px; height: 30px; letter-spacing: 0.13em; line-height: 27px; padding: 2px 0 0 0; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; text-transform: uppercase; padding-left: 20px; padding-right: 20px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #gateways li a { letter-spacing: 0em; }} #gateways li a:hover { background-color: #252525; } #gateways .quicklinks { color: #FCFCFC; display: block; float: left; font-size: 11px; height: 30px; letter-spacing: 0.13em; line-height: 27px; padding: 2px 0 0 0; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; text-transform: uppercase; padding-left: 20px; padding-right: 20px; } #gateways .quicklinks a:hover { background-color: #252525; } #gateways a.expanded { background-color: #101010; } #header { background: url("../images/headerBack.png") repeat-x left top; height: 145px; position: relative; z-index: 20; } #header .container { height: 135px; padding-top: 10px; position: relative; } #header .links { float: left; height: 20px; } #header .links li { border-right: 1px solid #9C2A42; display: block; float: left; height: 20px; line-height: 20px; margin-right: 10px; padding-right: 10px; } #header .links li.last { border-right: 0; margin-right: 0; padding-right: 0; } #header .links a { background: url("../images/header_arrow.png") no-repeat left center; color: #fff; display: block; float: left; font-size: 15px; height: 20px; letter-spacing: 0.05em; line-height: 20px; padding-left: 20px; } #header .links a:hover { color:#F2842F; } #links_search { float: right; margin-top: 20px; overflow: hidden; width: 571px; } #logo { background: url("../images/logoGSBC.png"); display: block; height: 77px; text-indent: -9999px; width: 486px; margin-left: auto; margin-right: auto; margin-top:10px; } #search { float: right; position: relative; width: 193px; } #search input.text { border: 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; height: 23px; padding: 0 24px 0 10px; width: 159px; } #search input.submit { position: absolute; right: 4px; top: 3px; } #nav { background: url("../images/navDivider.png") repeat-y right bottom; bottom: 0; height: 34px; left: 0; position: absolute; width: 990px; z-index: 20; } #nav li { background: url("../images/navDivider.png") repeat-y left bottom; display: block; float: left; padding-left: 1px; position: relative; } #nav li a { color: #fff; display: block; float: left; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-size: 14px; height: 34px; letter-spacing: 0.13em; line-height: 38px; padding: 0; text-align: center; text-transform: uppercase; } #nav li a.Item1 { width: 107px; } #nav li a.Item2 { width: 141px; } #nav li a.Item3 { width: 146px; } #nav li a.Item4 { width: 151px; } #nav li a.Item5 { width: 141px; } #nav li a.Item6 { width: 148px; } #nav li a.Item7 { width: 148px; } #nav li.hover a { background-color: #06435f; } #nav li.hover ul { display: block; } #nav li.sub-menu-item a{ padding-left:10px; padding-right:10px; } #nav li ul { background: url("../images/nav_dropdown_bg.png"); -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; display: none; left: 0; padding: 10px; position: absolute; top: 34px; width: 234px; *border: 1px solid #B7B4AF; *border-top: 0; } #nav li.last ul { left: auto; right: 0; } #nav li ul li { background: none; border-bottom: 1px solid #CBCAC9; float: none; } #nav li ul li.last { border: 0; } #nav li ul a { color: #414141; float: none; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-size: 14px; font-variant: normal; height: auto; letter-spacing: normal; line-height: 20px; padding: 6px 10px 5px; text-align: left; text-transform: none; } #nav li.hover ul a { background-color: transparent; } #nav li.hover span.arrow { display: block; } #nav li ul a:hover { background-color: #06435f; color: #fff; } #nav li span.arrow { background: url("../images/nav_arrowBlue.png") no-repeat; bottom: -7px; display: none; left: 50%; height: 7px; margin-left: -11px; position: absolute; width: 23px; z-index: 20; } /* PROGRAMS DROPDOWN */ #nav li .programs_pane { background: url("../images/nav_dropdown_bg.png") left top; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; display: none; left: 0; overflow: hidden; padding: 30px; position: absolute; top: 34px; width: 970px; *border: 1px solid #B7B4AF; *border-top: 0; } #nav li.hover .programs_pane { display: block; } #nav li .programs_pane .column { float: left; margin: 0 13px 0 0; overflow: hidden; padding: 0 20px 0 0; width: 320px; } #nav li .programs_pane .column.first { width: 235px; } #nav li .programs_pane .column.last { margin-right: 0; } #nav li .programs_pane .column ul { background: none; box-shadow: none; border: none; display: none; padding: 0; position: relative; top: 0; left: 0; width: 100%; } #nav li .programs_pane .column ul.active { display: block; } #nav li .programs_pane .column ul li { border-top: 1px solid #CBCAC9; border-bottom: 0; font-size: 14px; padding: 0; } #nav li .programs_pane .column ul li a { padding: 7px 0; } #nav li .programs_pane .column ul li a:hover { background: none; color: #8B192E; } #nav li .programs_pane .intro { border-right: 1px solid #CBCAC9; font-size: 18px; padding-right:40px; margin: 0 20px 30px 0; width: 660px; } #nav li .programs_pane a.arrow.right { color: black; font-size: 14px; margin-top: 15px; } #nav li .programs_pane .school { background: url("../images/programs_list.png"); color: white; cursor: pointer; display: block; font-size: 18px; height: 19px; letter-spacing: 1px; margin-bottom: 1px; padding: 10px; text-transform: uppercase; width: 215px; } #nav li .programs_pane .school:hover { background: url("../images/programs_list_hover.png"); } #nav li .programs_pane .school.active { background: url("../images/programs_list_active.png"); } #nav li .programs_pane h4 { color: #8B192E; font-size: 14px; font-weight: 400; letter-spacing: 0.05em; padding: 1px 0 10px 0; text-transform: uppercase; } #nav li .programs_pane p { color: #404040; font-size: 14px; line-height: 20px; margin: 0 0 5px; } #nav li .programs_pane a.arrow { background: url("../images/bg_programs_dd_link.png") no-repeat left 1px; color: #991A31; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-size: 15px; height: auto; line-height: 20px; letter-spacing: 0; margin: 0 0 5px 0; padding: 0 0 0 20px; text-transform: none; text-align: left; } #nav li .programs_pane a.arrow:hover { background: url("../images/bg_programs_dd_link_over.png") no-repeat left center; color: #F2842F; } #nav li .programs_pane .column.dark { background: url("../images/bg_programs_dd_dark.png") repeat; margin: 0 23px 0 0; padding: 30px 20px 20px; width: 220px; } #nav li .programs_pane .column.dark h4 { border: none; font-size: 25px; padding: 0; text-transform: none; padding-top: 0; } #nav li .programs_pane .column.dark a.arrow { background: url("../images/bg_programs_dd_link_all.png") no-repeat left top; color: #131313; height: 36px; line-height: 34px; margin-bottom: 15px; padding-left: 30px; padding-top: 2px; width: 184px; } #nav li .programs_pane .column.dark a.arrow:hover { color: #D96B0C; } #nav .microsite_links { margin: 0 0 0 250px; padding: 15px 0 0; overflow: hidden; } #nav .microsite { display: none; float: none; padding: 5px 20px; } #nav .microsite.active { display: block; } /* ALERT */ #alert { background: url("../images/gateways_bg.png"); } #alert .container { background: url("../images/icon_alert.png") no-repeat left 19px; overflow: hidden; position: relative; padding: 0 20px 0 80px; width: 890px; } #alert h2 { color: #DAC300; font-size: 26px; margin: 20px 0 3px; } #alert p { color: #D1D1D1; font-size: 13px; line-height: 1.4; margin: 0 0 20px 0; } #alert p a { color: #DAC300; } #alert span.close { background: url("../images/icon_alert_close.png") no-repeat center; display: block; height: 19px; position: absolute; right: 10px; top: 10px; text-indent: -99999px; width: 19px; } /* Home */ #feature { background: #181818 url("../images/feature_bg.png") no-repeat center; height: 470px; overflow: hidden; background: -moz-radial-gradient(50% 50% 0deg, ellipse closest-corner, #404040, #0A0A0A 100%); /* WEBKIT CAN EAT IT!! */ } #feature .container { position: relative; } #feature .feature_controls { left: 14px; position: absolute; top: 57px; z-index: 5; } #feature .feature_controls span { background-color: #2A292E; color: #59595D; cursor: pointer; float: left; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 12px; font-weight: bold; height: 17px; line-height: 17px; margin-right: 1px; text-align: center; width: 17px; } #feature .feature_controls span:hover { color: #ccc !important; } #feature .feature_images_wrapper { background-color: #191919; padding: 12px; position: absolute; right: 0; top: 14px; z-index: 1; } #feature .feature_images { height: 416px; overflow: hidden; position: relative; width: 637px; } #feature .feature_images .slider { height: 416px; left: 0; position: absolute; top: 0; width: 100000px; } #feature .feature_images .image { float: left; height: 416px; position: relative; width: 637px; } #feature .feature_images .image .caption { background: url("../images/date_bg.png") repeat; bottom: 0; display: none; left: 0; overflow: hidden; position: absolute; z-index: 1; width: 100%; } #feature .feature_images .image .caption p { color: #fff; font-size: 18px; padding: 10px; margin: 0; } #feature .feature_pages_wrapper { height: 219px; left: -3px; position: absolute; top: 40px; width: 374px; z-index: 2; } #feature .feature_pages { height: 219px; overflow: hidden; position: relative; width: 374px; } #feature .feature_pages .page { background: url("../images/feature_cutouts.png") no-repeat left top; display: none; height: 219px; left: 0; position: absolute; top: 0; width: 374px; } #feature .feature_pages .page.selected { display: block; } #feature .feature_pages .page.orange { background-position: -385px top; } #feature .feature_pages .page.purple { background-position: -777px top; } #feature .feature_pages .page.blue { background-position: -1162px top; } #feature .feature_corners_wrapper { height: 25px; left: 341px; position: absolute; top: 44px; width: 25px; z-index: 4; } #feature .feature_corners { height: 25px; overflow: hidden; position: relative; width: 25px; } #feature .feature_corners .corner { background: url("../images/feature_corners.png") no-repeat left top; display: none; left: 0; position: absolute; top: 0; height: 25px; width: 25px; } #feature .feature_corners .corner.selected { display: block; } #feature .feature_corners .corner.orange { background-position: -25px top; } #feature .feature_corners .corner.purple { background-position: -50px top; } #feature .feature_corners .corner.blue { background-position: -75px top; } #feature .feature_students_wrapper { height: 185px; left: 14px; position: absolute; top: 57px; width: 340px; z-index: 3; } #feature .feature_students { height: 185px; position: relative; overflow: hidden; width: 340px; } #feature .feature_students .slider { height: 100000px; left: 0; position: absolute; top: 0; width: 340px; } #feature .feature_students .student { height: 185px; position: relative; width: 340px; } #feature .feature_students .student .info { background: url("../images/date_bg.png") repeat; bottom: 0; color: #fff; display: block; font-size: 19px; left: 0; padding: 10px; position: absolute; width: 320px; } #feature .feature_students .student .info strong { color: #26977F; display: block; font-size: 12px; font-weight: 300; letter-spacing: 0.05em; margin: 0 0 5px 0; text-transform: uppercase; } #feature .feature_students .student.orange .info strong { color: #D7782A; } #feature .feature_students .student.purple .info strong { color: #8D2472; } #feature .feature_students .student.blue .info strong { color: #2592AE; } #feature .feature_students .student .info .icon { background: url("../images/icon_feature_students.png") no-repeat left top; display: none; float: right; height: 32px; margin: 2px 0 0; width: 32px; } #feature .feature_students .student .info:hover .icon { display: block; } #feature .feature_students .student .info .icon { background-position: 0 0; } #feature .feature_students .student.green .info .icon { background-position: 0 -216px; } #feature .feature_students .student.purple .info .icon { background-position: 0 -144px; } #feature .feature_students .student.blue .info .icon { background-position: 0 -72px; } #feature .feature_quotes_wrapper { height: 190px; left: 0; position: absolute; top: 270px; width: 300px; } #feature .feature_quotes { height: 190px; position: relative; width: 280px; } #feature .feature_quotes blockquote { display: none; left: 0; position: absolute; top: 0; } #feature .feature_quotes blockquote.selected { display: block; } #feature .feature_quotes blockquote p { background: url("../images/feature_quote_green.png") no-repeat left top; color: #fff; font-size: 20px; line-height: 1.26; text-indent: 30px; text-shadow: #000 0 2px 6px; width: 300px; } #feature .feature_quotes blockquote a { background: url("../images/feature_arrows.png") no-repeat left 1px; color: #00C5A5; display: block; line-height: 18px; margin-top: 7px; padding: 0 0 5px 25px; font-size: 15px; text-indent: 0; text-shadow: none; } #feature .feature_quotes blockquote.orange p { background: url("../images/feature_quote_orange.png") no-repeat left top; } #feature .feature_quotes blockquote.purple p { background: url("../images/feature_quote_purple.png") no-repeat left top; } #feature .feature_quotes blockquote.blue p { background: url("../images/feature_quote_blue.png") no-repeat left top; } #feature .feature_quotes blockquote.orange a { background-position: left -21px; color: #DF7A2D; } #feature .feature_quotes blockquote.purple a { background-position: left -43px; color: #C343A0; } #feature .feature_quotes blockquote.blue a { background-position: left -65px; color: #43BFD8; } #feature .feature_quotes blockquote a:hover, #feature .feature_quotes blockquote.green a:hover, #feature .feature_quotes blockquote.orange a:hover, #feature .feature_quotes blockquote.purple a:hover, #feature .feature_quotes blockquote.blue a:hover { color: #fff; } #feature .next, #feature .previous { cursor: pointer; display: block; height: 470px; position: absolute; text-indent: -99999px; top: 0; width: 55px; } #feature .next { background: url("../images/ditl_next.png") no-repeat scroll center center transparent; right: -83px; } #feature .next:hover { background: url("../images/ditl_next_over.png") no-repeat scroll center center transparent; } #feature .previous { background: url("../images/ditl_previous.png") no-repeat scroll center center transparent; left: -83px; } #feature .previous:hover { background: url("../images/ditl_previous_over.png") no-repeat scroll center center transparent; } /* Home */ #feature_basic { background: #181818 url("../images/feature_bg.png") no-repeat center; position: relative; background: -moz-radial-gradient(50% 50% 0deg, ellipse closest-corner, #404040, #0A0A0A 100%); /* WEBKIT CAN EAT IT!! */ } #feature_basic .flex-next, #feature_basic .flex-prev { background: rgba(255, 255, 255, 0.8) url("../images/feature_basic_arrows.png") no-repeat center; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); cursor: pointer; display: block; height: 90px; position: absolute; text-indent: -99999px; top: 190px; width: 55px; z-index: 5; *background: #fff url("../images/feature_basic_arrows.png") no-repeat center; } #feature_basic .flex-next:hover, #feature_basic .flex-prev:hover { background-color: #fff; } #feature_basic .flex-next { background-position: -79px center; border-radius: 3px 0 0 3px; right: 0; } #feature_basic .flex-prev { background-position: 16px center; border-radius: 0 3px 3px 0; left: 0; } #interests { background: #fff url("../images/white_stripes_pattern.png") top center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); height: 65px; } #interests .container { color: #606060; font-size: 16px; font-family: "Anivers-Bold", "Lucida Grande", sans-serif; line-height: 66px; text-transform: uppercase; } #interests ul { width: 100%; } #interests li { position: relative; float: left; width: 330px; } #interests a { background: url("../images/interests_arrow.png") no-repeat 20px center; color: #191813; display: block; height: 65px; letter-spacing: 0.03em; padding: 0 0 0 50px; width: 279px;} #interests a.gsbc_alumni { border: 1px solid #eee; border-width: 0 1px; width: 278px; } #interests a.prospective_students { border-left: 1px solid #eee; } #interests a.current_students { border-left: 1px solid #eee;} #interests li.hover a { background-color: #fff; /* background: #fff url("../images/interests_arrow_hover.png") no-repeat 20px center; */ color: #DF7A2D; } #interests li.hover .menu { display: block; } #interests .menu { background-color: #fff; bottom: 65px; display: none; height: 140px; left: 0; padding: 15px; position: absolute; width: 629px; z-index: 2; } #interests .menu ul { background: none; float: left; width: 370px; } #interests .menu li { background: none; border-bottom: 1px solid #eee; float: none; line-height: 1; margin: 0; padding: 0; } #interests .menu li.last { border-bottom: 0; } #interests li.hover .menu li a { background: url("../images/interests_menu_arrow.png") no-repeat left center; color: #191813; float: none; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-size: 15px; font-variant: normal; height: 17px; line-height: 17px; margin: 0; padding: 9px 0 9px 25px; text-transform: none; } #interests li.hover .menu li a:hover { color: #DF7A2D; } #interests .gsbc_alumni .menu { left: auto; right: 0; } #home { margin: 0 auto; padding: 40px 0; } #home h2 { color: #565656; font-family: "Anivers-Regular", "Lucida Grande", sans-serif;; font-size: 18px; margin-bottom: 5px; } #home h2 a { color: #919090; } #home h2 a:hover { color: #F2842F; } #home #main { float: left; width: 589px; padding-bottom: 0; } #home #sidebar { float: right; width: 363px; } #home #sidebar h2 { border-bottom: 1px solid #E1E0DF; margin-bottom: 10px; padding-bottom: 5px; } #home .carousel { width: 100%; } #home .callout h2 { color: #fff; font-size: 20px; } #home .controls { float: right; height: 8px; margin-top: 4px; } #home .controls .page { background: url("../images/home_page.png") no-repeat left top; float: left; font-size: 0; height: 8px; line-height: 0; margin-right: 3px; width: 8px; } #home .controls .selected { background-position: -8px top; } #home .welcome { border-top: 1px solid #E1E0DF; margin-bottom: 25px; padding-top: 20px; } #home .welcome .containPrimary { margin-top: 10px; margin-bottom: 10px; } #home .welcome img { border: 3px solid #E2E1E1; height: 140px; width: 140px; } #home .welcome .date { width: 40px; height: 35px; background-color: #004769; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; position: relative; left:105px; bottom: 40px; float: left; clear: both; vertical-align: middle; text-align: center; color: #FFF; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-size: 12px; text-transform: uppercase; padding-top: 5px; border: 2px solid #004769;} #home .welcome h2 { color: #005b87; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-size: 18px; line-height: 1.2; margin-bottom: 3px; } #home .welcome h2 a { color: #005b87; } #home .welcome h2 span { color: #565656; font-size: 14px; padding-left: 12px; margin-left: 12px; border-left: 1px solid #565656;} #home .welcome h3 { color: #bebebe; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-size: 11px; margin-bottom: 10px; } #home .welcome p { color: #565656; font-size: 15px; line-height: 1.4} #home .welcome p a.read-more span{ color: #005b87; font-size: 13px; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-style: italic; padding-left: 10px; background-image: url("../images/circle_small.png"); background-repeat: no-repeat; background-position:100% 20%; padding-right: 14px; cursor: pointer;} #home .welcome a.more { background: url("../images/link_arrow.png") no-repeat left center; color: #262626; font-size: 15px; line-height: 21px; margin-right: 10px; padding: 1px 0 1px 25px; } #home .welcome a.more:hover { color: #F2842F; } #home .recent_news { height: 190px; margin-bottom: 20px; overflow: hidden; position: relative; } #home .recent_news a { color: #191813; font-family: "Anivers-Bold", "Lucida Grande", sans-serif; font-size: 16px; } #home .recent_news ul { left: 0; position: absolute; top: 0; width: 10000px; } #home .recent_news li { float: left; width: 598px; } #home .headline { border-top: 1px solid #E1E0DF; margin: 0 10px 10px 0; min-height: 60px; padding-top: 10px; width: 289px; } #home .headline .date { color: #73726F; display: block; font-size: 13px; font-style: italic; margin-bottom: 3px; } #home .headline a { display: block; font-family: "Anivers-Bold", "Lucida Grande", sans-serif; font-size: 16px; line-height: 1.3; } #home .headline a:hover { color: #F2842F; } #home .highlights { height: 100px; overflow: hidden; position: relative; } #home .highlights ul { left: 0; position: absolute; top: 0; width: 10000px; } #home .highlights li { border-top: 1px solid #E1E0DF; float: left; margin-right: 10px; padding-top: 10px; width: 289px; } #home .highlights li img { border: 5px solid #E2E1E1; } #home .highlights h3 { color: #191813; font-family: "Anivers-Bold", "Lucida Grande", sans-serif; font-size: 16px; line-height: 1.2; margin-bottom: 3px; } #home .highlights h3 a { color: #191813; } #home .highlights h3 a:hover { color: #F2842F; } #home .highlights li p { color: #74736F; font-size: 13px; line-height: 1.4; } #day_in_the_life_wrapper { height: 217px; overflow: hidden; position: relative; width: 100%; } .day_in_the_life { height: 217px; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .day_in_the_life.light { background: url("../images/gray_stripes_pattern.png") top center; } .day_in_the_life.dark { background: url("../images/day_in_the_life_bg.png"); } .day_in_the_life .carousel { position: relative; } .day_in_the_life .controls { height: 8px; position: absolute; right: 0; top: -25px; } .day_in_the_life .controls .page { background: url("../images/ditl_page.png") no-repeat left top; display: block; float: left; font-size: 0; height: 8px; line-height: 0; margin-right: 3px; width: 8px; } .day_in_the_life .controls .selected, .day_in_the_life .controls .page:hover { background-position: left bottom; } .day_in_the_life .previous, .day_in_the_life .next { display: block; height: 56px; position: absolute; top: 35px; width: 30px; } .day_in_the_life .previous { background: url("../images/ditl_previous.png") no-repeat center; left: -70px; } .day_in_the_life .previous:hover { background: url("../images/ditl_previous_over.png") no-repeat center; } .day_in_the_life .next { background: url("../images/ditl_next.png") no-repeat center; right: -70px; } .day_in_the_life .next:hover { background: url("../images/ditl_next_over.png") no-repeat center; } .day_in_the_life .carousel_container { height: 144px; overflow: hidden; position: relative; } .day_in_the_life .carousel_items { left: 0; position: absolute; top: 0; width: 10000px; } .day_in_the_life .carousel_items li { display: block; float: left; margin-right: 10px; position: relative; width: 157px; } .day_in_the_life .carousel_items li img { height: 124px; width: 124px; } .day_in_the_life .carousel_items .info { background: url("../images/ditl_info_bg.png") no-repeat right top; bottom: 10px; color: #fff; height: 47px; left: 10px; padding: 5px 10px; position: absolute; width: 120px; } .day_in_the_life .carousel_items .info p { color: #DF7B2E; font-size: 16px; font-variant: small-caps; line-height: 1.2; margin-bottom: 5px; text-transform: lowercase; } .day_in_the_life .carousel_items .info h3 { color: #fff; font-size: 20px; font-weight: bold; line-height: 1.2; text-shadow: 0 2px 1px #000; } .day_in_the_life .carousel_items a { border: 10px solid #131313; display: block; float: left; height: 124px; } .day_in_the_life .toggle_ditl { color: #070706; cursor: pointer; display: inline-block; font-size: 16px; height: 18px; line-height: 18px; margin: 10px 0; } .day_in_the_life .toggle_ditl span { border-left: 1px solid #B5B5B4; color: #868685; font-variant: small-caps; letter-spacing: 0.03em; line-height: 14px; margin-left: 7px; padding-left: 7px; text-transform: lowercase; } .day_in_the_life.dark .toggle_ditl { color: #545454; } .day_in_the_life.dark .toggle_ditl span { border-color: #6C6C6B; color: #E4903E; } /* breadcrumbs*/ #breadcrumbs { background: url("../images/gray_stripes_pattern.png") top center; height: 36px; margin-bottom: 25px; } #breadcrumbs li { background: url("../images/breadcrumbs_divider.png") no-repeat right center; color: #666666; display: block; float: left; font-size: 16px; font-variant: small-caps; height: 36px; line-height: 34px; margin-right: 10px; padding-right: 14px; padding-top: 1px; text-transform: lowercase; } #breadcrumbs li.current_item { background: none; margin-right: 0; padding-right: 0; } #breadcrumbs li a { color: #666666; display: block; float: left; height: 36px; line-height: 34px; } #breadcrumbs li a:hover { color: #9A1C31; } /* Main page structure */ #wrapper { background: #F9F9F7 url("../images/body_bg.png"); overflow: hidden; } #main { padding-bottom: 50px; overflow: hidden; min-height: 300px; } #sidebar { float: left; width: 243px; } #sidebar.right { float: right; } #subnav { border-top: 1px solid #E1E1E1; margin-bottom: 20px; } #subnav ul { margin-left: 0; } #subnav li { background: none; border-bottom: 1px solid #E1E1E1; margin: 0; padding: 0; } #subnav a { color: #666; display: block; font-size: 16px; padding: 6px 10px; } #subnav a:hover { background: #070706; color: #fff; text-decoration: none; } #subnav a.selected, #subnav a.expanded { background: url("../images/gray_stripes_pattern.png") top center; border: 1px solid #D0CFCE; border-width: 1px 0; color: #89192E; margin: -1px 0; } #subnav a.expanded { color: #666666; margin: -1px 0 8px 0; } #subnav a.selected.expanded { color: #89192E; } #subnav a span { display: block; color: #999; font-size: 12px; text-transform: uppercase; } #subnav a.selected span { color: #666; } #subnav ul ul { margin: 0 0 5px 15px; } #subnav li li { border: none; margin: 0; padding: 0; } #subnav li li a { color: #7E7E7E; display: block; font-size: 14px; padding: 4px 10px 4px; } #subnav li li a:hover { background: none; color: #070706; } #subnav li li a.selected, #subnav li li a.expanded { color: #89192E; background: none; border: none; margin: 0; } #subnav li li a.expanded { color: #070706; margin: 0; } #subnav li li a.selected.expanded { margin: 0; } #subnav ul ul ul { margin-bottom: 0; } #sidebar .callout { margin-bottom: 20px; } #sidebar .callout h5 { font-size: 17px; margin-bottom: 3px; } #sidebar .callout p { color: #191813; font-size: 13px; margin-bottom: 5px; } #sidebar .callout p.subtitle { color: #fff; } #sidebar .callout a.more { color: #fff; font-size: 13px; } #sidebar .callout blockquote { background: url("../images/icon_callout_blockquote.png") no-repeat 0 0; margin: 0; padding-left: 0; text-indent: 24px; } #sidebar .callout blockquote p { color: #FFF; font-size: 20px; font-style: italic; line-height: 22px; } #sidebar .callout blockquote span.author { color: #191813; display: block; font-size: 13px; text-align: right; } #home #sidebar .callout img { width: 140px; } #home #sidebar .callout .photo { margin-bottom: 0; } #sidebar .callout_orange h5 { color: #904000; } #sidebar .callout_blue h5 { color: #005768; } #sidebar .callout_green h5 { color: #677104; } #sidebar .callout_purple h5 { color: #600044; } #sidebar .callout.image { margin: 0 0 20px 0; padding: 0; } #sidebar .callout.link { border: 1px solid #E2E1E1; border-width: 1px 0; padding: 12px 0; } #sidebar .callout.link a { background: url("../images/icon_back_button.png") no-repeat 4px 0; display: block; color: #262626; font-size: 15px; height: 19px; line-height: 18px; padding: 0 0 0 30px; } #sidebar .callout.admissions-link { border-top: 0; margin: 0; } #sidebar .callout.admissions-link.top { border-top: 1px solid #E2E1E1; } #sidebar .callout.admissions-link-last { margin: 0 0 20px 0; } #sidebar .callout.admissions-link a { background: url("../images/icon_sidebar_links.png") no-repeat 4px 1px; } #sidebar .callout.admissions-link a.apply { background-position: 2px -120px; padding-bottom: 2px; } #sidebar .callout.admissions-link a.request { background-position: 2px -143px; padding-bottom: 1px; } #sidebar .callout.admissions-link a.visit { background-position: 1px -168px; } #sidebar .callout.admissions-link a.tour { background-position: 1px -191px; } #sidebar .callout.admissions-link a.online { background-position: 4px -47px; } #sidebar .callout.admissions-link a.evening { background-position: 4px -71px; } #sidebar .callout.admissions-link a.middleborough { background-position: 3px -213px; } #sidebar .callout.admissions-link a.rss { background-position: 4px -95px; } #sidebar .callout .video { display: block; height: 114px; margin: 0 0 10px; overflow: hidden; position: relative; width: 219px; } #sidebar .callout .video img { width: 219px; margin-left: 0; } #sidebar .callout .video span { background: url("../images/icon_alumni_video.png") no-repeat left top; display: block; height: 50px; left: 85px; position: absolute; top: 30px; width: 50px; } /* Callouts */ .callout { margin-bottom: 20px; overflow: hidden; padding: 12px 12px 15px; position: relative; } .callout h3 { color: #fff; font-family: "Anivers-Bold", "Lucida Grande", sans-serif; font-size: 20px; margin-bottom: 5px; margin-right: 20px; padding: 0; } .callout h3 a { color: #fff; } .content .callout h3, .content .callout h3 a { color: #fff; } .callout h3 a:hover, .content .callout h3 a:hover { text-decoration: underline; } .callout .title { color: #fff; display: block; font-size: 13px; font-style: italic; margin: 0 0 3px; } .callout .subtitle { color: #fff; display: block; font-size: 14px; font-style: italic; line-height: 1.2; margin-bottom: 5px; } .callout .photo { float: left; margin: 0 10px 10px 0; position: relative; } .callout .large_photo { margin-bottom: 10px; position: relative; } .callout .large_photo img { width: 219px; } .callout .large_photo img.icon { left: 0; position: absolute; top: 0; width: auto; } .callout .date { background: url("../images/date_bg.png"); color: #fff; float: left; font-size: 17px; font-variant: small-caps; margin: 0 10px 10px 0; padding: 5px 0; text-align: center; text-transform: lowercase; width: 51px; } .callout .date span { font-size: 34px; font-weight: bold; line-height: 1; } .callout .photo .date, .callout .large_photo .date { float: none; left: 0; margin: 0; position: absolute; top: 0; } .callout p { color: #191813; font-size: 13px; line-height: 1.4; } .corner { height: 28px; position: absolute; right: 0; top: 0; width: 27px; z-index: 1; } .callout_purple { background-color: #9F257C; } .callout_purple .date span { color: #9F257C; } .callout_purple .corner { background: url("../images/corner_purple.png"); } .callout_blue { background-color: #00A0BF; } .callout_blue .date span { color: #00A0BF; } .callout_blue .corner { background: url("../images/corner_blue.png"); } .callout_green { background-color: #b4c700; } .callout_green .date span { color: #b4c700; } .callout_green .corner { background: url("../images/corner_green.png"); } .callout_orange { background-color: #F2842F; } .callout_orange .date span { color: #F2842F; } .callout_orange .corner { background: url("../images/corner_orange.png"); } .callout_red { background-color: #7E182C; } #sidebar .callout_red p { color: #EEE; } .callout_red .corner { background: url("../images/corner_red.png"); } #sidebar .callout_virtual_tour { background-color: #991C31; } #sidebar .callout_virtual_tour h5 { color: #59101B; } #sidebar .callout_virtual_tour h3 { font-size: 24px; margin-bottom: 10px; } #sidebar .callout_virtual_tour img { float: left; margin: 0 2px 2px 0; width: 108px; } #sidebar .callout_virtual_tour img.last { margin-right: 0; } #sidebar .callout_virtual_tour img.bottom { margin-bottom: 0; } #sidebar .callout_social { padding: 0; } #sidebar .callout_social a { display: block; height: 110px; overflow: hidden; text-indent: -99999px; width: 243px; } #sidebar .callout_social.facebook a { background: url("../images/callout_facebook.png") no-repeat left top; } #sidebar .callout_social.linkedin a { background: url("../images/callout_linkedin.png") no-repeat left top; } #sidebar .callout_social.twitter a { background: url("../images/callout_twitter.png") no-repeat left top; } #sidebar .callout_apply { padding: 0; } #sidebar .callout_apply a { background: url("../images/callout_apply_now.png") no-repeat left top; color: #fff; display: block; font-size: 20px; height: 52px; line-height: 50px; padding: 0 0 0 50px; } #sidebar .callout_todo_list ul { margin: 0; } #sidebar .callout_todo_list ul li { background: none; border-bottom: 1px solid #1D967E; color: #060606; padding: 2px 0 8px; } #sidebar .callout_todo_list ul li.last { border: none; padding-bottom: 0; } #sidebar .callout_todo_list ul li input, #sidebar .callout_todo_list ul li label { cursor: pointer; } #sidebar .callout_todo_list ul li input { float: left; margin: 4px 5px; } #sidebar .callout_todo_list ul li label { display: block; overflow: hidden; } #sidebar .callout_we_love { background: #1B1B1B; padding: 0; } #sidebar .callout_we_love h6 { color: #fff; font-size: 13px; font-weight: 300; letter-spacing: 0.07em; margin: 15px 0 0; text-align: center; text-transform: uppercase; } #sidebar .callout_we_love h6 span { background: url("../images/icon_heart.png") no-repeat center; display: inline-block; height: 12px; margin-bottom: -1px; overflow: hidden; text-indent: -99999px; width: 14px; } #sidebar .callout_we_love .controls { border: 1px solid #111; border-width: 1px 0; height: 30px; margin: 15px; padding: 15px 0; } #sidebar .callout_we_love .controls .pagination { color: #fff; font-size: 15px; font-style: italic; line-height: 22px; text-align: center; } #sidebar .callout_we_love .controls .pagination span { color: #BF0D28; font-size: 40px; font-style: normal; } #sidebar .callout_we_love .item { padding: 0 15px 15px; } #sidebar .callout_we_love .item h3 { color: #fff; font-size: 24px; margin-bottom: 5px; } #sidebar .callout_we_love .item p { color: #999; font-size: 13px; line-height: 20px; } /* PAGE! */ #page { float: right; width: 717px; } #page.left { float: left; } #page .contain iframe { max-width: 715px; } #page .contain.thin iframe { max-width: 450px; } /* CONTENT */ .content h1 { color: #1A1A1A; font-size: 32px; line-height: 1.2; margin-bottom: 20px; } .content h2 { color: #191919; font-size: 24px; font-weight: normal; line-height: 1.2; margin-bottom: 15px; } .content h3 { color: #8D1A2F; font-size: 20px; font-weight: normal; line-height: 1.2; margin-bottom: 5px; } .content h4 { color: #191919; font-size: 16px; font-weight: normal; line-height: 1.2; margin-bottom: 5px; } .content h5 { color: #333333; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-size: 15px; font-variant: small-caps; line-height: 1.2; text-transform: lowercase; } .content h6 { color: #666666; font-size: 15px; font-weight: normal; line-height: 1.3; margin-bottom: 5px; } .content p.intro { font-size: 20px; } .content p { color: #666666; font-size: 15px; line-height: 1.5; margin-bottom: 20px; } .content a { color: #DF7012; } .content a:hover { text-decoration: underline; } .content li { color: #666666; font-size: 15px; line-height: 1.5; margin-bottom: 5px; } /*.content ul, .content ol { margin: 0 0 25px 10px; }*/ /*.content ul li { background: url("../images/list_bullet.png") no-repeat left top 6px; padding-left: 10px; padding-bottom: 10px; }*/ content ul, .content ol { margin: 0 0 25px 0px; } .content ul li { padding-left: 0px; padding-bottom: 10px; } .content ol { list-style: decimal; margin-left: 28px; } .content img.large { display: block; margin-bottom: 20px; } .content img.bordered { background-color: #DFDFDD; padding: 7px; } .content table { margin-bottom: 20px; width: 100%; } .content table tbody { border-top: 1px solid #E3E3E2; } .content table.tableForm tbody { border: 0px solid #E3E3E2; } .content table th { background-color: #EAEAE9; color: #070706; font-family: "Anivers-Bold", "Lucida Grande", sans-serif; font-size: 15px; font-weight: normal; padding: 12px 15px; text-align: left; vertical-align: top; } .content table td { border-bottom: 1px solid #E3E3E2; color: #666666; font-size: 15px; padding: 15px; vertical-align: top; } .content table.tableForm td { border: 0px; color: #666666; line-height: 22px; font-size: 15px; padding: 0px; vertical-align: top; } .content table.tableForm td hr{ border:0px; border-bottom: 1px solid #E3E3E2; background: none; color: #FFF; line-height: 20px; font-size: 15px; padding: 0px; vertical-align: top; } .content blockquote { background: url("../images/blockquote.png") no-repeat left top; color: #929292; font-size: 18px; line-height: 1.5; margin-bottom: 10px; padding-left: 40px; } .content blockquote p { color: #929292; font-size: 18px; line-height: 1.5; } .content h4.list_divider { background: #ECEBEA; clear: both; color: #991B31; font-size: 13px; font-weight: 400; letter-spacing: 0.05em; padding: 9px 10px 6px; text-transform: uppercase; } .content h4.list_divider a { color: #991B31; } .content h4.list_divider a:hover { text-decoration: none; } .content h4.list_divider.pad { margin: 30px 0 0; } .content h4.divider { clear: both; color: #991B31; font-size: 13px; letter-spacing: 0.05em; padding: 0; text-transform: uppercase; } .content .two_column { float: left; width: 48%; } .content .container { border-top: 1px solid #e1e1e1; float: left; padding:15px 0 15px 0; width: 100%; } /* DOCUMENT CLASSES */ a.doc { background: url("../images/icon_doc.gif") no-repeat left top; padding: 0 0 0 32px; } a.pdf { background: url("../images/icon_pdf.gif") no-repeat left top; padding: 0 0 0 32px; } a.ppt { background: url("../images/icon_ppt.gif") no-repeat left top; padding: 0 0 0 32px; } a.xls { background: url("../images/icon_xls.gif") no-repeat left top; padding: 0 0 0 32px; } p a.doc { background: url("../images/icon_doc.gif") no-repeat right center; display: inline-block; margin: 0 1px 0 0; overflow: visible; padding: 0 29px 0 0; } p a.pdf { background: url("../images/icon_pdf.gif") no-repeat right center; display: inline-block; margin: 0 1px 0 0; overflow: visible; padding: 0 29px 0 0; } p a.ppt { background: url("../images/icon_ppt.gif") no-repeat right center; display: inline-block; margin: 0 1px 0 0; overflow: visible; padding: 0 29px 0 0; } p a.xls { background: url("../images/icon_xls.gif") no-repeat right center; display: inline-block; margin: 0 1px 0 0; overflow: visible; padding: 0 29px 0 0; } /* CONTENT INTRO */ .content div.intro_image { border: 8px solid #DFDFDD; height: 290px; margin-bottom: 20px; overflow: hidden; position: relative; width: 700px; } .content div.intro_image img { left: 0; position: absolute; top: 0; z-index: 0; } .content div.intro_image div.caption { background: url("../images/date_bg.png") repeat; bottom: 0; display: none; left: 0; overflow: hidden; position: absolute; z-index: 1; width: 100%; } .content div.intro_image div.caption p { color: #fff; font-size: 18px; padding: 10px; margin: 0; } .content div.intro_video { border: 8px solid #DFDFDD; height: 394px; margin-bottom: 20px; overflow: hidden; position: relative; width: 700px; } /* IN PAGE SIDEBAR */ .contain.thin { border-right: 1px solid #E2E1E1; padding-right: 20px; } #sidebar_right { border-left: 1px solid #E2E1E1; float: right; margin: 0 0 0 -1px; padding: 0 0 0 20px; width: 225px } #sidebar_right .callout { border-top: 1px solid #E2E1E1; margin: 0; padding: 20px 0 5px; } #sidebar_right .callout.top { border-top: 0; padding-top: 0; } #sidebar_right .callout h4 { color: #8C192E; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-weight: normal; font-size: 14px; letter-spacing: 0.1em; margin-bottom: 10px; text-transform: uppercase; } #sidebar_right .callout p { color: #666; margin-bottom: 15px; } #sidebar_right .callout p strong { color: #191813; font-family: "Anivers-Bold", "Lucida Grande", sans-serif; font-weight: normal; } #sidebar_right .callout ul { margin-left: 0; } #sidebar_right .callout li { line-height: 1.2; } #sidebar_right .callout a { color: #191813; } #sidebar_right .callout.link { padding: 8px 0 12px; } #sidebar_right .callout.link a { background: url("../images/icon_sidebar_links.png") no-repeat 4px 1px; display: block; color: #262626; font-size: 15px; height: 19px; line-height: 18px; padding: 7px 5px 0 34px; } #sidebar_right .callout.link a.apply { background: url("../images/152-rolodex.png") no-repeat left center; } #sidebar_right .callout.link a.request { background: url("../images/08-chat.png") no-repeat left center; } #sidebar_right .callout.link a.visit { background: url("../images/83-calendar.png") no-repeat left center; } #sidebar_right .callout.link a.tour { background: url("../images/40-inbox.png") no-repeat left center; } #sidebar_right .callout.link a.online { background-position: 4px -47px; } #sidebar_right .callout.link a.evening { background-position: 4px -71px; } #sidebar_right .callout.link a.middleborough { background-position: 3px -213px; } #sidebar_right .callout.link a.rss { background-position: 4px -95px; } #sidebar_right .callout.alumni p { line-height: 19px; overflow: hidden; } #sidebar_right .callout.alumni .block_left { margin-bottom: 4px; } /* SMALL RIGHT SIDEPHOTO GALLERY */ .contain .right_photo_gallery.carousel { margin: 0 0 25px 20px; } .right_photo_gallery.carousel { height: 230px; margin: 0 0 25px 0; width: 225px; } .right_photo_gallery.carousel.single { height: 205px; } .right_photo_gallery .carousel_container { height: 205px; overflow: hidden; position: relative; } .right_photo_gallery .carousel_items { left: 0; margin: 0; position: absolute; top: 0; width: 10000px; } .right_photo_gallery .carousel_items li { background: none; display: block; float: left; height: 205px; margin: 0; padding: 0; position: relative; width: 225px; } .right_photo_gallery .carousel_items li .info { background: url("../images/date_bg.png") repeat; bottom: 0; display: none; left: 0; overflow: hidden; position: absolute; z-index: 1; width: 100%; } .right_photo_gallery .carousel_items li .info p { color: #fff; font-size: 12px; padding: 10px; margin: 0; } .right_photo_gallery .carousel_items a { border: 10px solid #131313; display: block; float: left; } .right_photo_gallery .controls_container { background: #191813; height: 9px; padding: 8px 0 8px; text-align: center; } .right_photo_gallery .controls { display: inline-block; overflow: hidden; } .right_photo_gallery .controls .page { background: url("../images/icon_rpg_controls.png") no-repeat -23px 0; display: block; float: left; height: 9px; margin: 0 3px; width: 8px; text-indent: -99999px; } .right_photo_gallery .controls .page.selected, .right_photo_gallery .controls .page:hover { background-position: -14px 0; } .right_photo_gallery .previous, .right_photo_gallery .next { background: url("../images/icon_rpg_controls.png") no-repeat 1px 0; display: block; float: left; height: 9px; width: 7px; text-indent: -99999px; } .right_photo_gallery .previous { margin-right: 6px; } .right_photo_gallery .next { background-position: -32px 0; margin-left: 6px; } .right_photo_gallery .previous.ui-state-disabled { background-position: -6px 0; } .right_photo_gallery .next.ui-state-disabled { background-position: -39px 0; } .right_photo_gallery .ui-state-disabled { cursor: default; } /* LARGE IN PAGE PHOTO GALLERY */ .page_photo_gallery { background: url("../images/gray_stripes_pattern.png") repeat top center; padding: 15px; margin-left: 0; } .page_photo_gallery h4 { font-size: 14px; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-weight: normal; letter-spacing: 0.1em; margin-bottom: 10px; text-transform: uppercase; } .page_photo_gallery.carousel { height: 300px; margin: 0 0 25px 0; } .page_photo_gallery .carousel_container { height: 270px; overflow: hidden; position: relative; } .page_photo_gallery .carousel_items { left: 0; margin: 0; position: absolute; top: 0; width: 10000px; } .page_photo_gallery .carousel_items li { background: none; display: block; float: left; height: 270px; margin: 0; padding: 0; position: relative; width: 696px; } .page_photo_gallery.thin { width: 408px; } .page_photo_gallery.thin .carousel_container { /* width: 418px; */ } .page_photo_gallery.thin .carousel_items li { width: 418px; } .page_photo_gallery.single .carousel_items li { height: 205px; } .page_photo_gallery.single { height: 160px; } .page_photo_gallery.single .carousel_container { height: 130px; } .page_photo_gallery .carousel_items li a { border: 7px solid #F3F3F2; float: left; margin: 0 10px 10px 0; position: relative; z-index: 2; height: 115px; width: 115px; } .page_photo_gallery .carousel_items li a:hover { border-color: #F2842F; background: url("../images/icon_gallery_zoom.png"); } .page_photo_gallery .carousel_items li a img { z-index: 1; } .page_photo_gallery .controls { height: 9px; margin: 4px 0 0; float: right; } .page_photo_gallery .controls .page { background: url("../images/icon_ppg_controls.png") no-repeat -23px 0; display: block; float: left; height: 9px; margin: 0 3px; width: 8px; text-indent: -99999px; } .page_photo_gallery .controls .page.selected, .page_photo_gallery .controls .page:hover { background-position: -14px 0; } .page_photo_gallery .previous, .page_photo_gallery .next { background: url("../images/icon_ppg_controls.png") no-repeat 1px 0; display: block; float: left; height: 9px; width: 7px; text-indent: -99999px; } .page_photo_gallery .previous { margin-right: 6px; } .page_photo_gallery .next { background-position: -32px 0; margin-left: 6px; } .page_photo_gallery .previous.ui-state-disabled { background-position: -6px 0; } .page_photo_gallery .next.ui-state-disabled { background-position: -39px 0; } .page_photo_gallery .ui-state-disabled { cursor: default; } /* PROGRAM LANDING */ #program_listing { background: #F9F9F7 url("../images/body_bg.png"); } .programs .program_filter { margin: 0 0 30px 0; position: relative; } .programs .program_filter fieldset { float: left; width: 244px; } .programs .program_filter fieldset.last { width: 228px; } .programs .program_filter label { color: #4D4D4C; display: block; font-size: 15px; font-weight: normal; margin: 0 0 8px 0; font-family: "Anivers-Bold", "Lucida Grande", sans-serif; } .programs .program_block { border-top: 1px solid #E0DFDD; float: left; padding: 15px 10px 10px; width: 330px; } .programs .program_block.right { float: right; } .programs .program_block.top { border: none; } .programs .program_block.bottom { margin: 0 0 20px 0; } .programs .program_block h3 { color: #191813; font-size: 15px; font-weight: normal; } .programs .program_block h3 a { color: #191813; } .programs .program_block h6 { color: #991B31; font-size: 12px; font-weight: normal; margin: 0 0 2px; } .programs .program_block p { margin: 0; display: none; } .programs .program_block p.links { display: block; font-family: "Anivers-Bold", "Lucida Grande", sans-serif; margin: 0; } .programs .program_block p.links a { font-family: "Anivers-Regular", "Lucida Grande", sans-serif; } .programs .no_results { border-top: 1px solid #E0DFDD; color: #AAAAA9; font-size: 26px; font-style: italic; padding: 30px 0; } /* PROGRAM DETAIL */ .content .career_column { float: left; margin: 5px 20px 0 0; width: 205px; } .content .program_heading { margin: 0 0 16px 0; } .content .program_heading h1 { margin-bottom: 0; } .content .program_heading h1 a { color: #1A1A1A; } .content .program_heading h1 a:hover { text-decoration: none; } .content .program_heading h5 { color: #8A192E; font-size: 17px; letter-spacing: 0.09em; line-height: 18px; } .content .program_heading .jumpper { float: right; margin: 10px 0 0; } .content .program_heading .jumpper .submit { background: url("../images/icon_go_button.png") no-repeat left top; border: none; cursor: pointer; height: 28px; margin: 5px 0 0 7px; width: 28px; text-indent: -99999px; font-size: 0.001em; } /* PROGRAM FACULTY */ table.faculty_list td p { margin: 0 0 5px; } table.faculty_list td strong { color: #191813; font-size: 16px; } table.faculty_list td strong a { color: #191813; } /* NEWS */ .news ul { margin: 0 0 20px; } .news ul li { background: none; border-bottom: 1px solid #E1E1DF; margin: 0; overflow: hidden; padding: 20px 0; } .news ul li.last { border: none; } .news ul li .block_right { border: 7px solid #E2E1E1; margin-bottom: 0; } .news ul li p { margin: 0; } .news ul li h6 { font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-style: italic; font-weight: normal; } .news ul li h4 a { color: #191919; } #sidebar_right.news { background: url("../images/gray_stripes_pattern.png") repeat top center; border-left: none; padding: 15px 20px; } #sidebar_right.news h3 a { color: #191813; } #sidebar_right.news p { font-size: 13px; line-height: 18px; } #sidebar_right.news img { margin: 8px 0; width: 225px; } .recent_headlines { border-bottom: 1px solid #D3D2D1; margin: 8px 0; } .recent_headlines h3 { font-size: 15px; border-top: 1px solid #D3D2D1; padding: 15px 0; } #sidebar_right.news a.more { font-size: 13px; } .contain.thin.events { border: none; } p.time { font-size: 16px; font-style: italic; margin: 0 0 5px; } .featured_event { margin: 0 0 10px 0; } .featured_event .large_photo { border: 7px solid #E2E1E1; float: left; margin: 0 15px 15px 0; position: relative; overflow: hidden; } .featured_event .large_photo .date { position: absolute; } .featured_event .large_photo img { float: left; } .featured_event .date { background: url("../images/date_bg.png"); color: #fff; float: left; font-size: 17px; font-variant: small-caps; margin: 0 10px 10px 0; padding: 5px 0; text-align: center; text-transform: lowercase; width: 51px; left: 0; position: static; top: 0; } .featured_event .date span { color: #F2842F; font-size: 34px; font-weight: bold; line-height: 1; } .featured_event h2 a { color: #191813; } .featured_event h2, .featured_event p { margin: 0; } .featured_event p.time { font-size: 13px; font-style: italic; } .events_list { border-bottom: 1px solid #D3D2D1; margin: 8px 0; } .events_list .event { border-top: 1px solid #D3D2D1; overflow: hidden; padding: 15px 0; } .events_list .date { background: url("../images/date_bg.png"); color: #fff; float: left; font-size: 17px; font-variant: small-caps; margin: 0 10px 0 0; padding: 5px 0; text-align: center; text-transform: lowercase; width: 51px; float: left; } .events_list .date span { color: #ffcc00; font-size: 34px; font-weight: bold; line-height: 1; } .events_list h3 a { color: #191813; } .events_list h3, .events_list p { margin: 0; } .events_list p.time { font-size: 13px; font-style: italic; } .events_list .block_right { border: 7px solid #E2E1E1; margin-bottom: 0; } .calendar .events_list { border-bottom: none; } .calendar .no_results { border-top: 1px solid #E0DFDD; color: #AAAAA9; font-size: 26px; font-style: italic; padding: 30px 0; } .calendar h2 { margin: 25px 0 20px; } #sidebar.event .large_photo { padding: 0; position: relative; } #sidebar.event .date { background: url("../images/date_bg.png"); color: #fff; float: left; font-size: 17px; font-variant: small-caps; margin: 0 10px 10px 0; padding: 5px 0; text-align: center; text-transform: lowercase; width: 51px; float: none; left: 0; margin: 0; position: absolute; top: 0; } #sidebar.event .date span { color: #F2842F; font-size: 34px; font-weight: bold; line-height: 1; } #sidebar.event .date_single { height: 62px; padding: 0; } .module_nav { background: #EFEFED; display: block; height: 28px; margin-bottom: 15px; } .module_nav a { border-right: 1px solid #E8E8E6; color: #959494; display: block; float: left; font-size: 14px; font-weight: normal; line-height: 28px; letter-spacing: 0.025em; padding: 0 13px; position: relative; text-transform: uppercase; } .module_nav a:hover { color: #191919; text-decoration: none; } .module_nav a.selected { background: #991C31; color: #fff; } .module_nav a.selected { background: #0a5b85; color: #fff; } .module_nav a span { display: none; } .module_nav a.selected span { background: url("../images/icon_module_nav_caret_blue.png") no-repeat center top; bottom: -5px; display: block; height: 5px; left: 0; position: absolute; width: 100%; } /* JOB BOARD */ #job_board_listing { background: #F9F9F7 url("../images/body_bg.png"); } .job_board .job_board_header { margin: 0 0 30px 0; position: relative; } .job_board .job_board_header fieldset { float: left; width: 244px; } .job_board .job_board_header label { color: #4D4D4C; display: block; font-size: 15px; font-weight: 600; margin: 0 0 8px 0; } .job_board .job_board_header input { background: #F6F5F4; border: 4px solid #DFDEDE; color: #666; display: block; "Anivers-Regular", "Lucida Grande", sans-serif; font-size: 13px; height: 30px; line-height: 30px; padding: 0 9px; width: 165px; } .job_board .job_board_header input.submit { background: url("../images/icon_search_button.png") no-repeat left top; border: none; cursor: pointer; height: 28px; margin: 5px 0 0 7px; width: 28px; text-indent: -99999px; } .job_board .job_board_header .job_board_search { width: 470px; } .job_board .job_board_header .job_board_search fieldset { width: auto; } .job_board .job_board_header .job_board_search input { width: 405px; } .job_board .job_board_header .job_board_search input.submit { width: 28px; } .job_board table th, .job_board table td { vertical-align: top; } .job_board thead th { background: #ECEBEA; clear: both; color: #991B31; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-size: 13px; line-height: 16px; font-weight: normal; letter-spacing: 0.05em; padding: 9px 15px 5px; text-transform: uppercase; } .job_board thead th.center { text-align: center; } .job_board tbody td.title { color: #191813; font-family: "Anivers-Bold", "Lucida Grande", sans-serif; font-size: 16px; font-weight: normal; } .job_board tbody td.title a { color: #191813; } .job_board tbody td.title span { color: #F2842F; font-size: 14px; font-weight: 400; } .job_board tbody td.company { color: #191813; font-size: 16px; font-weight: 500; } .job_board .no_results { border-top: 1px solid #E0DFDD; color: #AAAAA9; font-size: 26px; font-style: italic; padding: 30px 0; } .job_board h3 { margin-bottom: 20px; } /* VIRTUAL TOUR */ .virtual_tour .stops_wrapper { height: 460px; overflow: hidden; position: relative; width: 710px; } .virtual_tour .stop { display: none; right: 0; position: absolute; top: 0; } .virtual_tour .stop.selected { display: block; } .virtual_tour .stop .info_wrapper { background: url("../images/date_bg.png") repeat; bottom: 0; left: 0; position: absolute; width: 100%; } .virtual_tour .stop .info_wrapper .anchor { background: url("../images/vt_anchor_sprite.png") no-repeat 0 0; color: #fff; cursor: pointer; display: block; font-size: 14px; margin: 10px; padding: 1px 0 1px 23px; } .virtual_tour .stop .info_wrapper.open .anchor { background-position: 0 -35px; } .virtual_tour .stop .info_wrapper .expander_content { height: 0; overflow: hidden; } .virtual_tour .stop .info_wrapper .inner { padding: 5px 20px 20px; } .virtual_tour .stop .info_wrapper .contain { border-right: 1px solid #595253; padding: 0 20px 0 0; } .virtual_tour .stop .info_wrapper .contain.wide { border: none; padding: 0; } .virtual_tour .stop .info_wrapper h4 { color: #fff; font-size: 16px; margin: 0 0 5px; } .virtual_tour .stop .info_wrapper .contain p { color: #fff; font-size: 13px; margin: 0 0 15px; } .virtual_tour .stop .info_wrapper .links { border-left: 1px solid #595253; float: right; margin: 0 0 0 -1px; padding: 0 0 0 20px; width: 160px; } .virtual_tour .stop .info_wrapper .links h6 { color: #F2842F; font-size: 15px; font-weight: normal; letter-spacing: 0.05em; text-transform: uppercase; } .virtual_tour .stop .info_wrapper .links ul { margin-left: 0; } .virtual_tour .stop .info_wrapper .links li { background-image: url("../images/list_bullet_white.png"); } .virtual_tour .stop .info_wrapper .links a { color: #fff; } .virtual_tour .stop_controller { background: #101010; padding: 14px 10px; width: 690px; } .virtual_tour .stop_controller .carousel_container { height: 100px; overflow: hidden; position: relative; width: 660px; } .virtual_tour .stop_controller .carousel_items { left: 0; margin: 0; position: absolute; top: 0; width: 10000px; } .virtual_tour .stop_controller .carousel_items li { background: none; cursor: pointer; display: block; float: left; height: 100px; margin: 0 14px 0 0; padding: 0; position: relative; width: 154px; } .virtual_tour .stop_controller .carousel_items li:hover, .virtual_tour .stop_controller .carousel_items li.selected { border: 5px solid #F2842F; height: 90px; overflow: hidden; width: 144px; } .virtual_tour .stop_controller .carousel_items li.selected { border-color: #F8F8F8; } .virtual_tour .stop_controller .carousel_items li:hover img, .virtual_tour .stop_controller .carousel_items li.selected img { display: block; margin: -5px; } .virtual_tour .stop_controller .next, .virtual_tour .stop_controller .previous { background: url("../images/vt_controls_sprite.png") no-repeat right center; display: block; cursor: pointer; height: 100px; text-indent: -99999px; width: 15px; } .virtual_tour .stop_controller .previous { background-position: left center; } .virtual_tour .stop_controller .next.ui-state-disabled, .virtual_tour .stop_controller .previous.ui-state-disabled { opacity: 0.4; } /* OFFICES & SERVICES */ .offices_services_filter { border: 5px solid #ECEBEA; color: #D2D2D2; font-size: 15px; margin: 0 0 30px 0; padding: 15px; } .offices_services_filter a { color: #A23848; } .offices_services_filter a, .offices_services_filter span { display: inline-block; margin: 0 5px 0 0; } .office_service_block { border-top: 1px solid #E0DFDD; overflow: hidden; padding: 20px 10px; } .office_service_block.top { border: none; } .office_service_block.bottom { margin: 0 0 30px 0; } .office_service_block h3 { color: #191813; font-size: 16px; } .office_service_block h3 a { color: #191813; } .office_service_block p { font-size: 15px; margin-bottom: 0; } .office_service_block .info { margin: 0 0 0 20px; width: 300px; } .offices_services_heading { margin: 0 0 25px 0; } .offices_services_heading .jumpper { float: right; margin: 10px 0 0; } .offices_services_heading .jumpper .submit { background: url("../images/icon_go_button.png") no-repeat left top; border: none; cursor: pointer; height: 28px; margin: 5px 0 0 7px; width: 28px; text-indent: -99999px; } /* SUCCESSFUL ALUMNI */ .alumni_success .image { padding-right: 0; padding-left: 0; } .alumni_success img { height: 175px; } .alumni_success .video { display: block; height: 175px; overflow: hidden; position: relative; width: 241px; } .alumni_success .video img { margin-left: -35px; } .alumni_success .video span { background: url("../images/icon_alumni_video.png") no-repeat left top; display: block; height: 50px; left: 95px; position: absolute; top: 65px; width: 50px; } /* .alumni_success .video:hover span { display: block; } */ .alumni_success h3 { color: #191919; } .alumni_success p { margin-bottom: 7px; } .alumni_success blockquote { background: url("../images/blockquote_small.png") no-repeat left top; padding-left: 28px; } .alumni_success blockquote p { color: #929292; font-size: 14px; line-height: 1.5; } /* EXPLORING CAREERS FEATURE */ .exploring_careers_feature { background: #181818 url("../images/feature_bg.png") no-repeat center; background: -moz-radial-gradient(50% 50% 0deg, ellipse closest-corner, #404040, #0A0A0A 100%); /* WEBKIT CAN EAT IT!! */ } .exploring_careers_feature .expander_content { height: 510px; position: relative; } .exploring_careers_feature .anchor { background: #000 url("../images/icon_careers_close.png") no-repeat 5px 4px; bottom: 0; color: #fff; cursor: pointer; display: block; font-size: 15px; padding: 8px 9px 9px 33px; position: absolute; right: 0; z-index: 10; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } .exploring_careers_feature .anchor:hover { background-position: 5px -33px; color: #BD2940; } .exploring_careers_feature .panel { display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .exploring_careers_feature h2 { color: #fff; font-size: 54px; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-style: italic; line-height: 65px; text-align: center; } .exploring_careers_feature h5 { color: #000; font-size: 18px; margin: 20px 0 0; text-align: center; text-transform: uppercase; } .exploring_careers_feature .go { cursor: pointer; display: block; margin: 25px auto 0; padding: 0; text-align: center; width: 155px; } .exploring_careers_feature .go .icon { background: url("../images/icon_careers_button.png") no-repeat top center; display: inline-block; height: 58px; margin: 0 0 5px 0; width: 59px; } .exploring_careers_feature .go .label { background: #131313; color: #F2842F; clear: both; display: inline-block; font-size: 18px; font-style: italic; padding: 8px 11px 7px 9px; border-radius: 5px; -webkit-border-radius: 5px; } .exploring_careers_feature .go:hover .label { color: #fff; } .exploring_careers_feature .landing h2 { margin: 110px 20px 0; } .exploring_careers_feature .interests h2 { margin: 50px 20px 0; } .exploring_careers_feature .interests h5 { color: #9D9D9D; margin: 20px 0 30px; } .exploring_careers_feature .interests .column_wrapper { margin: 0 0 0 45px; } .exploring_careers_feature .interests .column { float: left; width: 180px; } .exploring_careers_feature .interests .interest { color: #fff; background: #131313; clear: both; cursor: pointer; display: block; float: left; font-size: 18px; margin: 0 0 8px 20px; padding: 6px 10px; border-radius: 5px; -webkit-border-radius: 5px; } .exploring_careers_feature .interests .interest:hover { background: #fff; color: #131313; } .exploring_careers_feature .interests .interest.active { background: #F2842F; color: #131313; } .exploring_careers_feature .interests .go { width: 210px; } .exploring_careers_feature .interests .icon { background-position: 0 -59px; } .exploring_careers_feature .loading { background: url("../images/loading.gif") no-repeat center; } .exploring_careers_feature .careers { } .exploring_careers_feature .careers .heading { height: 65px; padding: 0 0 0 65px; } .exploring_careers_feature .careers .heading p { color: #696969; font-size: 13px; letter-spacing: 0.05em; padding: 30px 0 0; text-transform: uppercase; } .exploring_careers_feature .careers .heading p .count { color: #FFF; display: inline-block; font-size: 22px; padding: 0 2px; } .exploring_careers_feature .careers .heading span.back { background: #131313 url("../images/icon_back_button.png") no-repeat 8px center; color: #FFF; cursor: pointer; display: inline-block; font-size: 13px; margin: 30px 0 0; padding: 7px 12px 9px 32px; border-radius: 5px; -webkit-border-radius: 5px; } .exploring_careers_feature .careers .heading span.back:hover { color: #F2842F; } .exploring_careers_feature .careers .next, .exploring_careers_feature .careers .previous { cursor: pointer; display: block; height: 406px; text-indent: -99999px; width: 55px; } .exploring_careers_feature .careers .next { background: url("../images/ditl_next.png") no-repeat scroll center center transparent; } .exploring_careers_feature .careers .next:hover { background: url("../images/ditl_next_over.png") no-repeat scroll center center transparent; } .exploring_careers_feature .careers .previous { background: url("../images/ditl_previous.png") no-repeat scroll center center transparent; } .exploring_careers_feature .careers .previous:hover { background: url("../images/ditl_previous_over.png") no-repeat scroll center center transparent; } .exploring_careers_feature .careers .slider { overflow: hidden; height: 406px; position: relative; width: 880px; } .exploring_careers_feature .careers ul { left: 0; position: absolute; top: 0; width: 100000px; } .exploring_careers_feature .careers li { float: left; height: 406px; width: 880px; } .exploring_careers_feature .careers li img { border: 10px solid #131313; float: left; } .exploring_careers_feature .careers li .info { width: 250px; } .exploring_careers_feature .careers li h3 { color: #fff; font-size: 30px; } .exploring_careers_feature .careers li h6 { color: #959594; font-size: 13px; margin: 5px 0 0 0; } .exploring_careers_feature .careers li h6 span { font-style: italic; } .exploring_careers_feature .careers li ul { margin: 15px 0 0; padding: 0; position: static; width: auto; } .exploring_careers_feature .careers li ul li { background: url("../images/list_bullet_white.png") no-repeat left 4px; color: #fff; float: none; font-size: 14px; height: auto; margin: 0 0 7px; padding-left: 10px; width: auto; } .exploring_careers_feature .careers li .info .links { border-top: 1px solid #434343; margin: 15px 0 0; padding: 5px 0 0; } .exploring_careers_feature .careers li .info .links strong { display: block; color: #fff; font-size: 13px; font-weight: 400; letter-spacing: 0.05em; margin: 10px 0 3px; text-transform: uppercase; } .exploring_careers_feature .careers li .info .links { color: #F2842E; } .exploring_careers_feature .careers li .info .links a { color: #F2842E; font-size: 14px; } .exploring_careers_feature .careers li .info .links a:hover { text-decoration: underline; } .exploring_careers_feature .careers li .info .heading { height: auto; padding: 0; } .exploring_careers_feature .careers li .info .heading p { padding: 0 0 10px; } .exploring_careers_feature .careers li .info .heading p span { color: #F2842F; } /* COMMON QUESTIONS */ #smartbox .form_builder { background: #F6F5F4; padding: 20px; } #smartbox .form_builder h3 { color: #A02339; font-size: 24px; font-weight: normal; margin: 0 0 20px; } .common_questions .common_questions_header { margin: 0 0 30px; } .common_questions .common_questions_header label { color: #4D4D4C; display: block; font-size: 15px; font-weight: 600; margin: 0 0 8px 0; } .common_questions_header .ui-dropdown { border: 4px solid #DFDEDE; float: left; height: 30px; position: relative; width: 352px; z-index: 1; } .common_questions_header .ui-dropdown a.ui-dropdown-selected { background: #fff; } .common_questions_header .ui-dropdown a.ui-dropdown-selected span { background-position: 323px 12px; } .common_questions_header .ui-dropdown .ui-dropdown-options { width: 352px; } .common_questions_header fieldset { float: left; } .common_questions_header .divider { color: #666; display: block; float: left; font-size: 15px; margin: 23px 0 0; padding: 10px 15px; } .content .orange_submit { background: #F2842F url("../images/submit_button_orange_bg.png") repeat; border: none; cursor: pointer; color: #FFF; display: block; float: left; font-size: 15px; font-weight: normal; height: 38px; line-height: 39px; margin: 22px 0 0; padding: 0 20px 0 14px; width: auto; } .content .orange_submit span { background: url("../images/icon_questions_add.png") no-repeat left 11px; display: block; padding: 0 0 0 23px; } .content .orange_submit:hover { background: #1B1B1B url("../images/gateways_bg.png") repeat; text-decoration: none; } .content .orange_submit:hover span { background-position: 0 -29px; } .content .orange_submit.tips_submit { background-image: none; } .page_photo_gallery.carousel.has_submit { height: 356px; } .page_photo_gallery.single.has_submit { height: 216px; } #common_questions_listing { border-bottom: 1px solid #E0DFDD; overflow: hidden; } .common_questions .no_results { border-top: 1px solid #E0DFDD; color: #AAAAA9; font-size: 26px; font-style: italic; padding: 30px 0; } .common_questions .question { border-top: 1px solid #E0DFDD; padding: 17px 0 10px; } .common_questions .question .expander_content { height: 0px; padding: 0 0 0 35px; } .common_questions .question .inner { margin: 10px 0 0; } .common_questions .question .inner p { margin-bottom: 10px; } .common_questions .question h3 { color: #000; cursor: pointer; font-size: 16px; *height: 1%; } .common_questions .question h3 a { background: url("../images/icon_questions_toggle.png") no-repeat 10px 0; color: #000; display: block; padding: 0 2px 0 33px; } .common_questions .question h3 a:hover { color: #A02339; text-decoration: none; } .common_questions .question.open h3 a { background-position: 10px -57px; color: #A02339; } /* GATEWAYS */ .gateways div.intro_image .links { background: url("../images/gateway_intro_overlay.png") repeat-y top left; height: 290px; left: 0; position: absolute; top: 0; width: 335px; z-index: 2; } .gateways div.intro_image .links .large_link { background: url("../images/icon_gateway_arrow.png") no-repeat 15px center; bottom: 15px; color: #fff; font-size: 25px; padding: 15px 0 15px 45px; position: absolute; left: 0; } .gateways div.intro_image .links ul { bottom: 55px; position: absolute; left: 5px; width: 250px; } .gateways div.intro_image .links ul li { background: url("../images/list_bullet_white.png") no-repeat 5px center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: block; margin: 0; overflow: hidden; padding: 0; } .gateways div.intro_image .links ul li a { color: #fff; display: block; font-size: 16px; padding: 4px 0 5px 15px; } .gateways .link_columns { background: url("../images/gateways_link_bg.png") repeat-y top left; margin: 0 0 25px; overflow: hidden; } .gateways .column { padding: 0 10px; width: 220px; } .gateways .column.first { border-left: 0; } .gateways .column.last { border-right: 0; padding: 0 0 0 10px; } .gateways .column ul { margin-top: 10px; } .gateways .column ul a { color: #666; } .gateways .callouts { border-top: 1px solid #E1E1E1; } .gateways .callouts .callout { float: left; margin: 0; padding: 20px 10px 10px; width: 338px; } .gateways .callouts .callout h4 { margin: 0 0 5px 0; } .gateways .callouts .callout p { font-size: 13px; } .gateways .callouts .callout p a { display: block; } .gateways .callouts.with_gallery { border: none; } .gateways .callouts.with_gallery .callout { padding-top: 0; } .gateways .jobs .jump { background: url("../images/arrow_round_sprite.png") no-repeat left top; color: #191919; display: block; font-size: 15px; padding: 0 0 0 20px; } .gateways .jobs { margin: 0 10px 30px; overflow: hidden; } .gateways .jobs_column { float: left; margin: 0 15px 0 0; width: 222px; } .gateways .jobs_column.last { margin: 0; width: 223px; } .gateways .jobs .job { border-top: 1px solid #E1E1E1; color: #888884; display: block; font-size: 15px; margin: 10px 0 0; padding: 10px 10px 0; } .gateways .jobs .job a { display: block; font-size: 15px; line-height: 18px; } /* ADMISSIONS FEATURE */ .admissions_feature { height: 330px; margin: 0 0 30px; overflow: hidden; width: 100%; } .admissions_feature .info { background: #1B1B1B; float: left; height: 330px; padding: 0; width: 270px; } .admissions_feature .info h6 { color: #fff; font-size: 13px; font-weight: 300; letter-spacing: 0.07em; margin: 15px 0 0; text-align: center; text-transform: uppercase; } .admissions_feature .info h6 span { background: url("../images/icon_heart.png") no-repeat center; display: inline-block; height: 12px; margin-bottom: -1px; overflow: hidden; text-indent: -99999px; width: 14px; } .admissions_feature .info .controls { border: 1px solid #111; border-width: 1px 0; height: 60px; margin: 15px; padding: 0; } .admissions_feature .info .controls span.previous, .admissions_feature .info .controls span.next { cursor: pointer; display: block; height: 25px; margin: 15px 0; text-indent: -99999px; width: 35px; } .admissions_feature .info .controls span.previous { background: url("../images/icon_admissions_previous.png") no-repeat left center; float: left; } .admissions_feature .info .controls span.previous:hover { background: url("../images/icon_admissions_previous_over.png") no-repeat left center; } .admissions_feature .info .controls span.next { background: url("../images/icon_admissions_next.png") no-repeat right center; float: right; } .admissions_feature .info .controls span.next:hover { background: url("../images/icon_admissions_next_over.png") no-repeat right center; } .admissions_feature .info .controls .pagination { color: #fff; float: left; font-size: 15px; font-style: italic; line-height: 22px; text-align: center; padding: 15px 0; width: 170px; *height: 32px; } .admissions_feature .info .controls .pagination span { color: #BF0D28; font-size: 40px; font-style: normal; } .admissions_feature .info .scroller { height: 205px; overflow: hidden; position: relative; width: 270px; } .admissions_feature .info .scroller .fade { background: url("../images/admissions_gradient.png") repeat-y 0 0; float: none; height: 205px; position: absolute; top: 0; width: 15px; z-index: 2; } .admissions_feature .info .scroller .fade.left { background-position: 0 0; left: 0; } .admissions_feature .info .scroller .fade.right { background-position: -15px 0; right: 0; } .admissions_feature .info .scroller .wrapper { height: 190px; left: 0; position: absolute; top: 0; width: 10000px; } .admissions_feature .info .scroller .item { float: left; height: 190px; padding: 0 15px 15px; width: 240px; } .admissions_feature .info .scroller .item h3 { color: #fff; font-size: 24px; margin-bottom: 5px; } .admissions_feature .info .scroller .item p { color: #999; font-size: 13px; line-height: 20px; } .admissions_feature .images { float: right; height: 330px; overflow: hidden; position: relative; width: 720px; } .admissions_feature .images .wrapper { height: 10000px; left: 0; position: absolute; top: 0; width: 720px; } .admissions_feature .images img { float: left; } /* FACEBOOK CONNECT */ .fb_status { background: #D9DCE8; padding: 15px 15px 5px; margin: 0 0 30px 0; } .fb_status h6 { color: #48649E; font-size: 13px; letter-spacing: 0.05em; margin: 0 0 10px 0; text-transform: uppercase; } .fb_status p.large { color: #464646; font-size: 20px; line-height: 27px; margin: 0 0 10px 0; } .fb_status .fb_login { background: url("../images/btn_facebook_connect.gif") no-repeat center; cursor: pointer; display: block; height: 25px; margin: 0 0 10px 0; text-indent: -99999px; width: 194px; } .fb_status .pane { display: none; overflow: hidden; } .fb_status .pane.loading { background: url("../images/icon_loading_blue.gif") no-repeat left 1px; display: block; padding-left: 25px; } .fb_status .pane.connect h6 { margin: 0 0 5px 0; } .fb_status .pane.user h6 { margin: 0 0 0 0; } .fb_status p.error { display: none; margin: 0 0 10px; padding: 3px 10px 5px; } .content .fb_students { width: 736px; } .content .fb_student { background: #E0DFDD; display: block; float: left; padding: 8px; width: 150px; margin: 0 18px 18px 0; } .content .fb_student img { width: 150px; } .content .fb_student strong { color: #941A30; display: block; font-size: 14px; font-weight: 400; margin: 5px 0 3px 2px; } .content .fb_student em { color: #666; font-size: 13px; margin: 0 0 2px 2px; } .content .fb_student:hover { background: #961B2D; text-decoration: none; } .content .fb_student:hover strong, .fb_student:hover em { color: #fff; } .content .student_heading { margin: 0 0 16px 0; } .content .student_heading h1 { margin-bottom: 0; } .content .student_heading h5 { color: #8A192E; font-size: 17px; letter-spacing: 0.09em; line-height: 18px; } /* FOOTER */ #footer { background: url("../images/footer.png") repeat-x; height:241px; letter-spacing: 0.04em; overflow: hidden; padding: 30px 0 50px; } #footer a.more { background: url("../images/footer_link_arrow.png") no-repeat left center; color: #F2842F; font-size: 15px; margin-right: 10px; padding: 1px 0 0 23px; } #footer a.more:hover { color: #fff; } #footer p { color: #FFF; font-size: 16px; line-height: 1.5; margin-bottom: 5px; } #footer p.copyright { color: #9D3B55; font-size: 14px; margin-top: 10px; } #footer p.copyright a { color: #9D3B55; } #footer .gsbcPhotos { border-right: 1px solid #2079a3; float: left; margin-right: 13px; padding-right: 23px; min-height: 220px; } #footer .gsbcPhotos .photo{ float: left; margin-right: 13px; margin-top: 13px; width:120px; height:120px; background-color: #FFF; border:1px solid #FFF } #footer .gsbcPhotos .text{ float: left; width:140px; margin-top: 12px; color:#fff; font-size: 14px; line-height: 19px;} #footer .gsbcPhotos h4{ color: #FFF; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-weight: normal; font-size: 15px; letter-spacing: 0.1em; margin-bottom: 10px; text-transform: uppercase;} #footer .links { border-right: 1px solid #2079a3; float: left; margin-right: 13px; width: 160px; } #footer .links h4{ color: #FFF; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-weight: normal; font-size: 15px; letter-spacing: 0.1em; margin-bottom: 10px; text-transform: uppercase;} #footer .links.first a { color: #fff; display: block; font-size: 14px; height: 18px; line-height: 18px; margin-bottom: 12px; padding-left: 25px; } #footer .links.first { width:132px; min-height: 220px;} #footer .links.second { width:185px; min-height: 220px;} #footer .links.second a { color: #fff; display: block; font-size: 14px; height: 18px; line-height: 18px; margin-bottom: 12px; padding-left: 0px; } #footer .links a:hover { color: #F2842F; } #footer .links a.twitter { background: url("../images/twitter.png") no-repeat left center; } #footer .links a.facebook { background: url("../images/facebook.png") no-repeat left center; } #footer .links a.instagram { background: url("../images/instagram.png") no-repeat left center; } #footer .quote { float: left; width: 330px; } #footer .quote h4{ color: #FFF; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-weight: normal; font-size: 15px; letter-spacing: 0.1em; margin-bottom: 10px; text-transform: uppercase;} #footer .quote p { background: url("../images/footer_quote.png") no-repeat left top; font-size: 20px; line-height: 1.2; margin-bottom: 10px; text-indent: 22px; } #footer .quote input[type="text"] { border: none; height: 18px; -moz-border-radius: 9px; border-radius: 9px; padding: 2px 0px 4px 6px; font-size: 11px; width:146px; color: #CCC; } #footer .quote .email {margin-left: 13px;} #footer .quote textarea {border: none; height: 60px; -moz-border-radius: 9px; border-radius: 9px; padding: 4px 0px 4px 6px; font-size: 11px; width:311px; resize: none; margin-top: 13px; color:#CCC;} #footer .quote div.submit { width: 311px; margin-top: 11px; } #footer .quote span{ color: #FFF; font-size: 13px; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-style: italic; background-image: url("../images/circle_smallWhite.png"); background-repeat: no-repeat; background-position:100% 20%; padding-right: 14px; cursor: pointer; float:right;} #footer .quote div.response { color:#fff; font-size: 14px; line-height: 19px;} /*------------------------------------------- SMARTBOX -------------------------------------------*/ #smartbox_overlay { background: #000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 29; } #smartbox { background: #0D0D0D; padding: 12px; position: absolute; z-index: 30; box-shadow: 0 0 25px #000; -moz-box-shadow: 0 0 25px #000; -webkit-box-shadow: 0 0 25px #000; } #smartbox .close { background: url("../images/smartbox_close.png") no-repeat left top; cursor: pointer; display: block; height: 23px; position: absolute; right: -10px; top: -10px; width: 23px; text-indent: -99999px; z-index: 31; border-radius: 12px; box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; -webkit-box-shadow: 0 0 15px #000; } #smartbox .inner { background: url("../images/smartbox_loading.gif") no-repeat center; height: 100%; overflow: hidden; position: relative; width: 100%; z-index: 30; } #smartbox .container { height: auto; overflow: hidden; width: auto; } #smartbox .info { color: #7A7A7A; display: block; font-size: 13px; overflow: hidden; padding: 12px 0; width: 100%; } #smartbox .pagination { color: #fff; float: right; font-size: 12px; padding: 0 0 0 20px; } #smartbox .pagination span { color: #F2842D; font-size: 15px; } #smartbox .pagination span.left { float: right !important; } #smartbox .pagination span.next { clear: both; } #smartbox .pagination span.next, #smartbox .pagination span.previous { display: block; float: right; cursor: pointer; margin: 0 0 0 5px; } #smartbox .pagination span.next:hover, #smartbox .pagination span.previous:hover { color: #fff; } #smartbox span.overlay { cursor: pointer; display: block; height: 100%; position: absolute; top: 0; text-indent: -99999px; } #smartbox span.overlay.next { background: url("../images/smartbox_overlay_next.png") no-repeat right center; right: 0; } #smartbox span.overlay.next:hover { background: url("../images/smartbox_overlay_next_over.png") no-repeat right center; } #smartbox span.overlay.previous { background: url("../images/smartbox_overlay_previous.png") no-repeat left center; left: 0; } #smartbox span.overlay.previous:hover { background: url("../images/smartbox_overlay_previous_over.png") no-repeat left center; } /* LIGHTER! */ #smartbox.light { background: #F6F5F4; } #smartbox.light .inner { background: url("../images/smartbox_loading_light.gif") no-repeat center; } /* CUSTOM */ #smartbox .info p.category { color: #DF7B2E; font-family: "anivers-sc-1", "anivers-sc-2", "anivers-1", "anivers-2", 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 16px; line-height: 1.2; margin-bottom: 10px; text-transform: lowercase; } #smartbox .info h3 { color: #fff; font-size: 20px; font-weight: bold; margin-bottom: 10px; } #smartbox .info p { color: #9E9E9E; font-size: 13px; line-height: 1.4; } /*------------------------------------------- CUSTOM DROPDOWNS -------------------------------------------*/ select.dropdown { float: left; margin: 0 25px 0 0; visibility: hidden; } .ui-dropdown { border: 4px solid #DFDEDE; float: left; height: 30px; position: relative; width: 203px; z-index: 1; } .ui-dropdown-visible { z-index: 1; } .ui-dropdown a:hover { text-decoration: none; } .ui-dropdown a.ui-dropdown-selected { background: #F6F5F4; color: #AD6672; display: block; font-size: 13px; height: 30px; line-height: 28px; overflow: hidden; padding: 0 0 0 10px; } .ui-dropdown a.ui-dropdown-selected span { background: url("../images/dropdown_caret.png") no-repeat 175px 12px; display: block; padding: 2px 22px 0 0; } .ui-dropdown .ui-dropdown-options { background-color: #070706; border: none; left: 0; margin: 0; overflow-x: hidden; overflow-y: auto; position: absolute; top: 30px; max-height: 200px; width: 203px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; box-shadow: rgba(0, 0, 0, 0.3) 0 1px 4px; } .ui-dropdown .ui-dropdown-options li { background: none; border-bottom: 1px solid #F9F8F7; margin: 0; padding: 0; } .ui-dropdown .ui-dropdown-options li.divider { background: none; border-bottom: 1px solid #F9F8F7; color: #FFF; font-size: 12px; display: block; height: 29px; line-height: 28px; margin: 0; overflow: hidden; padding: 0 0 0 10px; text-transform: uppercase; } .ui-dropdown .ui-dropdown-options li:last-child { border: none; } .ui-dropdown .ui-dropdown-options a { color: #C9C9C8; font-size: 12px; display: block; height: 29px; line-height: 28px; overflow: hidden; padding: 0 0 0 10px; } .ui-dropdown .ui-dropdown-options li.tabbed a { padding: 0 0 0 20px; } .ui-dropdown .ui-dropdown-options a:hover { background-color: #87192C; color: #fff; } /* CUSTOM */ .formbuilder .ui-dropdown { border: 4px solid #DFDEDE; float: left; height: 30px; position: relative; width: 242px; z-index: 1; } .formbuilder .ui-dropdown a.ui-dropdown-selected { background: #fff; } .formbuilder .ui-dropdown a.ui-dropdown-selected span { background-position: 213px 12px; } .formbuilder .ui-dropdown .ui-dropdown-options { width: 240px; } .formbuilder .fb_column.third .ui-dropdown { width: 191px; } .formbuilder .fb_column.third .ui-dropdown a.ui-dropdown-selected span { background-position: 163px 12px; } .formbuilder .fb_column.third .ui-dropdown .ui-dropdown-options { width: 187px; } /*------------------------------------------- GOOGLE SEARCH -------------------------------------------*/ #content.search { width: 960px; } #cse { font-family: /* "anivers-1", "anivers-2", 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; */"Anivers-Regular", "Lucida Grande", sans-serif; } #cse .gsc-control-cse { background: none; border: none; padding: 0; margin: 0; } #cse .gsc-tabsArea, #cse .gsc-resultsHeader { display:none; } #cse .gsc-search-box { padding: 0 0 10px 0; } #cse .gsc-adBlockVertical { display: none; } #cse table.gsc-search-box { border:none; } #cse table tbody { border: none !important; } #cse form.gsc-search-box { width: 675px; } #cse .gsc-search-box td {border:none; padding:0; } #cse .gsc-search-box input.gsc-input { background: #FFF; border: 4px solid #DFDEDE; color: #666; display: block; font-family: /* "anivers-1", "anivers-2", 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; */"Anivers-Regular", "Lucida Grande", sans-serif; font-size: 13px; height: 30px; line-height: 30px; padding: 0 9px; width: 650px; } #cse .gsc-search-box input.gsc-search-button { background: url("../images/icon_search_large.png") no-repeat center; border: none; cursor: pointer; height: 18px; margin: -1px 0 0 -28px; width: 18px; text-indent: -99999px; } #cse .gsc-search-box td.gsc-clear-button { width: 50px; } #cse .gsc-search-box div.gsc-clear-button { background: url("../images/icon_search_clear.png") no-repeat center; border: none; cursor: pointer; display: block; height: 10px; margin: 0 0 0 10px; padding: 0; width: 50px; text-indent: -99999px; } #cse .gsc-thinWrapper { width: 100%; } #cse .gsc-result { border: solid 1px #EBEBEA; border-width: 1px 0 0 0; padding: 16px 0 8px; } #cse .gs-no-results-result .gs-snippet { background-color: #eee; border: solid 1px #999; color:#999; margin:0;} #cse .gs-title { font-size: 20px; height: 26px; text-decoration: none; } #cse .gs-title b { color: #80182D; font-size: 20px; text-decoration: none; } #cse a.gs-title { color: #80182D; font-family: /* "anivers-1", "anivers-2", 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; */"Anivers-Regular", "Lucida Grande", sans-serif; font-size: 20px; font-weight: 400; } #cse a.gs-title:hover { text-decoration:underline; } #cse .gs-snippet { color: #333; font-family: /* "anivers-1", "anivers-2", 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; */"Anivers-Regular", "Lucida Grande", sans-serif; font-size: 15px; } #cse .gs-visibleUrl { color: #F2842F; font-family: /* "anivers-1", "anivers-2", 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; */"Anivers-Regular", "Lucida Grande", sans-serif; font-size: 15px; font-weight: 400; margin: 8px 0 0; } #cse .gs-visibleUrl-short { display: none; } #cse .gs-visibleUrl-long { display: block; overflow: visible; } #cse .gsc-cursor-box { border-top: solid 1px #EBEBEA; padding: 18px 0 8px; overflow: hidden; } #cse .gsc-cursor { } #cse .gsc-cursor-page { color: #ADADAD; display: block; font-family: /* "anivers-1", "anivers-2", 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; */"Anivers-Regular", "Lucida Grande", sans-serif; font-size: 14px; font-weight: 400; float: left; text-align: center; width: 18px; text-decoration: none; } #cse .gsc-cursor-current-page { background-position: left bottom; color: #80182D; font-weight: normal; } #cse .gsc-trailing-more-results { /* display:none; */ } #cse .gsc-table-result { margin: 0; } #cse .gsc-table-result td { border: none; padding: 0; } /*------------------------------------------- Student Consumer Information -------------------------------------------*/ .sci section { border-top: 1px solid #E1E1E0; padding: 15px 0; overflow: hidden; } .sci section h3 { font-size: 14px; line-height: 14px; width: 190px; float: left; } .sci section div { float: left; width: 525px; } .sci section p { font-size: 14px; margin-bottom: 10px; } .sci section p:last-child { margin-bottom: 0px; } .sci section strong { color: #23221F; } .sci section p.length { line-height: 24px; overflow: hidden; } .sci section p.length strong { float: left; font-size: 14px; padding: 0 10px 0 0; } .sci section p.larger { overflow: hidden; } .sci section p.larger span { float: left; line-height: 14px; } .sci section p.larger strong { float: left; font-size: 14px; line-height: 14px; padding: 0 0 0 10px; } .sci section h4 { color: #666666; font-size: 14px; overflow: hidden; } .sci section h4 span { float: left; line-height: 14px; width: 240px; } .sci section h4 strong { float: left; line-height: 14px; font-size: 14px; } .sci section ul { margin: 0 0 10px 35px; } .sci section li { overflow: hidden; background-position: left center; padding-left: 15px; line-height: 14px; font-size: 14px; margin: 0 0 5px 0; } .sci section li span { line-height: 18px; font-size: 14px; width: 250px; float: left; } .sci section li strong { line-height: 14px; font-size: 14px; float: left; } .sci section li strong.small { line-height: 14px; font-size: 14px; float: none; } /*------------------------------------------- Blog -------------------------------------------*/ .blog #subnav { padding-top: 20px; } .blog input { background: #FFF; border: 4px solid #DFDEDE; color: #666; display: block; font-family: "anivers-1", "anivers-2", 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; float: left; font-size: 13px; height: 30px; line-height: 30px; margin: 10px 10px 0 0; padding: 0 9px; width: 100px; } .blog .submit { background: url("../images/submit_button_bg.png") repeat; border: none; cursor: pointer; color: #FFF; float: left; font-size: 15px; font-weight: normal; height: 38px; line-height: 36px; padding: 0 20px 3px; width: auto; } .blog .submit:hover { background: url("../images/gateways_bg.png") repeat; } .post { border-bottom: 1px solid #E1E1E1; margin: 0 0 40px 0; padding-bottom: 40px; } .post .meta { margin-bottom: 20px; } .post .image { margin: 5px 20px 20px 0; float: left; } .post .image figcaption { margin-top: 10px; font-size: 14px; font-style: italic; } .post .sharing-section { margin-top: 50px; } /*------------------------------------------- J-WYSIWYG -------------------------------------------*/ div.wysiwyg { background: #fff; border: 4px solid #DFDEDE; clear: both; padding: 0 0 4px; } div.wysiwyg.error { border-color: #900; } div.wysiwyg * { margin: 0; padding: 0; } div.wysiwyg ul.panel { background-color: #f3f3f3; border-bottom: 1px solid #DFDEDE; overflow: hidden; padding: 5px; } div.wysiwyg ul.panel li { background: none; list-style-type: none; float: left; margin: 0 5px 0 0; padding: 1px; } div.wysiwyg ul.panel li.separator { border-left: 1px solid #DFDEDE; height: 16px; margin: 0 7px 0 3px; } div.wysiwyg ul.panel li a { text-indent: -5000px; display: block; width: 16px; height: 16px; background: url("../images/jquery.wysiwyg.gif") no-repeat -64px -80px; border: 0; cursor: pointer; padding: 0; } div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; } div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; margin: 0 1px 0 0; width: 15px; } /* div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; } */ div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; } /* div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; } div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; } div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; } div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; } */ div.wysiwyg ul.panel li a.indent { background-position: -64px 0; } div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; } /* div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; } div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; } div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; height: 15px; margin: 0 2px 0 2px; width: 15px; } div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; } */ div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; } div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; } /* div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; } div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; } div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; } div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; } div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; } div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; } div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; } div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; } div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; } div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; } div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; } div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; } div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; } div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; } div.wysiwyg ul.panel li a.html { background-position: -47px -46px; } div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; height: 15px; } div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; } */ div.wysiwyg iframe { border: 0; clear: left; margin: 0; } #home #sidebar h2 span { color: #8B192F; font-family: "Anivers-Bold","Lucida Grande",sans-serif; } #home #sidebar .callout.online_site { padding: 0; margin: 0 0 40px; } #home #sidebar .callout.online_site h2 { border: none; } #home #sidebar .callout.online_site h2 a { background: url("../images/blog-callout.jpg") no-repeat left top; border: 5px solid #E2E1E1; display: block; height: 120px; padding: 10px; width: 333px; } #home #sidebar .callout.online_site h2 span { background: url("../images/online/bg_lines_black_2.png") repeat; color: #fff; clear: both; display: block; font-family: "TradeGothicW01-BoldCn20 675334"; font-size: 34px; line-height: 38px; float: left; margin: 0 0 3px; padding: 0 5px 0 6px; text-transform: uppercase; } #home #sidebar .callout.online_site h2 em { color: #DE993A; font-style: normal } #home #sidebar .callout.online_site p { font-family: "Anivers-Bold","Lucida Grande",sans-serif; font-size: 16px; line-height: 1.3; margin-bottom: 10px; } #home #sidebar .callout.online_site a.more { background: url("../images/callout_main_online_icon.png") no-repeat left center; color: #262626; font-size: 15px; line-height: 21px; margin-right: 10px; padding: 1px 0 1px 25px; } #home #sidebar .callout.online_site a.more:hover { color: #8B192F; } #home #sidebar .callout.blog-callout { padding: 0; margin: 0 0 40px; } #home #sidebar .callout.blog-callout .img { background: url("../images/blog-callout.jpg") no-repeat left top; border: 5px solid #E2E1E1; display: block; height: 120px; padding: 10px; width: 333px; } #home #sidebar .callout.blog-callout h2 { border: none; color: black; font-family: "Anivers-Bold", "Lucida Grande", sans-serif; margin: 10px 0 5px; } #home #sidebar .callout.blog-callout p { font-family: "Anivers-Regular","Lucida Grande",sans-serif; font-size: 16px; line-height: 1.3; margin-bottom: 10px; } #home #sidebar .callout.blog-callout a.more { background: url("../images/callout_main_online_icon.png") no-repeat left center; color: #262626; font-size: 15px; line-height: 21px; margin-right: 10px; padding: 1px 0 1px 25px; } #home #sidebar .callout.blog-callout a.more:hover { color: #8B192F; } .acceptance { background-color: #000000; } .acceptance { position: relative; background: #9f1829 url("../images/logo_large.png") no-repeat fixed 500px 20px; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #9f1829 0%, #80172d 100%) url("../images/logo_large.png") no-repeat fixed 500px 20px; /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#9f1829), color-stop(100%,#80172d)) url("../images/logo_large.png") no-repeat fixed 500px 20px; /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #9f1829 0%,#80172d 100%) url("../images/logo_large.png") no-repeat fixed 500px 20px; /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #9f1829 0%,#80172d 100%) url("../images/logo_large.png") no-repeat fixed 500px 20px; /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #9f1829 0%,#80172d 100%) url("../images/logo_large.png") no-repeat fixed 500px 20px; /* IE10+ */ background: radial-gradient(ellipse at center, #9f1829 0%,#80172d 100%) url("../images/logo_large.png") no-repeat fixed 500px 20px; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f1829', endColorstr='#80172d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ endColorstr='#80182d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .acceptance #main .container { position: relative; width: 800px; } .acceptance #main .dark_bg { background-color: #631221; position: absolute; top: 450px; bottom: 0; width: 100%; z-index: 2 } .acceptance #main .zig { background: url("../images/triborder.png") repeat-x; height: 7px; left: 0; position: absolute; top:-7px; width: 100%; } .acceptance #main .header { padding-top: 25px; position: relative; z-index: 5; } .acceptance #main .header .logo_small { background: url("../images/acceptance_sprites.png") no-repeat top left; height: 68px; text-indent: -999px; width: 259px; } .acceptance #main .header .congrats { float: left; margin: 35px 0; } .acceptance #main .header p.intro { color: white; clear: both; float: none; font-size: 22px; line-height: 138%; opacity: .9999; padding: 0 10px 20px; } .acceptance #main .badges { clear: both; position: relative; z-index: 4; } .acceptance #main .badge { box-shadow:2px 2px 5px rgba(0,0,0,.5); float: left; margin: 7px 10px; vertical-align: top; width: 380px; } .acceptance #main .badge img { border: 10px solid white; } .acceptance #main .badge .share_links { background: black; padding: 10px; } .acceptance #main .badge .share_links a { background: #262626; border-radius: 3px; color: rgb(200,200,200); display: inline-block; font-size: 14px; margin-right: 10px; opacity: .9999; padding: 6px 7px 4px 25px; text-transform: uppercase; } .acceptance #main .badge .share_links a.twitter { background: #262626 url('../images/acceptance_social_sprites.png') no-repeat 2px -263px; } .acceptance #main .badge .share_links a.facebook { background: #262626 url('../images/acceptance_social_sprites.png') no-repeat 2px -293px; } .acceptance #main .badge .share_links a.email { background: #262626 url('../images/acceptance_social_sprites.png') no-repeat 2px -325px; } .acceptance #main .badge .share_links a:hover { color: #FFFFFF; } .acceptance #footer { background-color: #000000; position: relative; z-index: 10; } .acceptance #footer .container { width: 800px; margin: 0 auto; padding-left: 40px; } .acceptance #footer .quote { width: 20.3333333%; } .acceptance #footer a.more { background: url("../images/acceptance_sprites.png") no-repeat -276px 0; color: white; display: block; height: 17px; margin-bottom: 5px; } .acceptance #footer .address a, .acceptance #footer p.copyright, .acceptance #footer p.copyright a { color: rgb(100,100,100); } .acceptance #footer .address, .acceptance #footer .links { border-right: 1px solid rgb(50,50,50); } .acceptance #footer .links a:hover { color: #9A182A; } .acceptance #footer .links a.my_bay_state { background: url("../images/acceptance_social_sprites.png") no-repeat -1px -118px; } .acceptance #footer .links a.webmail { background: url('../images/acceptance_social_sprites.png') no-repeat -1px -145px; } .acceptance #footer .links a.library { background: url('../images/acceptance_social_sprites.png') no-repeat 0 -207px; } .acceptance #footer .links a.bookstore { background: url('../images/acceptance_social_sprites.png') no-repeat 0 -175px; } .acceptance #footer .links a.merch_store { background: url('../images/acceptance_social_sprites.png') no-repeat -1px -236px; } .acceptance #footer .links a.facebook { background: url('../images/acceptance_social_sprites.png') no-repeat -1px 0; } .acceptance #footer .links a.twitter { background: url('../images/acceptance_social_sprites.png') no-repeat -1px -31px; } .acceptance #footer .links a.flickr { background: url('../images/acceptance_social_sprites.png') no-repeat -1px -62px; } .acceptance #footer .links a.youtube { background: url('../images/acceptance_social_sprites.png') no-repeat -1px -90px; } .acceptance #footer .quote p { background: url("../images/acceptance_sprites.png") no-repeat -277px -31px; } .acceptance #footer .links.second .chat { display: none; } @media screen and (max-width: 1050px) { body.acceptance { min-width: 0; } .acceptance #main { width: 100%; } .acceptance #footer { width: 100%; } } @media screen and (max-width: 855px) { .acceptance { background-position: 320px 20px; } .acceptance #main .container { width: 600px; margin: 0 auto; } .acceptance #main .container .congrats { width: 100%; } .acceptance #main .container .badges { width: 380px; margin: 0 auto; } .acceptance #footer .container { width: 600px; } .acceptance #footer .quote { display: none; } .acceptance #footer .links.second { border: 0; } } @media screen and (max-width: 650px) { .acceptance #main .container { width: 92.3076923%; margin: 0 auto; } .acceptance #main .container .congrats { width: 100%; } .acceptance #main .container .badge { margin: 7px 0; } .acceptance #footer .container { width: 420px; padding-left: 20px; } .acceptance #footer .links.first { display: none; } } @media screen and (max-width: 500px) { .acceptance #footer .container { width: 380px; margin: 0 auto; padding: 0; } .acceptance #footer .address { width: 100%; border: none; } .acceptance #footer .links.second { clear: both; float: none; padding-top: 20px; width: 100%; } .acceptance #footer .links.second li { background: #262626; border-radius: 3px; box-sizing: border-box; display: block; margin: 10px 0; padding: 10px 5px 3px 10px; width: 100%; } } @media screen and (max-width: 420px) { .acceptance { background-position: 20px 20px; } .acceptance #main .container .badges { width: 100%; } .acceptance #main .container .badge { width: 100%; } .acceptance #main .container .badge img { width: 94.7368421%; } .acceptance #main .container .badge .share_links { width: 94.7368421%; } .acceptance #main .container .badge .share_links a { font-size: 12px; } .acceptance #footer { width: 100%; } .acceptance #footer .container { padding: 0 10px; width: 90.7368421%; } } /* Retina Assets */ @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { /*#logo { background: url("../images/logo-2x.png"); background-size: 243px 62px; }*/ } /*--------------------------- form_builder Styles ---------------------------*/ .form_builder { font-size: 12px; width: 515px; } .form_builder fieldset { display: block; margin: 0 0 25px 0; /* overflow: hidden; */ clear: both; } .form_builder label { color: #4D4D4C; display: block; float: left; font-size: 15px; margin: 0 0 5px 0; } .form_builder label.required { background: url("../images/icon_input_required.png") no-repeat right top; padding: 0 13px 0 0; } .form_builder input { background: #FFF; border: 4px solid #DFDEDE; color: #666; display: block; font-family: "anivers-1", "anivers-2", 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 13px; height: 30px; line-height: 30px; padding: 0 9px; width: 489px; } .form_builder textarea { background: #FFF; border: 4px solid #DFDEDE; color: #666; display: block; font-family: "anivers-1", "anivers-2", 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; font-size: 13px; height: 120px; line-height: 19px; margin: 0 0 5px 0; padding: 7px 10px; width: 487px; } .form_builder .form_builder_sublabel { color: #4C4449; font-size: 11px; font-style: italic; font-weight: normal; padding: 3px 0 0 0; } .form_builder .form_builder_centered { text-align: center; } /* .form_builder input.form_builder_submit { background: url("../images/submit_button_bg.png") repeat; border: none; cursor: pointer; clear: both; color: #FFF; font-size: 15px; font-weight: normal; height: 38px; line-height: 36px; padding: 0 20px 3px; width: auto; } .form_builder input.form_builder_submit:hover { background: url("../images/gateways_bg.png") repeat; } */ .form_builder fieldset.error input, .form_builder fieldset.error textarea { border-color: #AD6672; } .form_builder .form_builder_wrap { clear: both; } .form_builder .form_builder_upload { background: none; border: none; clear: both; padding: none; } /* Name Styles */ .form_builder .form_builder_firstname { float: left; margin: 0 10px 0 0; } .form_builder .form_builder_firstname input { width: 150px; } .form_builder .form_builder_lastname { float: left; margin: 0; } .form_builder .form_builder_lastname input { width: 220px; } /* Radio Styles */ .form_builder .form_builder_radio { margin: 0 0 5px 0; } .form_builder .form_builder_radio input { display: inline-block; width: auto; } /* Checkbox Styles */ .form_builder .form_builder_checkbox { margin: 0 0 5px 0; } .form_builder .form_builder_checkbox input { display: inline-block; height: auto; width: auto; } /* Column Styles */ .form_builder .form_builder_column { float: left; margin: 0 15px 0 0; width: 250px; } .form_builder .form_builder_column.edge { margin: 0; } .form_builder .form_builder_column input { width: 224px; } .form_builder .form_builder_column textarea { width: 224px; } .form_builder .form_builder_column .form_builder_checkbox { margin: 5px 0 0; } .form_builder .form_builder_column .form_builder_checkbox input { width: auto; } .form_builder .form_builder_column.third { width: 200px; } .form_builder .form_builder_column.third input { width: 174px; } .form_builder .form_builder_column.zip { width: 84px; } .form_builder .form_builder_column.zip input { width: 58px; } /* Select Styles */ .form_builder select { clear: both; display: block; margin: 0 0 5px 0; } .captcha_img { display: block; float: left; padding: 0 10px 0 0; } /* Date Styles */ .form_builder .form_builder_date_2 { float: left; margin: 0 10px 0 0; } .form_builder .form_builder_date_2 input { width: 25px; text-align: center; } .form_builder .form_builder_date_4 { float: left; margin: 0 10px 0 0; } .form_builder .form_builder_date_4 input { width: 40px; text-align: center; } /* Address Styles */ .form_builder .form_builder_full { clear: both; margin: 0 0 10px 0; overflow: hidden; } .form_builder .form_builder_split { float: left; margin: 0 10px 5px 0; } .form_builder .form_builder_split input { width: 220px; } /* Phone Styles */ .form_builder .form_builder_phone_3 { float: left; margin: 0 10px 0 0; } .form_builder .form_builder_phone_3 input { width: 33px; text-align: center; } .form_builder .form_builder_phone_4 { float: left; } .form_builder .form_builder_phone_4 input { width: 40px; text-align: center; } .form_builder .error { border-color: #AD6672 !important; } .form_builder .form_builder_captcha_error { background: red; color: #FFF; padding: 10px; margin: 0 0 10px 0; } .form_builder .form_builder_captcha_error p { padding: 0; color: #FFF !important; margin: 0 !important; } /* File Styles */ .form_builder .form_builder_column .form_builder_file { background: #fff; border: none; color: #666; clear: both; display: block; font-family: Arial, sans-serif; font-size: 13px; height: auto; line-height: auto; margin: 5px 0 0; padding: auto; width: 150px; } .form_builder fieldset.error .form_builder_file { background: #AD6672; } .fb_split { width: 50%; float: left; } /* ul.form_fields { list-style-type: none; padding: 0px; margin: 0px; } .gfield_label{ font-weight: bold; font-size: 16px;} span.ginput_container {display: inline-block;} .ginput_container input { width:414px; padding:10px;} .ginput_container label { width: 414px; display: block; padding-top: 4px; padding-bottom: 10px;} .ginput_container textarea { width:414px; padding:10px; resize: none;} .ginput_container ul li { padding-top:8px; padding-bottom: 0px; } .ginput_container ul li input[type="radio"] { width:auto; padding:10px; } .ginput_container ul li label { width: auto; display:inline; padding-bottom: 0px; padding-left: 5px;} span.ginput_left {display: inline-block;} .ginput_left input {width: 190px; display: block; position: relative;} .ginput_left label {width: 190px; display: block; padding-top: 4px; padding-bottom: 10px;} span.ginput_right {display: inline-block; padding-left:10px;} .ginput_right input {width: 190px; display: block; position: relative;} .ginput_right select {width: 214px; height: 37px; display: block; position: relative; -webkit-appearance: menulist-button;} .ginput_right label {width: 190px; display: block; padding-top: 4px; padding-bottom: 10px;} */ #module_nav a {cursor: pointer;} article ul.List { margin: 0 0 25px 10px; } article ul.List li { background: url("../images/list_bullet.png") no-repeat left top 6px; padding-left: 10px; padding-bottom: 10px; } button.clean-gray { background-color: #eeeeee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); background-image: -o-linear-gradient(top, #eeeeee, #cccccc); background-image: linear-gradient(top, #eeeeee, #cccccc); border: 1px solid #ccc; border-bottom: 1px solid #bbb; border-radius: 3px; color: #333; font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; padding: 8px 0; text-align: center; text-shadow: 0 1px 0 #eee; width: 150px; } button.clean-gray:hover { background-color: #dddddd; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb)); background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); background-image: linear-gradient(top, #dddddd, #bbbbbb); border: 1px solid #bbb; border-bottom: 1px solid #999; cursor: pointer; text-shadow: 0 1px 0 #ddd; } button.clean-gray:active { border: 1px solid #aaa; border-bottom: 1px solid #888; -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; } /* CODE FOR CHAPEL MESSAGE LIST ON HOME PAGE */ .home_callout { margin-top:0px; padding-bottom:0px; margin-bottom:0px; padding-top:20px;} .home_callout h10 a{ font-weight:normal; color:#00608b; font-size:18px;} .home_callout .date { background: url("../images/date_bg_blue.png"); color: #fff; float: left; font-size: 17px; font-variant: small-caps; margin: 0 10px 0px 0; padding: 5px 0; text-align: center; text-transform: lowercase; width: 51px; } .home_callout .date span { font-size: 34px; font-weight: bold; line-height: 1; } .home_callout .photo .date, .home_callout .large_photo .date { float: none; left: 0; margin: 0; position: absolute; top: 0; } .home_callout div.calendar_date {color:#4c4c4c; padding-top:2px; padding-bottom:7px; font-weight:normal; font-size:15px;} .home_callout span.read-more a{ color: #005b87; font-size: 13px; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-style: italic; background-image: url("../images/circle_small.png"); background-repeat: no-repeat; background-position:100% 20%; padding-right: 14px; cursor: pointer;} /* CODE FOR IMPORTANT DATES ON HOME PAGE */ .home_important { margin-top:0px; padding-bottom:0px; margin-bottom:0px; padding-top:20px;} .home_important h10 a{ font-weight:normal; color:#00608b; font-size:18px;} .home_important .date { background: url("../images/date_bg.png"); color: #fff; float: left; font-size: 17px; font-variant: small-caps; margin: 0 10px 0px 0; padding: 5px 0; text-align: center; text-transform: lowercase; width: 51px; } .home_important .date span { font-size: 34px; font-weight: bold; line-height: 1; color:#c9c9c9; } .home_important .photo .date, .home_important .large_photo .date { float: none; left: 0; margin: 0; position: absolute; top: 0; } .home_important div.calendar_date {color:#4c4c4c; padding-top:2px; padding-bottom:7px; font-weight:normal; font-size:15px;} .home_important span.read-more a{ color: #005b87; font-size: 13px; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-style: italic; background-image: url("../images/circle_small.png"); background-repeat: no-repeat; background-position:100% 20%; padding-right: 14px; cursor: pointer;} /* CODE FOR EVENT LIST ON HOME PAGE SIDEBAR */ .home_event { margin-top:0px; padding-bottom:0px; margin-bottom:0px; padding-top:20px;} .home_event h10 a{ font-weight:normal; color:#00608b; font-size:18px;} .home_event .image { float: left; font-size: 17px; font-variant: small-caps; margin: 0 10px 0px 0; text-align: center; text-transform: lowercase; width: 90px; border: 3px solid #e2e1e1; } .home_event .image span { font-size: 34px; font-weight: bold; line-height: 1; } .home_event .photo .image, .home_event .large_photo .date { float: none; left: 0; margin: 0; position: absolute; top: 0; } .home_event div.calendar_date {color:#4c4c4c; padding-top:2px; padding-bottom:3px; font-weight:normal; font-size:15px;} .home_event div.calendar_time {color:#6b6b6; padding-top:2px; padding-bottom:7px; font-style: italic; font-weight:normal; font-size:13px;} .home_event span.read-more a{ color: #005b87; font-size: 13px; font-family: "Anivers-Regular", "Lucida Grande", sans-serif; font-style: italic; background-image: url("../images/circle_small.png"); background-repeat: no-repeat; background-position:100% 20%; padding-right: 14px; cursor: pointer;} /* ============================================================ GLOBAL ============================================================ */ .effects { padding-left: 0px; } .effects .img { position: relative; float: left; margin-bottom: 5px; width: 234px; overflow: hidden; } .effects .img:nth-child(n) { margin-right: 5px; } .effects .img:first-child { margin-left: 0px; } .effects .img:last-child { margin-right: 0; } .effects .img img { display: block; margin: 0; padding: 0; max-width: 100%; height: auto; } .overlay { display: block; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.8); overflow: hidden; transition: all 0.5s; } a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; } a.close-overlay.hidden { display: none; } a.expand { display: block; position: absolute; z-index: 100; border: solid 5px #fff; text-align: center; color: #fff; font-size: 12px; } /* ============================================================ EFFECT 1 - SLIDE IN BOTTOM ============================================================ */ #effect-1 .overlay { bottom: 0; left: 0; right: 0; width: 100%; height: 0; } #effect-1 .overlay a.expand { left: 0; right: 0; bottom: 50%; margin: 0 auto -30px auto; } #effect-1 .img.hover .overlay { height: 100%; } #effect-6 .overlay { top: 0; bottom: 0; left: 0; right: 0; opacity: 0; } #effect-6 .overlay .expand { left: 0; right: 0; top: 50%; margin-top: 0px; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color:#FFF; text-align: center; padding: 20px; padding-top: 30px; line-height: 24px; } #effect-6 .overlay .expand div{ font-size: 20px; font-weight: bold; padding-bottom: 10px; } #effect-6 .overlay .expand i{ display: block; padding-top: 8px; } #effect-6 .img.hover .overlay { opacity: 1; } #effect-6 .img.hover .overlay .expand { top: 50%; margin-top: 0px; opacity: 1; }