/* ============================================================================= RESET ========================================================================== */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, a, b, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; text-decoration:none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } img, a img { border:none; max-width: 100%; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* 1) Always force a scrollbar in non-IE 2) Remove iOS text size adjust without disabling user zoom: */ html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } /* Remove styles for lists */ b, strong, th { font-weight: bold; } td { vertical-align: top; } /* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ 2) WebKit browsers add a 2px margin outside the chrome of form elements. Firefox adds a 1px margin above and below textareas 3) Set font-size to match 's, and font-family to sans-serif 4) Align to baseline */ button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; } /* 1) Remove default scrollbar in IE: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ 2) Align to text-top */ textarea { overflow: auto; vertical-align:text-top; } /* Hand cursor on clickable input elements */ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Remove extra padding and inner border in Firefox */ input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /* icon Reset */ .icon-phone, .icon-envelope, .icon-home{ padding-right: 5px; } body{background-color: #373534;font-size: 12px;} /* END RESET */ /* Reset classes from TabPanes.css */ .panes > li > div { height:100%; } .panes .events div a { color: #333; } .six.column > .title a, .fit-6 .title a { color: #990000; font-size: 16px; font-weight: bold; line-height: 1.3em; } .events .six .title > a { font-size: 14px; } .quickLinks { font-weight: normal; } .media-top > a:hover{ text-decoration:none; } .aligncenter-d { text-align:center; } .image-listing img { width: 100%; } .h-program { padding: 0 10px; } .fit-6 { margin: 0; width: 60%; } .e-listing { border: 6px solid #D0C7B7; padding: 15px 0; } .btn-listing a { background: none repeat scroll 0 0 #990000; border: 2px solid #D0C7B7; color: #FFFFFF; font-size: 12px; padding: 6px 15px; text-decoration: none; font-weight:bold; } .btn-listing a:hover { color:#ccc; } .l-date { font-weight: bold; margin-bottom: 11px; } .h-shadow{ -moz-box-shadow: 0px 5px 50px 0px #000; -webkit-box-shadow: 0px 5px 50px 0px #000; box-shadow: 0px 5px 50px #000; } .panes > li ul > li { margin-bottom: 20px; padding: 2px 5px; } .news-sub-t { margin: -5px 0 7px; } /**************************** alert space *******************************************/ /** .alert-high{ background-color:red; } .alert-medium { background-color:gray; } .alert-low{ background-color:yellow; } **/ .s-arrow { color: #990000; } /* ============================================================================= HELPER CLASSES ========================================================================== */ /* For image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } /* Hide for both screenreaders and browsers: */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements in most situations. */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1;} .clear { clear:both; } .left { float:left } .right { float:right } .center {text-align:center;} img.left { margin: 0 10px 5px 0; } img.right { margin: 0 0 5px 10px; } .unselectable a, .unselectable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .hide { display:none; } .hideMobile {display:block;} .hideTablet {display:block;} .hideDesktop {display:none;} #fastFacts { height: 100%;} /* END HELPER CLASSES ------------------------*/ /* ============================================================================= FONTS ========================================================================== */ @import "/fonts/font-awesome/less/font-awesome.less"; @FontAwesomePath:"/fonts/font-awesome/font"; @font-face { font-family: 'FontAwesome'; src: url('/fonts/font-awesome/font/fontawesome-webfont.eot?v=3.0.1'); src: url('/fonts/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('/fonts/font-awesome/font/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('/fonts/font-awesome/font/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* ============================================================================= TYPOGRAPHY ========================================================================== */ body { margin:0; padding:0; height:100%; } body, select, input, textarea { color: #000; font-family: Arial, Helvetica, sans-serif; line-height:1.3em; } h1, h2, h3, h4, h5, h6 { font-weight:bold; margin-bottom:10px; } h1 { font-size:20px; margin-bottom:15px; line-height:1; } h2 { font-size:18px; } h3 { font-size:14px; line-height:1; } h4 { font-size:14px; line-height:1.25; } h5 { font-size:14px; } h6 { font-size:10px; text-transform:uppercase; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:underline; } p { margin:0 0 12px; font-size:12px; line-height: 1.5em; } p .left { margin:15px 15px 15px 0; padding:0; } p .right { margin:15px 0 15px 15px; padding:0; } dl { margin:0 0 15px 0; } dl dt { font-weight:bold; } dd { margin-left:15px; } table { margin-bottom:15px; width:100%; } th { font-weight:bold; text-align:left;} thead th { background:#ccc; } th, td, caption { padding:5px 10px 5px 5px; } tbody tr:nth-child(even) td, tbody tr.even td { background:#eee; } tfoot { font-style:italic; } caption { background:#eee; } /* ============================================================================= TABLE CLASSES ========================================================================== */ .tableCenter th, .tableCenter td {text-align:center;} .tableCenter td {background:#ddd;} .blackHeader th {background:#000; color:#fff;} .redHeader th {background:#990000; color:#fff;} .redHeader td {background:#ddd;} .cellCenter {text-align:center;} .tableLeft th, .tableLeft td {text-align:left;} .tableBorder td, th {border: 1px solid #999;} /* END TABLE CLASSES -------------------*/ .small { font-size:10; margin-bottom:15px; line-height:15px; } .large { font-size:15px; line-height:25px; margin-bottom:20px; } .quiet { color:#666; } .loud { color:#000; } .highlight { background:#ff0; } .added { background:#060; color:#fff; } .removed { background:#900; color:#fff; } .first { margin-left:0; padding-left:0; } .last { margin-right:0; padding-right:0; } .top { margin-top:0; padding-top:0; } .bottom { margin-bottom:0; padding-bottom:0; } .border-box { border:1px solid #dadada; margin: 0 0 15px; } .quickLinks ul { list-style: none outside none; } /* These selection declarations have to be separate No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink! */ ::-moz-selection { background: #0b6e95; color:#fff; text-shadow: none; } ::selection { background:#0b6e95; color:#fff; text-shadow: none; } /* Editor Styles */ .left { float:left !important; } .right { float:right !important; } p.section-summary {color: #696a6c; line-height:1.75; font-size:1.25em;} /* END TYPOGRAPHY -------------------*/ /* ============================================================================= LINKS ========================================================================== */ a { color: #990000; text-decoration: none; } a:hover, a:active { color: #990000; cursor:pointer; text-decoration:underline; } a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ a:hover, a:active { outline: 0; } a:link { -webkit-tap-highlight-color: #9fd3e8; } /* END LINKS ------------------------*/ /* ============================================================================= GLOBAL CLASSES ========================================================================== */ /* END GLOBAL CLASSES ------------------------*/ /* ============================================================================= GLOBAL CLASSES BUTTONS ========================================================================== */ /* END GLOBAL CLASSES BUTTONS ------------------------*/ /* ============================================================================= BASE LAYOUT ========================================================================== */ #container { min-height: 100%; height: 100%; position: relative; } .inner { clear:both; width:100%; max-width:1000px; margin: auto; } /* Header */ header{ background-color: #7F1322; } header .inner{ background: url("../images/pcc-window.png") no-repeat left bottom; width:100%; max-width: 1000px; margin:auto; padding:10px 0; position:relative; } header a { color:#fff; text-decoration:none; } header a:hover{ color:#fff; text-decoration:underline; } header .right { text-align: right; padding: 0 10px 0 0; } header .right > div { padding:2px 5px; margin:10px 0; } header .right > div > img, header .right > div a { margin-left:6px; } header .right > div a:first-child { margin-left:0; } header .right > div:first-child a { margin-left:7px; padding-left:10px; border-left:1px solid #fff; } header .right > div:first-child a:first-child { margin-left:0; padding-left:0; border-left:none; } header .right .links-opener, header .right .search-opener { display:none; border: 5px solid transparent; position: relative; top: 8px; cursor:pointer; } header .right .links-opener { border-top-width:8px; border-radius: 0 0 3px 3px; } header .right .links-opener { border-top-width:8px; border-radius: 3px 3px 0 0 ; } header .right .search-opener { top:11px; border-bottom-width:8px; } header .right .search-box { display:inline-block; } header .right .search-box input { float:right; } header .right .search-box input[type="submit"] { background: url("../images/search-button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; height: 27px; margin-left: -1px; overflow: hidden; position: relative; text-indent: 9999px; top: 3px; width: 31px; } header .right .search-box input[type="text"] { border: medium none; height: 25px; margin-left: 15px; padding: 0 5px; position: relative; top: 4px; width: 230px; } header .logo { float:left; padding: 0 0 0 20px; display:block; } header .logo img { width:230px;height:auto; } /* Main Navigation (Top of Page) */ header nav, header nav .menuBtn { background: rgb(245,246,246); /* Old browsers */ background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 0%, rgba(245,246,246,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(0%,rgba(219,220,226,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 0%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 0%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 0%,rgba(245,246,246,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 0%,rgba(245,246,246,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */ height: 35px; text-align:center; z-index:10; position: relative; } header nav .menuBtn { cursor:pointer; display:none; font-size: 16px; line-height: 35px; text-transform: uppercase; border-bottom:1px solid rgb(219,220,226); } header nav .menuBtn img { position:relative; top:2px; height:16px; } header nav li .mobileBtn { display:none !important; overflow:hidden; height:35px; width:35px; background: #aaa; border:none !important; padding:0 !important; position:absolute; top:0; right:0;} header nav li li .mobileBtn { width:35px; height:25px; background-color:#ccc; } header nav li li li .mobileBtn { background-color:#eee; } header nav li .mobileBtn:hover { background:#ccc; } header nav li .mobileBtn .arrow { width:0; height:0; border-top:10px solid #777; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom:0; position:relative; top:12px; left:13px; } header nav li li .mobileBtn .arrow { border-top-color: #999;} header nav li li .mobileBtn .arrow { left:12px; top:19px; } header nav > ul { width:100%; max-width:1000px; margin: auto; position: relative; cursor: default; z-index: 500; padding:0; display:table; } header nav > ul a, header nav > ul ul, header nav > ul li, header nav > ul form, header nav > ul input { margin: 0; padding: 0; border: none; outline: none; } header nav p { line-height:26px; } header nav > ul a { text-decoration: none; } header nav > ul li { list-style: none; } header nav > ul > li { display:table-cell; } header nav > ul > li > a { position: relative; display: block; z-index: 510; height: 35px; padding: 0 15px; line-height: 35px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 13px; color: #000; text-shadow: 0 0 1px rgba(0,0,0,.25); /* background: #372f2b; */ border-left: 1px solid #ccc; background: rgb(245,246,246); /* Old browsers */ background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 0%, rgba(245,246,246,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(0%,rgba(219,220,226,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 0%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 0%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 0%,rgba(245,246,246,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 0%,rgba(245,246,246,1) 100%); /* W3C */ } header nav > ul > li:hover > a, .active, header nav > ul > li > a:hover { filter:none; background:#ccc; background-color:#ccc; text-decoration:none; color:#000; } header nav > ul > li:first-child > a { border-left: none; } header nav > ul > li > ul { position: absolute; display: block; width: 100%; top: 35px; left: 0; box-shadow: 0 10px 10px #000000; opacity: 0; visibility: hidden; overflow: hidden; background: #ffffff; border-top:10px solid #ccc; border-radius: 0 0 3px 3px; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; } header nav > ul > li:hover > ul { opacity: 1; visibility: visible; overflow: visible; } header .nav-column { text-align:left; float: left; width: 20%; padding: 2.5%; } header .nav-column > span { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #A50D12; } header .nav-column > ul { margin-top:10px; } header .nav-column > ul > li { margin: 0 0 20px 0; } header .nav-column > ul > li, header .nav-column > ul > li > a, header .nav-column > ul > li > .red { color: #A50D12; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 14px; font-weight: bold; line-height: 18px; text-transform: uppercase; } header .nav-column > ul > li > a, header .nav-column > ul > li > .red { display:block; } header .nav-column > ul > li .red { color: #95171d; color: #A50D12; } header .nav-column a:hover{ text-decoration:underline; } header .nav-column ul li li a { display: block; padding-top:5px; /*padding-bottom:12px;*/ margin-left:10px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 13px; color: #333; text-transform: none; } header .nav-column ul li li a:hover { color: #555555; text-decoration:underline; } /*remove column Name */ .nav-column > .colTitle { display: none; } /* End Main Navigation */ /* End Header */ /* Footer */ footer ul, footer li { margin:0; padding:0; } /* Footer1 */ .footer1 { clear: both; width: 100%; background-color: #292827; margin: auto; font-weight: bold; color: #dddcdc; } .footer1 .inner { padding-top: 15px; } .footer1, .footer1 ul li { font-size:11px; } .footer1 a { color:#bdbcbc; font-size:12px; line-height:18px; } .footer1 a:hover{ color:#fff; } .campuses, .quickLinks { margin: 0 2%; width: 21%; float:left; } .quickLinks { width:71%; } .campuses h3 { display:none; } .campuses h3, .quickLinks h3 { font-size:17px; line-height:30px; font-weight:normal; margin:0 0 5px; padding-bottom:5px; border-bottom:1px solid #888; color:inherit; } .col div, .col li, .col li a { font-size:12px; } .col.col1 div { margin-bottom:15px; font-size:11px; } .col:not(.col1) { margin: 0 1.5% 15px; padding: 2px 0; width: 30%; min-width:140px; text-align:left; float:left; font-size:14px; } /* Footer2 */ .footer2 { clear:both; width:100%; background-color:#7F1322; border-top: solid 1px #7f1419; margin: auto; } .footer2 nav, .footer2 .copywrite { color: #fff; text-align: center; font-size: 11px; } .footer2 a{ color:#fff; text-decoration:none; } .footer2 a:hover { color:#fff; text-decoration:underline; } .footer2 nav ul { margin:15px 0 20px; } .footer2 nav ul li { margin:4px 5px; padding-left:5px; border-left:1px solid white; display:inline-block; } .footer2 nav ul li:first-child { margin-left:0; padding-left:0; border-left:none; } .footer2 .copywrite p { margin: 5px 0 0; padding-bottom:10px; } /* End Footer */ /* END BASE LAYOUT ------------------------*/ /* ============================================================================= SITE COMPONENTS ========================================================================== */ /* Home Page Content Area */ #content { background-color: #EDEDED; width:100%; max-width:1000px; min-height: 395px; margin: auto; padding: 20px 0 0; box-shadow: 0p 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; -webkit-box-shadow: 0 0 10px #ccc; } .blackcontent{ width: 100%; background-image: url("/images/black_paper.png"); background-repeat: repeat; margin: auto; overflow:hidden; } .column65 { float: left; margin-left: 5px; padding: 2px; width: 65%; } .column31{ float: right; margin: 0 1%; max-width: 310px; width: 31%; } .homerow { clear: both; height: 160px; margin: auto; width: 100%; } .newsreleases { padding:15px 10px; border:1px solid #ccc; border-top:0; font-size:13px; background-color:#fff; } .newsreleases > ul > li { padding: 2px 5px; /*display:block;*/ } .newsreleases img { width: 120px; height: 88px; float:left; border-color:#9900; padding-right:10px; } #pagingTop { border-bottom: 0 dotted #D8D8D8; margin: 0 10px 10px 0; padding: 20px 0 0; } #pagingBottom, #pagingTop { color: #999999; font-family: Verdana; font-size: 12px; line-height: 170%; width: auto; } #pagingBottom .right, #pagingTop .right { color: #4D4D4D; /*float: right;*/ margin: 0; text-align:center; /*width: 110px;*/ } /* div.right { float: right; padding: 0 20px 10px 0; width: 214px; } .right { float: right; } */ .paging { text-decoration:none !important; } .articleInfo { color: #808080; padding: 5px 0 15px; } .articleImage, .imageLeft, .blogimage { background: none repeat scroll 0 0 #E6E6E6; float: left; margin: 3px 15px 10px 0; } .articleAuthor { border-right: 1px solid #909090; color: #7A7A7A; font-weight: bold; padding-right: 12px; } .articleDate { padding: 0 12px; } #bx-pager a { display: inline-block; float: left; position: relative; width: 25%; } /* events page content ------------------------*/ .sideNav.wIcons > li > a { border-bottom: 1px solid #fff; } .page-events #main-content .event .date { color: #666666; font-family: 'ApexSerifBook','Georgia',serif; font-size: 1.2em; text-align: right; text-transform: uppercase; } .two { width: 12%; } .six { width: 66%; } .event-p > .column { float: left; min-height: 1px; margin: 0 12px; position: relative; } .marker { background-color: #990000; display: none; height: 3px; margin-bottom: 5px; margin-left: 65%; width: 30px; } .two.column.date { border-top: 4px solid #990000; text-transform:uppercase; margin-top:5px; } .event-p, .blog { margin: 0 10px 20px; } .two.column.date { font-size: 18px; font-weight: bold; text-align: right; line-height: 1.3em; } .title { color: #666666; font-weight: bold; } .location { line-height:1.4em; } #event-pic > img { max-width: 100%; } /**** blog content******/ .blog { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #D0C7B7; border-image: none; border-style: solid; border-width:6px; padding: 0 9px 18px 13px; } .blog .section { border-bottom: 1px solid #BDBBB8; margin-bottom: 13px; padding-bottom: 10px; } .blog h3 a { font: 24px/24px 'Trebuchet MS',Arial,Helvetica,sans-serif; margin: 0 0 18px; } .blog .date { background: none repeat scroll 0 0 #990000; color: #FFFFFF; display: block; font: 16px/20px 'Trebuchet MS',Arial,Helvetica,sans-serif; margin: 0 0 8px -14px; padding: 2px 20px; width: 155px; } .blog .link-list { font-size: 10px; height: 1%; line-height: 14px; list-style: none outside none; margin: 0 0 0 -11px; overflow: hidden; padding: 0; } .blog .link-list li { border-left: 2px dotted #CCCCCC; float: left; margin: 0 2px 0 -2px; padding: 0 15px; } .link-section { } .blog .link-list a { text-decoration: underline; } .blog .author { font-weight: normal; } .more { cursor: pointer; height: 13px; overflow: hidden; text-indent: -9999px; width: 94px; } .media-blog{ float:right; padding-top:25px; } .blog-pic > img { max-width: 100%; width:100%; } .three.column { width: 17%; } .eight{ width:75% } .blog > .column { float: left; min-height: 1px; padding: 0 10px 0 0; position: relative; } /****************profile Tabs**************************************/ .tabs:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .column .tabs { border-bottom: 1px solid #D8D8D8; padding-left: 20px; padding-right: 20px; } .tabPanes ul { list-style: none outside none; margin: 0; padding: 0; } .tabs { display: block; list-style: none outside none; margin-left: 0; } .tabs li { display: inline; } .container .staffDirectory .tabs li a { padding: 0 7px; } .container .tabs li.active a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFFF; border-color: #D8D8D8 #D8D8D8 #FFFFFF; border-image: none; border-style: solid; border-width: 1px; color: #111111; font-weight: bold; line-height: 30px; margin-top: 0; position: relative; top: 1px; } .container .tabs li a { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #EBEBEB; border-color: #EEEEEE #EEEEEE #D8D8D8; border-image: none; border-style: solid; border-top-left-radius: 3px; border-top-right-radius: 3px; border-width: 1px; color: #555555; display: block; float: left; line-height: 25px; margin-right: 1px; margin-top: 5px; padding: 0 10px; position: relative; text-decoration: none; top: 1px; } /****************profile page**************************************/ .staffDirectory .staffSection li > .column { float: left; min-height: 1px; padding: 0 10px 0; position: relative; } .staffDirectory .staffSection ul { clear: both; display: block; list-style: none outside none; margin: 0; overflow: hidden; padding: 0; } .staffDirectory .staffSection li { background: none repeat scroll 0 0 #EEEEEE; float: left; margin-bottom: 20px; margin-right: 15px; min-height: 80px; padding: 10px 0; width: 47.5%; height: 226px; } .staffSection { padding-top: 15px; min-height:250px; } .two-s{ width:30%; } .staffSection > h3 { margin: 20px 0; } .staffSection img { max-width: 100%; } .b-full { background: none repeat scroll 0 0 #990000; border-bottom: 2px solid #555555; border-top: 2px solid #555555; color: #FFFFFF; float: left; margin-top: 10px; position: relative; width: 100%; } .p-full { padding: 10px; } .five { width: 55.97%; } .staffDirectory li button.toggle { font-size: 1em; padding-right: 30px; text-align: left; } .staffDirectory li button.toggle { background: url("../images/arrow-button.png") no-repeat scroll right center #990000; border: medium none; border-radius: 3px 3px 3px 3px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 1.125em; font-weight: normal; height: 30px; line-height: 30px; margin: 0; padding: 0 40px 0 10px; text-align: center; text-decoration: none; transition: all 0.15s ease-out 0s; width: auto !important; margin-top:15px } .staffDirectory .name { display: block; font-size: 1.2em; font-weight: bold; line-height: 1.125em; margin-bottom: 1px; } .title,.email, .phone, .office { /* margin-bottom:5px; */ display:block; } .title { font-weight:normal; color:#555; font-size:14px; } /* #spotlight div .title { color: #555555; font-size: 12px; font-weight: normal; line-height: 18px; } */ .email > a[href^="mailto"] { color:#fff; } .two.column.date { padding-top:5px; } /* Campuses content area ------------------------*/ section.camp-warp { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #CCCCCC; float: left; margin: 0 15px 15px 0; min-height: 290px; overflow: hidden; width: 30.16%; padding-bottom: 10px; } .in-camp{ padding:10px; } .camp-pic { width:100%; } .camp-pic img{ max-width:100%; } .camp-title { margin-top: 15px; } .camp-title a{ font-size:21px; } .col-left { float:left; background:#99999; } .col-left a{ background:#99999; } .col-right { float:right; } .col-right a:link{ background:#99999; color:#fff; } .col-left.column { padding: 0; } /* END SITE COMPONENTS ------------------------*/ /*.container { background-color: #FFF; margin: 0 auto; overflow: hidden; width: 100%; max-width: 1000px; margin: auto; }*/ .container { background-color: #FFFFFF; -moz-box-shadow: 0px 5px 50px 0px #000; -webkit-box-shadow: 0px 5px 50px 0px #000; box-shadow: 0px 5px 50px #000; margin: auto; max-width: 1000px; overflow: hidden; width: 100%; z-index: 2; min-height:450px; } .m-link-btn > a { } .panes .news div h3 a { font-size: 14px; line-height: 1.3em; text-decoration: none; } /*** column bg ***/ .t-box { background: none repeat scroll 0 0 #E2E0E1; padding-bottom: 10px; } .green-bg-t { background-color:#797957; } .red-bg-t{ background-color:#880002; } .blue-bg-t{ background-color:#456480; } .green-bg-t, .red-bg-t , .blue-bg-t { color:#fff; line-height: 32px; font-weight:normal; } .green-bg-t, .red-bg-t , .blue-bg-t, .t-box-content{ padding: 0 10px; } .tabPanes .event-p { height: 76px; margin: 0 10px 20px; } .panes > li ul > li { height: 120px; } .panes .m-link-btn { height: 17px; } /** Sub navigation ***/ .title-nav-sub { border-bottom: 1px solid #FFFFFF; } .subnav.grayNav ul { list-style: none outside none; margin: 0; padding: 0; } .subnav.grayNav li ul li { background: none repeat scroll 0 0 #E2E0E1; border-bottom: 1px dashed #FFFFFF; } .subnav.grayNav li ul li a { color: #333333; font-size: 12px; font-weight: normal; padding-left: 24px; } .subnav.grayNav li ul li:last-child{ border-bottom:none; } .sub-arrow-d{ width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #777; font-size: 0; line-height: 0; } .sub-arrow-r { border-bottom: 5px solid rgba(0, 0, 0, 0); border-left: 5px solid #777; border-top: 5px solid rgba(0, 0, 0, 0); font-size: 0; height: 0; line-height: 0; width: 0; } .sub-arrow-r, .sub-arrow-d{ position: relative; top: -4px; margin-right: 7px; } .subnav.grayNav li a { /*color: #A50D12;*/ /*font-weight: bold;*/ font-size:12px; } /* ============================================================================= Search Page layout ========================================================================== */ .section.results > ul { margin: 0; padding: 0; } .ui-autocomplete-input { height: 23px; margin-top: -1px; width: 85%; } .toggleAdvancedSearchWrapper { margin-top: 10px; text-align: right; } .ektron-ui-search .basicSearch { margin-bottom: 30px; padding: 5px 0; text-align: right; } .basicSearch .ui-button-text{ width:25%; } .ektron-ui-control.ektron-ui-button{ display:inline-block; vertical-align:middle; padding:0 2px; } .ektron-ui-control.ektron-ui-pager.ektron-ui-clearfix { display: table; margin: auto; text-align: center; vertical-align: middle; width: 100%; } /* ============================================================================= inner page 3coloumn layout ========================================================================== */ /*.container a:link { color: #990000; text-decoration: underline; } .container a:visited { color: #990000; text-decoration: none; } */ /*.container a:hover, a:active, a:focus { color: #ccc; }*/ /* Innerpage Column Styles */ .columns-wrapper { position: relative; } .content-wrapper { padding: 10px 15px; } /*.column1 { float: left; background-color: #fff; width:20%; } .column2 { padding: 0px 0; float:left; width:80%; } .column2 ul, .column2 ol { padding: 0 15px 15px 40px; } .column3 { position: absolute; top: 0; right: 0; padding-bottom: 10px; width: 20%; }*/ .column10 { float: left; background-color: #fff; width:10%; } .column20 { float: left; background-color: #fff; width:20%; } .column30 { float: left; background-color: #fff; width:30%; } .column40 { float: left; background-color: #fff; width:40%; } .column50 { float: left; background-color: #fff; width:50%; } .column60 { float: left; background-color: #fff; width:60%; } .column70 { float: left; background-color: #fff; width:70%; } .column80 { float: left; background-color: #fff; width:80%; } .column90 { float: left; background-color: #fff; width:90%; } .column100 { float: left; background-color: #fff; width:100%; } .column-hide { display:none; } /* ============================================================================= Notification Boxes - Notice, Warning, Alert, Accreditation, Mission ========================================================================== */ .notice { display: block; margin-bottom: 20px; padding: 5px; background: #e0ebfe url(../uploadedImages/Content/Icons/info.png) no-repeat 5px 6px; line-height: 20px; border: 1px solid #5886d6; border-radius: 2px; padding-left: 30px; } .warning { display: block; margin-bottom: 20px; padding: 5px; background: #fcf7c6 url(../uploadedImages/Content/Icons/warn.png) no-repeat 5px 6px; line-height: 20px; border: 1px solid #c36c06; border-radius: 2px; padding-left: 30px; } .alert { display: block; margin-bottom: 20px; padding: 5px; background: #ffd4cd url(../uploadedImages/Content/Icons/alert.png) no-repeat 5px 6px; line-height: 20px; border: 1px solid #990000; border-radius: 2px; padding-left: 30px; } .accred { display: block; margin-bottom: 20px; padding: 5px; background: #ddd url(../uploadedImages/Content/Icons/accred.png) no-repeat 5px 6px; line-height: 20px; border: 1px solid #999; border-radius: 2px; padding-left: 30px; } .mission { display: block; margin-bottom: 20px; padding: 5px; line-height: 20px; border: 1px solid #7F1322; border-radius: 2px; } /* ============================================================================= Tag Line ========================================================================== */ .tagLine { font-size: 14pt; font-face: Verdana; /*color: #606060;*/ color:#7F1322; font-weight: bold; } /* ============================================================================= Alert top ========================================================================== */ .alert-hml{ display: block; padding: 0 10px 0 40px; position: relative; } .alert-wrapper { position: relative; } .inner-alert { clear: both; margin: auto; max-width:1000px; width: 100%; } .alert-txt{ font-size:14px; padding:10px 0; } .high-bg-alert { background: rgb(255,48,25); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMzAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjA0MDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-8 */ } .medium-bg-alert{ background: rgb(254,252,234); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmNlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iI2YxZGEzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 43%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(43%,rgba(241,218,54,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 43%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 43%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 43%); /* IE10+ */ background: linear-gradient(to bottom, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 43%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-8 */ } .low-bg-alert{ background: rgb(157,213,58); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkZDUzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzgwYzIxNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2JjMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(157,213,58,1) 0%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(157,213,58,1) 0%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(157,213,58,1) 0%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-8 */ } .title-nav-sub { background: none repeat scroll 0 0 #CCCCCC; } .low-bg-alert .alert-txt { background:url("../images/shield-alert-low.png") no-repeat scroll 10px center rgba(0, 0, 0, 0); } .medium-bg-alert .alert-txt{ background:url("../images/shield-alert-med.png") no-repeat scroll 10px center rgba(0, 0, 0, 0); } .high-bg-alert .alert-txt { background:url("../images/shield-alert-high.png") no-repeat scroll 10px center rgba(0, 0, 0, 0); } /* ============================================================================= Search Page layout Desktop view ========================================================================== */ .search-wrap-pg{ margin: 0 15px; } .basicSearch { margin: 0 auto; position: relative; max-width:768px; } .section.results > ul { margin: 0; padding: 0; } .ui-autocomplete-input { height: 23px; margin-top: -1px; width: 85%; } .toggleAdvancedSearchWrapper { margin-top: 10px; text-align: right; } .ektron-ui-search .basicSearch { margin-bottom: 30px; padding: 5px 0; text-align: right; } .basicSearch .ui-button-text{ width:25%; } .ektron-ui-control.ektron-ui-button{ display:inline-block; vertical-align:middle; padding:0 2px; } .ektron-ui-control.ektron-ui-pager.ektron-ui-clearfix { display: table; margin: auto; text-align: center; vertical-align: middle; width: 100%; } /* ============================================================================= MEDIA QUERIES ========================================================================== */ /* Tablet Landscape / Desktop */ @media screen and (min-width: 0px) and (max-width: 1000px) { .hidedesktop {display:none !important;} .ui-autocomplete-input { width: 82%; } /* Header Nav */ header nav > ul > li > a { font-size:14px; text-shadow:none; padding:0 5px; } } .eight { width: 77%; } /* Tablets */ @media screen and (min-width: 0px) and (max-width: 800px) { /**Search page for mobile layout**/ .content-wrapper-s { padding: 10px 15px; } /**Search page for mobile buttons **/ .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1.8em 0.4em 0.2em; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 0.2em 0.4em 1.8em; } .ui-button-text-only .ui-button-text { padding: 0.4em 0.3em; } .ektron-ui-control.ektron-ui-button { display: inline-block; padding: 0 1px; } .ui-autocomplete-input { height: 23px; width: 76%; } .ui-autocomplete-input { width: 89%; } .hidetablet {display:none !important;} .tabPanes .event-p { height: 100%; } .panes > li ul > li { height: 100%; } .column65 { float: none; margin-right: 5px; width:auto; } .column31 { float: none; margin: 0 auto 10px; padding: 2px 2px 10px; width: auto; } .hideTablet {display:none;} .hideDesktop {display:block;} /* Header */ header .right > div { margin:0; } header .right > div:first-child { margin-bottom:10px; } header .right > div:first-child a span { display:none; } header .right .search-box input[type=text] { width:150px; } /* Header Nav */ header nav > ul { display:none; } header nav > ul > li > a:not(.mobileBtn):hover, header nav > ul > li:hover > a:not(.mobileBtn) { background: rgb(245,246,246); /* Old browsers */ background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 0%, rgba(245,246,246,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(0%,rgba(219,220,226,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 0%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 0%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 0%,rgba(245,246,246,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 0%,rgba(245,246,246,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */ } header nav .menuBtn, header nav > ul > li > .mobileBtn, header nav > ul.open, header nav li.open > ul { display:block !important; } header nav ul.menu { margin-top:-1px; } header nav li.open > .mobileBtn .arrow { border-top:none; border-bottom:10px solid #777; top: auto; bottom: 14px; } header nav li li.open > .mobileBtn .arrow { border-top:none; border-bottom:10px solid #999; top: auto; bottom: 10px; } header nav li { position:relative; } header nav > ul > li { display:block; position:relative; text-align:left; } header nav > ul > li > a { padding: 0 7%; text-shadow:none; border-bottom:1px solid rgb(219,220,226); } header nav > ul > li > ul { opacity: 1; visibility: visible; overflow: visible; position:static; display:none; border:none; } .fit-6 { margin: 0; width: 57%; } /**** 3column layout ***/ .column10 { float: left; width:100%; } .column20 { float: left; width:100%; } .column30 { float: left; width:100%; } .column40 { float: left; background-color: #fff; width:100%; } .column50 { width:100%; } .column60 { width:100%; } .column70 { width:100%; } .column80 { float: left; width:100%; } .column90 { float: left; width:100%; } .column100 { float: left; background-color: #fff; width:100%; } .column1 { float: none; width: 100%; } .column2 { margin-left: 0; } .s-arrow { color: #990000; } /**Search page for mobile layout**/ .content-wrapper-s { padding: 10px 15px; } /**Search page for mobile buttons **/ .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1.8em 0.4em 0.2em; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 0.2em 0.4em 1.8em; } .ui-button-text-only .ui-button-text { padding: 0.4em 0.3em; } .ektron-ui-control.ektron-ui-button { display: inline-block; padding: 0 1px; } .ui-autocomplete-input { height: 23px; width: 76%; } .ui-autocomplete-input { width: 89%; } } /* Tablets portrait */ @media screen and (min-width: 0px) and (max-width: 600px) { .ui-autocomplete-input { height: 23px; margin-top: -1px; width: 73%; } .hidetabletportrait {display:none !important;} /* Header */ header .right .search-box input[type=text] { width:100px; } header .right > div:first-child a { margin-left:3px; padding-left:5px; } /* Header Nav */ header nav ul { display:none; } header nav li .mobileBtn { display:block !important; } header nav .nav-column { float:none; padding:0; width:auto; } header nav .nav-column > .colTitle { background-color: #EEEEEE; border-bottom: 1px solid #FFFFFF; display: none; font-size: 14px; padding: 5px 8%; } header nav .nav-column > ul, header nav .nav-column > ul ul { margin:0; } header nav .nav-column > ul > li { margin-bottom:5px; } header nav .nav-column > ul > li > a, header nav .nav-column > ul > li > .red { display:block; padding:3px 10%; font-size:14px; } header nav .nav-column > ul > li li a { display: block; padding: 0 13% 12px; margin: 0; } /* Footer */ .footer1 .inner { height:auto; padding-bottom:25px; } .campuses, .quickLinks { float: none; margin: 0 10px; width: auto; } .campuses { margin-bottom:25px; } .campuses h3 { display:block; } .col1 { margin:0 0 0 1%; padding:0; width:48%; float:right; } .col1:first-child { margin:0 1% 0 0; float:left; } .col1 div { margin:0 2% 0 2%; padding:0; width:46%; max-width:188px; float:left; } /*blog page content */ .eight { width: 75%; } .three.column { width: 17%; } .fit-6 { margin: 0; width: 49%; } .ui-autocomplete-input { height: 23px; margin-top: -1px; width: 82%; } .hidemobile {display:none !important;} /* Header */ header .right, header .logo { float:none !important; clear:both; width:100%; margin:auto; text-align:center; padding:0; } header .right .search-opener { display: inline; } header .right .search-opener.open { border-color: #9E1719; } header .right .search-box { background-color: #9E1719; border-radius: 3px 3px 3px 3px; display: none; height: 26px; margin: 7px auto auto; padding: 5px; width: 248px; } header .right > div { padding:0; margin:-8px 0 5px; } header .inner { padding-top:5px; } header .right > div:first-child { margin: auto; width: 272px; overflow:hidden; border-radius:3px; border-left:none; } .s-nav-links a { border: 1px solid #5a0a02; } header .right > div:first-child a:first-child { padding:7px 8px; } header .right > div:first-child a { background-position: 0% 0%; padding: 7px 8px; display:block; float: left; margin: 0; color: #d9c2c2; overflow:hidden; border-left: 1px solid #5a0a02; background:rgb(137,27,10) url(); background-image: linear-gradient(bottom, rgb(88,13,5) 11%, rgb(137,27,10) 78%); background-image: -o-linear-gradient(bottom, rgb(88,13,5) 11%, rgb(137,27,10) 78%); background-image: -moz-linear-gradient(bottom, rgb(88,13,5) 11%, rgb(137,27,10) 78%); background-image: -webkit-linear-gradient(bottom, rgb(88,13,5) 11%, rgb(137,27,10) 78%); background-image: -ms-linear-gradient(bottom, rgb(88,13,5) 11%, rgb(137,27,10) 78%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.11, #5a0a02), color-stop(0.78, #7c1304) ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a0a02', endColorstr='#7c1304',GradientType=0 ); /* For Internet Explorer 5.5 - 7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a0a02', endColorstr='#7c1304',GradientType=0 )"; /* For Internet Explorer 8 */ } header .right > div:first-child a:first-child{ border-left: 1px solid #5a0a02; } header .right > div.open:first-child, header .right .search-box.open { display: block; } header .right .search-box input[type="text"] { width: 189px; margin:0; top:0; } header .right .search-box input[type="submit"] { top:-1px; background:#570F0F; color:#DBDCE2; width:50px; text-indent:0; } /* Footer */ .col1 { margin:0 2.5% 15px; width:95%; float:none; } /* Home Page Content Area */ #content{ padding-bottom: 15px; } /*blog page content */ .three.column { width: 25%; } .eight { width: 60%; } .marker { margin-left: 40%; } /****************profile page**************************************/ .staffDirectory .staffSection li { width: 100%; } /****************Location campuses page**************************************/ section.camp-warp { width: 100%; } .fit-6 { margin: 0; width: 90%; } .two.column.date { width: 24%; } .six { width: 58%; } .ui-autocomplete-input { height: 23px; margin-top: -1px; width: 73%; } .panes .news img { height: inherit; width: inherit; } } /* Media Queries - Retina Display Devices*/ @media all and (-webkit-min-device-pixel-ratio : 1.5) { }