/* Centralpoint.WebSite.StyleSheet.GlobalStyles */ img { border: none; } .clear { clear: both; } .accessKey { text-decoration: underline; } .alert { clear: both; padding: 10px 0px 0px 0px; color: Red; } .footNote { font-size: 7pt; color: #808080; } .intro { padding: 0px 0px 10px 0px; } .outro { padding: 10px 0px 0px 0px; } .error { clear: left; color: #FF0000; font-weight:bold; } table.cpsys_Table td { text-align: left; vertical-align: top; } td.cpsys_BlockColumn { vertical-align: top; } div.cpsys_Block { display: table; width: 100%; } div.cpsys_BlockColumn { display: table-cell; } ul.cpsys_BlockList, ul.cpsys_BlockList ul { list-style-type: none; margin: 0; padding: 0; } ul.cpsys_BlockList li { list-style-type: none; } body, html { margin:0px; padding:0px; background-color:#FFFFFF; color:#444444; font-family:Arial, Helvetica, sans-serif; font-size:90%; } a, a:link { color:#003f77; text-decoration:none; } a:hover { color:#003f77; text-decoration:underline; } a:visited { color:#003f77; } .title { font-size:150%; font-weight:bold; font-style:inherit; } strong { font-size:100%; font-weight:bold; font-style:inherit; } em { font-size:100%; font-weight:inherit; font-style:italic; } small { font-size:75%; font-weight:lighter; font-style:normal; } .cpweb_PerimeterLeftTd { vertical-align:top; } .cpweb_Wrapper { text-align:left; border:solid 0px #BBBBBB; margin:0px; padding:0px; background-color:transparent; } .cpweb_PerimeterRightTd { vertical-align:top; } .cpweb_SplashPage { position:absolute; z-index:1000; border:solid 1px #000000; } .cpweb_Taxonomy { font-size:120% !important; color:#003f77 !important; text-decoration:none !important; font-weight:bold !important; } /* Centralpoint.WebSite.StyleSheet.GlobalStyles */ .cpsty_Top { background-color:#0E243A; background-image:url(/Uploads/Public/Images/Design/Portal Design/blue-bars-bg.png); background-position:left top; background-repeat:repeat; color:#FFFFFF; padding:0px; } .cpsty_Top a, .cpsty_Top a:link { color:#FFFFFF; text-decoration:inherit; } .cpsty_Top a:hover { color:#333399; text-decoration:inherit; } .cpsty_Top a:visited { } .cpsty_RightTd { vertical-align:top; width:1%; } .cpsty_Right { background-color:transparent; width:165px; padding:0px; } .cpsty_Right a, .cpsty_Right a:link { text-decoration:inherit; } .cpsty_Right a:hover { text-decoration:inherit; } .cpsty_Right a:visited { } .cpsty_Bottom { background-color:#015291; color:#0e243a; padding:0px; } .cpsty_Bottom a, .cpsty_Bottom a:link { color:#6d6d6d; text-decoration:inherit; } .cpsty_Bottom a:hover { color:#0e243a; text-decoration:inherit; } .cpsty_Bottom a:visited { color:#0e243a; } .cpsty_LeftTd { vertical-align:top; width:1%; } .cpsty_Left { background-color:transparent; width:225px; padding:0px; } .cpsty_Left a, .cpsty_Left a:link { text-decoration:inherit; } .cpsty_Left a:hover { text-decoration:inherit; } .cpsty_Left a:visited { } .cpsty_CenterTd { vertical-align:top; } .cpsty_Center { background-color:transparent; color:#444444; padding:0px; } .cpsty_Center a, .cpsty_Center a:link { text-decoration:inherit; } .cpsty_Center a:hover { text-decoration:underline; } .cpsty_Center a:visited { } .cpsty_LeftSeparatorTd { vertical-align:top; width:1%; background-position:top left; background-repeat:repeat-y; background-image:url(); } .cpsty_Navigation { background-position:top left; background-repeat:repeat-x; background-color:#E6ECF0; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#333333; text-decoration:inherit; font-size:90%; font-weight:bold; border-top:solid 1px #D7D8DC; width:225px; } .cpsty_Navigation a, .cpsty_Navigation a:link { color:#333333; text-decoration:inherit; } .cpsty_Navigation a:hover { } .cpsty_NavigationContent { width:auto; } .cpsty_NavigationSelected { color:#000000; text-decoration:inherit; background-color:#E6ECF0; } .cpsty_NavigationSelected a, .cpsty_NavigationSelected a:link { color:#000000; text-decoration:inherit; } .cpsty_NavigationHover { color:#ffffff; text-decoration:inherit; background-color:#003F77; } .cpsty_NavigationHover a, .cpsty_NavigationHover a:link { color:#ffffff; text-decoration:inherit; } .cpsty_NavigationText { display:block;padding:10px 3px 10px 25px; margin:0px 0px 0px 0px; } .cpsty_SubNavigation { background-color:#E6ECF0; text-align:left; color:#333333; text-decoration:inherit; font-size:100%; font-weight:bold; } .cpsty_SubNavigation a, .cpsty_SubNavigation a:link { color:#333333; text-decoration:inherit; } .cpsty_SubNavigation a:hover { } .cpsty_SubNavigationSelected { color:#000000; text-decoration:inherit; background-color:#E6ECF0; } .cpsty_SubNavigationSelected a, .cpsty_SubNavigationSelected a:link { color:#000000; text-decoration:inherit; } .cpsty_SubNavigationHover { color:#FFFFFF; text-decoration:inherit; background-color:#003F77; } .cpsty_SubNavigationHover a, .cpsty_SubNavigationHover a:link { color:#FFFFFF; text-decoration:inherit; } .cpsty_SubNavigationText { padding:10px 3px 10px 3px; margin:0px 0px 0px 0px; } /* Centralpoint.WebSite.StyleSheet.CustomStyles */ /**Autocomplete Styles**/ .cp-apac-wrap.ui-menu .ui-menu-item-wrapper { padding: 5px; display: flex; align-items: center;} .cp-apac-wrap .cp-apac-body {flex-grow: 1;} .cp-apac-wrap .cp-apac-action button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 0; margin: 0; padding: 0; } .cp-apac-wrap .cp-apac-action svg {width: 20px; color: #666; cursor: pointer;} .cp-apac-wrap .cp-apac-action svg:hover {color: #000;} .cp-apac-wrap {max-width: 500px; max-height: 500px; overflow-y: auto;} .cp-apac-wrap .cp-apac-title {color: #009FE2; font-size: 100%;} .cp-apac-wrap .cp-apac-title .cp-apac-hl {font-weight: 700; color: #000;} .cp-apac-wrap .cp-apac-txt {color: #000; font-size: 85%;} .cp-apac-wrap .cp-apac-txt .cp-apac-hl {background: yellow; font-weight bold; padding: 1px;} .cp-apac-wrap.ui-autocomplete .ui-state-active {color: inherit; border: 1px solid transparent; background: none; background-color: rgba(179, 173, 214,0.205);} /***Mobile Nav 2***/ .cpsty_SiteTypes_Default_LeftNav .cpsty_Navigation { width:225px; /**height:33px;**/ font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; /*margin: 0 0 3px 0;*/ background-color:#E6ECF0; } .cpsty_Left .cpsty_MobileNavigation2 li { width:225px; /**height:33px;**/ font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; /*margin: 0 0 3px 0;*/ border-bottom: 2px solid #D7D8DC; background-color:#E6ECF0; } .cpsty_Left .cpsty_MobileNavigation2 li:last-child { width:225px; font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight: bold; /*margin: 0 0 3px 0;*/ border-bottom:none; background-color:#E6ECF0; } .cpsty_Left .cpsty_MobileNavigation2 a{ display: block; padding: 10px 3px 10px 3px; margin: 0px 0px 0px 0px; } .cpsty_Left .cpsty_MobileNavigation2 a:link, .cpsty_Left .cpsty_MobileNavigation2 a:visited, .cpsty_SiteTypes_Default_LeftNav .cpsty_Navigation a:visited { padding-left:25px; color: #333333; font-weight: bold; } .cpsty_Left .cpsty_MobileNavigation2 li a:hover, .cpsty_SiteTypes_Default_LeftNav .cpsty_Navigation a:hover { /*border-left: 5px solid #0079c5;*/ /*margin-left:-5px;*/ font-weight: bold; color:#FFFFFF; background-color:#003F77; } .cpsty_Left .cpsty_MobileNavigation2_Selected{ /*border-left: 5px solid #0079c5;*/ font-weight: bold; } /* jmorrell */ .cpsty_LeftTd { height:100%; } .cpsty_Left { height: 100%; background-color: #F3F5F7; } /* jmorrell* / /* lfhaddix */ .bb-row { background-color: #e2e3ff;} .alternating { background-color: #fffdfd;} .gridHeader { background-color: d6d6d6 ;} img, object { max-width: 100% !important; } .cpweb_Wrapper { width: 100%!important;margin: 78px auto; } .dealer-video{max-width:750px;} .supplier-video{max-width:640px;} /* Next lines added by Linda */ #cphBody_divContent { width: 100%; height: 80%; min-height: 500px; } #cphBody_cphCenter_ddlDealerId { min-width: 350px; } /* end of changes by lfhaddix */ /****** WEBSITE WRAPPER ******/ .sticky {position: fixed; width: 100%; z-index: 999; top: 0; backface-visibility: hidden; -webkit-transform: translateZ(0);} .cpweb_Wrapper {margin: 78px auto 0;position: relative;min-height: 100%;} /** Top Margin = Sized of Fixed Area (.sticky) **/ .cpweb_Wrapper img {max-width: 100%;} .inner {position:relative;height:100%;z-index:2;} /*** Inner Wrapper ***/ header .inner {z-index:5;} .cpweb_Wrapper.cpweb_Home {margin: 103px auto 0; max-width:100%;} /*** Homepage Wrapper Only **/ .flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .flex-grid { display: flex; } .flex-col { flex: 1; } /****** END WEBSITE WRAPPER ******/ /****** STANDARD ELEMENTS ******/ h1, h2, h4, h5, h6 {margin: 0;} article, aside, footer, header, hgroup, main, nav, section {display: block;} img {max-width: 100%;} /*** Placeholder Text ***/ ::-webkit-input-placeholder {color: #444444;} :-moz-placeholder {color: #444444;} ::-moz-placeholder {color: #444444;} :-ms-input-placeholder {color: #444444;} /****** END STANDARD ELEMENTS ******/ /****** SLOW TRANSITION ******/ .sticky, header a, header input, footer a, .cpweb_Wrapper a, .page-content input[type="submit"], .page-content input[type="button"] {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} #toTop {position: fixed;bottom: 40px;right: 40px;z-index: 9999;background: #a5a5a5;color: #fff;cursor: pointer;border: 0;border-radius: 4px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;} #toTop:hover {background: #7AB2B1;color: #003366;} #toTop.show {opacity: 1;} #toTop img{width: 100%;height:100%;} /****** END SLOW TRANSITION ******/ /****** HEADER ELEMENTS ******/ #mobileNav, .mobile-tel, .mob-o {display: none;} /** SlickNav, Phone Icon, Mobile Only - On @ 767px **/ /*** Header Wrapper ***/ header { background: url('') repeat-x #0E243A; position:relative; height:78px !important; } /*** END Header Wrapper ***/ /*** Header / Site Logo ***/ header .logo {float: left; min-width: 10%;height:100%;max-height:100% !important; position: absolute; left:10%;top:10%;display:inline-block;z-index:3;} header .logo img {max-width: 250px;max-height:64px;} /*** END Header / Site Logo ***/ /*** Header Audience Menu ***/ header .audience-menu {width: 25%; float: left; padding: 5px 0 0;} header .audience-menu select {border: 1px solid #F3F3F3; background: #FFF; padding: 3px 4px; font-size: 100% !important;} /*** END Header Audience Menu ***/ /*** Header Search Box | Input Field ***/ header .search-container {float: right;display: inline-block;max-width: 225px;width: 100%;margin-right: 15px;} header .search-container input[type="text"] { float: right; border: 1px solid #F3F3F3; border-radius: 0; height: 22px; outline: none; padding: 0 4px; color: #99968A; font-style: italic; min-width: 160px; -webkit-appearance: none; } /**header .unit-dashboard {clear: right;float: right;display: inline-block;max-width: 265px;margin-top: 5px;margin-right: 10px;} **/ header .unit-dashboard {margin: auto; width: 100%;background-color: #f8c200;height: 34px;margin: 15px 0px 0px 1%;padding: 0px 0px 0px 5px;} .HtmlUnitSearch{ max-width:225px; float: left; border: 1px solid #F3F3F3; border-radius: 0; height: 22px; outline: none; padding: 0 4px; color: #99968A; font-style: italic; min-width: 160px; -webkit-appearance: none; } .ui-autocomplete, .ui-dialog {z-index: 9999 !important;} /*** END Header Search Box | Input Field ***/ /*** Header Search Button ***/ header .search-container input[type="submit"] { background: #00396d; color:#FFFFFF; text-transform: uppercase; text-align: center; font-size; 105%; padding: 5px 0; width: 30px; min-height: 24px; border: 0; border-radius: 0; outline: none; font-size: 100%; font-weight: 700; cursor: pointer; float: left; -webkit-appearance: none; } header .search-container input[type="submit"]:hover {background: #0F7CB9;} /*** END Header Search Button ***/ /*** Header Login Area ***/ header .login-container {color: #dce6f0;float: right;text-align: right;clear: right;position:absolute;right:0;padding: 5px 10px 0px 0px;z-index:3;} header .login-container .login-text {padding: 0 5px 0 0;} header .login-container a {padding: 0 5px; color: #dce6f0;} header .login-container a:hover {text-decoration:underline;} header .login-container a:last-child {padding-right: 0;} /*** END Header Login Area ***/ /****** END HEADER ELEMENTS ******/ /***** TOP NAVIGATION ELEMENTS *****/ .cpsty_Top { background: url('/Uploads/Public/Images/Design/Portal Design/blue-bars-bg.png'); width:calc(100vw - (100vw - 100%));} nav.top {background: #0E243A;font-weight: 700;height: 78px !important; position: absolute;top:0;left:25%;} .cpsty_Top .search-container {float: right;display: inline-block;max-width: 225px;width: 100%;padding-top:1px;padding-bottom:3px;margin-right: 15px;} /**.cpsty_Top .search-container input {width: 200px;height:19px;padding-left:2px;background-color: rgba(162, 178, 194, 1); border:none;}**/ .cpsty_Top .search-container input {width: 190px; padding-left: 2px; background-color: rgba(162, 178, 194, 1); border: 1px solid #ccc; border-radius: 10px; height: auto; margin: 0; padding:5px; } /**.cpsty_Top .unit-dashboard {float: left;width:100%;padding-top:1px;padding-bottom:3px;margin-right: 10px;background-color: #0f4168;background-image: none;} .cpsty_Top .unit-dashboard input {width: 250px;height:22px;padding-left:2px;background-color: #f8c200; border:none;} **/ .cpsty_Top .unit-dashboard {float: left;width:100%;padding-top:1px;padding-bottom:3px;margin-right: 10px;background-color: #0f4168; background-image: none;} /*aysh*/ .cpsty_Top .unit-dashboard input {width: 250px; height: 25px; padding-left: 20px; background-color: #ffb112; border: 1px solid #ccc; border-radius:10px; font-size:14px;} /*aysh*/ .cpsty_Top .bus-lookup {float:left;position:relative;left:35%;} .cpsty_Top .bus-lookup-text{color: white; font-size: 20px; font-weight: bold; float: left;padding: 5px 0px 0px 0px;font-family: Arial, Helvetica, sans-serif;} .cpsty_Top .unit-search {float:left;position:relative;left:35%;margin: 5px 0px 0px 1%;padding: 0px 0px 0px 5px;} .cpsty_Top .unit-search-img {float:left;position:relative;left:35%;width: 28px;margin: 2px 0px 0px 1%;padding-bottom:5px;} /* top-navigation and nav-top USED WITH ACADEMY MENU ITEMS */ .top-navigation{width: 100%, min-width: 70%; margin: 0 15% 0 15%;} .top-navigation-width{width:100%;margin-top: auto; margin-right: auto; margin-left: auto; margin-bottom: 15px;} .nav-top {width:100%; } .nav-top .inner {position: relative;} .nav-top a { text-align: center;display: block; font-weight: bold; font-size: 15px; padding: 20px 7px 10px 7px;} .nav-top a:hover {cursor: pointer; text-decoration: underline;} /*** Parent / 1st Tier Navigation Items ***/ .nav-top ul {list-style-type: none; margin: 0; padding: 0;} .nav-top ul > li {float: left;} .nav-top ul > li:hover {} /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ .nav-top ul > li:hover a {} .nav-top ul li:hover > ul {display: inline; /* On hover, display the next level's menu */} .nav-top ul li a { text-align: center; display: inline-block; font-family: 'museo_sans_500regular', Sans-Serif; font-size: 15px; padding: 37px 14px 40px 14px; } .nav-top ul li a:hover { color: #000; cursor: pointer; } .nav-top .item-1 ul li {width:15%;} /*** 1st "Top-Level / First Tier" Navigation Item ***/ .nav-top .item-2 ul li {width:16%;} /*** 2nd "Top-Level / First Tier" Navigation Item ***/ .nav-top .item-3 ul li {width:10%;} /*** 3rd "Top-Level / First Tier" Navigation Item ***/ .nav-top .item-4 ul li {width:17%;} /*** 4th "Top-Level / First Tier" Navigation Item ***/ .nav-top .item-5 ul li {width:19%;} /*** 5th "Top-Level / First Tier" Navigation Item ***/ .nav-top .item-6 ul li {width:13%;} /*** 6th "Top-Level / First Tier" Navigation Item ***/ .nav-top .item-7 ul li {width:10%;} /*** 7th "Top-Level / First Tier" Navigation Item ***/ /*** END Parent / 1st Tier Navigation Items ***/ /***** BODY ELEMENTS *****/ .cpsty_blSiteType {width: 80%!important; max-width: 1200px;margin:10px auto 0 auto;} .noLeft {max-width:1700px;} /***** FOOTER ELEMENTS *****/ footer { background-color: white;width: 100%;margin:10px auto 0;bottom: 0;position: relative;overflow: hidden;} /* 03-08-19 footer sitting on top of Add Member form - changed absolute to fixed per Brett */ footer.cement {position: absolute;} footer .inner {padding-bottom: 0.5%; overflow: hidden;} footer nav.btm { /*padding-left:20%;*/padding-top:0.5%; /*padding-bottom:16%;*/} footer nav.btm .btm-container {display: flex; justify-content:center;} footer nav.btm .btm-container .col {float:left; padding: 0 1%;} /* footer nav.btm .col-2 {float:left; width:15%;} footer nav.btm .col-3 {float:left; width:15%;} footer nav.btm .col-4 {float:left; width:15%;} footer nav.btm .col-5 {float:left; width:15%;} footer nav.btm .col-6 {float:left; width:15%;}*/ footer nav.btm .col-6 h2 {font-size: 120%; color: #0e243a;margin: 0 0 10px;} footer nav.btm .col-6 p.phone {color: #FFFFFF; font-weight: 700; font-size: 160%;margin: 0 0 10px;} footer nav.btm .col-6 p.address {color: #FFFFFF; margin: 0; line-height: 130%;} #google_translate_element {margin: 15px 0 0;} /*** Google Translate ***/ footer .btm-copyright { width: 100%;float: left;border-top: 1px solid #85a6c1;text-align: center !important;padding-top:0.75%;padding-bottom:0.75%;} /*** Footer Links ***/ footer nav.btm ul {list-style-type: none; margin: 0; padding: 0 1px 5px 1px;} footer nav.btm ul ul {margin: 10px 0 0;} footer nav.btm li.parent a {color: #0e243a; font-size: 85%; font-weight: 700;text-decoration: none;} footer nav.btm li.parent a:hover {color:#0e243a; text-decoration: underline;} footer nav.btm li.child {} footer nav.btm li.child a {color: #6d6d6d; font-size: 85%;font-weight: 400;} footer nav.btm li.child a:hover {color:#0e243a; text-decoration: underline;} /*** END Footer Links ***/ /*** Footer Perimeter Bottom ***/ footer .btm-ribbon {border-top: 1px solid #85a6c1; background: url(/Uploads/Public/Images/Design/Portal%20Design/footer-bg.png) center 27px no-repeat;} footer .btm-ribbon .logo {padding-top: 0.25%;padding-left:calc(50vw - (50vw - 50%) - 28px);} /** JMorrell 2018-06-13, px = HALF image height **/ footer .btm-ribbon .logo a {float:left;} footer .btm-ribbon .site-info {float: left; width: 42%; color: #fff; line-height: 140%; padding-top: 10px;font-size:85%;} /*** Footer Site Info Links ***/ footer .btm-ribbon .site-info a {color: #FFFFFF;font-size:85%;text-decoration:none;} footer .btm-ribbon .site-info a:hover {color: #FFFFFF;text-decoration:underline;} /*** END Footer Site Info Links ***/ /*** Footer Login Button ***/ footer .btm-ribbon .login {float: right; margin: 25px 0 0;} footer .btm-ribbon .login a { color: #FFFFCC; background: #00396d; font-size: 110%; text-decoration: none; text-transform: uppercase; padding: 5px 10px; } footer .btm-ribbon .login a:hover { color: #FFFFFF; background:#0F7CB9; } /*** END Footer Login Button ***/ /*** Footer Social Media Icons ***/ footer .btm-ribbon .social-media {float:right; width: 29%; padding-top: 5px; padding-left: 2%;} ul.social-icons {margin: 0;padding: 0;list-style: none;float: right;} ul.social-icons li {float: left;margin-right: 15px;} ul.social-icons li:last-child {margin-right: 0;} ul.social-icons img {width:16px;} /*** Social Media Icons - Global Rules ***/ ul.social-icons li a {background: #5B5B5B; display: block; border-radius: 5px;} ul.social-icons li a:hover {background: #006699;} /*** END Social Media Icons - Global Rules ***/ /*** Social Media Icons - Hover States ***/ ul.social-icons li.facebook a:hover {background: #3C599B;} /** Facebook **/ ul.social-icons li.twitter a:hover {background: #33CCFF;} /** Twitter **/ ul.social-icons li.youtube a:hover {background: #CC181E;} /** YouTube **/ ul.social-icons li.linkedin a:hover {background: #006699;} /** LinkedIn **/ ul.social-icons li.pinterest a:hover {background: #CD2129;} /** Pinterest **/ ul.social-icons li.rss a:hover {background: #FB7629;} /** RSS **/ /*** END Social Media Icons - Hover States ***/ /*** END Footer Social Media Icons ***/ /*** END Footer Perimeter Bottom ***/ /***** END FOOTER ELEMENTS *****/ /****** INTERIOR PAGE CONTENT ******/ .page-content .col-1{float:left;width:48%;} .page-content .col-2{float:left;width:48%;} .page-content .supplier-video{max-width:640px;} .page-content .dealer-video{max-width:750px;} .page-content {padding: 0 0 20px;} .page-content h1 { font-size: 225%; color: #003f77; margin: 0 0 15px; font-weight: 400; line-height: 105%; font-family: georgia, times new roman, times, serif; } .page-content h2 { color: #003f77; font-size: 180%; margin: 0 0 10px; font-weight: 400; line-height: 105%; font-family: georgia, times new roman, times, serif; } .page-content p {line-height: 130%; margin: 0 0 20px; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 1.2rem;} .page-content hr {border: 0; border-top: 1px solid #999;} .page-content ul, .page-content ol {line-height: 130%; margin: 0 0 10px; overflow: hidden; font-family: Georgia, 'Times New Roman', Times, serif ; font-size: 1.1rem;} .page-content li {margin: 0 0 10px;} /*** Input Buttons Global ***/ .page-content input[type="submit"], .page-content input[type="button"] { color: #FFFFFF; background: #00396d; font-weight: 400; outline: none; border: 0; border-radius: 0; font-size: 125%; text-transform: uppercase; padding: 5px 10px; cursor: pointer; display: inline-block; width: auto !important; -webkit-appearance: none; -moz-appearance: none; margin-right: 10px; } .page-content input[type="submit"]:hover, .page-content input[type="button"]:hover { color: #FFFFFF; background: #0F7CB9; } /*** END Input Buttons Global ***/ /*** Link Button Global ***/ .cpsty_Center .btn a, .cpsty_Center a.btn { color: #FFFFCC; background: #00396d; font-size: 110%; text-transform: uppercase; display: inline-block; padding: 5px 10px; border-radius: 5px; } .cpsty_Center .btn a:hover, .cpsty_Center a.btn:hover { color: #FFFFFF; background:#0F7CB9; } div.read-more { width: 115px; text-align: center; margin: 20px; } /* div.read-more a, div.read-more a:visited, div.read-more a:link { font-size: 92%; display: block; background-color: #00396d; color: #FFFFCC; text-transform: uppercase; padding: 3px 0px; border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; outline: rgb(0, 91, 130) solid 2px;} */ div.read-more a, div.read-more a:visited, div.read-more a:link { color: #FFFFFF; background: #00396d; border: none; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; } div.read-more a:hover{background-color: #0F7CB9;} /*** END Link Button Global ***/ /*** Multi-Column Lists ***/ .page-content ul.col-2, .page-content ul.col-3, .page-content ul.col-4 {list-style: none; padding: 0;} .page-content ul.col-2 li, .page-content ul.col-3 li, .page-content ul.col-4 li {float: left; padding: 0 2% 0 0;} .page-content ul.col-2 li {width: 48%;} .page-content ul.col-3 li {width: 31.333333%;} .page-content ul.col-4 li {width: 23%;} .page-content ul.col-2 img, .page-content ul.col-3 img, .page-content ul.col-4 img {margin: 0 0 10px; display: block;} .page-content ul.col-2 p:last-child, .page-content ul.col-3 p:last-child, .page-content ul.col-4 p:last-child {margin: 0;} /*** END Multi-Column Lists ***/ /****** END INTERIOR PAGE CONTENT ******/ /****** HOMEPAGE ELEMENTS ******/ /***Bus Lookup .bodylookupwrapper {margin: auto;overflow: hidden; } .homepagesrch {margin: auto;width: 30%;background-color: #f8c200;height: 34px;margin: 15px 0px 0px 1%;float: left; padding: 0px 0px 0px 5px; } .bodylookup {max-width: 970px;background-color: #015291; margin: 20px auto;padding: 5px; clear: both; } .side1 {width: 14%;float: left;} .middlebodylookup {width:86%;float: left; } .bus-lookup-text{color: white; font-size: 24px; font-weight: bold; float: left;padding: 3% 1% 0% 0%;font-family: Arial, Helvetica, sans-serif;} #home .searchbarimg {padding: 2% 0% 0% 2%;} ***/ /** Start new look up code with overlay**/ .bodylookupwrapper { display: flex; justify-content: center; align-items: center; gap: 10px; margin-top: 25px; flex-wrap: wrap;} .homepagesrch { width: 300px; padding: 10px; font-size: 16px; border: 1px solid #ccc; border-radius: 10px; background-color: #ffb112ab; height: auto; margin: 0;} .bus-lookup-text { color: #003366; font-size: 1.5rem; font-weight: bold; font-family: Arial, Helvetica, sans-serif;} #home .searchbarimg { width: 30px; height: 30px; cursor: pointer; margin-top: 3px; } /***.overlay { background-color: rgba(255, 255, 255, 0.8); display: inline-block; padding: 15px 30px 40px 15px; border-radius: 12px; z-index: 2; } ***/ .overlay-logout{background-color: rgba(255, 255, 255, 0.0); display: inline-block; /*padding: 15px 30px 40px 15px;*/ border-radius: 12px; z-index: 2; } /** End new look up code with overlay**/ img.home-sep {display: block; margin: 20px 0;} main#home .lower .row-b {overflow: hidden;margin: 2% 0px 2% 0px;} main#home .lower .row-b h2 {margin: 0 0 15px; color:#D0AC06;} main#home .lower .row-b .col {background-color: #015291 ; width: 100%;height: auto;padding-bottom:2%;float: left; text-align: center;color: #FFFFFF;font-family: verdana; border-radius: 15px;} /** added border-radius AysSh**/ main#home .lower .row-b .col a {color: #FFFFFF;font-family: verdana;text-decoration:underline;} main#home .lower .row-b .col a:hover {text-decoration:underline; } main#home .lower .row-b .col p {text-align: left;margin: 0px 0px 2px 0px;padding-left:7%;text-indent: -5%;} main#home .lower .row-y {overflow: hidden;margin: 0px 0px 2% 0px;} main#home .lower .row-y .col {background-color: #ffb112ab ; width: 100%;height: auto;padding-bottom:2%;float: left; text-align: center; border-radius: 15px;}/**changed background-color and added border-radius AysSh**/ main#home .lower .row-y .col a {font-family: verdana;text-decoration:underline;} main#home .lower .row-y .col p {text-align: left;margin: 0px 0px 2px 0px;padding-left:7%;text-indent: -5%;} /*** Dynamic Homepage Content ***/ main#home .lower .row-1 ul {list-style: none; padding: 0; margin: 0; overflow: hidden;} main#home .lower .row-1 ul li {margin: 0 0 10px;} main#home .lower .row-1 ul a {color: #003f77; font-size: 110%;} main#home .lower .row-1 ul p.date {margin: 2px 0 0; color: #666666; font-size: 90%;} main#home .lower .row-1 ul.blog img {display: block; border: 1px solid #333; min-height: 130px; max-height: 130px; margin-bottom: 5px;} main#home .lower .row-1 ul.blog li {float: left; width: 31%; padding: 0 2% 0 0; margin: 0;} main#home .lower .row-1 ul.blog li:last-child {padding-right: 0; width: 33%;} .welcomeImage {position:relative;max-width:80vw;} .welcomeFloatingSearch {position:absolute;top:40%;left:45%;z-index:1;width:50%;} .welcomeFloatingSearch-logged-out {position: absolute;top: 23%;left: 30%;z-index:1;width: 60%;} /*** END Dynamic Homepage Content ***/ /*** View All Buttons ***/ main#home .lower .row-1 .view-all {margin: 15px 0 0;} main#home .lower .row-1 .view-all a {font-size: 95%;} /** @Override Link Button Global in INTERIOR PAGE CONTENT **/ /*** END View All Buttons ***/ /*** Image Row - Bottom ***/ ul.img-row {list-style: none; padding: 0; margin: 30px 0; overflow: hidden; } ul.img-row li {float: left; width: 25%;} /*** END Image Row - Bottom ***/ /****** END HOMEPAGE ELEMENTS ******/ /****** BREADCRUMB TRAIL | CENTRALPOINT ICONS *****/ .bc-icons {padding: 5px 0 0px; overflow: hidden;} .breadcrumb {color: #DDDDDD; font-size: 100%; float: left; padding-left:10%;width: 40%;} .breadcrumb em {padding: 0 6px; font-style: normal; font-size: 125%;} .breadcrumb a {color: #FFFFFF;} .breadcrumb a:hover {color: #DDDDDD;text-decoration: underline;} ul.cp-icons {list-style: none; margin: 0; padding: 0; overflow: hidden; float: right;width:8%;} ul.cp-icons li {float: left; margin: 0 0 0 7px;} ul.cp-icons li.share img {/*margin: 0;*/} ul.cp-icons li.email img {/*margin: 3px 0 0;*/} ul.cp-icons li.print img {/*margin: 2px 0 0;*/} ul.cp-icons li.txt img {/*margin: 3px 0 0;*/} ul.cp-icons li.txt span.increase {/*margin: 0 0 0 4px;*/} ul.cp-icons li.pdf img {/*margin: 2px 0 0;*/} /****** END BREADCRUMB TRAIL | CENTRALPOINT ICONS *****/ /****** CENTRALPOINT STANDARD NAVIGATION ******/ .cpsty_Navigation {} .cpsty_Navigation a {} .cpsty_Navigation a:hover {} .cpsty_Left {margin: 0px 10px 0px 0px;} .cpsty_SubNavigation a {} .cpsty_SubNavigation a:hover {} .cpsty_SubNavigation.cpsty_SubNavigationSelected a {font-weight: 700;} /*** Sub-Nav Selected ***/ .cpsty_SubNavigation1 {} .cpsty_SubNavigation1 a {} .cpsty_SubNavigation1 a:hover {} .cpsty_SubNavigation2 {} .cpsty_SubNavigation2 a {} .cpsty_SubNavigation2 a:hover {} .cpsty_SubNavigation3 {display:none;} .cpsty_SubNavigation4 {display:none;} .cpsty_SubNavigation5 {display:none;} .cpsty_SubNavigation6 {display:none;} /****** END CENTRALPOINT STANDARD NAVIGATION ******/ /****** LOGIN & REQUEST PASSWORD PAGES ******/ .cp-login {padding: 10px 20px 20px;} /*** Login Field Labels/Headings ***/ .cpsty_Pages_Login_divLoginUserName, .cpsty_Pages_Login_divLoginPassword, .cpsty_Pages_Login_divPasswordEmail {color: #00396d; font-size:115%; margin: 15px 0 5px; font-weight: 700; text-decoration:none; } /*** END Login Field Labels/Headings ***/ /*** Login TextBox Fields ***/ .cp-login input[type="text"], .cp-login input[type="password"] {border: 1px solid #DDE2E4; padding: 3px 1%; font-size: 110% !important;-webkit-appearance: none;outline-color: #0079c5;} /*** END Login TextBox Fields ***/ /*** Login Alert Messages ***/ span#cphBody_cphCenter_crfvUsername, span#cphBody_cphCenter_crfvPassword {color: #ff0000; margin: 0 0 0 10px; font-weight: 700;} /*** END Login Alert Messages ***/ /*** Submit Buttons - @Override INTERIOR PAGE CONTENT ***/ .cp-login input[type="submit"]{width: auto !important; display: inline;} .cp-login input[type="submit"].cpsty_Pages_Login_cbtnRequest {font-size: 95%; padding: 4px 12px; margin: 0;} /*** Request Password Button Only ***/ /*** END Submit Buttons ***/ /*** Login Page Misc. Elements ***/ .cp-login hr {border: 0; border-top: 3px solid #00396d; margin: 10px 0 15px;} /** Horizontal Rule **/ .cpsty_Pages_Login_divLoginRememberMe {margin: 5px 0px;} /** Remember Me Checkbox **/ .cpsty_Pages_Login_divLoginForgotPassword a {height: auto !important;margin: 5px 0px;} /** Forgot Password Link **/ /*** END Login Page Misc. Elements ***/ /****** END LOGIN & REQUEST PASSWORD PAGES ******/ /*** Form Controls ***/ /*** Input Elements Global ***/ .cpsty_Pages_Login_cbtnRequest{width: auto !important;} .page-content input[type="text"], .page-content input[type="email"], .page-content input[type="password"], .page-content input[type="number"], .page-content textarea, .page-content select, .cpsty_Right .form-container input[type="text"], .cpsty_Right .form-container input[type="email"], .cpsty_Right .form-container input[type="password"], .cpsty_Right .form-container textarea, .cpsty_Right .form-container select {border: 1px solid #DDE2E4; padding: 8px 10px; outline: none; width: 98%; max-width: 228px; border-radius: 5px ; box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0,0,0,.08) inset; background: #F6F6F6; font-size: 95%;} .page-content input[type="text"]:focus, .page-content input[type="email"]:focus, .page-content input[type="password"]:focus, .page-content textarea:focus, .page-content select:focus, .cpsty_Right .form-container input[type="text"]:focus, .cpsty_Right .form-container input[type="email"]:focus, .cpsty_Right .form-container input[type="password"]:focus, .cpsty_Right .form-container textarea:focus, .cpsty_Right .form-container select:focus {border: 1px solid #0E243A; background: #FFF;} .page-content input[type="submit"], .page-content input[type="button"], .page-content input[type="reset"], .page-content button[type="reset"], .cpsty_Right .form-container input[type="submit"], .cpsty_Right .form-container input[type="button"], .cpsty_Right .form-container input[type="reset"] {color: #FFF; background: #003367; outline: none; border: 0; border-radius: 5px; font-size: 125%; padding: 6px 10px; cursor: pointer; display: inline-block; -webkit-appearance: none; -moz-appearance: none;} .page-content input[type="submit"]:hover, .page-content input[type="button"]:hover, .page-content input[type="reset"]:hover, .page-content button[type="reset"]:hover, .page-content input[type="submit"]:focus, .page-content input[type="button"]:focus, .page-content input[type="reset"]:focus, .cpsty_Right .form-container input[type="submit"]:hover, .cpsty_Right .form-container input[type="button"]:hover, .cpsty_Right .form-container input[type="reset"]:hover, .cpsty_Right .form-container input[type="submit"]:focus, .cpsty_Right .form-container input[type="button"]:focus, .cpsty_Right .form-container input[type="reset"]:focus {background: #0E243A;} label.hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px;} .form-container label > span, span.required {font-weight: 700; color: #E11E26;} .form-container label > em {display: block; font-weight: 400; font-size: 95%; position: relative;} .form-container hr {margin: 35px 0;} .form-container.block p > label, .form-container.block ul.multi > li > label {display: block; text-align: left; margin: 0 0 5px; float: none;} .form-container.block > span > input[type="submit"] {margin: 0 10px 0 0;} .form-container.block span[id], .form-container.block p > label {float: none; max-width: 100%;} .form-container p > em {font-style: normal; line-height: 115%; font-size: 92%; font-weight: 400;} .form-container p.date {margin: 0 auto 30px;} .form-container p.date > strong {color: ;} .page-content .form-container > span > input {border-radius: 5px; padding: 6px 12px;} /*Default Form Buttons */ .form-container .ecard{float:left;width:23%;min-height: 140px;margin: 0px 0px 0px 0px;} .form-container > span > input[type="submit"] {margin: 0 10px 0 0px;} .form-container select {width: 100%; max-width: 250px;} .form-container textarea {min-width: 250px; max-width: 400px;} .form-container p {overflow: hidden;} .form-container p > label, .form-container ul.multi > li > label {text-align: right; margin: 8px 10px 0 0; float: left; font-weight: 600;} .form-container span > label, .form-container table label {font-weight: 400;} .form-container span[index] {margin: 0 15px 0 0;} .form-container span[index]:last-child {margin: 0;} .form-container span[index] p {font-size: 95%; line-height: 130%; font-weight: 400; margin: 0 0 15px; padding: 0 0 0 20px;} .form-container span[id] {float: left; line-height: 170%; max-width: 80%;} .form-container span.alert {margin: 0 0 0 15px; float: none;} .form-container input[type="radio"] {margin: 8px 5px 0 0;} .form-container input[type="text"].money {width: 80px;} .form-container span.dollar {font-size: 120%; padding: 0 5px 0 0;} .form-container span.cents {font-size: 120%; padding: 0 0 0 5px;} .form-container span.count {display: block;} .form-container label > em > img.cvc {position: absolute; margin: 0 0 0 10px; top: -2px; border-radius: 0;} .form-container .g-recaptcha {margin: 0 0 15px;} .form-container .review p > strong {margin: 0 10px 0 0;} .cp-email > div > div[id] {margin: 15px 0 2px;} /* Email a Friend */ /* Multi-Column Forms */ .form-container ul.multi {list-style: none; padding: 0;} .form-container ul.multi > li {float: left; width: 32%; margin: 0 2% 10px 0;} .form-container ul.multi > li > input {max-width: calc(100% - 22px);} .form-container ul.multi > li > select {max-width: calc(100% - 2px);} .form-container ul.multi > li:nth-child(3) {margin: 0 0 10px;} .form-container ul.multi > li.row {clear: left;} .form-container ul.multi > li.row:nth-child(3) {margin: 0 2% 10px 0;} .form-container ul.multi > li.row.full {float: none; width: 100%; margin: 0 0 10px;} .form-container ul.multi > li.row.full > input {max-width: 228px;} .form-container ul.multi > li.row.full > select {max-width: 250px;} /****** SITE SEARCH ELEMENTS ******/ td.cpsty_RowNum {padding: 1px 0 0; font-size: 110%;} em.module {display:block; margin: 10px 0 0; font-size: 95%; color: #0079c5;} .search-filter {margin-bottom: 30px;} .search-filter h3 {margin: 0 0 15px; font-style: italic; text-decoration: underline;} .search-filter ul {margin: 0;padding: 0;list-style-type: none;} .search-filter ul li {display: inline-block; padding: 0; margin: 0 15px 0 0;} /*** Advanced Search Only ***/ .cp-search h3 {margin: 0 0 2px; display: inline-block; color: #0079c5;} /** Search Labels **/ .cp-search input[type="text"] {margin: 0 0 7px; width: 288px !important;} /** Primary Search Input **/ .cp-search input[type="text"].CpDateTimePicker {max-width: 90px; margin: 7px 0 0;} /** Date Inputs **/ .cp-search .CpListBoxMultiple {border: 1px solid #DBEAE9 !important;} /** Module Selector **/ #cphBody_cphCenter_divSearchDates, #cphBody_cphCenter_divSearchResults {margin: 15px 0px;} .cp-search input[type="submit"] {background-image: none !important; width: auto !important; font-family: Arial, Helvetica, sans-serif !important;} /** Submit Button **/ /*** END Advanced Search Only ***/ /****** END SITE SEARCH ELEMENTS ******/ /****** MODULE DESIGNER STANDARD ELEMENTS ******/ /*** cp:control key='Search' | Module Search Fields ***/ .results-search {float: left; width: 300px;clear: left;} .results-search strong {display: inline-block; font-size: 110%; color: #006699; margin-bottom: 3px;} .results-search input[type="text"] {border: 1px solid #DBEAE9; border-radius: 0; padding: 3px 2%; outline-color:#FF6300; width: 96% !important; font-size: 100% !important;} .results-search div div {margin: 0 0 10px; width: auto !important;} .results-search div div:last-child {margin: 0; padding: 0 !important;} .results-search select {font-size: 100% !important; border: 1px solid #DBEAE9; border-radius: 0; background: #FFF; padding: 3px 1%; width: 98%; outline-color:#FF6300;} .page-content .results-search input[type="submit"] {width: auto !important; font-size: 110% !important; padding: 2px 10px 3px; display: block; margin: 5px 0 0;} /** Submit Button - @Override INTERIOR PAGE CONTENT **/ /*** END cp:control key='Search' | Module Search Fields ***/ /*** CP Alpha Nav ***/ .cp-alpha-nav {margin: 0; font-size: 120%; clear: both;} .cp-alpha-nav a {border: 1px solid #FFF; padding: 2px 4px;} .cp-alpha-nav a:hover {border: 1px solid #003f77;} /*** END CP Alpha Nav ***/ /*** Home View ***/ .cpweb_TaxonomyTier {margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #CCC; overflow: hidden;} ul.results .cpweb_TaxonomyTier li {border: 0; padding: 0;} a.cpweb_Taxonomy {text-transform: uppercase; text-decoration: underline; margin: 0 0 20px; display: inline-block;} .cpsty_TagCloud_List a.cpsty_TagCloud_Link {margin: 0 10px 0 0;} /*** END Home View ***/ /*** Results View - Header Content ***/ .results-header {padding: 0 0 30px; overflow:hidden;} .mod-results .results-filters {margin: 0 0 20px; float: right; width: 300px; overflow: hidden;} .mod-results .results-filters .btn {margin: 0 0 10px; text-align: right;} .mod-results .results-filters .order-by {float: left;} .mod-results .results-filters .page-size {float: right;} .mod-results .results-filters select {font-size: 100% !important; border: 1px solid #DBEAE9; padding: 3px 1%; max-width: 150px; width: 100% !important; outline-color:#FF6300;} .results-header .search-term {float: left; margin: 15px 0 0;} .search-term {font-size: 130%; color: #00396d; margin: 10px 0 20px; clear: both;} .search-term span.results-heading {font-weight: 700;} .search-term span.results-text {font-weight: 400;} #cpweb_GoogleMap {margin: 0 0 20px; clear:both;} /** Results View Google Map **/ /*** END Results View - Header Content ***/ /*** Results View - Item Content ***/ ul.results {margin: 0; padding: 0; list-style: none; overflow: hidden;} ul.results li {margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #CCC; overflow: hidden;} ul.results h2 {font-size: 140%; margin: 0 0 15px;} ul.results .date {font-style: italic;} ul.results p {margin: 10px 0 0;} ul.results .img-wrap {float: left;max-width: 200px; margin: 0 20px 0 0;} ul.results .taxonomy {margin: 10px 0 0;} ul.results .taxonomy h3 {font-size: 95%; font-style: italic; color: #0079c5; display: inline; margin: 0 5px 0 0;} ul.results .abstract img {height: 24px; margin: 0 0 -3px 10px;} /** Abstract Icon **/ .empty-item {font-size: 150%; margin: 20px 0 200px; border:0;} /** Empty Item Content **/ /*** END Results View - Item Content ***/ /*** Results View - Pagination ***/ .pag-header {float: right; clear: right; text-align: right;} .pag-header div, .pag-footer div {margin: 0 0 10px; font-size: 125%; font-weight: 700;} .pag-header a, .pag-footer a {background: #FFF; padding: 2px 5px !important; border: 1px solid #CCC; margin: 0 5px 0 0;} .pag-header a:hover, .pag-footer a:hover { color: #FFF; background: #00396d; border: 1px solid #00396d; } .pag-header a:last-child, .pag-footer a:last-child {margin: 0;} .pag-footer {display: table; margin: 10px auto 0; text-align: center;} /*** Center Footer Pagination ***/ /*** Selected Pagination Item ***/ a.cpsty_PagerCurrentPage { color: #FFFFCC; background: #00396d; border: 1px solid #00396d; } /*** END Selected Pagination Item ***/ /*** END Results View - Pagination ***/ /*** Results View Submit Buttons (Add to Cart, Download Files, etc.) - @Override INTERIOR PAGE CONTENT ***/ .mod-results input[type="submit"] {margin: 15px 0 0; display: block; clear: both;} /*** END Results View Submit Buttons (Add to Cart, Download Files, etc.) ***/ /*** Details View ***/ .mod-details .date {margin: 0 0 20px; font-size: 180%;} .mod-details .img-wrap {float: right; max-width: 250px; margin: 0 0 20px 20px;} #cpWeb_GoogleMap {width: 100% !important; margin: 0 0 10px;} /** Google Map Details View - Capital Letter mixed-in "cpWeb" **/ /*** Back Button ***/ .back {margin: 40px 0;} /*** END Back Button ***/ /*** Details Footer Content ***/ .footer-hits {margin: 20px 0;} .popular-search {margin: 20px 0;} .data-table-wrap {margin: 20px 0 0;} .data-table-wrap h3 {margin: 0 0 15px;} table.dataTable {width: 100% !important; max-width: 100% !important;} /*** END Details Footer Content ***/ /*** Comments Area ***/ /** The script is wrapped with
to render all of these styles **/ .comments {margin: 20px 0 0;} .cpsys_TemplateComments_divThread {margin: 0 0 15px;} /** Comment Thread Wrapper - Above Form **/ .comments h3 {font-size: 120%; color: #003f77; padding: 10px 0 5px; border-bottom: 1px solid #999;} /** Comments Headings **/ .comments .cpsys_TemplateComments_divForm h3 {border: 0; padding: 0 0 5px;} /** Comments Heading Above Form - "Leave your comment" **/ .comment-item {border-bottom: 1px solid #999; padding: 10px;} .comment-item .posted-by {margin: 0 0 5px; font-size: 120%; font-weight: 700;} .comment-item .posted-date {font-style: italic; font-size: 90%;} .comment-item p {margin: 10px 0 0;} .comment-item-empty {border-bottom: 1px solid #999; font-style: italic; padding: 10px;} .comments textarea {width: 98% !important; padding: 3% 1%;} /** Comment Form Area @Override From INTERIOR PAGE CONTENT section **/ .cpsys_TemplateComments_divForm {color: #FF0000;} /** Comment Form Wrapper - Below Thread**/ .comments fieldset {color: #000;} /** CAPTCHA **/ .comments table {margin: 15px 0 0;} /** Wrapper for Name & Email Fields **/ .comments table td strong {color: #003f77; font-size: 105%; display: inline-block; padding: 10px 0 5px;} /** Labels for Name & Email Fields **/ .comments input[type="submit"] {padding: 5px 10px 6px !important; margin: 10px 0 0;} /** Publish Comment Button - @Override INTERIOR PAGE CONTENT & System Applied Inline Styles **/ /*** END Comments Area ***/ /*** Abstract Message ***/ .abstract-container {width: 80%;margin: 40px auto 0; padding: 20px; background: #f3f3f3; border-radius: 10px; border: 1px solid #333; box-shadow: 0 0 5px 5px; overflow:hidden;} .abstract-container h2 {font-weight: 700; text-transform: none; color: #333; font-size: 110%; text-align: center;} .abstract-container p {font-size: 100%;} .abstract-container .actions {width: 260px; margin: 30px auto 0;} .abstract-container .login {float: left;} .abstract-container .subscribe {float: right;} /*** END Abstract View Message ***/ /*** END Details View ***/ /****** END MODULE DESIGNER STANDARD ELEMENTS ******/ /****** EVENTS MODULE ELEMENTS ******/ /*** Events Results View ***/ .mod-results.events ul.results .date-time {margin: 5px 0 10px; font-weight: 400; font-size: 110%;} .mod-results.events ul.results p {margin: 0;} .mod-results.events ul.results .date-col {margin: 20px 0 0; font-size: 95%;} .mod-results.events ul.results .date-col img {float:left; margin-right: 10px;} /** Calendar Icon **/ /*** END Events Results View ***/ /*** Events Details View ***/ .mod-details.events > p.date {font-size: 115%; font-style: normal;} .mod-details.events p.date span {display: block; font-size: 85%;} .mod-details.events .register {margin: 0 0 20px;} /** Register Now Button **/ .mod-details.events .closed {margin: 0 0 20px;} /** Registration Closed **/ /*** Contact Info - Location Info - Repeating Occurrences ***/ .mod-details.events ul.info {list-style: none; padding: 0;} .mod-details.events ul.info h3 {list-style: none; padding: 0; margin: 0 0 10px;} .mod-details.events ul.info p.date em {display: block;} /*** END Contact Info - Location Info - Repeating Occurrences ***/ .divOutlookCalendar img {max-width: 200px; margin: 20px 0 40px;} /** Add to Outlook Image - On Registration Form **/ /*** END Events Details View ***/ /*** Events Calendar View ***/ /*** Calendar Header Content ***/ .calendar .btn {margin: 0 0 20px;} .calendar .btn a {display: inline-block;} .calendar ul.filter {list-style: none; margin: 0 0 10px; padding: 0; overflow: hidden;} .calendar ul.filter em {display: block; text-decoration: underline; margin: 0 0 2px;} /** Select Menu Labels **/ .calendar ul.filter li.ct {float: left;} .calendar ul.filter li.dt {float: right;} /*** END Calendar Header Content ***/ /*** Calendar Title Bar ***/ .cpsty_CalendarTitleBar { color:#FFFF99; background: #81AADF; font-size: 200%; font-weight: 700; } .cpsty_Calendar_Next {padding: 20px 10px;} /** Previous & Next Month Cells **/ .cpsty_Center .cpsty_CalendarTitleBar .cpsty_Calendar_Next a {color:#FFFF99; font-size: 50%; font-weight: 400;} /** Previous & Next Month Links **/ .cpsty_CalendarDayHeader {background:#ECF9FE; text-transform: uppercase; padding: 10px 0; font-size: 130%;} /** Days of Week Labels **/ /*** END Calendar Title Bar ***/ /*** Calendar Event Listing ***/ .cpsty_CalendarDayStyle {height: 100px; background:#FFF;} /** Default Cell **/ .cpsty_CalendarDateNumber{font-size: 120%; font-weight: 700; margin: 2px 0 5px 2px; display: block;} /** Date Number **/ .cpsty_CalendarActiveEventDayCell {background: #FFFFCC;} /** All Dates with Events **/ .cpsty_CalendarTodaysDayCell {background: #ECF9FE;} /** Today's Date **/ .cpsty_CalendarEventTitleDiv {border-bottom: 1px solid #CCC; margin: 0 0 5px; padding: 0 3px 5px;} /** Wrapper **/ .cpsty_CalendarEventTitleDiv a {font-size: 90%;} /** Link **/ .cpsty_CalendarEventTitleDiv em {display: block; margin: 2px 0 0; font-size: 80%;} /** Time **/ /*** END Calendar Event Listing ***/ /*** Other Month ***/ .cpsty_CalendarOtherMonth{background: #EFEFEF; height: 100px;} .cpsty_CalendarOtherMonth span {display: none;} /*** END Other Month ***/ /*** END Events Calendar View ***/ /*** Event Registration Reports (Class Roster) ***/ .registrants h3 {text-decoration: underline; margin: 25px 0;} .registrants table tbody td {border-bottom: 1px solid #CCC;} /*** END Event Registration Reports (Class Roster) ***/ /****** END EVENTS MODULE ELEMENTS ******/ /****** BLOGS MODULE ELEMENTS ******/ /*** Blog Guide: Advertising > Blogs: Bloggers List | Taxonomy List ***/ .blog-guide h3 {text-decoration: underline; margin: 0 0 10px;} .blog-guide ul {color: #003f77; padding: 0 0 0 15px; margin: 0 0 20px;} .blog-guide ul li {padding: 0 0 5px;} /*** END Blog Guide: Advertising > Blogs: Bloggers List | Taxonomy List ***/ /*** Blogger View ***/ .blogger .img-wrap {float: left;max-width: 200px;margin: 0px 2% 20px 0px;} .blogger h3 {color: #003f77; font-size: 140%; clear: both;} .blogger hr {margin: 7px 0 20px; border-top: 3px solid #003f77;} /*** END Blogger View ***/ /****** END BLOGS MODULE ELEMENTS ******/ /****** PHOTO GALLERIES ******/ /*** Results View ***/ .photos ul.results li {padding: 0;float: left;width: 33%;min-height: 240px;text-align: center;} .photos ul.results img {max-height: 170px; margin: 0 auto 5px;} .photos ul.results h2 {margin: 0 0 10px;} .photos ul.results input[type="checkbox"] {display: block;margin: 0 auto;} /*** END Results View ***/ /*** Details View ***/ .photos .img-wrap {float: none; max-width: 100%; margin: 0;} /*** END Details View ***/ /****** END PHOTO GALLERIES ******/ /****** VIDEO LIBRARY ******/ /*** Results View ***/ .videos ul.results li {padding: 0;float: left;width: 33%;min-height: 240px; text-align: center;} .videos ul.results img {display: block;margin: 0 auto 10px;} .videos ul.results h2 {font-size: 115%; margin: 0;} .videos ul.results a em {display: block;font-size: 85%; margin: 5px 0 0;} /*** END Results View ***/ /*** Details View ***/ .videos iframe {display: block; border:0; max-width:100%; margin: 0 auto 20px;} /*** END Details View ***/ /****** END VIDEO LIBRARY ******/ /****** PHYSICIAN DIRECTORY ******/ /*** Home View ***/ /*** Proximity | Zip Code Display | cp:control key='CustomProximitySearch ***/ .form-container input[type="text"].cpsys_CustomProxSearch_ZipCodeBox {width: 60px; display: block;} /** Zip Code **/ td.cpsys_CustomProxSearch_Text {padding: 0 5px 12px;} input.cpsty_CustomProximitySearch_ibSearch[type="image"] {background: url(/Uploads/Public/Images/Design/Icons/go-btn-sprite.png) no-repeat; border: 0; border-radius: 0; width: 39px; height: 23px; cursor: pointer; outline:none; appearance: none; -webkit-appearance: none; margin: -14px 0 0 5px;} input.cpsty_CustomProximitySearch_ibSearch[type="image"]:hover {background-position: 0% 100%;} .prox td:last-child {vertical-align: top; padding: 0 0 0 10px;} /*** END Proximity | Zip Code Display | cp:control key='CustomProximitySearch ***/ /*** END Home View ***/ /*** Results View ***/ .dir .info ul {padding: 0; margin: 0;} .dir .info ul li {border: 0; padding: 0; margin: 0 0 5px;} .dir .info ul label {font-weight: 700; margin: 0 5px 0 0;} /*** END Results View ***/ /*** A to Z Listing ***/ .alpha-row {overflow: hidden; margin: 0 0 15px; background: #F9FCFF; padding: 5px;} .alpha-row label {color: #003f77; float: left; font-weight: 700; font-size: 150%; text-transform: uppercase; margin: 5px;} .alpha-row .btn {float: right;} /*** END A to Z Listing ***/ /*** Details View ***/ /*** Location Info ***/ .loc {overflow: auto; margin: 20px 0; clear: both;} .loc .info {float: left; width: 28%;padding: 0 2% 0 0;} .loc .map-wrap {float: left; width: 70%; text-align: center;} /*** END Location Info ***/ /*** END Details View ***/ /****** END PHYSICIAN DIRECTORY ******/ /*================================================ Miscellaneous Styles - Possibly Not Used outside of QC =================================================*/ /****** SITE MAP (site-map.aspx) ******/ ul#navSiteMap {margin: 0; padding: 0;} ul#navSiteMap li {font-size: 130%; font-weight: 700; margin: 0 0 3px;} ul#navSiteMap li ul {font-size: 90%; margin: 5px 0 20px;} ul#navSiteMap li ul li {font-weight: 400; font-size: 100%;} ul#navSiteMap li ul li ul {font-size: 85%; padding: 0 0 0 20px; margin: 5px 0 10px;} /****** END SITE MAP (site-map.aspx) ******/ /****** DOCUMENT LIBRARY (document-library.aspx) ******/ .doc-lib input[type="checkbox"] {float: left; margin: 2px 10px 0 0;} /****** END DOCUMENT LIBRARY ******/ /****** CART/ECOMMERCE ELEMENTS ******/ /*** Cart View ***/ .cart-header {overflow: hidden;background: ;padding: 5px 2%;color: #FFF;text-transform: uppercase;font-weight: 700;} .cart-header .col-1 {float: left;width: 55%;} .cart-header .col-2 {float: left;width: 25%;} .cart-header .col-3 {float: left;text-align:right;width: 20%;} img.cart {width: 45px; margin: 0 0 -10px 15px;} ul.cart-list {list-style-type: none;padding: 0;margin: 0;overflow:hidden; border: 1px solid #CCC; border-bottom: 0;} ul.cart-list li {padding: 5px 2%;overflow: hidden; border-bottom: 1px solid #CCC; margin: 0;} ul.cart-list li.even {background: ;} ul.cart-list li.odd {background: #F9FCFF;} ul.cart-list li .col-1 {float: left;width: 55%;padding: 3px 0 0;} ul.cart-list li .col-2 {float: left;width: 25%;} ul.cart-list li .col-3 {float: left;width: 20%; text-align:right; padding: 3px 0 0; color: #D32B37; font-weight: 700;} ul.cart-list li input[type="text"] {border: 1px solid #DBEAE9; padding: 3px 1%; width: 98%; max-width: 40px; outline-color:#FF6300;} ul.cart-list li input[type="submit"] {display: inline; font-size: 90%; padding: 4px 7px;} .shop-more {float: left; margin: 20px 0;} .order-total {float: right; margin: 20px 0; width: 250px; text-align: center; background: ; padding: 10px 12px 10px 10px; border: 1px solid #CCC; line-height: 180%;} .order-total h2 {font-weight: 700; color: #D32B37; font-size: 180%; margin: 0 0 5px;} .order-total em {display: block; margin: 0 0 10px;} .order-total .grand-total {border-top: 1px solid #000; border-bottom: 1px solid #000; margin: 10px 0px; padding: 10px 0; font-size: 200%; font-weight: 700; color: #008900;} .order-total .checkout a {display: block; font-size: 140%;} /*** END Cart View ***/ /*** Cart Checkout Form ***/ .ff-container.promo-code input[type="text"] {width: 120px;} .ff-container.promo-code input[type="submit"] {padding: 4px 5px; margin: -4px 0 0 0; display: inline;} .formdiscountsalert {margin-top: 5px;} .ff-container.payment-info select {width: auto !important;} .payment-info img {max-width: initial; margin: 0 5px;} .cart-co .form-container span.alert {display:block; padding: 0; margin: 3px 0 0;} /*** END Cart Checkout Form ***/ /*** Order Summary ***/ .order-summary input[type="submit"] {display: block; margin: 10px 0 0; font-size: 100%;;} .order-summary .payment-info div {line-height: 180%;} /** Payment Information **/ .discount-amt {color: #000;} .discount-amt em {margin-right: 5px;font-size: 90%;} .item-total {padding: 5px 0 0;margin: 5px 0 0; border-top: 1px solid #000;} .edit-cart {float: left; margin: 20px 0;} /** Edit Cart Items Link - @Override in INTERIOR PAGE CONTENT **/ .order-total .checkout input[type="submit"] {font-size: 140%; width: 100%; } /** Place Your Order Button - @Override in INTERIOR PAGE CONTENT **/ /*** END Order Summary ***/ /*** Order Completed ***/ .download-products {float: left; margin: 20px 0; width: 305px; text-align: center; background: ; padding: 10px 12px 0 10px; border: 1px solid #CCC; line-height: 180%;} .download-products h2 {font-weight: 700; color: #D32B37; font-size: 180%; margin: 0 0 10px;} .download-products em {display: block; margin: 0 0 10px; font-weight: 700;} .download-products .DigitalItem {margin: 0 0 10px;} /*** END Order Completed ***/ /****** END CART/ECOMMERCE ELEMENTS ******/ /****** EDUCATION MODULE ******/ /*** Education Details View ***/ .mod-details.education iframe {display: block; border: 0;margin: 25px 0;width: 100%;min-height: 300px;} .mod-details.education .test {margin: 40px 0;} /*** END Education Details View ***/ /*** Education Test View ***/ .education .question-title {font-size: 115%;margin: 0 0 3px;} .education .question-body {margin: 0 0 15px;} .cpEducationQuestions_Image {display: block; margin: 10px auto;} /*** END Education Test View ***/ /*** Education Passed Test Message ***/ .answer-key {margin: 15px 0 20px;} .answer-key .question {margin: 0 0 5px;} .answer-key .answer {margin: 0 0 12px !important;} /*** END Education Passed Test Message ***/ /*** Education Test History ***/ table.history {width: 100%;} table.history thead th {background: #CCC;padding: 5px;} table.history tbody td {padding: 5px;} table.history tbody tr.even {background: #FDFDE7;} table.history tbody tr.odd {background: #F9FCFF;} /*** END Education Test History ***/ /****** END EDUCATION MODULE ******/ /****** CATALOG ******/ .mod-results.catalog h1 {float: left;} .catalog ul.ecommerce {list-style: none;padding: 0; margin: 0 0 20px; overflow: hidden;} .catalog ul.ecommerce li {padding: 0;} .catalog ul.ecommerce li.slideshow {max-width: 400px; width: 100%; float: left; margin: 0;} .catalog ul.ecommerce li.info {float: left; margin: 0 0 0 20px; padding: 5px 0 0 0; max-width: 485px;} .mod-details.catalog .info > ul {list-style: disc; padding: 0 0 0 20px;} .mod-details.catalog .info > ul.options {list-style: none; margin: 0; padding: 0; overflow: hidden;} .mod-details.catalog .info > ul.options span {width: 70px; display: inline-block;} .mod-details.catalog .info > ul.options label {min-width: 45px; display: inline-block;} .mod-details.catalog .info > ul.cart-info {list-style: none; margin: 5px 0 0; padding: 0; overflow: hidden;} .mod-details.catalog .info > ul.cart-info li.price {font-size: 140%; line-height: 140%;} .mod-details.catalog .info > ul.cart-info li.buy {margin: 0;} #pagerTb {display: none;} #pagerTb.rslides_tabs {display: block;} #pagerTb, .pagerColor {margin: 0 0 25px;} /*** Catalog Slideshow ***/ .catalog .rslides {position: relative;list-style: none;overflow: hidden; width: 100%;padding: 0;margin: 0 !important;} .catalog .rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0; min-height: 300px;} .catalog .rslides li:first-child {position: relative;display: block;float: left;} .catalog .rslides img {display: block; border: 0; max-height: 300px; margin: auto;} .catalog .rslides {margin: 0 auto;} .catalog .rslides_container {margin: 0;position: relative;max-width: 100%; /*width: 100%;*/} .catalog .rslides_container .zoom {height: 22px;width: 23px; margin: 0 0 0 20px; display: none;} /*** Pager Arrows ***/ .catalog .rslides_tabs a.next, .catalog .rslides_tabs a.prev, .catalog .pagerColor a.next, .catalog .pagerColor a.prev {display: block; background: url('/uploads/public/images/design/slider/scrollbar_left.gif') no-repeat center; text-indent: -3000px; width: 9px; height: 18px; float: left; margin: 10px 0 0;} .catalog .rslides_tabs a.prev, .catalog .pagerColor a.prev {float: left; padding: 0 10px 0 0;} .catalog .rslides_tabs a.next, .catalog .pagerColor a.next {float: right; background: url('/uploads/public/images/design/slider/scrollbar_right.gif') no-repeat center; padding: 0 0 0 10px;} /*** Pager Thumbnails ***/ .catalog .rslides_tabs, .catalog .pagerColor {list-style: none; margin: 2px 0 10px; padding: 0; display: table;} .catalog .rslides_tabs li, .catalog .pagerColor li {_float: left; float: left; margin: 0 5px 0 0; padding: 2px; border: 2px solid #FFF; overflow: hidden;} .catalog .rslides_tabs li.rslides_here, .catalog .pagerColor li.rslides_here {border: 2px solid #B9ADCF;} .catalog .rslides_tabs li img, .catalog .pagerColor li img {max-height: 40px; display: block;} .catalog .rslides_tabs li.zoom img, .catalog .pagerColor li.zoom img {cursor: pointer; display: block; width: 22px; margin: 10px 0 0;} /****** END CATALOG ******/ /****** ENHANCED MODULE ELEMENTS ******/ /*** Enhanced Results View ***/ .mod-results.enhanced h1 {float: left;} .mod-results.enhanced table {margin: 20px 0 0; clear: both;} /* Rating */ .mod-results .title-row {overflow: hidden; margin: 0 0 15px;} .mod-results ul.results .title-row .checkbox {float: left;} .mod-results ul.results .title-row .checkbox > img {margin: -3px 5px 0 0;} .mod-results ul.results .title-row .checkbox input.cpsys_DownloadCheckBox {margin: 0 15px 0 5px;} .mod-results ul.results .title-row h2 {float: left; margin: 0;} .mod-results ul.results .map-popup {margin: 10px 0 0; font-size: 110%; font-weight: 700; clear: both;} .cpsty_CheckboxDownloadSelectAll {margin: 20px 0 0;} table.results {margin: 0 0 20px;} /** Windows Explorer List (generic-enhanced-g.aspx) **/ ul.jstree-children {margin: 0 !important; } /** Windows Explorer List (generic-enhanced-g.aspx) **/ ul.jstree-children li {margin:0 0 0 10px !important } /*** END Enhanced Results View ***/ /*** Enhanced Details View ***/ .mod-details.enhanced table {margin: 0 0 15px;} /* Rating */ .mod-details.enhanced .date {font-size: 90%; margin: 0 0 15px; line-height: 150%;} / ** Date **/ .mod-details.enhanced .rtf-content {} /** RTF Editors **/ .mod-details.enhanced .rtf-content img {float: right;margin: 0 0 20px 20px; max-width: 250px;} /** RTF Editors - Images Within **/ .mod-details.enhanced .file-container {margin: 20px 0;} /** FileUpload2 - MediaToImage **/ .mod-details.enhanced .file-container img {padding: 0 !important; background: none !important;} .mod-details.enhanced .file-container p {margin: 2px 0 0;} .mod-details.enhanced .ecommerce-info {margin: 20px 0; line-height: 150%;} .mod-details.enhanced .ecommerce-info input[type="submit"] {display: block; margin: 10px 0 0;} /** Submit Button - @Override INTERIOR PAGE CONTENT **/ /*** Related Content (Right) ***/ .rel-container {padding: 0 0 20px; margin: 0 0 10px; background: url(/Uploads/Public/Images/Design/Icons/shadow-sep-213.png) no-repeat left bottom; background-size: contain;} .rel-container h4 {color: #990000;background: url(/Integrations/Centralpoint/Resources/Featured.png) no-repeat;padding: 0 0 5px 20px;} .rel-item {padding: 4px 0; border-bottom: 1px dashed #CCC; width: 98%; line-height: 120%;} .rel-item a {font-size: 90%;} /*** END Related Content (Right) ***/ /*** END Enhanced Details View ***/ /****** END ENHANCED MODULE ELEMENTS ******/ /****** MARKETPLACE MODULE ELEMENTS ******/ /*** Marketplace Results View ***/ .mod-results.market h1 {float: left;} .mod-results .title-row .contact {float: right;} .mod-results.market .cta {clear: both;} .mod-results.market .cta ul {float: right; list-style: none; padding: 0; margin: 0; overflow: hidden;} .mod-results.market .cta ul > li {float: left; margin: 0 5px 0 0;} .mod-results.market .cta .basket {padding: 3px 10px 0 0;} .mod-results.market .cta input[type="image"] {max-width: 100%;} .mod-results.market ul.results li {margin: 0; padding: 0; border-bottom: 0;} .mod-results.market ul.results td > div {padding: 20px 5px; border-bottom: 1px solid #CCC;} .mod-results.market ul.results td > div:last-child {border: 0;} .mod-results.market table {width: 100%;} .mod-results.market .title-row {margin: 0 0 10px;} .mod-results.market li > a {display: block; float: left; margin: 0 10px 0 0;} /* Logo */ .mod-results.market li > span {display: block; margin: 0 0 10px;} /* Rating */ /*** Marketplace Details View ***/ .mod-details.market hr {clear: both; margin: 20px 0;} .mod-details.market .rating {padding: 0 0 10px;} .mod-details.market .img-wrap {margin: 10px 0 0 20px; max-width: 260px;} .mod-details.market .img-wrap img {max-height: 300px;} .mod-details.market .img-wrap input {display: table; margin: 10px auto 0;} .mod-details.market ul.contact {list-style: none; padding: 0; margin: 10px 0 20px;} .mod-details.market ul.contact > li {padding: 0 0 5px; margin: 0 0 5px;} .mod-details.market ul.contact h3 {font-size: 100%; float:left; min-width: 200px;} .mod-details.market ul.contact p {margin:0;} .mod-details.market .footer-map {margin: 20px 0;} /*** Basket View ***/ .page-content.basket input[type="submit"], .page-content.basket input[type="button"] {padding: 2px 5px; font-size: 90%;} .page-content.basket .back {margin: 20px 0 0;} .TblBrdrBottom {padding: 5px 8px !important;} /****** END MARKETPLACE MODULE ELEMENTS ******/ /****** GREETING CARD FORM & MODULE DESIGNER (patient-greeting-card.aspx & print-cards.aspx) ******/ .greeting-card-container .block {float: left;width: 33%;} .greeting-card-container .block img {display: block; width: 95%; margin: auto;} .greeting-card-container .block table {text-align: center; width: 100%;} .greeting-card-container .block table input[type="radio"] {height: 25px; width: 100%;} .card-preview img {display: block;margin: 20px auto;} .card-preview h3 {font-size: 150%;text-decoration: underline; margin: 0 0 10px;} .card-preview .message {margin: 0 0 40px; font-size: 125%;} .card-preview .send-to-from {text-align: center;font-size: 125%;} .card-preview .name {font-weight: 700;} .card-preview .hospital-room {margin: 30px 0 40px;} .card-preview .hospital-room strong {width: 60px; display: inline-block; text-align: right; margin-right: 10px; margin-bottom: 5px;} .cards ul.results ul {margin: 15px 0 0; padding: 0; overflow: hidden;} .cards ul.results ul li {border: 0; padding: 0 20px 0 0; margin: 0; float: left;} /****** END GREETING CARD FORM & MODULE DESIGNER ******/ /****** DITA DASHBOARD ELEMENTS (dashboardtools.aspx) ******/ /*** Start New Documents Elements ***/ .course-title { color:#0079C2;padding:3px; } .dvContent { padding-left:5px;padding-bottom:2px; } .dvContentContainer { padding-bottom:5px; } .dvContentContainer span.Label { font-size:14px; color:#000000; font-weight:bold; } .divResoureGroup { color:#0079C2 ;padding:3px; font-weight: bold;} .divTaxonomyGroup { color:#0079C2 ;padding:3px; font-weight: bold;} .dvContentRes { color:#000; font-weight:normal; padding-left:5px;padding-bottom:2px; } .dvContentCon { color:#000; font-weight:normal; padding-left:5px;padding-bottom:2px; } .dvProcedureHeader { font-weight:bold; margin-bottom:7px; margin-left:7px; } .dvPolicy { margin-left:20px; margin-bottom:7px;} /*** END New Documents Elements ***/ /****** END DITA DASHBOARD ELEMENTS ******/ /****** LIGHTBOX via EXTLIGHTBOX (lightbox-examples.aspx & Photo or Video Galleries) ******/ ul.img-gal {list-style-type: none; padding: 0;} ul.img-gal li {width: 32%; display: inline-block; margin: 0 0 5px 0; } ul.img-gal li img {width: 100%;} #ob_float {height: auto !important;} /*** Combats Google Translator - Remove this line if you'r not using Google Translator ***/ #ob_title a {color: #D0AC06;} #ob_title h2 {margin: 0 0 20px;} #ob_content {min-height: auto !important;} #ob_inline {overflow: hidden !important; max-width: 100% !important; height: auto !important; width: 100% !important;} #ob_inline .inline_content {padding: 0 !important;} #ob_inline iframe {width: 100% !important; max-width: 100% !important;} /****** END LIGHTBOX via EXTLIGHTBOX ******/ /*** ACCORDION ELEMENTS (ext-accordion.aspx) ***/ .acc-wrap {margin: 25px 0;} .acc-wrap .acc-content {overflow: hidden;padding: 0 0 15px;margin:0 0 15px; border-bottom: 1px solid #CCC;} .acc-wrap .acc-content:last-child {padding: 0; margin: 0; border: 0;} .acc-wrap h3.acc-title, .acc-wrap h2.acc-title {font-weight: 400; overflow: hidden; margin: 0 0 15px;} .acc-wrap .acc-title.over, .acc-wrap .acc-title.on {font-weight: 700;} .acc-wrap .acc-title span.collapsed, .acc-wrap .acc-title span.expanded {float: left;} .acc-wrap .acc-title span.cpsty_header {float: left;max-width: 90%;} /**** END ACCORDION ELEMENTS ****/ /*** TAB CONTENT (tab-configuration.aspx) ***/ ul.tabs {list-style: none;padding: 0;margin: 0 0 25px;overflow: visible;text-transform: uppercase;font-size: 125%; text-align: center;} ul.tabs li {float: left;} ul.tabs li.last {margin: 0;} ul.tabs li a {text-decoration: none; color: #989A8F; border: 2px solid #989A8F; width: 100%; padding: 10px 0; display: block;} ul.tabs li a.selected {color: #5E604B; -moz-box-shadow: 2px 2px 1px #C9D12C; -webkit-box-shadow: 2px 2px 1px #C9D12C; box-shadow: 2px 2px 1px #C9D12C; border: 2px solid #808604;} ul.tabs.six li {margin: 0 1.5% 0 0; width: 15%;} /** Example has 6 Tabs - Update Accordingly **/ .tab-content {padding: 20px 0 0; margin: 20px 0 0; clear: both;} /** Tab Content **/ /*** END TAB CONTENT ***/ /****** PERIMETER ADVERTISEMENTS ******/ .cpweb_PerimeterLeftTd, .cpweb_PerimeterRightTd {padding: 15px 0 0;} .cpweb_PerimeterLeftTd {background: #EEEEEE;} .cpweb_PerimeterRightTd {background: #FFFFFF;} /****** END PERIMETER ADVERTISEMENTS ******/ /****** TOOLTIPSTER DISPLAY (photo-galleries.aspx) ******/ .tooltipster-theme {border-radius: 5px;border: 2px solid #006699; background: #FFF; color: #000;} /* Use this next selector to style things like font-size and line-height: */ .tooltipster-theme .tooltipster-content {line-height: 130%; font-size: 12px; font-weight: 400; padding: 10px;max-width: 280px;} .tooltipster-theme .tooltipster-content h2 {margin: 0 0 10px;} /****** END TOOLTIPSTER DISPLAY ******/ /****** SPLASH PAGE ELEMENTS ******/ /*** After-load Example (splash-page.aspx) ***/ .cpweb_SplashPage {height: auto !important; border-radius: 5px !important; box-shadow: 0 0 10px 10px;} .cpweb_SplashPage .splash-wrap {padding: 20px;} .cpweb_SplashPage .splash-wrap h2 {margin: 0 0 15px; text-align: center; color: #FF0000; font-size: 180%;} .cpweb_SplashPage .splash-wrap .close-btn {float: right; margin: 0 0 10px 10px;} .cpweb_SplashPage .splash-wrap .content p {margin: 0 0 20px;} /*** END After-load Example ***/ /*** Preload Example (pre-load-example.aspx) ***/ .splash-preload {width: 65%; margin: 20px auto;} /*** END Preload Example ***/ /****** END SPLASH PAGE ELEMENTS ******/ /****** SMART LINKS (Advertising > Sponsored Keywords) ******/ a.cpweb_SmartLinks {color: #FF0000;} a.cpweb_SmartLinks:hover {color: #FF0000;} /****** END SMART LINKS ******/ /****** MEMBER DASHBOARDS (member-controlled-dashboard.aspx) ******/ /*** Dashboard View ***/ .cppdb_Dashboard {margin: 0 0 3px; border: 1px solid #E2E3E7;} .cppdb_Dashboard_Header {padding: 10px; background: #E2E3E7;} .cppdb_Dashboard_Header_Label {font-weight: 700; } .cppdb_Dashboard_ActionMenu_DynamicMenuStyle {padding: 1px 3px; width: 75px; border: 1px solid #E2E3E7; z-index: 100;} .cppdb_Dashboard_Settings {padding: 3px; background: #E2E3E7;} .cppdb_Dashboard_Body {padding: 3px;} .cppdb_Dashboard_Body_Item {padding: 2px;} .cppdb_Dashboard_Body_Content {padding: 2px; } /*** END Dashboard View ***/ /*** Settings View: (member-controlled-dashboard.aspx?settings=yes) ***/ .cppdb_Settings {margin: 3px 0px; border: 1px solid #E2E3E7; } .cppdb_Settings_Header {padding: 10px; background: #E2E3E7; } .cppdb_Settings_Header_Label {font-weight: 700;} .cppdb_Settings_Body {padding: 10px;} .cppdb_Settings_Body_Item_Name {font-weight: 700; margin: 0 0 3px;} /*** END Settings View ***/ /****** END MEMBER DASHBOARDS ******/ /* ******* BLUE BIRD RESPONSIVE STYLES ***/ /* Blue Bird 2 column layout for phones*/ /* column container */ .bb2-colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .bb2-colright, .bb2-colmid, .bb2-colleft { float:left; width:100%; /* width of page */ position:relative; } .bb2-col1, .bb2-col2 { float:left; width: 48%; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } /* Blue Bird 3 column layout for phones*/ /* column container */ .bb3-colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .bb3-colright, .bb3-colmid, .bb3-colleft { float:left; width:100%; /* width of page */ position:relative; } .bb3-col1, .bb3-col2 { float:left; width: 33%; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } .bb3-col3 { float:left; width: 34%; position:relative; padding:0 0 1em 0; /* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */ overflow:hidden; } .h1 { font-size: 2em; font-weight: bold; } .h1-error { font-size: 2em; font-weight: bold; color: red; } /*================================================= END Miscellaneous Styles - Possibly Not Used outside of QC ==================================================*/ /****** MEDIA QUERIES BELOW!!!! ******/ /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-width : 340px) and (max-width : 480px) and (max-width : 768px) { /* Forms */ .comments td {display: block; width: auto !important;} /*Comments Form*/ .comments fieldset {width: auto !important;} .form-container p > label {text-align: left; margin: 0 0 3px; float: none; display: block;} .form-container > span > input[type="submit"] {margin: 0 10px 0 0 !important;} .form-container textarea {max-width: 90%;} .form-container p > span > span[index] {margin: 0 0 5px; display: block;} .form-container p > span > span[index]:last-child {margin: 0;} .form-container p > span[id] > br {display: none;} .form-container ul.multi > li {float: none; width: auto; margin: 0 0 10px;} .form-container ul.multi > li > input {max-width: 228px;} .form-container ul.multi > li > select {max-width: 250px;} .form-container p > label, .form-container ul.multi > li > label {white-space: normal;} /* Styles */ .bb2-col1, .bb2-col2, .bb3-col1, .bb3-col2, .bb3-col3 { width:100%; /* width of page */ } .tablesorter-blue td span { font: 90%; } .tablesorter-blue th, .tablesorter-blue thead td { font: 90%; } .h1 { font-size: 1.5em; font-weight: bold; } .h1-error { font-size: 1.5em; font-weight: bold; color: red; } } @media only screen and (min-width : 320px) { } /*** Derived From: https://scotch.io/quick-tips/default-sizes-for-twitter-bootstraps-media-queries ***/ /****** PRINT PAGE DISPLAY ******/ @media print { header, footer, nav.top, .bc-icons, .breadcrumb, ul.cp-icons, .back, .no-print {display:none;} .print-cards h1, .print-cards h2 {display: none;} body {color: #000 !important;} } /****** END PRINT PAGE DISPLAY ******/ /*========== Non-Mobile First Method ==========*/ /** Mobile-show should be display: none outside of all media styles **/ .mobile-show {display:none;} .cpsty_DynamicNavigation17 ul.level1 > li:last-of-type { /*Admin hide on full size page */ display:none;} /*** Large Tablets and Small Desktop Screens ***/ @media (min-width: 1149px) and (max-width : 1400px) { header .logo{left:2%;} /*Aysh changed from 5% to 2% */ #DynamicNavigation17 a.static {font-size: 12px;} /*Aysh */ nav.top {left: 21%;} /*Aysh */ } @media (min-width: 1024px) and (max-width : 1149px) { header .logo{left:1%;} /*Aysh */ #DynamicNavigation17 a.static {font-size: 10px;} /*Aysh */ nav.top {left: 21%;} /*Aysh */ } /*** Ipad & Tablet: Landscape ***/ @media only screen and (max-width : 1024px) { .sticky {position: relative;} /** Turn Off Fixed Header **/ .cpweb_Wrapper {width: 100% !important;} /** Turn Off Fixed Header **/ .cpweb_Wrapper.cpweb_Home {width: 100% !important;padding: 0; margin: 0 auto;} .cpsys_BlockColumn.cpweb_PerimeterLeftTd, .cpsys_BlockColumn.cpweb_PerimeterRightTd {display: none;} /** Perimeter Ads Off **/ .inner {max-width: 100%;} header .inner {z-index:5;} nav.top .item-7 ul li ul {right: 0;} #home .inner {width: 96%; padding: 0 2%;} footer .inner {padding:0 0 0 0;padding-bottom: calc(36px - 1%);} /** JMorrell 2018-06-13, px = logo height **/ footer .btm-ribbon .logo {float: left;text-align: center;padding-left:calc(50vw - (50vw - 50%) - 28px);} /** JMorrell 2018-06-13, px = HALF image width **/ .cpsty_Top .search-container {position:relative;float: left;left:45%;} } /*** Ipad & Tablet: Portrait ***/ /** JMorrell originally was max 768, should now scale up to 1024 (landscape ipad) **/ /*** Centralpoint Mobile Begins ***/ @media only screen and (max-width : 1024px) { .cpweb_Wrapper {padding: 0 0;} .cpsty_blSiteType {max-width: 90vw !important;} .noLeft { max-width: 90vw !important; } ul.social-icons img {width: 28px;} ul.social-icons li {margin-right: 7px;} .mob-o {display: block;} /** Mobile Only Displays **/ div.cpsys_BlockColumn, div.cpsys_Block {display: block;} .cpsys_BlockColumn.cpsty_RightTd, .cpsys_BlockColumn.cpsty_LeftTd {display: none;} /** CP Left & Right Columns Off - Commonly Advertisting or Standard Left Nav **/ #mobileNav {display: block;float: left; margin: 5px 5% 0;} nav.top, .mobile-hide, ul.cp-icons {display: none;} .mobile-show {display:initial;} .mobile-tel {display: block; float: right;} .mobile-tel img {height: 28px; display: block; margin: 5px 0 0 0;} body, html {background-image: none;} .cpsty_Top .search-container {left:45%;} .cpsty_Top .bus-lookup {left:30%;} .cpsty_Top .unit-search {left:30%;} .cpsty_Top .unit-search-img {left:30%;} .cpsty_DynamicNavigation17 ul.level1 > li:last-of-type { /*Admin hide on full size page */ display:initial;} /****** HEADER ADJUSTMENTS ******/ header {border-bottom: 3px solid #015291;} header .logo img {max-width: 100%;} header .logo {float: none; width: 137px; margin: 0 auto 5px;padding-left:0px;left:40%;} header .search-container {float: none; margin: 0 auto 0 auto; padding: 10px 0px; text-align: center; width: 99%;} header .unit-dashboard {float: none; margin: 0 auto 0 auto; padding: 10px 0px; text-align: center; width: 99%;} header .search-container input[type="submit"] {height: 24px;} header .audience-menu {float: none; margin: auto; width: 95%; max-width: 300px;} header .login-container {text-align: center;float:none;position:absolute;width:100%;top:70%;padding: 0px 0px 0px 0px;font-size:90%;} .breadcrumb {width:100%;padding-left:2%;} /****** END HEADER ADJUSTMENTS ******/ /****** FOOTER ADJUSTMENTS ******/ footer .btm-ribbon .logo {float:left; text-align: center;} footer .btm-ribbon .site-info {float: none;width: 94%; padding: 0% 3%; padding-top: 20px; text-align: center;} footer .btm-ribbon .social-media {float: none;width: 94%; padding: 0% 3%; text-align: center;} ul.social-icons {display: table; margin: 20px auto; float: none; overflow: hidden;} footer .btm-ribbon .login {float: none; margin: 25px auto 0px auto; width: 125px;} #toTop {max-width:25px;} /*.mobile-hide {padding-bottom: 16%;} Whitespace on bottom of footer */ /****** END FOOTER ADJUSTMENTS ******/ /****** HOMEPAGE ADJUSTMENTS ******/ main#home .lower .row-2 .col-1 {width: 47%;} main#home .lower .row-2 .col-2 {width: 47%;} main#home .lower .row-1 {margin: 0px 0px 10px 0px;} .bodylookup {margin: 10px 0px 10px 0px; } #home .bus-lookup {padding:1% 0% 0% 1%;} #home .bus-lookup-text{color: #003366; font-size: 24px; font-weight: bold; float: left;padding: 0px 0px 0px 0px;} #home .welcomeFloatingSearch {width:100%;position:absolute;top:35%;left:5%;} #home .welcomeFloatingSearch-logged-out {position: absolute;top: 23%;left: 0%;width:80%;} #home .homepagesrch {width:40%;margin:0px 0px 0px 0px;} #home .searchbarimg {padding: 0% 0% 0% 2%;} main#home .lower {padding: 0 2%;} main#home .lower .home-sep {margin: 20px auto;} main#home .lower .row-1 .col-1, main#home .lower .row-1 .col-2 {width: 48%; border: 0; float: left;} /****** END HOMEPAGE ADJUSTMENTS ******/ /****** MARKETPLACE ADJUSTMENTS ******/ .mod-results.market .cta .basket {padding: 8px 0; float: none; overflow: hidden;width: auto;} .mod-results.market .cta ul > li {margin: 0; width: 33.33333%;} .mod-results.market ul.results .title-row h2 {float: none; padding: 2px 0 0;} .mod-results.market .title-row .contact {float: none; display: table; margin: 0 auto 10px;} .mod-details.market .img-wrap {margin: 0 auto 10px; max-width: none; float: none; display: table;} .mod-details.market ul.contact h3 {float: none; min-width: 0;} /****** SECTION MENU ******/ select.mobile-menu { display: block; margin: 0 auto 20px; max-width: 297px; width: 100%; border-top: 1px solid #E1E1E1; border-left: 1px solid #E1E1E1; border-right: 2px solid #E1E1E1; border-bottom: 2px solid #E1E1E1; border-radius: 0; font-size: 105%; padding: 8px; background: #FFF; outline-color: #F37820; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /****** END SECTION MENU ******/ /******* MODULES RESULTS VIEW ******/ .results-search {float: none;width: 300px;} .results-header .results-filters {float: none; margin: 15px 0 20px;} .pag-header {float: none; text-align: left; margin: 30px 0 0;} /*** Video Library / Photo Gallery Results ***/ .videos ul.results li, .photos ul.results li {float: none; width: 100%; min-height: 0; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #CCC;} .photos ul.results li img {max-height: 250px;} /*** END Video Library / Photo Gallery Results ***/ /*** Enhanced Results ***/ .mod-results.enhanced h1 {float: none;} /*** END Enhanced Results ***/ /******* END MODULES RESULTS VIEW ******/ /****** CATALOG ******/ .mod-results.catalog h1 {float: left;} .mod-results.catalog ul.results .img-wrap { float: none; margin: 0 auto 20px;} /****** END CATALOG ******/ /******* PAGE CONTENT ******/ .cpweb_Wrapper {margin: 0px auto 0;} .breadcrumb-trail {float: none;width: 100%;} .page-content h1 {margin: 10px 0 10px;} .cpsty_Left {margin: 0px 0px 0px 0px;} /******* END PAGE CONTENT ******/ /****** SLICK NAV CSS STYLES ******/ /*** Original Styles: http://slicknav.com/mobile-menu/slicknav.css && Documentation: http://slicknav.com ***/ /*** Mobile Navigation Menu - Core Style ***/ .slicknav_menu .slicknav_menutxt {display: none !important;} .slicknav_menu .slicknav_icon {float: none; margin: 0;} .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em;} .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0em } .slicknav_nav {clear: both;} .slicknav_nav ul, .slicknav_nav li {display: block; border-bottom: 1px solid #222; font-size: 110%;} .slicknav_nav .slicknav_item {cursor: pointer;} .slicknav_nav .slicknav_row {display: block;} .slicknav_nav a {display: block;} .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {display: inline-block;} .slicknav_menu:before, .slicknav_menu:after {content: " "; display: table;} .slicknav_menu:after {clear: both;} /* IE6/7 support */ .slicknav_menu { *zoom: 1 } /*** User Default Style Change the following styles to modify the appearance of the menu. ***/ /*** First Tier SlickNav Elements ***/ .slicknav_menu {width: 30px; float: left;} ul.slicknav_nav {color: #FFF !important; width: 90%; position: absolute; border: 2px solid #222; z-index: 9999; max-width: 1016px; -webkit-text-size-adjust: 100%;} ul.slicknav_nav li ul {border-bottom: 0; background: #FFF !important;} ul.slicknav_nav li ul li {border-bottom: 1px solid #EFEFEF; font-size: 80%;} ul.slicknav_nav li:last-child {border-bottom: 0;} li.slicknav_txtnode {background: #015291; padding: 8px;} .slicknav_parent.slicknav_open a.slicknav_item.slicknav_row {background: #8BC4E9 !important; color: #222;} .slicknav_parent.slicknav_open a.slicknav_item.slicknav_row a {background: #8BC4E9 !important; color: #222;} li.slicknav_parent.slicknav_open {background: #8BC4E9;} li.slicknav_parent.slicknav_open a {background: #8BC4E9; color: #222;} .slicknav_nav .slicknav_arrow {float: left; margin: 0 8px 0 -3px; float: left; text-indent: -9999px; width: 16px; height: 16px;} .slicknav_parent.slicknav_collapsed span.slicknav_arrow {background: url(/Uploads/Public/Images/Design/slicknav_arrow_closed.png) no-repeat;} .slicknav_parent.slicknav_open span.slicknav_arrow {margin: 0 8px 0 -3px;background: url(/Uploads/Public/Images/Design/slicknav_arrow_open.png) no-repeat;} /*** END First Tier SlickNav Elements ***/ /*** Second Tier SlickNav Elements ***/ /** Closed Parent Styles **/ li.slicknav_parent.slicknav_open ul li.slicknav_collapsed.slicknav_parent a.slicknav_item.slicknav_row {background: #52DDFF !important; padding-left: 30px;} li.slicknav_parent.slicknav_open ul li.slicknav_collapsed.slicknav_parent a.slicknav_item.slicknav_row a {background: #52DDFF !important; color: #FFF; font-weight: 700;} /** Arrow Styles **/ li.slicknav_parent.slicknav_open ul li.slicknav_collapsed.slicknav_parent span.slicknav_arrow {background: url(/Uploads/Public/Images/Design/Icons/slicknav_arrow_closed_tier2.png) no-repeat; display: inline-block;float: right; margin-left: 7px; background-position: 0px 1px;} /** END Closed Parent Styles **/ /** Open Parent Styles **/ li.slicknav_parent.slicknav_open ul li.slicknav_open.slicknav_parent a.slicknav_item.slicknav_row {background: #E6F9FD !important; padding-left: 30px;} li.slicknav_parent.slicknav_open ul li.slicknav_open.slicknav_parent a.slicknav_item.slicknav_row a {background: #E6F9FD !important;color: #222;font-weight: 700;} /** Arrow Styles **/ li.slicknav_parent.slicknav_open ul li.slicknav_open.slicknav_parent span.slicknav_arrow {background: url(/Uploads/Public/Images/Design/Icons/slicknav_arrow_open_tier2.png) no-repeat; display: inline-block;float: right; margin-left: 7px; background-position: 0px 4px;} /** END Open Parent Styles **/ /** Second Tier Submenu **/ li.slicknav_parent.slicknav_open ul li.slicknav_open.slicknav_parent ul a {background: #E6F9FD !important; color: #222; font-size: 110%;} /*** END Second Tier SlickNav Elements ***/ /* Button */ .slicknav_btn {position: relative; margin-top:0; padding-top: 0;} a.slicknav_btn {display: block; background: url(/Uploads/Public/Images/Design/mobile-nav-holder.png) no-repeat; background-size: contain; cursor: pointer; min-height: 28px; min-width: 30px; position: relative; outline: none;} /* Button Text */ .slicknav_menu .slicknav_menutxt {display: none;} /* Button Lines */ .slicknav_menu .slicknav_icon-bar {} .slicknav_nav {color:#fff !important;margin:0;padding:0;font-size:0.875em;} .slicknav_nav, .slicknav_nav ul {list-style: none;overflow:hidden;} .slicknav_nav ul {padding:0 0 0 0; margin:0; background: #015291 !important;} .slicknav_nav .slicknav_row {padding: 8px; background: #015291 !important;} .slicknav_nav a{padding: 8px; text-decoration:none; color:#FFF; font-weight: 700;outline: none; background: #015291 !important;} .slicknav_nav ul li a {padding: 8px 10px 8px 30px; font-weight: 400;background: #FFF !important; color: #383838;} .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {padding:0; margin:0;} /*** END Mobile Navigation Menu - Core Style ***/ /****** END SLICK NAV CSS STYLES ******/ } @media only screen and (max-width : 845px) { .jMenu li a {font-size: 90%;} #home .welcomeFloatingSearch {width:100%;position:absolute;top:35%;left:5%;} #home .welcomeFloatingSearch-logged-out {width:100%;position: absolute;top: 20%;left:0%;} #home .homepagesrch {width:40%;margin:0px 0px 0px 0px;} #home .searchbarimg {padding: 0% 0% 0% 2%;} } @media only screen and (max-width : 768px) { .cpsty_Top .search-container {left:45%;} .cpsty_Top .bus-lookup {left:25%;} .cpsty_Top .unit-search {left:25%;} .cpsty_Top .unit-search-img {left:25%;} } /*** iPhone 6 Plus: Landscape ***/ @media only screen and (max-width : 736px) { .side1{margin: 1% 0px 0px 0px;} .cpsty_Top .search-container {left:30%;} .cpsty_Top .bus-lookup {left:0%;} .cpsty_Top .unit-search {left:20%;} .cpsty_Top .unit-search-img {left:20%;} .welcomeFloatingSearch {width:100%;position:absolute;top:35%;left:5%;} #home .welcomeFloatingSearch-logged-out {width:100%;position: absolute;top: 20%;left:0%;} #home .bus-lookup-text {font-size: 18px;} #home .homepagesrch {width:40%;margin:0px 0px 0px 0px;} #home .searchbarimg {padding: 0% 0% 0% 2%;} .flex-grid { display: block; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { ul.img-row li {width: 50%;} .page-content ul.col-4 li {width: 48%;} .side1{margin: 3% 0px 0px 0px;} header .logo {left:30%;} .flex-grid { display: block; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 479px) { .cp-login input[type="text"], .cp-login input[type="password"] {width:70% !important;} .side1 { margin: auto;width: 100%; float: left;text-align: center;} .middlebodylookup {width: 100%;float: left;} .bus-lookup{ margin: auto;width: 100%; float: left;text-align: center;} .cpsty_Top .search-container {left:6%;} .cpsty_Top .bus-lookup {left:4%;} .cpsty_Top .unit-search {left:4%;} .cpsty_Top .unit-search-img {left:4%;} #home .bus-lookup {display:none;} #home .welcomeFloatingSearch {width:100%;position:absolute;top:30%;left:5%;} #home .welcomeFloatingSearch-logged-out {width:100%;position: absolute;top: 20%;left: 0%;} #home .homepagesrch {width:70%;margin:0px 0px 0px 0px;} #home .searchbarimg {padding: 0% 0% 0% 2%;} .flex-grid { display: block; } } /** iPhone 6 Regular: Landscape **/ @media only screen and (max-width : 375px) { h3 {margin: 0;} .page-content .col-1{float:left;width:100%;} .page-content .col-2{float:left;width:100%;margin: 10px 0px 0px 0px;} main#home .lower .row-1 {margin: 0px 0px 0px 0px;} main#home .lower .row-1 .col-1, main#home .lower .row-1 .col-2 {width: 98%; border: 0; padding: 1%;float: none; margin: 0 0 10px; text-align: center;} main#home .lower .row-2 .col-1, main#home .lower .row-2 .col-2 {width: 98%; border: 0; padding: 1%;float: none; margin: 0 0 10px; text-align: center;} main#home .lower .row-3 .col-1 {width: 98%; padding: 1%;float: none; margin: 0 0 10px; text-align: center;} ul.img-row li {width: 100%; float: none; text-align: center; margin: 0 0 20px;} .page-content ul.col-2 li, .page-content ul.col-3 li, .page-content ul.col-4 li {padding: 0; width: 100%; float: none;} header {padding-bottom:10px;} #home .welcomeFloatingSearch {width:100%;position:absolute;top:30%;left:5%;} #home .welcomeFloatingSearch-logged-out {width:100%;position: absolute;top: 20%;left: 0%;} #home .homepagesrch {width:70%;margin:0px 0px 0px 0px;} #home .searchbarimg {padding: 0% 0% 0% 2%;} .flex-grid { display: block; } } /** Custom, iPhone Retina **/ @media only screen and (max-width : 320px) { .flex-grid { display: block; } } /* Centralpoint.WebSite.StyleSheet.CustomStyles */