@media print{ 

div:not(.reveal-modal) {
display: inherit !important;
}

#charm-bar,
#top-nav,
#charm-toggle,
#alert {
display:none !important;
}

#dynamic-bg,
#header-right,
#top-nav,
#sidenav-col,
#bcrumbs,
#social-media-center,
#goog-gt-tt,
img.footer-logo,
input.submit-btn,
#dynamic-top-nav
{
display:none !important;
}


#page-footer, #page-body{
display:block !important; float:left  !important; clear:both  !important; position:relative  !important;
}

}


/* This is the hilight color when you select text on the website. */
::selection {
background: #232323; /* Safari */
color: #fff;
}
::-moz-selection {
background: #232323; /* Firefox */
color: #fff;
}


/* force safari mobile devices to not automatically render rounded corners on search iput */
#site-search input,
.site-search input {
-webkit-border-radius: 0 !important;
}

.fontsize a{float:none !important;height:22px; margin:0px 5px 0px 0px !important; text-decoration:underline;}
.fontsize a.selected{text-decoration:none;}                                    
#fontsize0{font-size:1em; /*=10px*/}                           
#fontsize1{font-size:1.1em; /*=11px*/}
#fontsize2{font-size:1.3em; /*=13px*/}



/*------------.size0 */   
.size0{
font-size:.825em;
}
#side-nav.size0 .sf-menu a{
font-size:1em;
}



/*-------------.size1 */
.size1{
font-size:1em;
}

#side-nav.size1 .sf-menu a{
font-size:1.15em;
}

/*-----------.size2 */
.size2{
font-size:1.4em;
}

#side-nav.size2 .sf-menu a{
font-size:1.325em;
}

blockquote{ border-left: 0px solid transparent; }

/******************************************************************
base.css
-------------------------------------------------------------------
Stylesheet: Base Mobile
-------------------------------------------------------------------

Be light and don't over-style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. These styles will be applied across all viewports.

******************************************************************/

/*------------------------------------------------------------------
--> Foundation Columns
------------------------------------------------------------------*/

/* --> Column Padding --------------------------------------------*/

.row .column, .row .columns {
padding: 0 8px;
}

#page-wrap .row {
margin-left: auto;
margin-right: auto;
}

/*------------------------------------------------------------------
--> Branding Styles
------------------------------------------------------------------*/

/* --> Defaults --------------------------------------------------*/

body {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 62.5%; /* Sets base font-size to 10px so 1.0em = 10px */
color: #333;
}

/* Set default font-size to 14px */
p, a, .button {
font-size: 1.4em;

transition: font-size .3s ease-in-out; 
-o-transition: font-size .3s ease-in-out; 
-moz-transition: font-size .3s ease-in-out; 
-webkit-transition: font-size .3s ease-in-out;
}

/* Make sure that links in paragraphs are not larger */
p a { font-size: inherit; }
p span { font-size: inherit; }


/* --> Anchors ---------------------------------------------------*/

a, a:visited {
/*color: #004589;*/
color: #0063c4;

transition: color .3s ease-in-out; 
-o-transition: color .3s ease-in-out; 
-moz-transition: color .3s ease-in-out; 
-webkit-transition: color .3s ease-in-out;
}

a:hover, a:focus {
color: #68B5DE;
text-decoration: underline;
}

a:active { 
   /*color: #004589; */
   color: #0063c4;
 }

/* --> Button and Cancel Button style -----------------------------*/
.button, .button:visited{
background-color: #254A9B;
border-color: #1C456C;
border-radius: 4px;

transition: background-color .3s ease-in-out; 
-o-transition: background-color .3s ease-in-out; 
-moz-transition: background-color .3s ease-in-out; 
-webkit-transition: background-color .3s ease-in-out;
}

.button:hover{
background-color: #4d90fe;
border-color: #4D90FE;
}

.button:active{
background-color: #DA4E25;
border-color: #DA4E25;
}

.button-cancel, .button-cancel:visited {
background-color: #FF5722;
border-color: #FF5722;
border-radius: 4px;
}

.button-cancel:hover{
background-color: #da4e25;
border-color: #da4e25;
}

.button-cancel:active{
background-color: #bf360c;
border-color: #bf360c;
}

a#Email_Notifications {
color: #fff;
text-transform: capitalize;
font-size: 1.25em;
padding: 20px 0px 20px 0;
width: 100%;
}

a#Email_Notifications img {
width: 30px !important;
height: 30px !important;
margin: -6px 0 0px 10px;
}

/* --> Headings --------------------------------------------------*/

/* All headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: normal;
color: #004589;
}

h1, .h1 {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 3.6em;
}

h2, .h2 {
font-size: 3.2em;
}

h3, .h3 {
font-size: 2.8em;
}

h4, .h4 {
font-size: 2.4em;
}

h5, .h5 {
font-size: 1.425em;
font-weight: bold;
}

h6, .h6 {
font-size: 1.25em;
font-weight: bold;
}


/* --> Tables ----------------------------------------------------*/

table {
background: none;
border: 0;
margin: 0;
width: 100%;
}

/* Default scale for <table> elements */
table tr th { 
font-size: inherit;
color: #fff;  

}

table tr td { font-size: inherit; }

/* Override background color from Foundation */
table tr.even, table tr.alt,
table tr:nth-of-type(even) {
background: none;
}


.edtdiv table a {
font-size: inherit;
}
/* --> Calendar  -------------------------------------------------*/


/*for calendar event layout 1 */
font.caltime { float: right;}
table.caltable { border-bottom: 2px solid #F2F2F2; }

/* --> Calendar -------------------------------------------*/

#hp-cal table.smlCal002_Table tr {
background: transparent;
}

#eventsList {
padding: 18px;
}

#hp-events-box
{
width: 100%;
padding: 0 25px 0 0;
margin: 25px 0 0 0;
overflow: auto;
height: 100%;
max-height:346px;
}

#hp-cal .smlCal002_wrap{
position: relative;
z-index: 10;
width: 100%;
padding: 0;
}

#hp-cal #month{
position: relative;
z-index: 10;
width: 100%;
}

#hp-cal .mainbox{
background: #b03124;
position: relative;
padding: 20px;
position: relative;
z-index: 16;

-webkit-border-radius: 20px 20px 0 0;
-moz-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0;
}

#hp-cal #month h3{
padding: 0 15px;
margin: 0;
color: white;
font-size: 2.5em;
text-align: center;
width: 68%;
display: inline-block
}

#hp-cal #cal_left a.prev {
background: url('/img/00/layout/hp-cal-prev.jpg') no-repeat;
width: 23px !important;
height: 23px;
top:25px;
left: 6px;
position: absolute;
padding: 0;
line-height: 0;
font-size: 1em;
color: transparent;
}

#hp-cal #cal_left a.next {
background: url('/img/00/layout/hp-cal-next.jpg') no-repeat;
width: 23px !important;
height: 23px;
top: 25px;
right: 6px;
position: absolute;
padding: 0;
line-height: 0;
font-size: 1em;
color: transparent;
}

.long{
display: none;
}

#hp-cal #smlCal002_Head td,#hp-cal #smlCal002 td a{
color: #1b1b1b;
font-size: 1.2em;
text-align: center;
}

#hp-cal #smlCal002 td {
padding: 11px 8.9px;
text-align: center;
background: transparent;
}

#hp-cal #smlCal002 td.CurrentDay{
background-color: #f66500;
}

#hp-cal #smlCal002 td.CurrentDay a{ color: #fff; }

/*#hp-cal #smlCal002 td.WeekEndDay,*/
#hp-cal #smlCal002 td.Day{
background-color: #e1e1e1;
border: 0px solid #dbd8d8;
}

#aj-calwrapper-city,
#aj-calwrapper-ingalls,
#aj-calwrapper-special{
float: left;
width: 100%;
}

#cal_left{
position: relative;
float: left;
width: 30%;
background: #faf9f3;
height: 100%;
margin: 0 3px 8px 3px;
border: 1px solid #c6c6c7;
}

#cal_left h1 {
color: #2b2b2b;
font-size: 10em;
line-height: 1em;
margin: 0px 0 0 0;
padding: 0 0px;
text-align: center;
}
#cal_left p{
text-align: center;
font-size: 1.4em;
padding: 0;
margin: 10px 0 0 0;
}

#cal_left h3{
background: #1A397A;
padding: 19px;
margin: 0;
color: #fff;
border: 3px solid white;
font-size: 2em;
text-align: center;
font-style: italic;


}

#cal_right{
float: right;
width: 67.666%;
background: #fff;
height: 100%;
margin: 0 3px;
padding: 0;
}

#cal_right:before{
/*content: '';
background: url('/img/00/layout/springs-up.png') no-repeat top center;
width: 100%;
height: 38px;
position: absolute;
z-index: 15;
margin:-20px 0 0 0;
*/
}



/*------------------------------------------------------------------
--> Page Header
------------------------------------------------------------------*/
div#page-wrap {
max-width: 1200px;
margin: 0 auto;
box-shadow: 0 6px 17px #000;
z-index: 1;
background: rgba(255, 255, 255, 1);
position: relative;
width: 100%;
}


#bgGraphics {
position: fixed;
top: 0;
left: 0;
width: 100%;
display: none;
}

#bgGraphics .mm-button-link {
width: 100%;
background-size: cover !important;
background-position: top center !important;
position: fixed;
}   

/* --> Header Base -----------------------------------------------*/

header#page-header {
width: 100%;

}

#header-right {
margin-top: 20px;
margin-bottom: 30px;
}


/* --> Header Logo -----------------------------------------------*/

a#cityLogo{ 
display: block;
background: url(/img/00/layout/citylogo.png) 0 0 /contain no-repeat transparent;
height: 153px;
}

span#logoSpan {visibility: hidden; }


/* --> Header Social -----------------------------------------------*/

div#socialUtils {
padding: 0;
width: 100%;
max-width: 110px;
display: inline-block;
margin-right: 14px;
vertical-align: middle;
}

#socialUtils .mm-button-wrap {
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 25px;
margin-right: 6px;
}

#socialUtils a.mm-button-link {
display: inline-block;
vertical-align: middle;
height: 25px;
width: 25px;
margin: 0px 0 0 5px;
}

/* --> Header Links ----------------------------------------------*/

ul.head-links {
list-style: none;
margin: 0;
padding-top: 10px;
padding-bottom: 5px;
display: inline-block;
vertical-align: middle;
width: 100%;
text-align: center;
}

ul.head-links li {
display: inline-block;
vertical-align: middle;
width: 100%;
}

span#header-date {
color: #222;
cursor: default;
}

a.head-link {
display: inline-block;
color: #004589;
margin-right: 15px;
font-size: 1.2em;
}

a.head-link:hover{
color: #222;
}

a#mywh{
font-style: italic;
}

.head-links .fontsize {
margin-right: 15px;
top: 0px;
position: relative;
}


/*------------------------------------------------------------------
--> Site Search
------------------------------------------------------------------*/

div#searchSizer.secondarypage {
width: 100%;
max-width: 100%;
float: left;
padding:0 15px;
}

#page-header .searchWrapper {position: relative;}
div#searchSizer.secondarypage form {margin: 0;}

/* --> Search Input ----------------------------------------------*/

input#site-search,
input.site-search {
margin: 0;
padding: 0 0 0 8px;
font-size: 1.3em;
border: 3px solid #004589;
border-right: 0;
margin-bottom: 5px;
color: #666666;
outline: none;
height: 40px;

-webkit-appearance:none;
border-radius:0;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

transition: box-shadow .6s ease-in-out; 
-o-transition: box-shadow .6s ease-in-out; 
-moz-transition: box-shadow .6s ease-in-out; 
-webkit-transition: box-shadow .6s ease-in-out;
}

input#site-search:hover,
input.site-search:hover {

}

input#site-search:focus,
input.site-search:focus {

}


/* --> Search Button ---------------------------------------------*/

a#site-search-btn,
a.site-search-btn {
font-weight: normal;
font-size: 1.3em;
line-height: 17px!important;
height: 40px;
position: absolute;
right: 0; 
padding-top: 9px!important;
background: url(/img/00/layout/glass.png) center center no-repeat #fff;
border-top: 3px solid #004589;
border-right: 3px solid #004589;
border-bottom: 3px solid #004589;
border-left: 0px solid transparent;



border-radius: 0;
}

a#site-search-btn:hover {
text-decoration: none;
color: #fff;
background-color: #004589;
}

:-moz-placeholder { /* Firefox 18- */
color: #7d98a9;
}

::-moz-placeholder {  /* Firefox 19+ */
color: #7d98a9;
}

:-ms-input-placeholder {  
color: #7d98a9;
}

a#site-search-btn span,
a.site-search-btn span {
display: none;
}

/*------------------------------------------------------------------
--> Main Navigation
------------------------------------------------------------------*/

/* --> Main Navigation Container ---------------------------------*/

section#top-nav {
background-color: transparent;
border-top: 0px solid #273238;
min-height: 47px;
}

/* Remove menu padding for mobile */
section#top-nav .nav-row .columns { padding: 0; }

/* Remove Foundation default background color for top-bar */
nav.main-nav, nav.main-nav.expanded {
background: none;
width: 100%;
}


/* --> Main Navigation Title -------------------------------------*/

/* Show the navigation Title for mobile */
nav.main-nav .name {
display: block;
}
.top-bar.expanded .title-area,
.top-bar-section ul{ 
background: #1C4371; 
color: #fff;
}

.top-bar .name h1 {
line-height: 45px;
font-size: .8625em;
margin: 0;
background: #1C4371;
}

/* --> Main Navigation Item Link ---------------------------------*/

nav.main-nav ul li.nav-item a {
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -0.01em;
white-space: normal;
background: #004589;
font-family: 'Roboto Condensed', tahoma, sans-serif;
text-transform: uppercase;

transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-o-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-moz-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
-webkit-transition: background-color .9s ease-out, color .6s ease-out, padding .6s ease-out, font-size .3s ease-out;
}

nav.main-nav ul li.nav-item a:hover {
text-decoration: none;
background: #68B5DE;
}

/* Active Item Link */
nav.main-nav ul li.active a {
background: #000;
}


/* --> Main Navigation Mobile Styles -----------------------------*/

/* Main Navigation Title */
.main-nav ul.title-area .mainnav-mobile-title {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
line-height: 40px;
}

.main-nav ul.title-area .mainnav-mobile-title:hover {
background: none;
}

/* Menu collapse/expand link icon */
nav.main-nav .toggle-topbar.menu-icon a {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 1.4em;
text-indent: -70px;
line-height: 30px;
}

nav.main-nav .toggle-topbar.menu-icon a:hover {
background: none;
}

/* Mobile Display Back Link */
nav.main-nav .dropdown li.title h5 a {
font-size: inherit;
font-weight: bold;
}

/* Mobile Display Back Link (Mega-Menu) */
nav.main-nav div.mega-menu li.title h5 a:hover {
background: #eee;
}

/* Mobile-Mode Back Link (Mega-Menu) */
nav.main-nav .mega-menu li.title h5 a {
color: #1a1a1a;
}


/*------------------------------------------------------------------
--> Main Navigation Menus
------------------------------------------------------------------*/

/* Dropdown Menu Item Link */
nav.main-nav .dropdown li.nav-item a {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
font-size: 0.75em;
line-height: 18px;
background: none;
padding: 10px 15px;
border-bottom: 1px solid #444;
color: #fff;
text-align: left;
}

nav.main-nav .dropdown li.nav-item a:hover {
background: #68B5DE;
padding-left: 0;
color: #fff;
}


/* --> Main Navigation Dropdown Container ------------------------*/

nav.main-nav .dropdown {
border: 0px solid transparent;
}

/* Dropdown Menu Last Item Link */
nav.main-nav .dropdown li.nav-item.last a {
border-bottom: 0;
}


/*------------------------------------------------------------------
--> Side Navigation
------------------------------------------------------------------*/

/* --> Side Navigation Heading -----------------------------------*/

.page-nav-heading {
cursor: default;
margin-bottom: 5px;
color: #fff;
font-family: 'Roboto Condensed', Arial, tahoma, sans-serif; 
margin-top:0px;
padding-left: 10px;
}


/* --> Side Navigation List ---------------------------------------*/

nav#side-nav ul.side-nav-list {
margin-bottom: 20px;
border: 0px solid #fff;
}


/* --> Side Navigation Item ---------------------------------------*/

nav#side-nav .sf-vertical,
nav#side-nav .sf-vertical li {
width: 100%;
}

nav#side-nav .sf-menu li {
background: #fff;
border-top: 1px solid #2465a6;
}


/* --> Side Navigation Item Link ----------------------------------*/

nav#side-nav .sf-menu a {
color: #333;
border: 0;
padding: 1em;

transition: background-color .6s ease-out; 
-o-transition: background-color .6s ease-out; 
-moz-transition: background-color .6s ease-out; 
-webkit-transition: background-color .6s ease-out;
}

nav#side-nav .sf-menu a:hover {
background: #eee;
}

/* Last Item Link */
nav#side-nav .sf-menu li.last a {
border-bottom: 0;
}



    /* --> Side Navigation Flyout Menu -------------------------------*/

    nav#side-nav .sf-menu ul {
    left: 0;
    width: 100%;
    border: 1px solid #ccc;
    position: relative;
    display: inline-block;
    }

    /* Flyout Indicator (Arrow) */
    nav#side-nav .sf-sub-indicator {
    left: 91%;
    top: 50%;
    border: solid transparent;
    content: " ";
    background-position: 10px;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color:  #ffffff;
    border-left-color:transparent;
    border-width: 5px;
    margin-top: -5px;
    display: block;
    }


/*------------------------------------------------------------------
--> BreadCrumbs / System Buttons
------------------------------------------------------------------*/

/* --> Breadcrumbs ----------------------------------------------*/

/* Breadcrumb Span */
section#bcrumbs {
width: 100%;
background: #fff;
position: relative;
}

/* Breadcrumb List */
ul.bcrumb-list {
float: left;
list-style: none;
margin:10px 0 0 0;
padding: 0 15px;
font-size: 1em;
width: 89%;
z-index: 15;
position: relative;
}

ul.bcrumb-list a{ }

/* Breadcrumb Item */
ul.bcrumb-list li {
float: left;
margin-right: 8px;
}

/* Breadcrumb Home Item 
ul.bcrumb-list li.home {
background: url('/img/00/icons/icon-home.png') no-repeat left;
padding-left: 35px;
}*/

/* Breadcrumb Item Arrow & Current Item */
ul.bcrumb-list li.arr,
ul.bcrumb-list li.current {
font-size: 1.4em;
cursor: default;
}


/* --> System Buttons ----------------------------------------------*/

/* Column that contains the system buttons */
.columns.system-btns-col { padding: 0; }

/* Email, Edit, Print List Container */
ul.system-btns-list {
width: 100%;
max-width: 300px;
position: absolute;
right: 24px;
top: 0;
list-style: none;
margin: 0;
text-align: right;
z-index: 10;
}

/* System Button Item */
ul.system-btns-list > li {
display: inline-block;
vertical-align: top;
margin: 0 auto;
width: 32px;
margin-bottom: 0;
padding: 0 10px;
}

/* System Button Link Text */
ul.system-btns-list li a.button {
font-size: 1.6em;
margin-bottom: 0;
text-align: left;
}

/* System Button Styles */
.button.system-button {
width: 32px;
height: 32px;
color: #333;
background-color: #eee;
border-color: #fff;
padding: 0;
box-shadow: none;

transition: background-color .6s ease-out, box-shadow .6s ease-out;
-o-transition: background-color .6s ease-out, box-shadow .6s ease-out; 
-moz-transition: background-color .6s ease-out, box-shadow .6s ease-out; 
-webkit-transition: background-color .6s ease-out, box-shadow .6s ease-out;
}

.button.system-button:hover,
.button.system-button.hover {
background-color: #fff !important;
box-shadow: 0 0 8px #666;
}

/* System Button Dropdown Menu */
ul.system-menu {
list-style: none;
display: none;
position: absolute;
width: inherit;
background-color: #fff;
margin: 0;
padding: 5px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
box-shadow: 0 4px 6px #666;
z-index: 90;
width: 100%;
right: 0;
max-width: 200px;
text-align: left;
}

/* Show dropdown menu on hover */
li:hover ul.system-menu {
display: block;
}

/* System Button Dropdown Menu Item Link */
ul.system-menu li a {
display: block;
font-weight: bold;
padding: 6px 0;
color: #333;
text-indent: 35px;
border: 1px solid transparent;
}

ul.system-menu li a:hover {
color: #0f8cf2;
text-decoration: none;
border-color: #ddd;
border-radius: 6px;
}

/* Email */
#btn-email {
background: #fff url('/img/00/icons/icon-email.png') no-repeat center center;
}

#btn-email span{ visibility: hidden; }

/* Edit */
#btn-edit {
background: #fff url('/img/00/icons/icon-edit.png') no-repeat center center;
}

#btn-edit span{ visibility: hidden; }

/* Print */
#btn-print {
background: #fff url('/img/00/icons/icon-print.png') no-repeat center center;
}
#btn-print span{ visibility: hidden;}

/* Fav */
#btn-fav{
background: #fff;
padding-left: 0px;
height: 30px;
}

.img-portal-fav{
float:left;
margin-top: -9px;
padding-right: 3px;
}

.img-portal-fav-text{
float:left;
}

/* Alter styles of system buttons that have a dropdown menu */
#btn-email:hover,
#btn-email.hover,
#btn-edit:hover,
#btn-edit.hover {
border-color: transparent;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

/* Send A Link */
ul.system-menu li.send-link {
background: url('/img/00/icons/icon-email-send.png') no-repeat 0 center;
}

/* Contact Us */
ul.system-menu li.contact-us {
background: url('/img/00/icons/icon-email-contact.png') no-repeat 0 center;
}

.htmlbox-contact-us {
float: right;
}

.htmlbox-contact-us .htmlbox-header {
margin: 0;
padding: 5px 5px 0;
text-transform: uppercase;
font-family: 'Roboto Condensed', Arial, tahoma, sans-serif;
border-bottom: 2px solid #004589;
}

.htmlbox-contact-us .htmlbox-inner {
padding: 5px 5px 0;
}

/* HTML Editor */
ul.system-menu li.html-editor {
background: url('/img/00/icons/icon-edit-html.png') no-repeat 0 center;
}

/* Layout */
ul.system-menu li.layout {
background: url('/img/00/icons/icon-edit-layout.png') no-repeat 0 center;
}

/* Navbuilder */
ul.system-menu li.navbuilder {
background: url('/img/00/icons/icon-edit-navbuilder.png') no-repeat 0 center;
}

/* Services */
ul.system-menu li.services {
background: url('/img/00/icons/icon-edit-services.png') no-repeat 0 center;
}

/* Status */
ul.system-menu li.status-not-done,
ul.system-menu li.status-done {
background: url('/img/00/icons/icon-edit-status.png') no-repeat 0 center;
}

/* Site Notes */
ul.system-menu li.site-notes {
background: url('/img/00/icons/icon-edit-notes.png') no-repeat 0 center;
}

/* Issue */
ul.system-menu li.issue {
background: url('/img/00/icons/icon-edit-issue.png') no-repeat 0 center;
}

/* Admin */
ul.system-menu li.admin {
background: url('/img/00/icons/icon-edit-admin.png') no-repeat 0 center;
}


/*------------------------------------------------------------------
--> Page Body Section
------------------------------------------------------------------*/

#page-body {
width: 100%;
background: #fff;
}

/* All secondary pages have their content wrapped in a row
with either of these classes. */
.content-row{
padding-top:15px;
}

#page-body > .widget-layout-row
{
padding-top: 30px;
}


/*------------------------------------------------------------------
--> HTML Content
------------------------------------------------------------------*/

/* --> Page Title ----------------------------------------------*/


h1.content-title {
font-size: 4em;
color:#004589;
padding-bottom: 10px;
margin-top: 0;
margin-bottom: 20px;
border-bottom: 2px solid #bababa;
cursor: default;
}


/*--> Icon Tray   ----------------------------------*/

/* --> Icon Slide --------------------------------------------*/

#hp-icon-wrapper{
width: 100%;
position: relative;
display: inline-block;
}

#services-tray{
margin: 14px 0 21px 0;
}

ul#carousel{display: inline-block;}

#services-tray .bx-loading{
width:100%;
height:100%;
background:url('/img/00/loader.gif') center center no-repeat transparent;
}

#services-tray .bx-viewport {
width: 98% !important;
}

#services-tray li a {
display: block;
font-size: inherit;
min-height: 125px;
padding-top: 5px;
position: relative;
text-align: center;
width: 100%;
color: #383e40;
}

#services-tray a img {
max-width: 50px;
padding: 5px 0;
position: relative;
text-align: center;
width: 100%;
z-index: 5;
}

#services-tray a span {
display: inline-block;
font-size: 1.4em;
line-height: 1em;
margin-top: 0;
text-align: center;
}

#services-tray .bx-wrapper
{
background: transparent;
max-width: 500px !important;
}

#services-tray .bx-controls {
position: absolute;
width: 100%;
top: 164px;
}

#services-tray .bx-controls .bx-controls-direction a{
font-size:0em;
display:inline-block;
width:21px;
height:32px;
/*commented out to remove the arrows on home page icon slider 
background-image:url('/img/00/layout/arrows_bx.png'); */
}
#services-tray .bx-controls .bx-prev{
background-position:0 0;
float: left;
}
#services-tray .bx-controls .bx-prev:hover{
background-position:0 32px;
}

#services-tray .bx-controls .bx-next{
background-position:-20px 0;
margin-left:10px;
float: right;
}
#services-tray .bx-controls .bx-next:hover{
background-position:-20px 32px;
margin-left:10px;
}

/* --> Page Content ----------------------------------------------*/

section#page-content {
margin-bottom: 50px;
background-color: #fff;
padding: 20px;
}

/*------------------------------------------------------------------
--> Homepage Contents
------------------------------------------------------------------*/
div#folsomHp2 {
margin: 25px auto;
}

/* --> Home Slideshow --------------------------------------------*/

/* Background area color */
#home-slideshow-span {
border-bottom: 1px solid #273238;
}

.orbit-container{ background:#04284c; }
.orbit-slides-container li.active {
opacity: 1.0;
}
.orbit-slides-container li {
-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;
opacity: .6;
}

.orbit-bullets{
text-align: center; 
width: 100%;
padding: 15px 0;
margin: 0;
background: #263238;
top: 0;
}

.orbit-bullets li{
float: none;
display: inline-block; 
border: solid 2px #fff;
background: transparent;
}

.orbit-bullets li.active{
background: #fff;
}

.orbit-caption h3.caption{
font-family: 'Roboto Condensed', arial, sans-serif;
margin: 0;
font-size: 2em;
font-weight: bold;
}

.orbit-caption p{ 

font-size: 1.4em;
margin: 0;
padding: 0;
line-height: 1em;
}

.orbit-container .orbit-slides-container>* .orbit-caption {
background-color: rgba(1, 54, 107, .8);
}

.orbit-container .orbit-prev, .orbit-container .orbit-next {
background-color: rgba(1, 54, 107, .5);
display: none;
}
/* --> Home Media Buttons ----------------------------------------*/

/* Container that holds all the buttons */
#dynamic-home-btns .mm-buttongen-cont {
margin-top: 30px;
}

/* Wrapper for individual media buttons */
#dynamic-home-btns .mm-button-wrap {
margin-top: 20px;
margin-bottom: 30px;
}

#dynamic-home-btns a.mm-button-link .mm-button-txt-wrap {
background: rgba(126,68,0,.7);
width: 100%;
display: inline-block;
padding: 4px;
position: absolute;
bottom: 0;

}

/* Button link wrapper */
#dynamic-home-btns a.mm-button-link {
width: 100%;
float: left;
color: #fff;
display: block;
padding-bottom: 10px;
background-size: cover !important;
background-position: center center !important;
height: 319px;
position: relative;
box-shadow: 0px 4px 12px #666;
border: 1px solid #fff;
}

#dynamic-home-btns a.mm-button-link:hover {
text-decoration: none;
color: #dac6b1;
}



/* Button text */
#dynamic-home-btns a.mm-button-link .mm-button-txt {
float: left;
width: 100%;
font-family: 'Roboto', 'Open Sans', sans-serif;
font-weight: bold;
font-size: 2.3em;
text-transform: uppercase;
text-align: center;



transition: font-size .3s ease-in-out, margin .3s ease-in-out;
-o-transition: font-size .3s ease-in-out, margin .3s ease-in-out;
-moz-transition: font-size .3s ease-in-out, margin .3s ease-in-out;
-webkit-transition: font-size .3s ease-in-out, margin .3s ease-in-out;
}

/* Sub text on buttons */
#dynamic-home-btns .mm-button-subtxt {
float: right;
font-size: 1.2em;
text-align: center;
width: 100%;

}

.block-head a.button.homepageBtn {
font-size: 15px;
float: right;
margin-top: 15px;
margin-right: 1em;
margin-bottom: 0;
padding: 10px;
text-transform: capitalize;
top: -5px;
} 

.block-head a:visited.button.homepageBtn{
color: #fff;
}
/* Bottom horizontal border (only visible on mobile) */
#dynamic-home-btns hr.home-btn-sep {
border-color: #999;
}


/* --> Most Popular ----------------------------------------------*/

/* Most Popular list */
section#home-mostpop ul.az-list {
width: 96%;
padding-left: 5%;
color: #666;
}

/* Most Popular list item */
section#home-mostpop ul.az-list li {
margin-bottom: 5px;
border-bottom: 1px solid #ddd;
}

/* Most Popular list item link */
section#home-mostpop ul.az-list li a {
display: block;
font-size: 1.6em;
font-weight: bold;
padding-bottom: 5px;
text-shadow: 0px 1px 0px #fff;

transition: text-indent .3s ease-in-out;
-o-transition: text-indent .3s ease-in-out;
-moz-transition: text-indent .3s ease-in-out;
-webkit-transition: text-indent .3s ease-in-out;
}

section#home-mostpop ul.az-list li a:hover {
text-indent: 10px;
text-decoration: none;
}



/* --> Homepage Blocks -------------------------------------------*/

/* Block container */
.home-block {
float: left;
width: 100%;
margin-bottom: 30px;
background-color: #fff;
box-shadow: 0px 3px 8px #ccc;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}

/* Block heading */
h2.block-head a {
font-size: 1em;
}

/* Block heading - alternate color 1 */
.home-block h2.block-head.alt-color { background-color: #08bcd5; }

/* Block heading - alternate color 2 */
.home-block h2.block-head.alt-color2 {  }

/* Inner wrapper for blocks */
.block-contents {
padding: 0 15px 15px 15px;

transition: padding .3s ease-in-out; 
-o-transition: padding .3s ease-in-out; 
-moz-transition: padding .3s ease-in-out; 
-webkit-transition: padding .3s ease-in-out;
}


/* --> Events List -----------------------------------------------*/

/* Event title */
.event-title {
font-size: .825em;
margin: 5px 0;
}

/* Event Time */
.event-time { font-size: .825em; }

/* Date section heading */
.events-datesection {
font-family: 'open sans', Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: italic;
color: #777;
font-size: 1.35em;
line-height: 22px;
margin-top: 0;
margin-bottom: 5px;
}

/* Style for 'Today' indicator */
.events-datesection span.today {
color: #666;
text-transform: uppercase;
font-size: 0.7em;
}

/* Style on text if there are no events */
.no-events {
color: #666;
font-size: 1.4em;
font-style: italic;
}

/* Separator between events */
hr.events-sep { margin: 15px 0; }


/*------------------------------------------------------------------
--> Secondary Pages
------------------------------------------------------------------*/
div#sidenav-col {
background: #004589;
margin-left: 15px;
width: 100%;
margin-bottom: 20px;
padding: 0;
}

nav#side-nav .sf-menu a {
background: #004589;
color: #fff;
}

nav#side-nav .sf-menu a:hover{
background: #68B5DE;
text-decoration: none;
}


#side-buttons {
float: left;
vertical-align: top;
clear: left;
margin-bottom: 15px; 
}

#col2Content {
float: left;
}

/* --> Side Buttons ----------------------------------------------*/

/* Side Button Wrapper */
#dynamic-side-btns .mm-buttongen-cont {
float: left;
width: 100%;
}

/* Side Button Link Wrapper */
#dynamic-side-btns a.mm-button-link {
display: block;
width: 100%;
height: 126px;
max-width: 300px;
float: left;
color: #fff;
text-align: center;
margin-right: 5px;
font-size: 1.8em;
text-shadow: 0 1px 0 #000;
margin-bottom: 15px;
position: relative;
padding-bottom: 10px;
border: 3px solid #fff;
box-shadow: 0px 3px 5px #666;

transition: box-shadow .3s ease-in-out;
-o-transition: box-shadow .3s ease-in-out;
-moz-transition: box-shadow .3s ease-in-out;
-webkit-transition: box-shadow .3s ease-in-out;
}

#dynamic-side-btns a.mm-button-link:hover{ 
box-shadow: none;
border: 3px solid #83cfff;
} 

#dynamic-side-btns .mm-button-txt-wrap {
background: rgba(7, 38, 68, 0.80);
padding: 5px 5px 15px 5px;
position: absolute;
bottom: 0;
width: 100%;
}	

#dynamic-side-btns span.mm-button-subtxt {
font-size: .65em;
display: block;
margin-top: 4px;
color: #fff;
}

/*------------------------------------------------------------------
--> Page Footer
------------------------------------------------------------------*/

/* --> Footer Base -----------------------------------------------*/

footer#page-footer {
background-color: #042d54;
color: #fff;
}

.row.footer-nav {
background-color: #dac6b1;
margin-bottom: 20px;
}

.footerMenu {
max-width: 1170px;
margin: 0 auto;
}

ul.foot-nav-list {
margin: 0;
font-style:normal;
}

.footer-nav ul.foot-nav-list li {
float: left;
list-style: none;
display: inline-block;
height: 100%;
margin: 0 2% 0 0;
width: 14.666%;
text-align: center;
font-family: 'Roboto Condensed', tahoma, sans-serif;
}

.footerMenu a {
display: block;
width: 100%;
height: 100%;
padding: 10px 0 10px 0;
font-size: 1.35em;
}

.footerMenu a:hover{
color: #fff;
text-decoration: underline;
background-color: #004589;
transition: background-color .3s ease-in-out; 
-o-transition: background-color .3s ease-in-out; 
-moz-transition: background-color .3s ease-in-out; 
-webkit-transition: background-color .3s ease-in-out;
}

/* Footer Legal links */
#footerLegal ul{
list-style: none;
float: right;
}

#footerLegal li {
float: left;
margin-right: 15px;
}

#footerLegal a{
color: #fff;
}

/* --> Footer Buttons-----------------------------------------*/
#footerBtn1,
#footerBtn2 { margin: 10px 0; }

#footerBtn1 a.mm-button-link,
#footerBtn2 a.mm-button-link {
width: 100%;
text-align: center;
display: inline-block;
height: 63px;
padding: 19px 0 0 12px;
color: #fff;
border: 3px solid #fff;
font-family: 'Roboto Condensed', Tahoma, arial, sans-serif;
font-size: 1.825em;

transition: background-color .3s ease-in-out; 
-o-transition: background-color .3s ease-in-out; 
-moz-transition: background-color .3s ease-in-out; 
-webkit-transition: background-color .3s ease-in-out;
}


#footerBtn1 a.mm-button-link:hover,
#footerBtn2 a.mm-button-link:hover{ background-color: #68B5DE !important; text-decoration: none; }

/* --> Footer Navigation -----------------------------------------*/

/* Navigation list */
nav.foot-nav ul.foot-nav-list {
list-style: none;
margin-left: 10px;
}

/* Navigation list item */
nav.foot-nav ul li { margin-bottom: 3px; }

/* Navigation list item link */
nav.foot-nav ul.foot-nav-list li a {
color: #fff;
font-size: 1.5em;
}


/* --> Google Translate ------------------------------------------*/
div#translateWrapper {
padding: 0;
display: inline-block;
vertical-align: middle;
width: 100%;
max-width: 162px;
margin-right: 15px;
}

#google_translate_element {
width: 100%;
height: 22px;
}

select.goog-te-combo { padding: 5px;  margin: 0; }
#google_translate_element .goog-te-gadget { color: transparent; }
#google_translate_element .goog-te-gadget a.goog-logo-link { color: #eaf6ff; }

.goog-te-gadget .goog-te-combo{ margin: 0 !important; }

.skiptranslate.goog-te-gadget span {
display: none;
}


/* --> Divider (Mobile only)--------------------------------------*/

hr.footer-divider {
border-color: #0099ff;
box-shadow: 0 1px 4px #000;
}


/* --> Footer Contact  -----------------------------------------*/

td.photo {
width: 96px;
padding: 0;
display: block;
margin: 0;
float: left;
}

td.contactInfo {
float: left;
color: #FFFFFF;
font-size: 1.4em;
font-weight: 600;
text-shadow: none;
line-height: 1.4em;
}

.contactTitle a{ 
font-size: 1.8em;
color: #fff;
font-family: 'Roboto Condensed', arial, sans-serif;
}


/* Civica logo */
#civica-foot-logo { display: block;   width: 55px; }


/* --> Copyright -------------------------------------------------*/

/* Copyright span background */
#copyright-span { background-color: #222; }

/* Copyright text */
#copyright-span p.copyright {
text-align: center;
color: #eee;
margin: 10px 0;
}

/*------------------------------------------------------------------
--> Press Release
------------------------------------------------------------------*/
tr.prHeadline {
border-bottom: 3px solid #004589;
}

.prHeader {
margin: 0;
}

table.pressRTable p {
padding: 0;
margin: 0;
}

/* Image Captions Defualt --------------------------------------------------------------------------*/

.caption_left{
float: left;
display: block;
position: relative;
padding: 0 18px;
margin: 0 0 20px 0;
}

.caption_right{
float: left;
display: block;
position: relative;
padding: 0 18px;
}

.caption_right img,
.caption_left img {
margin: 0 !important;
}

span.caption_text{
display: block;
position: relative;
background: transparent;
color: #004589;
bottom: 8px;
font-size: 1.4em !important;
padding: 10px 15px 10px 15px;
}

/*------------------------------------------------------------------
--> Jobs 
------------------------------------------------------------------*/

h3.jobTitle {
margin: 0;
}

/*------------------------------------------------------------------
--> Phone Directory Phone Book
------------------------------------------------------------------*/

input#phone-search {
height: 35px;
margin-top: 0px !important;
font-size: 1.4em;   
}

a#phone-search-btn {
color: #fff;
height: 33px;
font-size: 1.4em;
}

/*------------------------------------------------------------------
--> Map Alerts
------------------------------------------------------------------*/

/* Alert Box */

#alert_block {
background: #e2f3ff;
border: 1px solid #8fb2c9;
padding: 10px;
margin-bottom: 20px;
}

#alert_block #status_headline {
font-family: 'Abadi', sans-serif;
font-size: 3.4em;
margin-bottom: 10px;
}

#alert_block #status_description {
margin: 0;
}


/* Alert Aggregate Page */

.date_formatted {
display: block;
font-weight: bold;
margin-bottom: 5px;
}

.Status .entry-name {
font-family: 'Abadi', sans-serif;
font-size: 2.4em;
margin-bottom: 5px;
}

.StatusDiv .Status {
padding-bottom: 5px;
margin-bottom: 30px;
border-bottom: 1px solid #ccc;
}



/*------------------------------------------------------------------
--> Additional
------------------------------------------------------------------*/

/* Galleria slideshows require a defined height */
#galleria { 
height: 300px; 
height: auto;
background: #232323;
border: 0px solid transparent;
}

/* Foundation tooltip styles */
.tooltip { font-size: 1.4em; }

/* Foundation Reveal modal - Close 'X' */
.reveal-modal .close-reveal-modal { font-size: 2.0em; }

/*  Photobook Styles  */

.PhotoBG {
/*background-image: url('/custom/photomanager/images/gallery_set_Background.png');*/
background:#fff;
-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
width: 150px;
height: 150px;
}

.floater{ float:left; margin: 0;}

.Photosizer img{
overflow: hidden;
max-height: 150px;
max-width:150px;
}

/* Search result Pagination Style */
a.youreHere{
cursor: default;
font-weight: bold;
}

a.youreHere:hover{
text-decoration:none;
}

/** Imported from M.Segura's CSS**/

#page-last-updated{clear:both;}
#media-bucket-0 .galleria-read-more {display:none;}

/**Project Map CSS**/

#projectMap {position:relative;height:auto;}                                                       

#projectMap .hide-for-small { 
display: block;
height: 95%;
left: 2%;
position: absolute;
top: 2%;
width: 74%;} 

#projectMap #Picture1{width: 74%;}

#projectMap .hide-for-small a{ position:absolute;line-height:0px;} 
#projectMap .hide-for-small img{margin:0px;width:100%;height:100%; } 
#projectMap .hide-for-small a:hover{ position:absolute;border:1px dashed #366647; text-decoration:none;} 
      
#projectMap .hide-for-small a.parking{    height: 2.6%;left: 17.8%;top: 19.5%;width: 2.3%;}               
#projectMap .hide-for-small a.current_ops{    height: 5%;left: 80%;top: 80%;width: 5%;} 
#projectMap .hide-for-small a.parking_improv{    height: 1.2%;left: 41.5%;top: 58.4%;width: 2.5%;}   
#projectMap .hide-for-small a.retail{    height: 9.5%;left: 39%;top: 28%;width: 4.5%;} 

/*HOMEPAGE ALERT*/

/*------------------------------------------------------------------
--> Homepage Alerts
------------------------------------------------------------------*/

#alert_overlay {
position: fixed;
right: auto;
bottom: -170px;
margin-top: 0px;
z-index: 100;
width: 100%;

transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
}

#alert_overlay a{color: white;}

#alert-overlay-inner {
border: 1px solid #cd6900;
background: rgba(0, 0, 0, 0.8);
height: 100%;
padding: 0;
margin: 0;
display: inline-block;
position: relative;
}

.alert_title{
background: red;
padding: 15px !important;
margin: 0;
cursor: pointer;
z-index: 10000;
}

.alert_title:before, .alert_title:after {
position: absolute;
top: 100%;
content: '';
width: 50%;
height: 25px;
}

.alert_title:before {
left: 0;
background: linear-gradient(to left bottom, red 50%, transparent 50%);
}

.alert_title:after {
right: 0;
background: linear-gradient(to bottom right, red 50%, transparent 50%);
}

.alert_body{
padding: 33px 15px 30px 15px !important;
margin: 0;
text-align: center;
font-size: 1.4em;
}

.alert_body span {
font-size: inherit; 
font-weight: bold;
display: inline-block;
position:relative;
padding-bottom: 10px;
}

.alert_body p{
margin: 0;
line-height: 20px;
font-size: inherit;
}


.alert_body a{
font-size: inherit;
}

#alert-overlay-inner h3{
font-size: 1.6em;
color: white;
margin: 0;
padding: 0;
font-weight: bold;
text-align: center;
}

#alert_overlay img.close{
position: absolute;
top: -14px;
right: -7px;
left: auto;
cursor:pointer;
opacity: 1;
z-index:140000;
transition: opacity .6s ease-in-out;
-o-transition: opacity .6s ease-in-out;
-moz-transition: opacity .6s ease-in-out;
-webkit-transition: opacity .6s ease-in-out;
}

#alert_overlay img.active{
opacity: 0;
}

/*SITE WIDE ALERT*/

/*------------------------------------------------------------------
--> Site Wide Alerts
------------------------------------------------------------------*/

#alert p { 
font-size: inherit; 
margin:0;  
display: inline-block; 
}

#alert {
background: red;
border-bottom: 3px solid #691A00;
box-shadow: 0 0 8px #BBBBBB;
font-size: 1.4em;
font-weight: normal;
padding: 10px;
line-height: 25px;
margin: 0;
transition: background-color 0.6s ease-in-out 0s;
max-width:100%;
width:100%;  
}
          
#alert .title {
font-size:0.8em; 
color:#efefef; 
text-align:center;
margin: 0 auto;
margin-bottom: 10px;
}

#alert .title img { display: inline-block; }

#alert .title h3{ 
position: relative;
display: inline-block;
margin-left: 8px;
color:#fff;
vertical-align: top;
font-family: verdana, tahoma, Arial, sans-serif;
font-size: 1.4em;
}

#alert .body a {
color: #fff;
display: block;
text-align: center;
font-size: 1em;
padding: 10px;
border:2px solid #cc0000;
background: #e50000;
}

#alert .body .date {
font-size:1em;
font-weight: bold;
color:#fff; 
display: inline-block;   
padding-right: 10px;
}

#pm-gallery-sml00 .scrollable div.img-wrap {
height: 60px;
border-bottom: 1px solid #000;
}

/*------------------------------------------------------------------
--> Simple Forms Styles
------------------------------------------------------------------*/
/*remove border around fieldset
fieldset{ border: 0px solid transparent; }*/
/* normalize table based form */
div#sfmQuestionForm td { background-color: #fcfcfc !important; }

/*Option and Check Boxes*/
td.sFoption{
width: 5%;
}

.border{ border: 5px solid red; }

div#sfmQuestionForm .button{ 
font-size: 1em;
font-weight: normal;
margin: 0 20px 0 0;
}

div#sfmQuestionForm .button{ 
font-size: 1em;
font-weight: normal;
margin: 0 20px 0 0;
}

div#sfmQuestionForm .button.sfReset {
background: #FF5722;
border: 1px solid #FF5722;
}

/*------------------------------------------------------------------
--> news
------------------------------------------------------------------*/
h3.newsheader { font-size: inherit; }   

.news-summary p {
font-size: inherit;
}

/*------------------------------------------------------------------
--> faqs
------------------------------------------------------------------*/
.faq-image-item p, .faq-image-item a {
font-size: inherit;
}

.faq-entry-item p, .faq-entry-item a {
font-size: 1.4em;
}

.faq-entry-item .faq-header {
font-size: 2em;
}

span.faqarrow {
font-size: 1.425em;
margin: 0 15px 0 0;
padding: 0;
line-height: 0; 
text-decoration: none !important;
}		

ul.faq-upper-links {
list-style:none;
}

ul.faq-upper-links a:hover { 
text-decoration:none;
}

.auto-height{height:auto;}

input.submit-btn{
font-weight: normal;
font-size: 1.4em;
color:#fff;
height: 40px;
border: 1px solid #691a00;
margin: 0;
line-height: 36px;
background: #9c2800;
box-shadow: 0 0 8px #bbb;
transition: background-color .6s ease-in-out;
-o-transition: background-color .6s ease-in-out;
-moz-transition: background-color .6s ease-in-out;
-webkit-transition: background-color .6s ease-in-out;
}

input.submit-btn:hover{
text-decoration: none;
background-color: #18679a;
border-color: #104466;
cursor:pointer;
}

.invisible{
display:none;
}


/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
Shared Styles
----------------------------------------- */
/* Mobile */

@media only screen and (max-width: 767px) {

#cal_right { width:100%;}

#cal_left {width:100%;}

#hp-cal #smlCal002_Head td{ font-size:0.7em;}

div#sidenav-col{ width:92%; padding:0px;}

.footer-nav ul.foot-nav-list li{ width:auto;}

.footerMenu a { font-size:1.4em; padding:10px 0px 10px 10px;}

table.responsive {
margin-bottom: 0;
}
.scrollable.swipeMsg::before {
background: rgba(255, 200, 0, 0.2) none repeat scroll 0 0;
border: 1px solid #ffcc00;
border-radius: 5px;
color: #666;
content: "<< Swipe for more content >>";
display: block;
font-size: 0.8em;
margin: 0.3em 0;
padding: 0.2em;
text-align: center;
width: 100%;
}
.pinned {
background: #fff none repeat scroll 0 0;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
left: 0;
overflow-x: scroll;
overflow-y: hidden;
position: absolute;
top: 0;
width: 35%;
}
.pinned table {
border-left: medium none;
border-right: medium none;
width: 100%;
}
.pinned table th, .pinned table td {
white-space: nowrap;
}
.pinned td:last-child {
border-bottom: 0 none;
}
div.table-wrapper {
margin-bottom: 20px;
overflow: hidden;
position: relative;
}
div.table-wrapper div.scrollable {
overflow-x: scroll;
overflow-y: hidden;
}
table.responsive td, table.responsive th {
overflow: hidden;
position: relative;
white-space: nowrap;
}


/*------------------------------------------------------------------
--> Photo Manager and Photo Book Styles
------------------------------------------------------------------*/

#jqGalleryDiv{
width: 100%;
}

#img-wrap{ 
margin-bottom: 10px;
}

#image_wrap img{
cursor: default;
width: 200px;
padding-bottom: 10px;
padding-left:5px;
}

#image_wrap_g img{
cursor: default;
/*width: 200px;*/
padding-bottom: 10px;
padding-left:5px;
}

.img-wrap{
float: left;
width: 20%;
height: 50px;
margin: 8px;
overflow: hidden;
}

#galBackOuter { 
margin: 15px 0 0 5px;
}



/*Start: Code Snippet Custom Side Columns*/
#pageHTML { position: relative; }
.edt-main-content{ float: left; padding: 10px !important; }

.edt-side-content{
background: #f5f5f5;
float: right;
padding: 10px !important;
}

.edt-side-content-custom{
background: #00747e;
color: #fff;
float: right;
padding: 10px !important;
}

/*End: Code Snippet Custom Side Columns*/

}