/* set color for text; make legible for dev. purposes */
body{ color:black; text-shadow:none;}
h2 { color: black !important;}

h1, h2, h3, h4, h5, h6 {
    color: #124574 !important;
}

h3 {
    line-height: normal;
    margin: 15px 0;
}

#rt-breadcrumbs .breadcrumb, #rt-breadcrumbs [class^="breadcrumb"] {
    background: none repeat scroll 0 0 transparent;
    margin: 0 0 0 200px;
    padding: 0;
}

#rt-bg-top {
    padding-top: 20px;
}


#rt-drawer .rt-container {
  height: 0 !important;
  border-radius: 0;
  margin: 0px auto;
  padding: 0;
}

#rt-drawer .logo-block {
    margin: -23px 0 0 50px;
    padding: 0;
    overflow:visible;
    background: #F0F0EE;
    height: 8px !important;
    width: 140px;
    /*z-index: 999;*/
}
/*#rt-logo {
    border: 1px solid #CDCDCD;
    border-radius: 0 2px 0 2px;
}*/

/*******docman********/

.com_docman label {
    margin-bottom: 0px;
    padding-right: 5px;
    line-height: normal;
}

/* remove background images */
div#rt-maintop, div#rt-transition, div#rt-bottom, footer#rt-footer-surround, div#rt-footer, div#rt-mainbody,  div#rt-top, #rt-header, div#rt-top > div.rt-container, div.gf-menu, div#rt-navigation{background-image:none !important;}

/*formatting for top menu & searchbox*/
#rt-top {
  background: #3A3132;
  border-bottom: 8px solid #009DDD;}
}

#rt-bg-top {padding-top:0px;}

#rt-bg-top > .rt-container {margin-top:0px; margin-bottom:0px;}

#rt-top .rt-container {
    margin-top: -80px;
    margin-bottom:0;
    font-size: 12px;
    height: 50px;
}
.fp-rokajaxsearch.rt-block {
    margin: 0;
    padding: 10px 15px 0 0;
}

.topMenuModule{margin-top:0px; margin-bottom:0px; padding-top:10px; padding-bottom:0px;}
div#rt-top > div.rt-container{border-radius:0px;}
ul.menutopMenu { list-style:none;padding-left: 155px;}  
.menutopMenu > li{ padding-left:20px; display:inline;}
.menutopMenu > li > a{ color:#9c9899;} 
.menutopMenu > li > a:hover { color: #009DDD;}

.gf-menu .dropdown .flyout {
    background-color: #E4E4E4;
    border: 1px solid #3A3132;
}

/*formatting for top search box*/
#rokajaxsearch {float:right;}
.roksearch-wrapper {
  background-image: none !important;
  border: 1px solid #9c9899 !important;
  border-radius:5px !important;
  margin-top: 7px;
  width: 135px;
}

.rokajaxsearch .inputbox {
    -moz-box-sizing: border-box;
    background-color: transparent !important;
    background-position: 97% -65px;
    background-repeat: no-repeat;
    border: 0 none;
    border-radius: 2px 2px 2px 2px;
    font-size: 12px;
    height: 25px;
    margin-bottom: 0;
    padding: 0 5px;
}


.fp-rokajaxsearch {margin-top:0px; margin-bottom:0px; padding-top:0px !important; padding-bottom:0px;}


/**********formatting for main menu****************/
#rt-top-surround{
  background-color:#124574 !important;
  margin-bottom:0px;
  background-color: #f0f0ee;
  border-bottom: 8px solid #3A3132;}

#rt-top-surround #rt-navigation {
    height: 58px;
    background: url("");
    border-bottom: 0px /*solid rgba(0, 0, 0, 0.3)*/;
    box-shadow: none !important /*0 0px 0 rgba(0, 0, 0, 0.08)*/;
}

#rt-top-surround #rt-navigation .rt-grid-alpha {
  height: 58px;
  overflow: visible;
}

#rt-top .rt-container {
    background: url("") repeat scroll 0 0 transparent;
}
#rt-top .rt-container {
    border-radius: 0;
    margin: 0 auto;
}

.gf-menu >li:hover, .gf-menu > li.active.last {border-bottom-color: #009DDD;} 
.gf-menu > li { border-bottom-width: 0px !important;} /*stop menu jumping*/

.gf-menu.l1 > li.active > .item, .gf-menu.l1 > li:hover > .item, .gf-menu.l1 > li:focus > .item {
    color: #fff;
}

.gf-menu.l1 > li > .item, .gf-menu.l1 > li > .item em {
    color: #009DDD;
    text-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
}

.gf-menu.l1 > li > .item {
    font-family: Arial Narrow,Arial,Helvetica,sans-serif;
    font-size: 15px;
    line-height: 23px;
    padding: 7px 25px 7px 25px;
    position: relative;
    text-transform: uppercase;
}

.gf-menu li {
    margin-right: 0px;
}



ul.gf-menu .dropdown {
    background-image: none !important;
    filter: none !important;
    background-color: #124574;
}

.main-body-style-light .gf-menu .dropdown a:hover {
    color: #fff !important;
}

.main-body-style-light .gf-menu .dropdown li > .item, .main-body-style-light .gf-menu .dropdown li > .item em {
    color: #009DDD;
    text-shadow: none !important /*1px 1px 1px rgba(255, 255, 255, 0.5)*/;
}

.gf-menu .dropdown li:hover:before, .gf-menu .dropdown li:hover:after, .gf-menu .dropdown li.active:before, .gf-menu .dropdown li.active:after {
background-color: none !important;
background-image: none !important;
filter: none !important;
}

.gf-menu .dropdown li:hover > .item, .gf-menu .dropdown li.active > .item {
    background-color: #009DDD /*rgba(255, 255, 255, 0.02)*/;
    border-right: 0px;
    background-image: none !important;
    filter: none !important;
}

/*main area formatting*/
div#rt-main{
  border-top-width:15px;
  border-top-color:#3a3132;
}

#rt-main > div.rt-container{
  border-top-width:15px;
  border-top-color:  #009DDD;
}

#rt-transition{
/*  margin-top:8px;
  background-color: #f0f0ee; 
  border-top-style: solid;
  border-top-width:8px;
  border-top-color:  #05d3fa;*/
}

#rt-mainbody{
  background-color: #e4e4e4;
  border-width:2px;
  border-color:#cdcdcd;
  border-radius:20px;
}

#rt-content-top .rt-block{
    background-color: #E4E4E4;
    border-color: #CDCDCD;
    border-radius: 15px 15px 15px 15px;
    border-width: 2px;
    border-style: solid;
}

#rt-content-top .rt-block {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0;
}

/* I'm interested in... Menu inside home page main body */
.moduletableinterestedMenu > ul {list-style: none !important;}
.moduletableinterestedMenu > ul > li { display: inline-block;}
.moduletableinterestedMenu > ul > li > a {background-image:none;}


/*RockSprocket Module Formatting for Home Page*/
div.bodyModule{display:inline-block; width:33%; height:300px;}
.sprocket-tabs-inner{background-image:none !important; background-color:transparent !important;}
.sprocket-tabs-panels{background-image:none !important; background-color:transparent !important;}

.sprocket-mosaic .sprocket-mosaic-container {
    margin: -7px !important;
}

.sprocket-mosaic .sprocket-mosaic-tags li, .sprocket-mosaic ul.sprocket-mosaic-tags li {
    background: none repeat scroll 0 0 #F0F0EE /*#E4E4E4*/;
    color: #6B6062 /*#473F40*/;
    text-shadow: none /*1px 1px 1px rgba(0, 0, 0, 0.3)*/;
}

.sprocket-mosaic .sprocket-mosaic-tags, #main .sprocket-mosaic ul.sprocket-mosaic-tags {
    border-radius: 3px 3px 3px 3px;
    font-size: 10px !important;
    margin: 5px 0 0 !important;
}

.sprocket-mosaic-item .sprocket-mosaic-title {
    font-size: 110% !important;
    line-height: 20px;
    margin: -10px -10px 0px 0px !important;
    padding: 10px 10px 30px 10px !important;
    background: url("../../../images/wave5.png") 0 100% no-repeat;;
}

.sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-title a {
    color: #fff;
}

.sprocket-mosaic-item .sprocket-mosaic-head {
    border-right: 10px solid #E4E4E4;
    background: #124574;
    margin: -10px -10px 0 -10px !important;
    padding-right: 10px;
}

/*ul.sprocket-mosaic-container li:nth-child(odd) .sprocket-mosaic-item .sprocket-mosaic-head {  
  background: #009DDD !important;
}*/

.sprocket-mosaic-item {
    margin: 5px 5px 5px 5px !important;
    padding: 0 !important;
}


.sprocket-mosaic .sprocket-mosaic-item {
    background: url("") repeat-y scroll 0 0 transparent;
    background-color: #fff;
    border: none;
}
.sprocket-mosaic-item .sprocket-mosaic-content {
    margin-bottom: 10px !important;
}

.sprocket-mosaic-item .sprocket-mosaic-text {
    display: block;
    margin: 0 !important;
    padding-top: 8px;
}

.sprocket-mosaic-header li {
    background-color: #E4E4E4 !important;
    background-image: none /*linear-gradient(#1ED7FB, #05D3FA 50%, #04B1D2)*/;
    background-repeat: no-repeat;
    border-top: none !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3);
    color: #3A3132 !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
    font-size: 14px;
}

.sprocket-mosaic-header li.active {
    background-color: #FFF;
    background-image: none;
    border: 1px solid #C8C8C8 !important;
}

.sprocket-mosaic .sprocket-mosaic-header .sprocket-mosaic-order {
    display:none;
}

.sprocket-readmore {
    padding: 0 15px;
}
  

/**********button colors**********/
/*.button, .readon, button.validate, p.readmore a, #member-profile a, #member-registration a, .formelm-buttons button, .controls .btn, .logout-button .btn, #gantry-totop, */.sprocket-readmore/*, .sprocket-mosaic-loadmore, .sprocket-lists-title .indicator, .roksearch_results a.clr, #k2Container .k2ReadMore, #k2Container #submitCommentButton*/ {
    background-color: #fff !important;
    background-image: none !important;
    border-top: none !important;
    box-shadow: none !important;
    color: #009DDD !important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
}

/*.button:hover, .button:focus, .readon:hover, .readon:focus, button.validate:hover, button.validate:focus, p.readmore a:hover, p.readmore a:focus, #member-profile a:hover, #member-profile a:focus, #member-registration a:hover, #member-registration a:focus, .formelm-buttons button:hover, .formelm-buttons button:focus, .controls .btn:hover, .controls .btn:focus, .logout-button .btn:hover, .logout-button .btn:focus, #gantry-totop:hover, #gantry-totop:focus, */.sprocket-mosaic-header li:hover/*, .sprocket-mosaic-header li:focus, .sprocket-readmore:hover, .sprocket-readmore:focus, .sprocket-mosaic-loadmore:hover, .sprocket-mosaic-loadmore:focus, .sprocket-lists-title .indicator:hover, .sprocket-lists-title .indicator:focus, .roksearch_results a.clr:hover, .roksearch_results a.clr:focus, #k2Container .k2ReadMore:hover, #k2Container .k2ReadMore:focus, #k2Container #submitCommentButton:hover, #k2Container #submitCommentButton:focus*/ {
    background-color: #009DDD;
    background-image: linear-gradient(#0084BC, #009DDD 50%, #00A5EB);
    background-repeat: no-repeat;
    border-top: 1px solid #04A9C8;
}

.sprocket-mosaic-loadmore {
    background-color: #3A3132 !important;
    background-image: none !important;
    border-top: none !important;
    box-shadow: none !important;
    color: #E4E4E4!important;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1) !important;
}


/*format the RSM internals*/
.readon{border-radius:0px; display: inline !important;}
.sprocket-tabs-nav > li{width:100%;}
.sprocket-tabs-inner{border-radius:0px !important; width:100%; padding:0px !important; height:75px;}
.sprocket-tabs-text{padding-left:20px;}


.moduletablenewComersRSM, .moduletabletrashAndRecyclingRSM, .moduletableparksAndTrailsRSM { background-color: white; background-image: url("../../../images/lightwave.png"); background-repeat: no-repeat;}

.moduletablerecreationRSM, .moduletablemapsRSM, .moduletableneighborhoodsRSM { background-color: white; background-image: url("../../../images/darkwave.png"); background-repeat: no-repeat;}


/*sidebar formatting*/
#rt-sidebar-a > .rt-block {
  background-color: #e4e4e4;
  border-style:solid;
  border-right-width: 2px;
  border-width:2px;
  border-color:#cdcdcd;
  border-radius:15px;
  margin-left:20px;
}

#rt-sidebar-a > .box3 {
    background-color: #F0F0EE !important;
    border-color: none;
    border-radius: 0;
    border-style: none;
    border-width: 0px;
    margin-left: 20px;
}

/*footer formatting*/
#rt-footer-surround {background-color: #3A3132; color: #F0F0EE;}
#rt-footer-surround:after {
    background: url("") !important;
}
#rt-footer-surround h2 {
  color: #009DDD !important;
}

/*******modules*********/
.title-sm h2 {
    font-size:  120%;
    line-height: 20px !important;
    margin: 0 0 5px;
    padding: 5px 0;
}

/***********rokgallery slideshow************/

div.rg-ss-slice img {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border-color: #CDCDCD;
}


/***********dot leaders************/
ul.leaders {
max-width: 40em;
padding: 0;
overflow-x: hidden;
list-style: none}
ul.leaders li::before {
float: left;
width: 0;
white-space: nowrap;
content:
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {
padding-right: 0.33em;
background: #E4E4E4;}
ul.leaders span + span {
float: right;
padding-left: 0.33em;
background: #E4E4E4;}


/*************modules***************/
.box4.rt-horizontal-gradient a {
    color: #009DDD;
    text-shadow: none;
}



/*************info paragraphs***************/
p.info, tr.info {

    border-color: #BCE8F1;
    color: #124574;
    text-shadow: none;
}

/**************calendar******************/
#jcl_component .eventtitle {
    font-size: 120%;
}

/************weather**************/
.weather_sp1_cright {
    float: left;
    margin: 0 !important;
}

.weather_sp1_cleft {
    float: none !important;
}

/**************facebook fanbox***************/
.social iframe {
  background-color: #F0F0EE;
}

/*************media queries desktop*****************/
@media (min-width: 768px) and (max-width: 1199px) {
.gf-menu.l1 > li > .item {
  font-size: 12px;
}
ul.menutopMenu {
    list-style: none outside none;
    padding-left: 135px;
}
.menutopMenu > li.item-152 {
    display: inline;
    padding-left: 0;
}
.topMenuModule {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.gf-menu {
    list-style: none outside none;
    margin: 0 auto 0;
}
.gf-menu-toggle {
    background: url("") repeat scroll 0 0 #009DDD;
}
}

/**********resonponsive query search box*************/
@media (max-width: 767px) {
#offlajn-ajax-search239 {
    float: right !important;
    /*margin-left: auto !important;
    margin-right: auto !important;*/
}
}

/**********responsive smaller than desktop*************/
@media (max-width: 959px) {
.gf-menu {
  margin-left: 45px;
}
.layout-mode-responsive .gf-menu.l1 > li {
    margin-right: 0;
}
.gf-menu.l1 > li > .item {
    padding: 7px 12px !important;
}
.gf-menu li.parent > .item:after {
    right: 0px;
}
}

/*************responsive tablet*****************/
@media (min-width: 768px) and (max-width: 1199px) {
ul.menu li a, ul.menu li .item, ul.menu li .separator {
    font-size: 12px;
    padding: 10px 0 10px 0;
}
ul.menu li a:before, ul.menu li .item:before, ul.menu li .separator:before {
  margin-right: 3px;
}
.weather_sp1_forecasts {
  font-size: 12px;
}
.weather_sp1_list_day {
  padding-right: 10px;
}
.weather_sp1_list_icon {
  display: none !important;
}
}


/****** Smartphones to Tablets **********/
@media /*(min-width: 481px) and*/ (max-width: 767px) {
.gf-menu-toggle {
    background: url("") repeat scroll 0 0 #009DDD;
}
#rt-breadcrumbs, #rt-breadcrumbs a {
  font-size: 12px;
}
#rt-breadcrumbs .breadcrumb, #rt-breadcrumbs [class^="breadcrumb"] {
    background: none repeat scroll 0 0 transparent;
    margin: 50px 0 0 0;
}
#rt-drawer .logo-block {
  margin-left: auto;
  margin-right:auto;
}
.layout-mode-responsive .gf-menu {
  z-index:99999;
  background-color: #F0F0EE !important;
}
}

.wf_caption>span {
    width: auto !important;
}

#jcl_component .weekdayclr {
    background-color: #F0F0EE;
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(162, 157, 158);
    font-size: 11px;
}