body {font-family: "Lato", Helvetica, Arial, sans-serif; background: transparent url('/images/main-images/mainbackground.jpg') top center no-repeat;background-size: 100% 100%;background-attachment: fixed;line-height: 1.7;/*color:#4A4E51*/color:#626262;font-size: 1rem;}

@media only screen and (max-width: 72.5em) {body {background-image: none;} }

.row {max-width: 72.5em;}

.row.main {padding-bottom:2rem; /*font-size: 1.1rem;*/}
p {font-size: inherit; line-height: inherit;}
.white-bkgrd {background-color: #fff;}
.top-graybar {background-color: #4A4542; height: 53px;}
.webicon {box-shadow: none !important;}
small {font-size: 75%;}

/*----Links----*/
a {/*color: #00A146;*/color: #00893c;}

/*--HEADERS--*/
h1, h2, h3, h4, h5, h6 {font-family: "Raleway", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight: 400;margin-bottom: 1rem;margin-top: 1rem; color: #1aaa59;/*text-shadow: 1px 1px 1px #ABA8A8*/;}
h2, h2 a {color:#538EAE; /*#00A146*/; font-size: 1.6rem; line-height: 3rem;font-weight: 600; margin-top:0;}
h3, h3 a {color:#5A6168;  font-size: 1.4rem; line-height: 2.2rem;font-weight: 600;}
h4, h4 a {/*color:#F34B14 color:#de3700;*/ color:#265F92; font-size: 1.2rem; line-height: 1.9rem;}
h6 {color:#5A6168; font-weight:600;font-size: 1.1rem;}
.row.title {padding-bottom: 1rem;}
.row.title h1 {color: #515860; margin-bottom: 0; font-size: 1.75rem;}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: inherit;
    font-size: 80%;}
	
	
h1.padleft { /*padding: 1.5rem 1rem 1rem 12rem*/padding:  1rem .5rem .5rem 12rem; /*background-color: #EEF4F6; border-bottom: 1px solid rgb(216, 224, 235);*/ color: #515860; margin-top: -3px; margin-bottom: 0; font-size: 1.75rem;}
h1 {/*margin-bottom: 0px;*/font-size: 2rem;}

.apps h2, .apps h2 a {line-height: 1.4rem;}
@media only screen and (max-width: 70em) {h2, h2 a { font-size: 1.2rem; line-height: 2rem;}}
 /*--PANELS--*/   
.panel, .message-box-lt-blue, .announcementbox {border:1px solid #D7DFEB;background: #F3F4F6;color: #1E242B;margin-bottom: 1.25rem;padding: 1rem; /*padding: 1.25rem; font-size: 1rem;*/}
.panel i.fa {font-size: .75rem; color:#CACBCE;}
.message-box-lt-blue h1, .message-box-lt-blue h2, .message-box-lt-blue h3, .message-box-lt-blue h4, .message-box-lt-blue h5, .message-box-lt-blue h6 {line-height: 1.5;margin-bottom: 0.625rem; }
.panel.callout {border-color: #d8d8d8;background: #5D89B3;color: #ffffff; }
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {color: #ffffff; }	  
.panel table, .message-box-lt-blue table {background-color:transparent;margin-bottom:0;}

 /*--BUTTONS--*/   
button, .button {font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700;}

button.secondary, .button.secondary {background-color: #CEEACD /*#D4D6D8*/;border-color: #5D89B3;color: #4D545A; font-weight: 600;}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {background-color: #00B44F; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {color: #FFFFFF; }
a.button.secondary.gray {background-color: #EAEDEA;}
a.button.secondary.gray:hover {background-color:rgb(186, 188, 186);}
button.success, .button.success {background-color: #5D89B3; border-color: #D7DFEB;color: #FFFFFF; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {background-color: #265F92; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: #FFFFFF; }
button.alert, .button.alert {background-color: #E2231A; border-color: #b51c15;color: #FFFFFF; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {background-color: #b51c15; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
color: #FFFFFF; }

.tiny.button {padding: 0.575rem 0.75rem 0.5375rem;}

input[type="submit"], input[type="button"], input[type="reset"], a.button, button  { -webkit-appearance: none; -moz-appearance: none;border-radius: 3px;border-style: solid;border-width: 0;cursor: pointer;line-height: normal;margin: 0 0 1.25rem;position: relative;
text-align: center;text-decoration: none;padding: 0.575rem 1.75rem 0.9375rem;height: 2.3125rem;background-color: #00B44F;border-color: #00903f;color: #FFFFFF;transition: background-color 300ms ease-out;
font-weight: bold;padding: 1rem 2rem 1.0625rem;height: auto;}
input[type="submit"].button, input[type="button"].button, input[type="reset"].button  {padding: 1rem 2rem 1.0625rem;height: auto;}

button.small, .button.small, input[type="submit"].button.small, input[type="button"].button.small  { padding: 0.675rem 1.75rem 0.675rem;height: auto;}
button.secondary.tiny, .button.secondary.tiny {background-color: #E3E3E3;}
button.secondary.tiny:hover, button.secondary.tiny:focus, .button.secondary.tiny:hover, .button.secondary.tiny:focus {background-color: #00B44F; }



/*---HEADER---*/
#search input[type="text"] {height: 30px; background: #fff url('/images/magnifying-glass.gif') right no-repeat; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0 10px; margin: 8px 0;}
.oc {color:#8BDC64;margin: 15px 0;font-size: 14px;}

/*---NAV---*/
.contain-to-grid {background: transparent !important; height: auto;}
.top-bar {background: #D8E0EB !important; color: #265F92;height: auto;line-height: 14px; margin-top: -7px;}

.top-bar ul.button-group li {padding: 10px 5px 10px 5px; border-right: 1px solid #CCD4E2;  line-height: 20px; height: 75px; }
.top-bar ul.button-group li a {color: #265F92;font-size: 1.1rem;/*font-family: "Raleway", Helvetica, Roboto, Arial, sans-serif;*/ font-weight: 400;display: block;
width: 100%; padding: 10px 10px 20px;}
.bold-nav {font-weight: 600;font-size: 1.2rem;}
.bold-nav.depts {font-size: 1.1rem;}
.top-bar [class^="flaticon-"]:before, .top-bar [class*=" flaticon-"]:before {margin-left: 0px !important; margin-right: 5px; font-size: 28px;}
.top-bar ul.button-group li a i  {display: block;float: left; padding-top: 10px; padding-bottom: 3px; padding-right: 5px; color:#98ABC7;}


@media only screen and (max-width: 70em) { .top-bar {overflow: visible;} .top-bar ul.button-group li a i {display: none; } .top-bar ul.button-group li a {padding: 10px auto;text-align: center;} } 

.off-canvas-wrap {overflow: visible;}
.sticky.fixed .top-bar {text-align: center;}
.sticky.fixed .top-bar .row {max-width: 72.5em; margin: 0px auto;}
.sticky.fixed .top-bar .row .row {margin: 0px;max-width:100%;}
.sticky.fixed .top-bar ul.button-group {float:right;}
.sticky.fixed .top-bar .primarynav { width:100%;  display: inline-block; }
.sticky.fixed .top-bar .button-group li  {border-right: 1px solid #616060; padding: 5px 20px 0px 20px;  height:auto; text-align: center; width: auto;}
.sticky.fixed .top-bar .button-group li:last-child { }
.top-bar .button-group li:last-child {border-right: none;}
.sticky.fixed .top-bar .button-group li a {color:#fff;font-size: .9rem; padding-bottom: 0px;}
.sticky.fixed .top-bar .button-group li i {display:none;}
.sticky.fixed .top-bar {background-color: #4A4542 !important; animation-duration: 0.8s; animation-name: fadeIn;}
.sticky .top-bar .sticky-only {display:none;}
.sticky.fixed .top-bar .sticky-only {display: inline; padding: 0 10px;}
.sticky.fixed .top-bar .sticky-only img {  /*margin-bottom: -63px;*/ position: relative; top: 17px; left: 0px; z-index: 1000;width: 22%;}
.sticky.fixed .top-bar .f-dropdown {text-align: left;}

.f-topbar-fixed {padding-top:0 !important;}
.f-topbar-fixed .top-graybar {display:none;}
.f-topbar-fixed .white-bkgrd {padding-top: 50px;}
.sticky.fixed {.animation-duration: 1.8s;animation-name: fadeIn;}

@media only screen and (max-width: 55em) { 
    .top-bar ul.button-group li a, .bold-nav, .bold-nav.depts {font-size: 1rem;} 
    .top-bar ul.button-group li a { padding: 10px; text-align: center;}
    .top-bar ul.button-group li a ul li a {text-align: left;}
    .top-bar ul.button-group li {padding: 0px;  height: auto; }
    .f-dropdown.content {margin-top: 0px;}}

    @media only screen and (max-width: 70em) { .sticky.fixed .top-bar .button-group li {padding: 5px;}}
     @media only screen and (max-width: 60em) {.sticky.fixed .top-bar .sticky-only {display: none;}}

/*----Mobile Nav----*/
.tab-bar, .left-small, .tab-bar-section {  height: 4rem;}
.tab-bar .menu-icon span::after {top: 60%;}
ul.off-canvas-list li label {background-color: #7099BF; color: #FFF;text-align:center;}
.left-submenu .back > a {background-color: #265F92; font-size: .9rem; color: #CFCECE;}
ul.off-canvas-list li.search {background-color: #265F92; font-size: .9rem; color: #CFCECE;padding: .25rem;}
.tab-bar .menu-icon {height: 4rem;}
.off-canvas-wrap.move-right nav.tab-bar a[aria-expanded=true] {background-color: #265F92; color:#fff !important;}
ul.off-canvas-list li a {color: #fff;}


/*---Primary Nav DropDowns----*/
nav .f-dropdown {background-color: #265F92;border: none;}
nav .f-dropdown.content {background-color: #265F92;border-radius+: 20px;margin-top:-10px;border: none;border-radius: 0 0 15px 15px;}
nav .f-dropdown:after {border: inset 10px; width: 5;border-color: transparent transparent #cccccc transparent;top: -20px; border: none; }
nav .f-dropdown:before {border: inset 9px;width: 5;border-color: transparent transparent #265F92 transparent; border-bottom-style: solid; top: -18px;border: none;  }
nav.top-bar a[aria-expanded=true] {background-color: #265F92; color:#fff !important; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.sticky.fixed .top-bar .f-dropdown.content {margin-top: 0px; top: -2px !important;}
nav .f-dropdown li a {padding: 0.4rem 0 0.4rem 0.2rem; color: #fff;font-size: .95rem; border-bottom: 1px solid #6485AD;}
nav .f-dropdown li a:hover {background-color: #6485AD; color: #fff;}

nav .f-dropdown h4 {width: 100%;margin: 0 auto; color:#77E927;font-weight: 500;font-size: 1.1rem;padding:.25rem; }
nav .f-dropdown h4 a  {color:#77E927;font-weight: 500;font-size: 1.1rem;display: block;}
nav .f-dropdown h4 a:hover {background-color: #6485AD;}
nav .f-dropdown .panel.vitals {border: 1px solid #fff; background: rgba(255, 255, 255, 0.2) url('/images/vitals.png') bottom left no-repeat;padding: 1rem 1rem 4.5rem 1rem;}
nav .f-dropdown .panel.vitals a, nav .f-dropdown .panel.vitals p {color:#333; font-size: .9rem;}
nav .f-dropdown .panel.vitals a:hover {color:#8BDC64;}
nav .f-dropdown p {color: #ffffff; font-size: 1rem; line-height: 1.2rem; margin: 1.3rem auto;}
.panel.vitals h5 {line-height:.3rem; color:#fff;font-size: 1.7rem;}
.panel.vitals h4 {color:#8BDC64;}
nav .f-dropdown .button {height: auto;}
nav .f-dropdown li a:before {content: "\f105";font-family: FontAwesome;color: #00B44F;cursor: pointer;padding-right: .3rem;}
nav .f-dropdown li a.more:before  {content: "\f101";color: #00B44F;}
nav .f-dropdown li a.more {color: #D8E0EB;}
nav .f-dropdown li a.header2 {border: none;} 
nav .f-dropdown li:hover, nav .f-dropdown li.header2 a:hover {background-color: transparent;}
nav .f-dropdown li {color:#fff;}
nav .f-dropdown ul.nav.small-block-grid-2 li {padding: inherit;}
nav .f-dropdown ul.parks.small-block-grid-2 li a{border-bottom:none;padding:0;}
nav .f-dropdown ul.parks.small-block-grid-2 li a:before {content: "";padding: 0;}
nav .f-dropdown ul.parks.small-block-grid-2 li a:hover {background-color: transparent;}
nav .f-dropdown .social li a {margin-top: .5rem;}
nav .f-dropdown li a.webicon {display:inline-block; margin-left: .25rem;}
nav .f-dropdown .panel {border: none; background: rgba(255, 255, 255, 0.2);padding:.25rem; margin-top:0;border-radius: 10px;}
nav .f-dropdown li.header2 a {font-size: .85rem;}
nav .f-dropdown .panel a {border-bottom:none;}
nav .f-dropdown .panel.gov-delivery {padding: .5rem; margin-bottom:0;}
#services.f-dropdown .panel {padding: 1rem; margin-top: .75rem;}
.top-bar form.govdelivery select, .top-bar form.govdelivery input {top: auto; margin: .25rem 0; }
nav .f-dropdown form.govdelivery label {color:#fff;}
@media only screen and (max-width: 70em) { .f-dropdown .panel.vitals {background-image: none;padding: 1rem;} nav .f-dropdown li a {font-size: .9rem; } nav .f-dropdown h4, nav .f-dropdown h4 a {font-size: .9rem;line-height: 1.1rem;}}


/*----Sec Nav----*/
ul.side-nav {padding: 0 0 .875rem 0;line-height: 1.4;}
ul.side-nav li {margin: 0;border-bottom: 1px solid #D8E0EB;color: #276092 !important;}
/*.side-nav li ul li  {border-bottom:none;}*/
ul.side-nav li a  {color: #276092 !important; text-transform: none;font-size: .95rem; font-weight: 500;font-family: "Lato", Helvetica, Arial, sans-serif; } 
ul.side-nav li ul {list-style-type: none;margin-left: 0rem;line-height: 1.3;}
ul.side-nav li ul li {background-color:#DEE5EF; /*background-color:#F3F4F6*/;padding: 0rem 0rem 0rem .75rem; display:none;border-bottom: 1px solid #fff;}
ul.side-nav li ul li a {font-weight: 500;font-size: 0.9rem;color:#276092/*#00A146*/ !important;text-indent: -3px;}
.side-nav li a:not(.button):hover {background: transparent;}
.sidenav h2 {font-size: 1.1rem; color:#E2231A;text-transform: uppercase; padding-top: 2.5rem; padding-bottom:0px; margin-bottom:0;  }
ul.side-nav li#opened a {font-weight: 800;}
ul.side-nav li#opened ul li a {font-weight: normal;}
.side-nav li a:not(.button) {padding: 0.3rem 0; width:100%;}
ul.side-nav li .arrow {cursor: pointer; text-transform: none;font-size: .95rem; font-weight: 500;font-family: "Lato", Helvetica, Arial, sans-serif;display:inline-block; width:90%;padding: 0.3rem 20px 0.3rem 0;}
ul.side-nav li .arrow:after {content: "\f078";font-family: FontAwesome;color: #D8E0EB;display:inline-block; width:10%; margin-right:-30px;float: right;font-size: 1rem;}
ul.side-nav li .arrow:hover:after {color: #276092;}
ul.side-nav li .arrow.open:after {content: "\f077";font-family: FontAwesome;color: #276092;cursor: pointer;}
ul.side-nav li .arrow.open ul {margin-top: .5rem;}
ul.side-nav li .arrow.open {font-weight: 700;}

/*----SECONDARY NAV MOBILE------*/
#cmtitle {padding: .5rem;color: #F56453;cursor: pointer;text-transform: uppercase;font-weight: 700; font-size: .9rem; background-color:#D8E0EB;display: none;}
#cmtitle:after {position: absolute;top: 5px;right: 17px;display: block;color: #ffffff;width: 20px;content: "\f078";font-family: FontAwesome;font-size: 1rem;}
#cmtitle.open:after {top: 5px;right: 0;content: "\f077";font-family: FontAwesome;color: #00A146;cursor: pointer;height: 46px;width: 46px;padding: 6px 25px 14px 25px;}

@media only screen and (max-width: 40em) {h1.padleft {padding-left:.5rem;}}
@media only screen and (max-width: 40em) {#cssmenu {padding: .75rem 1rem .75rem .75rem; border: 1px solid #ccc; border-top:none; border-radius: 5px; margin-top: -.5rem;}}


/*breadcrumbs*/ 

.sub-header {padding: 1.5rem 1rem 1rem 12rem;background-color: #EEF4F6;margin-top: -3px;margin-bottom: 1rem;padding: 1.25rem 0 .25rem 0;text-align: center;border-bottom: 1px solid rgb(216, 224, 235); }
.sub-header h1 {color: #515860;font-size: 1.75rem; line-height: .5rem;}
.breadcrumbs {padding:  .5rem 0; background-color: transparent; border:none;text-align: center;}
.breadcrumbs a[href="http://www.miottawa.org/Health/"] {display:none;}
.breadcrumbs a {color: #00893c;}

@media only screen and (max-width: 50em) {.breadcrumbs {display:none;}}

/*--@media only screen and (min-width: 40.0625em) {
    h2 { font-size: 1.5rem;}}*/
/*----Right Col----*/


#right-col, #right-col p {line-height: 22px;color:#50555A;}
#right-col h1 {font-size: 1rem; color:#E2231A;text-transform: uppercase; padding: 0.875rem 0 0 0px; }
#right-col ul {list-style-type: none; margin-left: 0;font-size: inherit;}
#right-col-phone, #right-col-hours, #right-col-email, #right-col-mail {padding: .875rem 0;border-bottom: 1px solid rgb(216, 224, 235);}
#right-col i {font-size: 1rem; color:#ccc;}


.columns.contact-info, .columns.contact-info p, .columns.contact-info ul {font-size: 0.8rem;line-height: 22px;color:#50555A;}
.columns.contact-info ul, .columns.contact-info li { padding: 0;margin: 0;list-style: none;}

.columns.contact-info ul  {border-bottom: 1px solid rgb(216, 224, 235); margin: 1.5rem 0;}
.columns.contact-info ul li  {margin: .5rem;margin-left: 1.25rem;}
.columns.contact-info ul li:before {font-family:'FontAwesome'; content:"\f101"; color: #B9C7DB;font-size: 1rem; margin-left: -1.25em; float: left;}
.columns.contact-info ul.person li:before {content:"\f007";}
.columns.contact-info ul.address li:before {content:"\f041";}
.columns.contact-info ul.hours li:before {content:"\f017";}
.columns.contact-info ul.phone li:before {content:"\f095";}
.columns.contact-info ul.email li:before {content:"\f003";}
.columns.contact-info h1, #cssmenu h1  {color: #de3700;font-size: 1.1rem;line-height: 1.9rem; margin-bottom: 0;}
.columns.contact-info h2, #cssmenu h2  {color: #4A4E51;font-size: 1rem;line-height: 1.9rem; margin-bottom: 0; font-weight:600;font-family: "Lato", Helvetica, Arial, sans-serif;}
.columns.contact-info img {padding: 0.5rem 0;}
.columns.contact-info h4 {color: #567b90;margin-top: 0;}



/*---FOOTER---*/
.footer {background-color: #D8E0EB; line-height: 1.25rem;}
.footer .columns {border-right: 1px solid #fff;}
.footer h1 {color:#696360;font-size: 1.8rem;margin-left: .25rem;}
.footer h2 {color:#276092;font-size: 1rem;margin-bottom:0;margin-top:0;font-weight: 600;}
.footer a {font-size: .8rem;color:#393630;}
.sub-footer {background-color: #4A4542; color:#ffffff;padding: 1.5rem; font-size: .8rem;}
@media only screen and (max-width: 40em) {.footer .columns {border-right:none}}


/*----Lists-----*/

ul.styled {list-style:none; margin-left: 3rem;}
ol {margin-left: 3rem;}
ol li {padding-bottom: .5rem;}
ul.styled li {text-indent: -1rem;padding-bottom: .5rem;}
ul.styled li:before {font-family:'FontAwesome'; content:"\f101"; padding-right: .25rem; color:#A5B6C8;}
ul.styled ul {list-style:none;  margin-left: 3rem; padding: .5rem 0 .5rem 0;}
ul.styled ul li {padding-bottom: .25rem;}
ul.styled li ul li:before {font-family:'FontAwesome'; content:"\f105"; padding-right: .25rem; color:#8D99A5;}

@media only screen and (max-width: 40em) {ul.styled { margin-left:.5rem; }}

/*Google Search*/

#search {color: #71b232;border: 0px solid #0F0;letter-spacing:0px;}
#search table {background-color: transparent; border: none;}
#search input.gsc-input {background-image:none !important;	height: 30px !important;background: #fff url('/images/magnifying-glass.gif') right no-repeat !important;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px; padding: 0px 10px !important;}
td.gsc-search-button, td.gsib_b {display:none;}
#search .gsc-input-box {background-color: transparent;border:none;}


/*------body styles------*/


.define {color: #4a7c97;font-family: "Raleway", arial;font-size: 1.2rem;padding: 10px 0;}
.main img {padding: .5rem 1rem;}
.main table img {padding:0;}
blockquote, blockquote p {color:#009B44;}
.hr_lt-blue {display: block;margin-top: 9px;margin-bottom: 9px;border-bottom: 1px solid #CFD6E4;}


/*tables*/
.main table {border: none;}
table.width {width:100%;}
table.grid {border: 1px solid #D7DFEB;}
table.grid th {background-color: #ECEFF4;}
table.trhover tr:hover {background-color: #F1F4F8;}
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {line-height: 1.25rem;}
table small {font-size: 100%;}
.new { font-size: .75rem; color: #F34B14;}
.alert {color: #B21E28;}

/* Anchor Tag fix to accomidate stickey nav */
:target:before {
  content:"";
  display:block;
  height:30px; /* fixed header height*/
  margin:-30px 0 0; /* negative fixed header height */
}


/* Responsive Tables */
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; font-size: 1rem;text-align:center;}
.st-head-row.st-head-row-main { font-size: 1.2em; padding-top: .5rem;line-height: 1.2; }
.st-key { width: 35%; text-align: right; padding-right: 1%; font-weight:600;}
.st-val { width: 63%; padding-left: 1%; }
.st-val a center {text-align:left;}
/* RESPONSIVE EXAMPLE */
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }

@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}


/*Slide SHow - to be replaced by Foundation*/
#webtecsSlideShow, .webtecsSlideShow { width: 55%;float: right; background-color: #ECEFF4; /*float:right;overflow:visible;position:relative;Display: block;width: 325px;padding: 10px;height: 200px;background-color: #fff;*/}
table #webtecsSlideShow, table .webtecsSlideShow {width: 100%;float: none;}
#slideshow { position:relative; height:300px;}
#webtecsSlideShow img, .webtecsSlideShow img {padding: .75rem .25rem;}
.slideDisplayImage{position: relative;top: 0px;left: 0px;display: none;}
#slideshow IMG.active {z-index:10;opacity:1.0;}
#slideshow IMG.last-active { z-index:9;}
#webtecsSlideToggle, .webtecsSlideToggle {font-size: 1.75rem; text-decoration:none; font-weight:bold;padding: .2rem; background:#fff; border:1px solid #D7DFEB;margin: 0 .25rem;}
@media (max-width: 40em) {#webtecsSlideToggle, .webtecsSlideToggle { display: none; }}


/*Social Media*/

.fb-topbar, .tw-topbar, .gd-topbar {height: 40px;width: 45px; margin-top: 8px;float:right;}
.fb-topbar {background: transparent url('/images/fb_white_top-bar.png') top no-repeat;}
.tw-topbar {background: transparent url('/images/tw_white_top-bar.png') top no-repeat;}
.gd-topbar {background: transparent url('/images/gd_white_top-bar.png') top no-repeat;}
.fb-topbar:hover {background: transparent url('/images/fb_blue_top-bar.png') top no-repeat;}
.tw-topbar:hover {background: transparent url('/images/tw_blue_top-bar.png') top no-repeat;}
.gd-topbar:hover {background: transparent url('/images/gd_red_top-bar.png') top no-repeat;}
.fb-topbar a.sm, .tw-topbar a.sm, .gd-topbar a.sm {display: block;height: 40px;width: 45px; }
.govdelivery-nav {font-family: arial, verdana; color:#fff;}
form.govdelivery ul {list-style-type: none;}
form.govdelivery ul li {margin:5px;}
form.govdelivery #country_code_display {display: none;}
form.govdelivery .input_group  {display: inline;}
form.govdelivery .button_panel {padding-left: 110px;}
.announcementbox.second {border: 2px solid #DEF; background-color: #fff; margin: 0 0 15px 0;line-height: 20px;}
.announcementbox.second h3 {margin-top:0;margin-bottom: 5px;}
.govdelivery-nav form.govdelivery ul {margin-left:0;padding-left:0;}
.govdelivery-nav  form.govdelivery .button_panel {padding-left: 0px;}

a#rndmIncUrl img {margin-top: 15px;}

/*Forms*/
input[type="text"][disabled], input[type="submit"][disabled] {background-color: #EAE7E7;color: #222 !important;}
input[type="submit"][disabled] {font-style:italic; color:#929191 !important;}
input.button[type="submit"][disabled]:hover {background-color: #EAE7E7;}
::-webkit-input-placeholder {color: #7694a5 !important;}
::-moz-placeholder {color:  #7694a5 !important;}
::-ms-input-placeholder {  color:  #7694a5 !important; }
input:-moz-placeholder {  color: #7694a5;  }
input:-ms-input-placeholder {  color: #7694a5;  }

button.disabled.secondary:hover, button.disabled.secondary:focus, button.secondary[disabled]:hover, button.secondary[disabled]:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button.secondary[disabled]:hover, .button.secondary[disabled]:focus,button.disabled.secondary, button.secondary[disabled], .button.disabled.secondary, .button.secondary[disabled],button.disabled.secondary:hover, button.disabled.secondary:focus, button.secondary[disabled]:hover, button.secondary[disabled]:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button.secondary[disabled]:hover, .button.secondary[disabled]:focus  {background-color: #E4E1E1;color: #222;font-style: italic;}

@media only screen and (max-width: 767px) {label.right {text-align: left;} label.inline {margin: 0px;}}

/*Apps*/
.apps ul.styled li {padding-bottom: 0rem;}
.apps {margin-bottom: 1rem;}
.apps label {font-weight: 600;}
.fa.fa-cart-plus {font-size: 1.5rem;}
.fa.fa-trash {font-size: 1rem;}
.fa.fa-file-text-o {font-size: 1rem;}
th.sortable a:after {content: "\f0dc";font-family: FontAwesome;color: #B2D8B1;cursor: pointer;padding-left: .5rem;}
.apps table td {border: 1px solid #ECEFF4;}
.apps table th {background-color: #ECEFF4;}
.apps {padding: 0 2rem 2rem;}
.apps .button-group, .main .button-group {margin: 1rem 0 0;}
.apps .dropdown.button.secondary::after, button.dropdown.secondary::after {border-color: #18924D transparent transparent;border-width: 0.4rem;}
table tr td[align="right"] {text-align:right;}
.apps legend h2, .apps legend h3 {/*margin-bottom: 0;margin-top:0;*/font-size: 1.1rem;}
.apps fieldset .button-group {margin-top:-1rem;}
.apps .button-group {clear:both;}
.apps [class*="block-grid-"] > li {padding: 0px 0.625rem 0rem;}
.apps table input, .apps table textarea,.apps table select {margin:.25rem;}
/*.apps table input[type="checkbox"], .apps table input[type="radio"] {margin: 0px 0px 1rem;}*/
.apps table input[type="text"], .apps table input[type="password"], .apps table input[type="date"], .apps table input[type="datetime"], .apps table input[type="datetime-local"], .apps table input[type="month"], .apps table input[type="week"], .apps table input[type="email"], .apps table input[type="number"], .apps table input[type="search"], .apps table input[type="tel"], .apps table input[type="time"],  .apps table input[type="url"], .apps table input[type="color"], .apps table textarea, .apps table select {width:auto;display:inline-block;}
.apps select {padding-right: 20px;}
.apps table td.subHead {background-color: #F4F7FB;font-weight:bold;}
button.dpButton {padding:.25rem;}	
.dpTitleText {text-align:center;}

table.hr-nav td {padding: 0 .5rem;}
table.no-pad td {padding: .5rem;}
i.fa.hr {color: #93A8C6;padding: 0 .25rem;}
.page-nav .tiny.button.secondary {padding: 0.575rem 0.75rem 0.5375rem;font-size: .8rem;} 
td.cal-nav .tiny.button.secondary {padding: 0.575rem 0.75rem 0.5375rem;font-size: 1rem;} 
.page-nav {clear:both;}
input[type="file"]{background: #FAFAFA none repeat scroll 0% 0%;border-color: #999;outline: medium none; -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0 0 1rem 0;}
 input[type="checkbox"], input[type="radio"] {margin: 0px .5rem 1rem;}
 .apps table .button {margin: 0;}
 
.apps ul.errorMessage {color: #A00;font-size: 13px;line-height: 14px;list-style-type: none;font-weight: bold;}
.apps ul.alert-box.alert { margin:0;}
.apps .alert-box.alert ul.errorMessage {color:#fff;}
 input.button.small.postfix[type="submit"] {padding: .6rem 2rem;width: auto;}
 input.submitLink {padding:.25rem;}
 input.inline, select.inline {display: inline; width:auto;}
 .apps .cart {margin-top: 1rem;}
 ul.alert-box {list-style-type: none;}
 .event-regsitration-admin table, .event-regsitration-admin table tr.even,  .event-regsitration-admin table tr.alt,  .event-regsitration-admin table tr:nth-of-type(2n) {background-color: #F6F8FB; width: 80%;}
.apps form[name="empOps"] ul, .apps form[name="empOps"] ol {margin-left: 3rem;}

@media only screen and (max-width: 40em) {
	.stack-for-small.button-group input {width:100%;}  
	.page-nav .tiny.button.secondary {margin-bottom:0;}  
	.page-nav {margin: 1rem 0 !important; clear:both;}
	.apps {padding: 0 0 1rem 0;} 
	 h1 {font-size: 1rem;font-size: 1.4rem;font-weight: bold;}
	 .apps fieldset {padding:0; margin:0; border:none;    -webkit-margin-start: 0;-webkit-margin-end: 0;-webkit-padding-before: 0;-webkit-padding-start: 0;-webkit-padding-end: 0;-webkit-padding-after: 0;}.apps fieldset .button-group {margin:.5rem 0;}
.apps fieldset legend {margin-top: 1rem; margin-bottom: 1rem; font-size: 1.2rem;}
.has-tip {color: #4D4D4D; cursor: help;font-weight: normal;}}

/*checkout*/
.item {background:#E9EBF0;}
.divider {border-bottom: 1px solid #CFD6E4;}
.row.item-details {margin-bottom: 2rem;}
.item h3 {font-size: 1.1rem;line-height: 1rem;font-family: "Lato", Helvetica, Arial, sans-serif;}
input.button[value="Checkout"] {margin-top:1rem;}
.row.total {font-size: 1.2rem;font-weight:600;}
.checkout-action {margin:0; padding:0;}
.checkout-action a {font-size:.9rem;}


/*date picker*/
.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;color:#333;font-family:"Open Sans",sans-serif;font-size:13px;line-height:18px;}
.datepicker.dropdown-menu th,.datepicker.dropdown-menu td{padding:4px 5p;x}
.datepicker{display:none;position:absolute;padding:4px;margin-top:1px;direction:ltr;}
.datepicker-inline{width:220px;}
.datepicker-rtl{direction:rtl;}
.datepicker-rtl table tr td span{float:right;}
.datepicker-dropdown{top:0;left:0;}
.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px;}
.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px;}
.datepicker>div{display:none;}
.datepicker.days div.datepicker-days{display:block;}
.datepicker.months div.datepicker-months{display:block;}
.datepicker.years div.datepicker-years{display:block;}
.datepicker table{border:0;margin:0}
.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;border:0;font-size:12px;padding:4px 8px;background:#fff;cursor:pointer;}
.datepicker td.active.day,.datepicker th.active.day{background:#2ba6cb;}
.datepicker td.active.year,.datepicker th.active.year{background:#2ba6cb;}
.datepicker td span.active,.datepicker th span.active{background:#2ba6cb;}
.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent;}
.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;}
.datepicker th.date-switch{width:145px;}
.datepicker thead tr:first-child th,.datepicker tfoot tr:first-child th{cursor:pointer;}
.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle;}
.datepicker thead tr:first-child th.cw{cursor:default;background-color:transparent;}
.datepicker-dropdown::before,.datepicker-dropdown::after{display:none;}
.datepicker-close{position:absolute;top:-30px;right:0;width:15px;height:30px;padding:0;display:none;}
.datepicker td.old,.datepicker td.new{color:#999}.datepicker td.day.disabled{color:#eee;}

/*Accordians*/
ul.accordion {margin-left: 0;}
.accordion.notices  .accordion-navigation > a {background-color:#B21E28 /*#5D89B3*/; color: #ffffff;font-weight: 500;border-radius: 5px 5px 0 0;font-size: 1.2rem;padding: 0.5rem;}
.accordion.notices.blue .accordion-navigation > a {background-color:#5D89B3;}
.accordion.notices  .accordion-navigation > .content.active {border: 5px solid #5D89B3; background: #EDF0F5;}
.content.active table, .content.active table tr {background-color: transparent;}
.accordion .accordion-navigation a:after {content: "\f078";font-family: FontAwesome;color: #666;cursor: pointer;  padding-left: 5px;float: right;font-weight: 500; padding-bottom: 5px;font-size: 1rem;}
.accordion .accordion-navigation.active a:after  {content: "\f00d";}
.accordion.notices .accordion-navigation a:after {color: #ffffff;}
.accordion .accordion-navigation .content a::after  {content: "";}
.accordion.notices.cmh  .accordion-navigation > a {background: #BBD1E7 url("/Health/CMH/images/help.png") no-repeat scroll left center;padding-left: 140px;color: #B21E28;font-weight: 600;}
.accordion .accordion-navigation > a {font-family: inherit; font-weight:600;}
.accordion .accordion-navigation {margin-bottom: 2px !important;}
.accordion.notices .accordion-navigation {margin-bottom: 0px !important;}
.accordion .accordion-navigation > .content.active {border: 1px solid rgb(242, 240, 240);}

/*parks map*/
.parktitle { color: #336;}
.parktitle, .openspacetitle, .stateparktitle { font-weight: bold;font-size: 1rem;line-height: 18px;}
table.facilities td {border: 1px solid #ECEFF4; padding:2px; text-align:center;}
table.facilities {padding:0;}
table.facilities  small {font-size: 80%;}



/*Print Styles*/
@media print {.columns.contact-info {display: none !important;} #cssmenu {display: none !important;} a[href]:after {display: none !important; }abbr[title]:after {display: none !important; }
h1, h2, h3, h4 {font-size:90%; margin:0;padding:0;line-height:auto;}
.apps {padding-left:0;padding-right:0;margin-left: 0; margin-right: 0;}
/*.apps {padding:0;}
.apps table td {padding: 0.1rem 0.625rem;}
.apps table {margin:0; padding:0; width:100%;}
.apps .button {display:none;}
.apps table input[type="text"], .apps table input[type="password"], .apps table input[type="date"], .apps table input[type="datetime"], .apps table input[type="datetime-local"], .apps table input[type="month"], .apps table input[type="week"], .apps table input[type="email"], .apps table input[type="number"], .apps table input[type="search"], .apps table input[type="tel"], .apps table input[type="time"],  .apps table input[type="url"], .apps table input[type="color"], .apps table textarea, .apps table select {padding: .25rem; height:auto;}
.apps table textarea {width:100%;}*/

.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {display: none !important;} h1.padleft{padding-left:0;}}

.site-notice {text-align: center; font-size: .9rem; padding: 7px 15px;width:100%; margin:0;line-height: 1.3;}
.sticky.fixed .site-notice {display:none;}
.yellow {background-color:#F9F059;}
.features h5 {margin:0 0 1rem 0;font-size: 1rem;}
.features .columns {text-align: center;}
.features h5 i.fa {color:#A2D8BA;/*font-size:1.2rem;*/padding-right: .05rem;}

img[scr="/appImages/AdminEventReg/image-OC_Tech_Forum_Logo.jpg"]
{width: 300px !important;}

.footnote {font-size: 80%; font-style: italic;}

/* Accessibility */
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}