/*************************************************************************************************************/ /* KCI's in613.com v5 master page for Business Directory */ /* see: https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile */ /* where a Reset like below is suggested... */ /* Original: 200901 - V5a - Created new css file exclusively for all Business Directory files */ /* Last Update: 201007 - Rebuilt with all Business-Directory css */ /*************************************************************************************************************/ /* KCI's Business-Direcory App CSS Reset */ html, body, form, a, abbr, acronym, address, applet, b, big, blockquote, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, h1, h2, h3, h4, h5, h6, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, tfoot, thead, th, td, tr, tt, u, ul, var { outline: none; margin: 0; padding: 0; } /*********** Confirmed needed on In613 root directory pages ************/ /*** Key Page Elements CSS ***/ html { background-color: #1F497D } body { background-color: #1F497D; border-bottom: solid 3px #1F497D; color: #333; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; } div.tabCont { margin-left: 1%; margin-right:1%; width: 98%; } footer { background-color: rgba(31,73,125,0.8); border-top: solid 2px #efeeef; bottom:0; color:white; height: auto; padding: 10px 0; position:sticky; width:100%; clear: both; } h1, h2, h3, h4, h5, h6 { color: #1F497D; font-weight:bold; margin-bottom: 0; padding-bottom: 0; } h1 a:link, h1 a:visited, h1 a:active { color: #1F497D; font-weight:bold; text-decoration: none; } h4 a:link, h4 a:visited, h4 a:active { color: #1F497D; font-weight:bold; text-decoration: none; } h5 a:link, h5 a:visited, h5 a:active { color: #1F497D; font-weight:bold; text-decoration: none; } h6 a:link, h6 a:visited, h6 a:active { color: #1F497D; font-weight:bold; text-decoration: none; } header, footer, nav, section { display: block; } header .content-wrapper { background-color: #1F497D; } header a { background-color: #1F497D; border:none; color: white; outline: none; padding-left: 2px; padding-right: 2px; text-decoration: none; } header a:hover { border:none; text-decoration:none; /* */ } header .dropdown-hdr { background-color:#D7D7D7; color: #046D8B; font-size:1.35em; font-weight:bold; } header .dropdownItem { border-radius:0; color:#ffffff; line-height:25px; text-decoration: none; } /* input[type="checkbox"] { content: url('https://in613.com/img/tips/v2-De2v.png'); display: block; } Kept as example */ /* input[type="checkbox"]:checked { content: url('https://in613.com/img/tips/v2-De2au.png'); } Kept as example */ ol.mtokens { list-style-type:none; } ol.mtokens li { margin: 5px 10px 5px 0; padding-left: 40px; } ol.mtokens .fifty { background: url("../img/icons/Tok50-36w.png") no-repeat; } ol.mtokens .seventy5 { background: url("../img/icons/Tok75-36w.png") no-repeat; } ol.mtokens .one00 { background: url("../img/icons/Tok100-36w.png") no-repeat; } ol.mtokens .one50 { background: url("../img/icons/Tok150-36w.png") no-repeat; } p { color: #333; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; font-size: 1.2em; } table.tblCenter { margin-left:auto; margin-right:auto; } /*** Key Page Elements ID's CSS ***/ #BdAdPicsMd { border:5px solid #fff; margin: 5px 0 5px 0; } #BdAdPicsXs { border:3px solid #fff; margin: 3px 0 3px 0; } #body { background-color: #efeeef; clear: both; margin-top:8px; padding-bottom: 45px; /**/ } #header { background-color: #1F497D; clear: both; /* margin-top:8px; padding-bottom: 35px; */ } #dialog { height: 350px; width: 300px; background-color: #c8c8c8; border: 1px solid black; position: fixed; top: 50%; margin-top: -100px; left: 50%; margin-left: -100px; display: none; padding: 20px; } #loginAP a, #RegAP a { color: #1F497D; font-size: 1.2em; } #loginAP a:hover, #RegAP a:hover { font-weight: bold; outline: none; text-decoration: none; } #loginMast a { color: white; } #loginMast a:hover { font-weight: bold; } #loginMast .username { background: none; text-decoration: underline; } #pageBottomGrad { background-image: linear-gradient(#3379CE, #1F497D); height: 40px; } #wrapperSE { background-color: #EFEEEF; background-image: url("img/613-bkg.png"); background-position:top center; background-repeat: no-repeat; background-size:contain; border:0; margin:0; padding:0; font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif; height:auto; margin-top: 10%; max-width:100%; } /*** Key Page Classes (.) CSS ***/ .absCenter { margin:auto; position: absolute; top:0; left:0; bottom:0; right:0; } /* CSS for img at absolut page center */ .accContD { background-color: #EDFFEF; border: 1px solid #0CC30C; color:#555555; padding: 8px 15px 8px 30px; width:100%; } .accContI { background-color: #FFEFFC; border: 1px solid #D6127C; color:#555555; padding: 8px 15px 8px 30px; width:100%; } .accContU { background-color: #B2DFFF; border-color: #2F4F4F; border-right: 1px dashed #2F4F4F; border-style: none dashed dashed; border-width: medium 1px 1px; color:#555555; font-size:1.0em; padding: 10px 15px 10px 30px; width:100%; } .accContW { background-color: #E0EEFF; border: 1px solid #1F497D; color:#555555; padding: 8px 15px 8px 30px; width:100%; } .accHdrD { background-color: #0CC30C; border: 1px solid #0CC30C; color: White; text-align:center; width:100%; } .accHdrI { background-color: #D6127C; border: 1px solid #D6127C; color: White; text-align:center; width:100%; } .accHdrSelU { background-color: #1F497D; border: 1px solid #2F4F4F; color: White; cursor: pointer; font-size: 1.35em; font-family: Arial,Sans-Serif; font-weight: bold; margin-top: 5px; padding: 5px; width:100%; } .accHdrSelU a:link, .accHdrSelU a:visited, .accHdrSelU a:focus { color: White; text-decoration:none; } .accHdrSelU a:active, .accHdrSelU a:hover { color: Yellow; text-decoration:none; } .accHdrU { background-color: #1F497D; border: 1px solid #2F4F4F; color: yellow; cursor: pointer; width:100%; font-family: Arial,Sans-Serif; font-size: 1.2em; font-weight: bold; margin-top: 5px; padding: 5px; } .accHdrU a:link, .accHdrU a:visited, .accHdrU a:focus { color: Yellow; text-decoration:none; } .accHdrU a:active, .accHdrU a:hover { color: White; text-decoration:none; } .accHdrW { background-color: #1F497D; border: 1px solid #1F497D; color: White; text-align:center; width:100%; } .alert { color: #C00; font-size:.75em; font-weight: bold; float:left; margin:10px 0 0 5px; } .auhGridB { border: solid 2px #2b72b5; padding:1px 1px 1px 1px; border-radius:7px; font-size:0.9em } .bdaImgMd { margin:0px auto; max-height: 200px; max-width:500px; text-align:center; } .bdaImgXs { margin:0px auto; max-height: 120px; max-width:300px; text-align:center; } .BdAdCont { background-color: #F9F9F9; background-image: -o-linear-gradient(left, #E0EEEE 0%, #FCDBE4 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E0EEEE), color-stop(1, #C0D9D9)); background-image: -webkit-linear-gradient(left, #E0EEEE 0%, #C0D9D9 100%); background-image: linear-gradient(left, #E0EEEE 0%, #C0D9D9 100%); box-shadow: 0px 5px 10px #292929 ; -moz-box-shadow: 0px 5px 10px #292929;-webkit-box-shadow: 0px 5px 10px #292929; color: #3e5667; padding: 10px; } .BdAdContXs { background-color: #F9F9F9; background-image: -o-linear-gradient(left, #E0EEEE 0%, #FCDBE4 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E0EEEE), color-stop(1, #C0D9D9)); background-image: -webkit-linear-gradient(left, #E0EEEE 0%, #C0D9D9 100%); background-image: linear-gradient(left, #E0EEEE 0%, #C0D9D9 100%); box-shadow: 0px 5px 10px #292929 ; -moz-box-shadow: 0px 5px 10px #292929;-webkit-box-shadow: 0px 5px 10px #292929; color: #3e5667; margin-left: auto; margin-right: auto; padding: 10px; } .BdAdContent { background-color: #F9F9F9; background-image: -o-linear-gradient(left, #E0EEEE 0%, #FCDBE4 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #E0EEEE), color-stop(1, #C0D9D9)); background-image: -webkit-linear-gradient(left, #E0EEEE 0%, #C0D9D9 100%); background-image: linear-gradient(left, #E0EEEE 0%, #C0D9D9 100%); box-shadow: 0px 5px 10px #292929 ; -moz-box-shadow: 0px 5px 10px #292929;-webkit-box-shadow: 0px 5px 10px #292929; color: #3e5667; padding: 10px; } .bdAdFC { height:30px;padding:6px 12px;font-size:14px;line-height:34px;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} .bdAdFC:focus { border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)} .bdAdFC::-moz-placeholder { color:#999;opacity:1} .bdAdFC:-ms-input-placeholder { color:#999} .bdAdFC::-webkit-input-placeholder { color:#999} /* .bdAdFC[disabled],.bdAdFC[readonly], .bdAdFC{cursor:not-allowed;background-color:#eee;opacity:1} */ .bdaImgMd { margin:0px auto; max-height: 200px; max-width:500px; text-align:center; } .BdFormCtrl { background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; color:#555; display:inline-block; height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} .BdFormCtrl:focus { border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)} .BdFormCtrl::-moz-placeholder {color:#999;opacity:1} .BdFormCtrl:-ms-input-placeholder {color:#999} .BdFormCtrl::-webkit-input-placeholder {color:#999} /* .BdFormCtrl[disabled], .BdFormCtrl[readonly], BdFormCtrl{cursor:not-allowed;background-color:#eee;opacity:1} */ .bigDdl { background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; color:#555; font-size:14px; height:38px; line-height:1.6; padding:6px 12px; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); } .bigDdl:focus { border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .bigDdl::-moz-placeholder { color:#999; opacity:1; } .bigDdl:-ms-input-placeholder { color: #999; } .bigDdl::-webkit-input-placeholder { color:#999; } .smallDdl { background-color: #87CEFA; background-image: none; border: 1px solid dimgray; border-radius: 8px; color: #555; font-size: 12px; height: 28px; line-height: 1.01; padding: 4px 8px; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .smallDdl:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .smallDdl::-moz-placeholder { color: #999; opacity: 1; } .smallDdl:-ms-input-placeholder { color: #999; } .smallDdl::-webkit-input-placeholder { color: #999; } .bsform-control{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;color:#555; display:block;font-size:14px;height:34px;padding:6px 12px;line-height:1.42857143; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} .bsform-control:focus{border-color:#66afe9;outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)} .bsform-control::-moz-placeholder{color:#999;opacity:1} .bsform-control:-ms-input-placeholder{color:#999} .bsform-control::-webkit-input-placeholder{color:#999} /* .bsform-control[disabled],.bsform-control[readonly], .bsform-control{cursor:not-allowed;background-color:#eee;opacity:1} */ .BtnAddr { background:#694C8D; border:1px solid #ccc; border-radius:5px; color:white; font-weight:bold; font-size:1.2em; margin:0 15px; padding: 2px 20px 2px 20px; -webkit-box-shadow:0 2px 1px rgba(0,0,0,.075); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075); box-shadow: 0 2px 2px 1px #999; -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .BtnAddr a { color:white; font-weight: bold; } .BtnAddr:hover { color:gold; font-weight:bold; box-shadow: 0 2px 3px 1px #000; } .BtnCont { background:#778EB8; border:1px solid #ccc; border-radius:5px; color:white; font-weight:bold; font-size:1.2em; margin:0 15px; padding: 2px 20px 2px 20px; -webkit-box-shadow:0 2px 1px rgba(0,0,0,.075); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075); box-shadow: 0 2px 2px 1px #999; -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .BtnCont a { color:white; font-weight: bold; } .BtnCont:hover { color:gold; font-weight:bold; box-shadow: 0 2px 3px 1px #000; } .BtnDesc { background:#7E9E39; border:1px solid #ccc; border-radius:5px; color:white; font-weight:bold; font-size:1.2em; margin:0 15px; padding: 2px 20px 2px 20px; -webkit-box-shadow:0 2px 1px rgba(0,0,0,.075); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075); box-shadow: 0 2px 2px 1px #999; -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .BtnDesc a { color:white; font-weight: bold; } .BtnDesc:hover { color:gold; font-weight:bold; box-shadow: 0 2px 3px 1px #000; } .BtnHours { background:#EB7F25; border:1px solid #ccc; border-radius:5px; color:white; font-weight:bold; font-size:1.2em; margin:0 15px; padding: 2px 20px 2px 20px; -webkit-box-shadow:0 2px 1px rgba(0,0,0,.075); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075); box-shadow: 0 2px 2px 1px #999; -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .BtnHours a { color:white; font-weight: bold; } .BtnHours:hover { color:gold; font-weight:bold; box-shadow: 0 2px 3px 1px #000; } .BtnImg { background:#BC3A38; border:1px solid #ccc; border-radius:5px; color:white; font-weight:bold; font-size:1.2em; margin:0 15px; padding: 2px 20px 2px 20px; -webkit-box-shadow:0 2px 1px rgba(0,0,0,.075); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075); box-shadow: 0 2px 2px 1px #999; -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .BtnImg a { color:white; font-weight: bold; } .BtnImg:hover { color:gold; font-weight:bold; box-shadow: 0 2px 3px 1px #000; } .BtnUrl { background:#386EB2; border:1px solid #ccc; border-radius:5px; color:white; font-weight:bold; font-size:1.2em; margin:0 15px; padding: 2px 20px 2px 20px; -webkit-box-shadow:0 2px 1px rgba(0,0,0,.075); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075); box-shadow: 0 2px 2px 1px #999; -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .BtnUrl a { color:white; font-weight: bold; } .BtnUrl:hover { color:gold; font-weight:bold; box-shadow: 0 2px 3px 1px #000; } .center { text-align:center; } .centered-panel { display: flex; justify-content: left; align-items: normal; width: 98%; } /* Adjust as needed */ .centPic { text-align: center; z-index: 10; } .centPic img { display:inline-block; } .center-block { display: block; margin-right: auto; margin-left: auto; } .centerLR { margin: 0 auto; } .centScrn { margin-left: auto; margin-right: auto; } .ctyTitMd { color: #1F497D; font-weight: bold; font-size:1.5em; margin-bottom: 10px; text-align:center; } .clDisp { display: inline; } .content-wrapper { margin: 0 auto; max-width: 100%; } .contWrap { background-image: linear-gradient(to left, #1F497D, #3379CE); margin: 0 auto; max-width: 100%; } .dataSum { color: #1F497D; font-weight: 800; font-size: 1.10em; } .DescTextC { color: #454545; max-width:300px; min-width:140px; text-align:center; word-wrap:break-word; } .DescTextR { color:Red; font-size:1.0em; margin-bottom:-55px; max-width:300px; min-width:140px; text-align:center; } .dispIn { display: inline; } .dropdown-hdr { background-color:#b2c6de; font-size:1.35em; font-weight:bold; } .dropdownItem { color:#ffffff; line-height:25px; text-decoration: none; } .EnhDes { margin-left:2px; } .EnhImg { margin-left:4px; margin-top:-69px; z-index:100; } .EnhImgs { margin-left:-1px; margin-top:-138px; z-index:100; } .extOptLines { display:inline; font-size:1.05em; line-height:30px; } .FileUp { background-color:white; border: 1px solid #efeeef; font-size:0.85em; padding: 1px 0; margin:7px 0 20px 0; width:90%; } .FileUpC { background-color:white; border: 1px solid #efeeef; font-size:0.9em; padding: 1px 0; margin:7px 0 20px 0; text-align:center; width:100%; } .float-left { float: left; } .float-right { float: right; } .formLiHt34 { line-height:34px; margin:4px 0 4px 0; vertical-align:middle; } .formLiHt35 { line-height:35px; margin:4px 0 3px 0; vertical-align:middle; } .gridMd td, .gridMd th { text-align:center; } .gridSm td, .gridSm th { font-size:0.9em; text-align:center; } .gridXs td, .gridXs th { font-size:0.8em; text-align:center; } .hdrColor { background-image: linear-gradient(to left, #1F497D, #3379CE); } .hrsModalPopup { background-color: #FFFFFF; border: 3px solid #1F497D; border-radius: 12px; padding: 0; width: 300px; } .hrsModalPopup .header { background-color: #1F497D; border-top-left-radius: 6px; border-top-right-radius: 6px; color: White; font-weight: bold; font-size:1.25em; height: 30px; line-height: 30px; text-align: center; } .hrsModalPopup .body { min-height: 50px; padding:10px 5px; } .hrsModalPopup .footer { padding: 6px; text-align: center; } .hrsModalPopup .yes, .hrsExModalPopup .no { border-radius: 4px; color: White; cursor: pointer; font-weight: bold; height: 27px; line-height: 23px; padding:2px 10px 2px 10px; text-align: center; } .hrsModalPopup .yes { background-color: #1F497D; border: 1px solid #0DA9D0; } .hrsModalPopup .no { background-color: #9F9F9F; border: 1px solid #5C5C5C; } .majHdr { margin: 15px 0 15px 0; } .imgDescrip { font-style:italic; text-align:center; margin:5px 0 15px 0; } .imgPrev { max-height:90px; max-width: 120px; } .imgRec { max-height:240px; max-width: 180px; } .imgRec1 { max-height:240px; max-width: 180px; } .InfoSubTit { color:navy; font-size: 1.35em; font-weight: bold; max-width:300px; min-width:140px; text-align:center; word-wrap:break-word; } .InfoTextH { color:navy; font-size: 1.15em; font-weight: bold; max-width:300px; min-width:140px; text-align:center; word-wrap:break-word; } .InfoText { color: #454545; font-size: 1.05em; max-width:300px; min-width:140px; text-align:center; word-wrap:break-word; } .InfoTextSm { color:darkgrey; font-size: 0.9em; max-width:300px; margin-top:-10px; min-width:140px; text-align:center; word-wrap:break-word; } .lh26bm10 { line-height: 26px; margin-bottom:15px; font-size: 1.1em; padding:5px 0px; } .lh28bm10 { line-height: 28px; margin-bottom:15px; font-size: 1.1em; padding:5px 0px; } .lh29bm10 { line-height: 29px; margin-bottom:15px; font-size: 1.1em; padding:5px 0px; } .lh32vm { line-height: 32px; vertical-align:middle; } .lh36vm { line-height: 36px; vertical-align:middle; } .lh40vm { line-height: 40px; vertical-align:middle; } .lineH34 { line-height: 34px; } .lineHt10 { line-height:10px;} .lineHt25 { line-height:25px;} .lineHt38 { line-height:38px; margin:3px 0 3px 0; vertical-align:middle; } .lineHt40 { line-height:42px;} .lineHt44 { line-height:44px; margin:4px 0 4px 0; text-align: left; vertical-align:middle; } .lineHt46 { line-height:46px; margin:6px 0 6px 0; vertical-align:middle; } .lineHt5 { line-height:5px; } .listOptions a { background: none; border:none; color: #1F497D; outline: none; text-decoration: none; } .listOptions a:hover { color: gold; border:none; text-decoration:none; } .ListSearchExtenderPrompt { color: gray; font-style: italic; font-size: 0.85em; } .mAddres { margin-top: 16px; margin-left: 12px; z-index: 150;} .mContIn { margin-top: 18px; margin-left: 01px; z-index: 75; } .mDescri { margin-top: 2px; margin-left: 110px; z-index: 200;} .mImage { margin-top: 27px; margin-left: 59px; z-index: 50; } .mImages { margin-top: 01px; margin-left: 11px; z-index: 125;} .mWebUrl { margin-top: 11px; margin-left: 07px; z-index: 100; } .mapBorder { border:solid 2px Gray; border-bottom:solid 3px Gray; } .margA2 { margin: 2px; } .margA5 { margin: 5px; } .margB-5 { margin-bottom: -5px; } .margB8 { margin-bottom: 8px; } .margB10 { margin-bottom: 10px; } .margB15 { margin-bottom: 15px; } .margB2 { margin-bottom: 2px; } .margB20 { margin-bottom: 20px; } .margB5 { margin-bottom: 5px; } .margBT5 { margin-bottom: 5px; } .margCent { margin: 0 auto; } .margGV { margin:1px 5px 1px 5px;} .margL-10 { margin-left: -10px; } .margL-15 { margin-left: -15px; } .margL-20 { margin-left: -20px; } .margL-32 { margin-left: -32px;} .margL-37 { margin-left: -37px;} .margL-4 { margin: 0 0 0 -4px; } .margL-40 { margin-left: -40px;} .margL-43 { margin-left: -43px; } .margL-46 { margin-left: -46px; } .margL-82 { margin-left: -82px; } .margL-85 { margin-left: -85px; } .margL-89 { margin-left: -89px; } .margL-98 { margin-left: -98px; } .margL-104 { margin-left: -104px; } .margL-110 { margin-left: -110px; } .margL10 { margin-left: 10px; } .margL10P { margin-left: 10%; } .margL15 { margin-left: 15px; } .margL20 { margin-left: 20px; } .margL21 { margin-left: 21px; } .margL30 { margin-left: 30px; } .margL5 { margin-left: 5px; } .margLR-10 { margin:0 -10px 0 -10px; } .margR-15 { margin-right:-15px; } .margR10 { margin-right: 10px; } .margR118 { margin-right: 118px; } .margR120 { margin-right: 120px; } .margR122 { margin-right: 122px; } .margR131 { margin-right: 131px; } .margR134 { margin-right: 134px; } .margR136 { margin-right: 136px; } .margR16 { margin-right: 16px; } .margR18 { margin-right: 18px; } .margR2 { margin-right: 2px; } .margR20 { margin-right: 20px; } .margR30 { margin-right: 30px; } .margR5 { margin-right: 5px; } .margR75 { margin-right: 75px; } .margR78 { margin-right: 78px; } .margR92 { margin-right: 92px; } .margT-10 { margin-top: -10px; } .margT-15 { margin-top: -15px; } .margT-18 { margin-top:-18px; } .margT-2 { margin-top: -2px; } .margT-20 { margin:-20px 0 0 0; } .margT-22 { margin-top: -22px; } .margT-28 { margin-top: -28px; } .margT3 { margin-top: 3px; } .margT-32 { margin-top: -32px; } .margT-34 { margin-top: -34px; } .margT-38 { margin-top: -38px; } .margT-5 { margin-top: -5px; } .margT-78 { margin-top: -78px; } .margT1 { margin-top: 1px; } .margT10 { margin-top: 10px; } .margT15 { margin-top: 15px; } .margT2 { margin-top: 2px; } .margT20 { margin-top: 20px; } .margT25 { margin-top: 25px; } .margT30 { margin-top: 30px; } .margT30p { margin-top: 30%; } .margT38 { margin-top: 38px;} .margT4 { margin-top: 4px; } .margT5 { margin-top: 5px; } .margT50 { margin-top: 50px; } .margT60 { margin-top: 60px; } .margT70 { margin-top: 70px; } .margT8 { margin-top: 8px; } .margT80 { margin-top: 80px; } .margT120 { margin-top: 120px; } .margTB5 { margin: 5px 0 5px 0; } .maxImgHt {max-height: 80px;} .maxImgWid {max-width: 180px;} .maxWid30p { max-width:30%; } .maxWid34p { max-width:34%; } .maxWid36p { max-width:36%; } .maxWid46p { max-width:46%; } .maxWid50p { max-width:50%; } .maxWid60p { max-width:60%; } .minWid60 { min-width:65px;} .modalBackground { background-color: Black; filter: opacity(60); opacity: 0.6; } .modalBackgroundDB { background-color: #1F4970; filter: opacity(60); opacity: 0.6; } .modalBackgroundLB { background-color: #1F4970; filter: opacity(40); opacity: 0.4; } .modalBkgd { background-color: Black; filter: opacity(60); opacity: 0.6; } .modalBkgdDB { background-color: #1F4970; filter: opacity(40); opacity: 0.4; } .modalPA { background-color: white; border: 4px solid #694C8D; border-radius: 16px; height:540px; width:320px; } .modalPA .header { background-color: #694C8D; border-top-left-radius: 8px; border-top-right-radius: 8px; color: White; font-size:1.75em; font-weight: bold; height: 40px; line-height: 40px; text-align: center; } .modalPA .btn { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 25px; text-align: center; } .modalPA .inst { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 20px; text-align: left; } .modalPA .footer { background-color: #D4C6FF; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 6px; text-align: center; } .modalPC { background-color: white; border: 4px solid #778EB8; border-radius: 16px; height:470px; width:310px; } .modalPC .header { background-color: #778EB8; border-top-left-radius: 8px; border-top-right-radius: 8px; color: White; font-size:1.75em; font-weight: bold; height: 40px; line-height: 40px; text-align: center; } .modalPC .btn { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 25px; text-align: center; } .modalPC .inst { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 20px; text-align: left; } .modalPC .footer { background-color: #C4DBEF; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 6px; text-align: center; } .modalPD { background-color: white; border: 4px solid #7E9E39; border-radius: 16px; height:420px; width:310px; } .modalPD .header { background-color: #7E9E39; border-top-left-radius: 8px; border-top-right-radius: 8px; color: White; font-size:1.75em; font-weight: bold; height: 40px; line-height: 40px; text-align: center; } .modalPD .btn { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 25px; text-align: center; } .modalPD .inst { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 20px; text-align: left; } .modalPD .footer { background-color: #DBEFAE; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 6px; text-align: center;} .modalPH { background-color: white; border: 4px solid #EB7F25; border-radius: 16px; height:470px; width:310px; } .modalPH .header { background-color: #EB7F25; border-top-left-radius: 8px; border-top-right-radius: 8px; color: White; font-size:1.75em; font-weight: bold; height: 40px; line-height: 40px; text-align: center; } .modalPH .btn { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 25px; text-align: center; } .modalPH .inst { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 20px; text-align: left; } .modalPH .footer { background-color: #EFD6A0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 6px; text-align: center; z-index: 50; } .modalPI { background-color: white; border: 4px solid #BC3A38; border-radius: 16px; height:465px; width:310px; } .modalPI .header { background-color: #BC3A38; border-top-left-radius: 8px; border-top-right-radius: 8px; color: White; font-size:1.75em; font-weight: bold; height: 39px; line-height: 39px; text-align: center; } .modalPI .btn { min-height: 49px; font-size:0.94em; font-weight: bold; line-height: 25px; text-align: center; } .modalPI .inst { min-height: 49px; font-size:0.94em; font-weight: bold; line-height: 20px; text-align: left; } .modalPI .footer { background-color: #D1BCC7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 40px; line-height: 24px; padding: 4px; text-align: center;} .modalPM { background-color: white; border: 4px solid #D21179; border-radius: 16px; height:465px; width:310px; } .modalPM .header { background-color: #D21179; border-top-left-radius: 8px; border-top-right-radius: 8px; color: White; font-size:1.75em; font-weight: bold; height: 40px; line-height: 40px; text-align: center; } .modalPM .btn { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 25px; text-align: center; } .modalPM .inst { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 20px; text-align: left; } .modalPM .footer { background-color: #D1BCC7; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 40px; line-height: 24px; padding: 6px; text-align: center; } .modalPU { background-color: white; border: 4px solid #386EB2; border-radius: 16px; height:425px; width:310px; } .modalPU .header { background-color: #386EB2; border-top-left-radius: 8px; border-top-right-radius: 8px; color: White; font-size:1.75em; font-weight: bold; height: 40px; line-height: 40px; text-align: center; } .modalPU .btn { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 25px; text-align: center; } .modalPU .inst { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 20px; text-align: left; } .modalPU .footer { background-color: #A2C6EF; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 40px; line-height: 24px; padding: 6px; text-align: center;} .modalPopup { background-color: white; border: 4px solid #0DA9D0; border-radius: 15px; padding:5px; } .modalPopup .header { background-color: white; border-top-left-radius: 6px; border-top-right-radius: 6px; color: White; font-size:1.25em; font-weight: bold; height: 30px; line-height: 30px; text-align: center; } .modalPopup .btn { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 25px; text-align: center; } .modalPopup .inst { min-height: 50px; font-size:0.94em; font-weight: bold; line-height: 20px; text-align: left; } .modalPopup .footer { padding: 6px; } .modalPopup .yes, .modalPopup .no { height: 23px; color: White; line-height: 23px; text-align: center; font-weight: bold; cursor: pointer; border-radius: 4px; } .modalPopup .yes { background-color: #2FBDF1; border: 1px solid #0DA9D0; } .modalPopup .no { background-color: #9F9F9F; border: 1px solid #5C5C5C; } .myMenuLink { background: url('../img/icons/Menu613.png') bottom; display: inline; height: 32px; direction: ltr; float:right; margin: 38px 10px 0 0; text-indent: -99999px; width: 34px; } .myMenuLink:hover { background: url('../img/icons/Menu613.png') top; display: inline; height: 32px; direction: ltr; float:right; margin: 38px 10px 0 0; text-indent: -99999px; width: 34px; } .myMenuLkSm { background: url('../img/icons/Menu613-30.png') bottom; display: inline-block; height: 28px; direction: ltr; padding: 5px 1px 0 1px; text-indent: -99999px; width: 30px; } .myMenuLkSm:hover { background: url('../img/icons/Menu613-30.png') top; display: inline-block; height: 28px; direction: ltr; padding: 5px 1px 0 1px; text-indent: -99999px; width: 30px; } .myMenuLkXs { background: url('../img/icons/Menu613-22.png') bottom; display: inline-block; height: 22px; direction: ltr; padding: 5px 1px 0 1px; text-indent: -99999px; width: 22px; } .myMenuLkXs:hover { background: url('../img/icons/Menu613-22.png') top; display: inline-block; height: 22px; direction: ltr; padding: 5px 1px 0 1px; text-indent: -99999px; width: 22px; } .nicebox { background: rgb(223,235,246); background: linear-gradient(to bottom,rgba(223,235,244,1) 0%,rgba(213,225,234,1) 100%); border: rgb(031, 073, 125) 1px solid; box-shadow: 0 4px 6px -4px #333; font-family: "Roboto", "Arial", sans-serif; font-size: 13px; margin-left:auto; margin-right:auto; padding: 5px 5px; opacity: 0.9; position: absolute; z-index: 5; } .noScrollbar { line-height:1.35; overflow:hidden !important; white-space:nowrap; } /* This reported fix for infoWindow Scrollbar does not work in IE See: http://www.canbike.org/information-technology/2013/11/01/firefox-infowindow-scrollbar-fix-google-maps-api-v3.html for more info */ .notice { margin-bottom: -50px; position:absolute; z-index: 800; } .overTop { z-index: 1000; } .padA10 { padding:10px; } .padA2 { padding: 2px; } .pad15 { padding: 15px; } .padT20 { padding-top: 20px; } .padT4 { padding-top: 4px; } .PpBtn { background-color:transparent; border:0px none gray; outline:0px none gray; padding:5px; } .sessExModalPopup { background-color: #FFFFFF; border: 3px solid #1F497D; border-radius: 12px; padding: 0; width: 300px; } .sessExModalPopup .header { background-color: #1F497D; border-top-left-radius: 6px; border-top-right-radius: 6px; color: White; font-weight: bold; font-size:1.25em; height: 30px; line-height: 30px; text-align: center; } .sessExModalPopup .body { font-weight: bold; min-height: 50px; padding:10px; text-align: center; } .sessExModalPopup .footer { padding: 6px; text-align: center; } .sessExModalPopup .yes, .sessExModalPopup .no { border-radius: 4px; color: White; cursor: pointer; font-weight: bold; height: 27px; line-height: 23px; padding:2px 10px 2px 10px; text-align: center; } .sessExModalPopup .yes { background-color: #1F497D; border: 1px solid #0DA9D0; } .sessExModalPopup .no { background-color: #9F9F9F; border: 1px solid #5C5C5C; } .stepBtn613 { background:#1F497d; border:1px solid #ccc; border-radius:5px; color: white; font-weight:bold; font-size:1.2em; margin:0 15px;padding: 2px 20px 2px 20px; -webkit-box-shadow:0 2px 1px rgba(0,0,0,.075); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075); box-shadow: 0 2px 2px 1px #999; -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .stepBtn613 a { color:white; font-weight: bold; } .stepBtn613:hover { color:gold; font-weight:bold; box-shadow: 0 2px 3px 1px #000; } .stepBtnBd { background: #214E85; border: 1px solid #ccc; border-radius: 5px; color: white; font-weight:bold; font-size:1.2em; margin: 0 15px; padding: 2px 20px 2px 20px; -webkit-box-shadow:0 1px 1px rgba(0,0,0,.075); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075); box-shadow: 0 2px 2px 1px #999; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .stepBtnBd a { color:white; font-weight: bold; } .stepBtnBd:hover { color:gold; font-weight:bold; box-shadow: 0 2px 3px 1px #000; } .stepBtnBdS { background: #214E85; border: 1px solid #ccc; border-radius: 5px; color: white; font-weight: bold; font-size:1.05em; margin: 0 15px; padding: 2px 10px 2px 10px; -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.075); -moz-box-shadow: 0 1px 1px rgba(0,0,0,.075); box-shadow: 0 2px 2px 1px #999; -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; -moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .stepBtnBdS a { color: white; font-weight: bold; } .stepBtnBdS:hover { color: gold; font-weight: bold; box-shadow: 0 2px 3px 1px #C0C0C0; } .stickyLg { position: sticky; position: -webkit-sticky; top: 15px; left: 90px; z-index: 10; } .stickyMd { position: sticky; position: -webkit-sticky; top: 10px; left: 40px; z-index: 10; } .stickyXs { position: sticky; position: -webkit-sticky; top: 10px; left: 1px; z-index: 10; } .txtALeft { text-align: left; } .touch { -webkit-overflow-scrolling:touch; } .txtAL { text-align:right; } .underFtr { z-index:0; } .valError { color: #e80c4d; font-size: 1.2em; font-weight:600; } .validation-summary-errors { color: #CE0000; font-weight: bold; font-size: 0.85em; } .vAlignM { vertical-align:middle; } .vAlignT { vertical-align:top; } .watMrk-14 { font-size:.80em; padding-top:-14px; text-align:center; vertical-align:middle;} .wmGray { color: Gray; font-size: 1.1em; } /*********** NOT Confirmed needed on Business Directory pages ************/