/* 
Project: City of Racine Website -Ektron
Developer: Katherine L. Hambley
Date Created: June 4, 2014
*/

body {
	/*background-image: url("../imgs/graybg.gif");*/
    /*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1e5799), color-stop(51%,#4896d6), color-stop(100%,#1e5799));*/
    background-color: #14426a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
	font-size: 14px;
	}
/*Aloha Text Editor Overrides*/
.ektron-ux-dialog {
    top: 0px;
}
input {
    color: #000;
}
select.select-box {
    color: #000;
}
.label {
    color: #000;
}
/*scrollUp Custom Styling*/
/* Pill style */
#scrollUp {
    bottom: 20px;
    right: 20px;
    background-color: #555;
    color: #fff;
    font-size: 12px;
    font-family: sans-serif;
    text-decoration: none;
    opacity: .9;
    padding: 10px 20px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    -o-transition: background 200ms linear;
    transition: background 200ms linear;
    -webkit-backface-visibility: hidden;
}

#scrollUp:hover {
    background-color: #000;
}

/*img
{
    max-width: 100%;
    height: auto;
}*/
.blue-gradient-bkgrd
{
     background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,1)), color-stop(51%,rgba(192,212,226,1)), color-stop(100%,rgba(30,87,153,1)));
     padding-left: -15px;
     padding-right: -15px;
}
.row1
{
    margin-left: -15px;
    margin-right: -15px;
    background-color: #105c92;
    min-height: 30px;
}
header.row2
{
    background: url('../imgs/bg_body.png') repeat #f3f3f3;
    background-color: #d8d6d6;
}

.row4
{   
    padding-top: 5px;
    padding-bottom: 10px;
    background-color: #175489;
}
.row4a
{
    padding-top: 12px;
}
.row5
{
   padding-top: 10px;
   padding-bottom: 10px;
   background: url(images/bg-gray-texture.jpg) #f1edea; 
}
.row6 {
	
	padding-top: 10px;
    padding-bottom: 10px;
    background-color: #175489;

}
.row7
{
    padding-top: 10px;
    padding-bottom: 10px;
}
.row7a
{
    margin-left: 0px;
    margin-right: 0px;
}

.right-sidebar
{
    border: 1px solid #d8d6d6;
    margin-left: -15px;
    min-height: 450px;
}
#carousel-main {
	background-color: #2775bf;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
	padding-left: 0;
	padding-right: 0;
    max-width: 1040px;
    border-left-color: #14426a;
    border-left-width: 20px;
    border-left-style: solid;
    border-right: 20px solid #14426a;
}
#carousel-generic
{
    /*max-width: 700px;*/
    
}
.carousel-generic
{
    /*max-width: 700px;*/
    max-height: 250px;
    margin-right: 25px;
    margin-left: 15px;
    margin-bottom: 5px;
    
}
.carousel-caption {
	position: absolute;
	bottom: 0px;
	left: 0;
    padding-left: 20px;
    text-align: left;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
    height: 1%;
    padding-top: .5%;
    margin-right: 30px;
}
.carousel-indicators
{
    position: absolute;
    left: 100%;
    padding-right: 20%;
    padding-top: 20px;
    bottom: 0px;
}
.margin-top {
	margin-top: -70px;
}
/*
    Tag Overrides
*/
a {
    font-weight: 600;
}
p {
	line-height: 1.4em;
    word-wrap: break-word;
    
    
}
table
{
    font-size: 1em;
}
th, td
{
    padding: 5px 8px 5px 8px
}
td
{
    
}
th
{
    color: #fff;
    background-color: #005689;
}
.table-striped
{
    
}
.table-striped > tbody > tr:nth-child(odd)
{
    background-color: #e5edf4;
}

.gray-gradient-bkgd
{
    background: url('../imgs/bg_body.png') repeat #f3f3f3;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -3.5%;
}
.wrapperShadow, .contentwrapperShadow
{   background-color: #fff;
    max-width: 1170px;
    margin: 0 auto;
    padding: 20px 15px 0 15px;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
.contentwrapperShadow
{
    margin-top: -100px;
    padding-bottom: 15px;
    
}
.icon-soccer
{
    font-size: 18px;
    padding-left: 5px;
    padding-right: 4px;
    padding-top: 4px;
}

.footerWrapper
{   
    max-width: 1050px;
    margin: 0 auto;
    /*background-color: #14426a;*/
}
.no-margin-right
{
    margin-left: 0px;
    margin-right: 0px;
}

/* BxSlider Image Slider plug-in*/
.slideContainer
{
    max-width: 1170px;
    margin: 0 auto;
}
.sliderwrap
{
    float: left;
    width: 100%;
}
ul.bxslider
{
    margin: 0;
}
.bx-wrapper .bx-viewport
{
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    left: 0px;
    border: 0px;
    overflow: visible;
}
.bx-wrapper .bx-controls-direction a
{
    width: 40px;
    height: 80px;
    
}
.bx-wrapper .bx-next
{
    right: 0px;
    background: url(../imgs/spritesheet2.png) no-repeat;
    background-position: 0 -1774px;
    z-index: 500;
}
.bx-wrapper .bx-controls-direction a
{
    z-index: 5;
}
.bx-wrapper .bx-next:hover {
	background-position: 0 -2252px;
}
.bx-wrapper .bx-prev
{
    left: 0px;
    background: url(../imgs/spritesheet2.png) no-repeat;
    background-position: 0 -1954px;
    z-index: 500;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 -2432px;
}
.bx-caption
{
    height: 40px;
}
.bx-wrapper .bx-caption span
{
    padding-left: 2%;
    padding-top: .2%;
    padding-bottom: 0%;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.2em;
    font-weight: bold;
}
/* ToggleDrawer Styling*/


.toggleDrawer
{
    background-color: #414141;
    position: absolute;
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    max-height: 325px;
    z-index: 100;
    padding: 1% 2%;
}
.fluid-wrapper
{
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.fluid-wrapper iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 300px;
    border: none;
}
.toggleButton
{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 88px;
    z-index: 99999;
    color: #fff;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.Open
{
    position: absolute;
    bottom: 0;
    right: 45px;
    width: 40px;
    z-index: 99999;
    color: #fff;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.CloseText
{
    position: absolute;
    bottom: 0;
    right: 50px;
    width: 40px;
    z-index: 99999;
    color: #fff;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}
.toggleOpen
{
    background: url(../imgs/spritesheet1.png) no-repeat;
    background-position: right -260px;
    height: 40px;
    
}
.toggleClose
{
    background: url(../imgs/spritesheet1.png) no-repeat;
    background-position: right -780px;
    height: 40px;
}
.toggleTitle
{   
    color: #fff;
    font-size: 2.5em;
    font-family: "open-sans-condensed", sans-serif;
    font-weight: bold;
}
.toggleSubTitle
{
    color: #fff;
}
.toggleText
{
    color: #fff;
}
/*----------------------------
	The Weather Div
-----------------------------*/

#weather-container {
    position: absolute;
    width: 325px;
    height: 325px;
    background-color: #bedfff;
    top: 30px;
    left: 50%;
    z-index: 99999;
	overflow:hidden; 
}
#weather:before{
	background: url("../img/preloader.gif") no-repeat center center #111;
	border: 1px solid #000;
	border-radius: 50% 50% 50% 50%;
	box-shadow: 0 1px 2px #444;
	content: "";
	height: 44px;
	left: 50%;
	margin: -22px 0 0 -22px;
	opacity: 0.7;
	position: absolute;
	top: 50%;
	width: 44px;
}

#weather.error:before{
	display:none;
}

#weather.error{
	text-align:center;
	font-size: 20px;
}

#weather.loaded #scroller,
#weather.loaded .arrow{
	display:block
}

#weather.loaded:before{
	display:none;
}

#weather.loaded{
	border-radius:3px;
	background:url('../img/weather_bg.jpg') no-repeat;
	box-shadow:0 0 5px rgba(0,0,0,0.15);
}

#weather.first a.previous,
#weather.last a.next{
	display:none;
}


/*----------------------------
	The Scroller
-----------------------------*/


#scroller{
	position:absolute;
	list-style:none;
	width:100%;
	height: 336px;
	white-space:nowrap;
	top:0;
	left:0;
}

#scroller li{
	position:relative;
	width:100%;
	height:100%;
	display:inline-block;
	text-align:center;
}

#scroller li img{
	display:block;
	margin: 35px auto 0;
}

#scroller li .day{
	color:#dcf0f6;
	font-size:15px;
	padding-top: 20px;
	text-shadow:1px 1px 0 rgba(0,0,0,0.15);
}

#scroller li .day b{
	font-weight:normal;
	color:#0f3642;
}

#scroller li .cond{
	bottom: -52px;
	color: #424242;
	font-size: 24px;
	position: absolute;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	width: 100%;
}

#scroller li .cond b{
	text-transform:uppercase;
}

#scroller, .arrow{
	display:none;
}


/*------------------------------
	The Next/Previous arrows
-------------------------------*/


.arrow{
	background:url('../img/arrows.png') no-repeat;
	width:34px;
	height:45px;
	position:absolute;
	top:50%;
	margin-top:-45px;
	opacity:0.6;
	overflow:hidden;
	text-indent:-99999px;
}

.arrow:hover{
	opacity:1;
}

.arrow.previous{
	left:20px;
}

.arrow.next{
	background-position:top right;
	right:20px;
}


/*----------------------------
	The Location Div
-----------------------------*/


/*p.location{
	font-weight:bold;
	font-size:28px;
	color:#296c81;
	text-align:center;
	margin-bottom:80px;
}

p.location b{
	color:#569cb3;
}*/
.newsImageDetail {
    max-height: 300px;
}

.link-heading {
	font-size: 1.2em;
	color: #FFF;
	line-height: 1.2;
}
.widget-heading
{
    font-family: 'Open Sans Condensed', sans-serif;
    /*margin-left: 10px;
    margin-right: 10px;*/
    /*margin-bottom: 3px;*/
    padding: 5px 10px;
    background: #14426a url(images/texture.png);
    color: #FFF;
    font-size: 1.1em;
    font-weight: bold;
    z-index: 100;
}
.bold {
	font-weight: bold;
	}
.row3 {
	padding-top: 1%;
	background-color: #14426a;
	text-align: center;
	}
.header {
	padding-left: 0;
	padding-right: 0;	
}
.link {
	color: #bedfff;
}
.link:hover {
	color: #FFF;
	text-decoration: none;
}
.header-img {
	width: 100%;
	max-height: 200px;
	}
.carousel-img {
	margin: 0 auto;
	max-height: 300px;
	}
.header {

	position: relative;
	z-index: 101;
	}
.header-logo {
	position: absolute;
	z-index: 3;
	margin-left: 15%;
	max-height: 100px;
	}
.header-title {
	position: absolute;
	z-index: 3;
	margin-left: 27%;
	margin-top: 4.0%;
	color: #FFF;
	}
.header-text {
	font-size: 1.5em;
}
.mobile {
	margin-left: 10%;
	margin-top: 1%;
	z-index: 99;
	}
.logo-symbol {
    margin-bottom: 5px;
    background-image: url(../imgs/racine-logo-symbol.png);
    background-repeat: no-repeat;
    min-height: 50px;
    background-position: 50%;
}
.question-ribbon
{
    margin-top: -22px;
    margin-right: -10px;
}
.border-right {
	border-right: 1px solid #0D3557;
	}
	
/* Upper Navigation Bar */
#mobile-header
{
    display: none;
    height: 30px;
    background-color: #14426a;
}
.upper-nav {
	/*height: 27px;*/
    max-width: 1170px;
    float: right;
    margin-right: 10px;
    
}
.RadScheduler .rsHeader h2 {
    font-size: 2.0em;

}
.webCalendarMain
{
    padding-left: 0px;
}
ul.webCalEventList
{
    list-style: none;
}
.webCalEventItem
{
    margin-bottom: 5px;
}
.WebEventDetail
{
    font-weight: bold;
}
.WebEventDetail > p.title
{
    font-family: "Open Sans Condensed", sans-serif;
	/*font-weight: bold;*/
	color: #0079C1;
    margin-top: 5px;
    font-size: 1.8em;
}

.deptlisting
{
    border-bottom: 1px solid #d8d6d6;
    padding: 10px;
    margin-right: 15px;
    margin-top: 0;
}
/* Alderman Listing and Details Page Styling*/
.aldermen-pic-lg
{
    height: 250px;
    width: 200px;
}
.thumbnail > .caption
{
    padding-top: 0px;
}
.tab-content
{
    margin-top: 10px;
    min-height: 300px;
    padding: 0px 15px 0px 15px;
    
}
.tabpanel
{
    margin-bottom: 15px;
}
.district-map-sm
{
    height: 300px;
    /*background-color: #9f9e9e;*/
}
.district-map-lg {
    width: 100%;
    height: 450px;
}
.searchAddress
{
    height: 150px;
    background-color: #78b4ee
}
/*.word-wrap {
    word-wrap: break-word;
}*/
.aldermanListItem
{
    margin-bottom: 15px;
}
.buttonmenu
{
    max-height: 300px;
}
/* Slidr CSS override*/
.sidr > input[type=submit]
{
    width: 50px;
    margin: 0 auto;
}
.nav-container
{
    max-width: 1170px;
    margin: 0 auto;
    min-height: 30px;
}
.sidr-inner > li
{
    list-style: none;
    margin-left: 8px;
    padding: 5px 0px 5px 8px;
    color: #fff;
}
.sidr-inner > li > a
{
    color: #fff;
}
.sidr-inner > li > a:hover
{
    color: #bedfff;
    text-decoration: none;
}
.foobars
{
    margin-top: 8px;
    margin-left: 8px;
}
.navbar {
	min-height: 30px !important;
	max-width: 1170px;
	background: #105c92;
	border-bottom: none;
    border: none;
    margin-bottom: 0px;
	}
.navbar-nav > li > a {padding-top:3px !important; padding-bottom:3px !important;}
.navbar .nav > li > a {color: #FFF;}
.navbar .nav > li > a:hover {color: #bedfff; background-color: #14426a;}
.navbar .nav .active > a,.navbar .nav .active > a:hover {color: #bedfff;background-color: #14426a;}
.navbar-nav.navbar-right:last-child {margin-right: 15px;}
.navbar-inverse .navbar-toggle {
	color: white;
	font-weight: bold;
    border: none;
}

.navbar-inverse .navbar-toggle:hover .nav-toggle:active {
	background-color: #105c92;
	color: #bedfff;
}
.navbar-inverse .navbar-toggle .glyphicon {
	color: white;
}
.navbar-inverse .navbar-toggle:hover .glyphicon {
	color: #bedfff;
}
.navbar-toggle {
	border: none;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px 2px;
	}
.border
{
    border: 1px solid #ccc;
    border-radius: 6px;
}
.nav-main{
    /*margin-top: 5px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;*/
	padding: 10px 10px 10px 10px;
	/*-webkit-border-radius: 5px;*/
    /*border-radius: 5px;*/
	min-height: 350px;
	}
.fb-like-box {
    height: 330px !important;
}
.fb-like-box iframe {
    height: 330px !important;
    overflow: scroll;
    width: 250px !important;

}
.row-max-height {
    max-height: 377px;
}
.tabpanelMain {
    min-height: 390px;
    margin-bottom: 0px;
}
.dropdown-main
{
    padding: 20px 10px 10px 10px; 
    min-height: 150px;
}
.dropdownlist
{
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    min-width: 200px;
    line-height: 1.4;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 4px;

}
.thumb-img
{
  width: 100%;
  padding-bottom: 5px;
  
}
/*************************************************************
    Homepage2 - Main Page - 
    Announcements, searchbar, mayor pic, calendar
**************************************************************/

.calendar
{
    padding: 0px;
    padding-left: 5px;
    padding-top: 5px;
}
.announcements
{
    padding-top: 1%;
}
.main-searchbar
{
    padding-top: .5%;
    padding-left: 15px;
    padding-right: 15px;
    
}
.nav-title
{
    font-family: "open-sans-condensed", sans-serif;
    color: #0079C1;
    font-weight: bold;
    font-size: 1.2em;
    padding-left: 5px;
    
}
.fa-square
{
    color: #0079C1;
}
.white-bg
{
    background-color: #fff;
}

.white-text
{
    color: #FFF;
}
.blue-text
{
    color: #14426a;
}
.no-padding-top {
	padding-top: 0;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0;
	}
.no-padding-bottom {
    padding-bottom: 0px;
}
.no-padding-left
{
    padding-left: 0px;
}
.no-padding-right
{
    padding-right: 5px;
}
.no-margin {
	margin-top: 5%;
	margin-right: 5%;
    color: #fff;
	}
.search-field {
	height: 25px;
	width: 200px;
	display: inline;
	margin-right: 0;
	margin-left: 10px;
    float:left;
    -moz-box-shadow:    inset 0 0 15px #9f9e9e;
    -webkit-box-shadow: inset 0 0 15px #9f9e9e;
    box-shadow:         inset 0 0 15px #9f9e9e;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
	}
.search-field2 {
	-moz-box-shadow:    inset 0 0 5px #9f9e9e;
    -webkit-box-shadow: inset 0 0 5px #9f9e9e;
    box-shadow:         inset 0 0 5px #9f9e9e;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
	}
.search-submit {
	height: 25px;
    width: 35px;
	margin-left: -8px;
	background: #8bc53e;
	border: 0px;
    float:left;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
	}
.glyphicon-search {
	color: #fff;
	top: 4px;
	font-weight: 400;
    margin-left: 10px;
    margin-top: 2px;
    text-shadow: 2px 2px 5px #477B03;
}
.blue-bg {
	background-color: #78b4ee;
	}
.dark-blue-bg
{
    background-color: #14426a;
}
.green-bg {
	background-color: #8bc53e;
	}
.dark-green-bg
{
    background-color: #477B03;
}
.yellow-bg {
	background-color: #e49e2f;
}
.gray-bg {
	background-color: #C5C5C5;
	}
.dark-gray-bg
{
    background-color: #555;
}
.light-gray-bg
{
    background-color: #f2f0f0;
}
.red-bg
{
    background-color: #eb1b19;
}
.magenta-bg {
    background-color: #92448d;
}
.orange-bg
{
    background-color: #F19210;
}
.dark-brown-bg
{
    background-color: #5b2b15;
}
.btn {
	margin-bottom: 0px;
    /*border: none;*/
	}
.symbol-top {
    padding-top: 15px;
	padding-bottom: 10px;
	color: white;
	}
.fa-calendar
{
    padding-bottom: 3px;
}
.nav-heading {
	font-weight: bold;
	}
.mayor-pic {
	/*padding-bottom: 5%;*/
    padding-right: 5%;
    /*border-top-left-radius: 6px;
    border-top-right-radius: 6px;*/

	}
.paragraph
{
    padding-top: 5%;
}
.mayor
{
    background-color: #14426a;
    /*border-top-left-radius: 6px;
    border-top-right-radius: 6px;*/
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
}
.table
{
    /*font-size: .9em;*/
}

.btn-custom {
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: 700;
	color: #FFF;
	font-size: 1em;
	text-align: left;
	padding-left: 5px;
	}
.btn-custom-editor {
    max-width: 235px;
}
.btn-dept-container
{
    /*display: inline-block;
    margin-left: -15px;
    margin-right: -15px;*/
}
.btn-dept {
	color: #14426a;
	width: 100%;
	font-size: 1.1em;
	padding: 18px 0px 18px 15px;
	margin-bottom: 6px;
	}
.btn-parks {
	color: #0079C1;
	}
/*.btn-dept:hover
{
    color: #8dc63f;
    background-color: #FFF;
    border-color: #8dc63f;
}*/
.lgt-blue-font
{
    color: #0079C1;
}
.btn-fire-dept {
	color: #FFF;
	/*background: #B5191C;*/
    background: rgb(255,26,26);
    background: -moz-linear-gradient(top,  rgba(255,26,26,1) 0%, rgba(170,32,22,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,26,26,1)), color-stop(100%,rgba(170,32,22,1)));
    background: -webkit-linear-gradient(top,  rgba(255,26,26,1) 0%,rgba(170,32,22,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,26,26,1) 0%,rgba(170,32,22,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,26,26,1) 0%,rgba(170,32,22,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,26,26,1) 0%,rgba(170,32,22,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1a1a', endColorstr='#aa2016',GradientType=0 );

	}
.btn-police-dept {
	color: #FFF;
	/*background: #0C4DB1;*/
    background: rgb(46,155,255);
    background: -moz-linear-gradient(top,  rgba(46,155,255,1) 0%, rgba(36,114,185,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,155,255,1)), color-stop(100%,rgba(36,114,185,1)));
    background: -webkit-linear-gradient(top,  rgba(46,155,255,1) 0%,rgba(36,114,185,1) 100%);
    background: -o-linear-gradient(top,  rgba(46,155,255,1) 0%,rgba(36,114,185,1) 100%);
    background: -ms-linear-gradient(top,  rgba(46,155,255,1) 0%,rgba(36,114,185,1) 100%);
    background: linear-gradient(to bottom,  rgba(46,155,255,1) 0%,rgba(36,114,185,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e9bff', endColorstr='#2472b9',GradientType=0 );
	}
.btn-mayor {
	margin-bottom: 6%;
	}
.btn-blue {
	background-color: #14426a;
	border-color: #14426a;
	}
.btn-green {
	background-color: #477B03;
	border-color: #477B03;
	}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
	background-color: #61941D;
	border-color: #477B03;
	color: #fff;
	}
.btn-magenta {
	background-color: #80397b;
	border-color: #80397b;
	}
.btn-magenta:hover,
.btn-magenta:focus,
.btn-magenta:active,
.btn-magenta.active {
	background-color: #9b6097;
	border-color: #80397b;
	color: #fff;
	}
.btn-light-green {
	background-color: #61941D;
	border-color: #61941D;
	}
.btn-light-green:hover,
.btn-light-green:focus,
.btn-light-green:active,
.btn-light-green.active {
	background-color: #8dc63f;
	border-color: #8dc63f;
	color: #fff;
	}
.btn-yellow {
	background-color: #d38c1e;
	border-color: #d38c1e;
	}
.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active {
	background-color: #ecbd72;
	border-color: #ecbd72;
	color: #FFF;
	}
.btn-light-brown {
	background-color: #8f421e;
	border-color: #8f421e;
	}
.btn-light-brown:hover,
.btn-light-brown:focus,
.btn-light-brown:active,
.btn-light-brown.active {
	background-color: #b55b30;
	border-color: #b55b30;
	color: #FFF;
	}
.btn-gray {
	background-color: #3F3F3F;
	border-color: #949494;
	}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active {
	background-color: #949494;
	border-color: #949494;
	color: #FFF;
	}
.btn-light-gray
{
    background-color: #949494;
    border-color: #949494;
}
.btn-light-gray:hover,
.btn-light-gray:focus,
.btn-light-gray:active,
.btn-light-gray.active {
	background-color: #C5C5C5;
	border-color: #949494;
	color: #FFF;
	}
.fa-caret-right {
	padding-top: 3px;
	padding-right: 10px;
	}
.fa-tree {
	padding-bottom: 2px;
	}
.no-padding {
	padding-left: 0px;
	padding-right: 0px;
	}

/* Inner Pages Styling*/
.container {
	margin-top: -5%;
	min-height: 700px;
	padding: 50px 30px 30px 30px;
	position: relative;
	}
.content
{
    /*max-width: 1050px;
    margin: -75px auto;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    box-shadow: 0 0 20px rgba(0,0,0,0.4);*/
}
.content2
{
    padding-top: 75px;
    padding-left: 20px;
    padding-right: 20px;
}
.leftnav
{
    max-width: 350px;
    margin-top: 15px;
}
.main-content-container {
	/*background: #FFF;*/
	margin-top: -6.25%;
	/*margin-right: -50px;*/
    /*margin-left: -20px;*/
    padding-left: 10px;
	/*min-height: 800px;*/
	}
.main-content {
    position: relative;
	margin-top: 8.25%;
    /*z-index: 10000;*/
    min-height: 600px;
	}
.dropzone-left-col
{
    margin-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
}
.breadcrumbs {
	color: #A3A3A3;
	text-decoration: none;
}
a.breadcrumbs:hover {
	color: #8dc63f;
	text-decoration: none;
	}
.fa-angle-right {
	color: #A3A3A3;
	padding-left: 5px;
	padding-right: 5px;
	}
.br-active {
	color: #0079c1;
	font-weight: bold;
	}

#uxMainMenu_menunav {
	width: 350px;
	}
ul li a {
    text-decoration: none;
}

ul.subnav > li > a
{
    text-decoration: none;
}
ul.subnav > li > a:hover
{
    color: #8dc63f;
    text-decoration: none;
}
ul.ui-state-active,
ul.ui-widget-content ul.ui-state-active,
ul.ui-widget-header ul.ui-state-active {
	border: 0;
	background: #ffffff;
	font-weight: normal;
	color: #8dc63f;
}
.ui-accordion-content a
{
    color: #2775bf;
}
ul.ui-accordion .ui-accordion-header {
	background: #FFF;
	background-image: linear-gradient(white, #EBEBEB);
	padding: 11px 10px;
	color: #3a75c4;
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
    border: 1px solid #d8d6d6;
	}
.subaccordion .white-bg {
	background: #FFF;
	background-image: none;
	padding-top: 3px;
	padding-bottom: 3px;
	}
.subaccordion .ui-accordion-content .ui-accordion-header {
	padding-top: 2px;
	padding-bottom: 2px;
	}
ul.ui-accordion .ui-accordion-header a {
	color: #3a75c4;
}
ul.ui-accordion .ui-accordion-header a:hover {
	color: #8bc53e;
	}
.ui-accordion .ui-accordion-header a:focus {
	color: #8dc63f;
	}
ul.ui-accordion .ui-accordion-content {
	padding: 1px 10px;
    /*border-left: 1px solid #d8d6d6;
    border-right: 1px solid #d8d6d6;*/
	}
ul.ui-accordion .ui-accordion-content .ui-accordion-header {
	padding: 0px 20px;
    border: 0;
    background: #fff;
	}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: 1px;
}
ul.ui-accordion .ui-accordion-icons {
	padding-left: .9em;
	}
.ui-accordion .ui-accordion-header-active {
	border: 0px;
    text-decoration: none;
    color: #212121;
	}
a.ui-state-active {
	border: 0px;
	color: #8Dc63f;
	}
.ui-state-default {
	border: 0px;
	}
.ui-widget-content {
	border: 0px;
	}
.ui-state-focus {
	border: 0px;
	}
.ui-state-active .ui-icon {
    background-image: url(../imgs/ui-icons_3a75c4_256x240.png);
}
.ui-state-default .ui-icon {
    background-image: url(../imgs/ui-icons_3a75c4_256x240.png);
}
.ui-state-hover .ui-icon {
		background-image: url(../imgs/ui-icons_8bc53e_256x240.png);
	}
.ui-accordion-header-active .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: 0px;
	}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 0px;
	}
ul.subnav > li > ul {
    list-style-type: none;
}
ul.subnav > li > ul > li {
    margin-left: 12px;
    }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 0;
	background: #fff;
	font-weight: normal;
	color: #212121;
   
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 0;
	background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
	color: #363636;
}
li.menuitem > a {
	color: #5e5e5e;
	padding-right: 3px;
	/*background: url(../imgs/link-arrow-yellow.png) no-repeat right;*/
	font-size: .9em;
	font-weight: bold;
    text-transform: uppercase;
}
li.menuitem > a:hover {
    /*background: url(../imgs/link-arrow-yellow.png) no-repeat right;*/
    text-decoration: underline;
    font-weight: bold;
    }
li.menuitem > a:focus {
    background: url(../imgs/link-arrow-yellow.png) no-repeat right;
    
    }
.fa-institution {
	margin-left: 2px;
	}

.fa-institution, .fa-briefcase, .fa-home, .fa-music, .fa-group, .fa-cubes, .fa-support, .glyphicon-tree-deciduous {
	/*margin-left: 2px;*/
    padding-right: 5px;
	}
.fa-briefcase
{
    margin-left: 2px;
    padding-right: 6px;
}
.fa-cubes
{
    padding-right: 3px;
}
/*******AJAX Tabs Styling Overrides********/
.ajax__tab_xp .ajax__tab_tab {
    height: 20px !important;
    padding:4px;
    margin:0;
    
}
/*******ParksRec Styling********/
.indentFromLeft {
    margin-left: 20px;
}
/*******Main Content Styling********/
.page-heading {
	/*font-family: "open-sans-condensed", sans-serif;*/
	background: #005689;
	border-radius: 5px;
	margin-top: 2px;
	margin-left: -20px;
	margin-bottom: 10px;
	padding-left: 20px;
    padding-bottom: 5px;
    max-width: 634px;
	}
.inner-max-width
{
    /*max-width: 634px;*/
}
h1 {
    font-family: "Open Sans Condensed", sans-serif;
	margin: 0;
	font-size: 2.2em;
    font-weight: 800;
}
h2 {
    font-family: "Open Sans Condensed", sans-serif;
	margin: 0;
	font-size: 2.0em;
	font-weight: 800;
}
h3, h4, h5 {
	font-family: "Open Sans Condensed", sans-serif;
	font-weight: bold;
	color: #0079C1;
    margin-top: 5px;
	}
h4
{
    font-size: 1.1em;
	color: #0079C1;
    margin-bottom: 2px;
}

h5 {
	color: #888888;
}
.page-title {
	color: #FFF;
	padding-top: 10px;
	font-weight: 800 !important;
	letter-spacing: 1px;
	}
.page-subtitle {
	color: #70B6EE;
	padding-bottom: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	}
footer {
	/*min-height: 200px;*/
	padding: 15px 15px 35px 15px;
	color: #FFF;
    /*z-index: 99999;*/
	}
.footer-nav {
	text-decoration: none;
	list-style: none;
	margin-top: 10px;
	}
.footer-nav li a {
	text-decoration: none;
	}
.copyright {
	background-color: #14426a;
	color: #FFF;
	min-height: 100px;
	}
.footer-logo {
	background-image: url(../imgs/racine-logo-symbol.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	min-height: 55px;
}
.boilerplate {
	margin-top: -30px;
	margin-right: 70px;
	}
.margin-bottom {
	margin-bottom: 8px;
	}

/* ------------------------- */
/* News Listing Page Styling */
/* ------------------------- */
.news-container
{
    margin-left: 15px;
    margin-bottom: 15px;
}
.newsSummary, .newsDetail
{
    width: 100%;
    margin-top: 4px;
    margin-bottom: 5px;
}
h3.newsSummaryTitle, h4.newsSummaryTitle
{
    margin-top: 0px;
    margin-bottom: 3px;
    padding-top: 0px;
}
h4.newsSummaryTitle a, h4.newsSummaryTitle a 
{
    font-size: 1.2em;
    font-weight: bold;
}
img.newsThumb
{
    margin-right: 10px;
    max-width: 100px;
    min-height: 100px;
}
img.newsThumbMain
{
    margin-right: 10px;
    max-width: 50px;
    min-height: 50px;
}
.newsImageDetail
{
    /*max-width: 700px;*/
}
p.newsSummaryDate
{
    font-size: .9em;
    font-style: italic;
    margin-bottom: 4px;
}
p.newsSummaryTeaser
{
    margin-top: 0px;
    margin-bottom: 0px;
}
.newsImageBox
{
    height: 100px;
}
.archive
{
    float: right;
}
/* ------------------------- */
/* GridView Styling */
/* ------------------------- */
.grid
{
    width: 80%;
}
/* ------------------------- */
/* WebPro Overrides Styling */
/* ------------------------- */
.propertyImage {
    height: 150px;
    width: auto;
}

/* ------------------------- */
/* Video Listing Page Styling */
/* ------------------------- */

.videoListing, .videoDetail
{
    width: 90%;
    margin-top: 4px;
    margin-bottom: 2px;
    min-height: 140px;
    border-bottom: 1px solid #d8d6d6;
}
.videoListingMain
{
    margin-right: auto;
    margin-left: auto;
    border-bottom: 0px;
    margin-top: 0px;
    max-width: 200px;
}
.videoListingBody
{
    
}
h3.videoListingTitle, h4.videoListingTitle
{
    margin-top: 0px;
    margin-bottom: 3px;
    padding-top: 0px;
    width: 100%;
}
h4.videoListingTitle a, h4.videoListingTitle a 
{
    font-size: 1.2em;
    font-weight: bold;
}
img.videoThumbnail
{
    margin-right: 10px;
    max-width: 200px;
}
img.videoThumbnailMain
{
    margin: 0 auto;
    max-width: 200px;
}
h4.videoTitleMain
{
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    margin-bottom: 0px;
}
.videoImageDetail
{
    max-width: 700px;
}
p.videoListingDate
{
    font-size: .8em;
    font-style: italic;
    margin-bottom: 4px;
}
p.videoListingTeaser
{
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: "open-sans-condensed", sans-serif;
    font-weight: bold;
}
.videoThumbnailBox
{
    /*height: 140px;*/
    margin-right: 20px;
}
.videoThumbnailBoxMain
{
    height: 140px;
    border: 0px;
    
}

.paging-button {
  visibility: hidden;
}

.button-container {
  clear: both;
}

/* ------------------------- */
/* Pagination Styling */
/* ------------------------- */
.ektron-ui-pager {
    width: 75%;
}
.CurrentPage 
    {
    margin-top: 4px;
    padding: 5px 10px;
    border: 1px solid #e3e1e0;    
    text-decoration: none;
    font-weight: bold;
    color: #676767;
    }
.PrevNext, .PageNumber
{
        margin-top: 4px;
        padding: 5px 10px;
        border: 1px solid #e3e1e0;    
        text-decoration: none;
        color: #0079C1;
        cursor: pointer;
}
.PageNumber:hover, .PrevNext:hover
{
        background-color: #f0eeed;
        color: white;
}
/* Override bootstrap styling for hr tag*/
hr
{
    margin-top: 0px;
    margin-bottom: 2px;
    border-top: 1px solid #d8d6d6;
    margin-left: 30px;
    /*margin-right: 30px;*/
}
a.read-more
{
    margin-top: -10px;
}
.see-more
{
    margin-left: 60px;
    margin-top: -20px;
}
.newsSummaryBody
{
    padding-left: 10px;
}
/* Registration Page Styling */
#contact-form
{
    margin-left: 10px;
}
input
{
    width: auto;
}
input[type=checkbox]
{
    width: auto;
}

/* ------------------------- */
/* Search Results Page Styling */
/* ------------------------- */
.search-group
{
    margin-top: 3%;
}
/*.search-group input
{
    width: 84%;
}*/
.FAQcolumn
{
    padding-right: 0px;
}
/* ------------------------- */
/* FAQ Page Accordion Styling */
/* ------------------------- */
.faqAccordion.ui-accordion-header-active
{
    background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    border: 1px solid #d8d6d6;
}
.faqAccordion.ui-accordion-header
{
    background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    border: 1px solid #d8d6d6;
}
.faqAccordion.ui-state-hover
{
    background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    border: 1px solid #d8d6d6;
}
h3.faqAccordion.ui-accordion-header a
{
    font-family: "Open Sans Condensed", sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    color: #0079C1;
   
}
h3.faqAccordion.ui-accordion-header a:hover
{
    color: #8dc63f;
   
}
.ui-widget {
    font-family: "Open Sans", sans-serif;
    font-size: 1em;
} 
.ui-accordion-content
{
    font-family: "Open Sans", sans-serif;
	font-size: 1em;
}
/**************************************************
    Jquery UI Datepicker CSS Overrides

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

.ui-datepicker
{
    max-width: 240px;
    margin: -30px auto;
}

/**************************************************
    Main  Page Poll Widget Styling

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

.MainPagePoll
{
    color: #fff;
}
.MainPagePoll ol li input
{
    width: 10px;
    margin: 0px 4px 0px 0px;
    vertical-align: middle;
    
    
}
.MainPagePoll ol li label
{
    display: inline;
}
.MainPagePoll input[type=submit]
{
    color: #14426a;
    font-weight: bold;
    border-radius: 3px;
}








/**************************************************
    Media Queries

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

/*Added breakpoints for responsive text*/
@media screen and (max-width: 765px)
{
    .bx-wrapper .bx-controls-direction a
{
    display: none;
    width: 40px;
    height: 80px;
    
}
}
@media screen  and (max-width: 767px)
{
    .bx-wrapper .bx-caption span
    {
        padding-left: 2%;
        padding-top: 2%;
        padding-bottom: 0%;
    }
    .no-margin-right
    {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media screen and (min-width: 769px)
{
    .bx-wrapper .bx-caption span
    {
        /*font-family: 'open-sans-condensed', sans-serif;*/
        font-size: 2em;
        font-weight: bold;
    }

}
@media screen and (max-width: 769px)
{
    .announcements
    {
        padding-left: 0px;
        margin-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
    }
    .newsSummary
    {
        /*padding-left: 15px;*/
    }
    .question-ribbon
    {
        margin-right: 0px;
    }
    h1.page-title
    {
        font-size: 1.8em; 
    }
}
@media screen and (max-width: 321px)
{
    .page-heading
    {
        margin-left: 0px;
    }
}
 
@media screen and (max-width: 500px)
{
    .bx-wrapper .bx-next
    {
        display: none;
    }
    .bx-wrapper .bx-prev
    {
        display: none;
    }
    .no-margin-right
    {
        margin-left: 0px;
        margin-right: 0px;
    }
}
@media (max-width: 1050px) {
	.container {
		width: 100%;
		}
	}

@media (max-width: 1200px)
{
    #slidePrevButton
    {
        left: 1%;
    }

    #slideNextButton
    {
        right: 2%;
    }
    header.row2 
    {
        background: #FFF;
    }
    .contentwrapperShadow 
    {
        margin-top: 20px;
        box-shadow: 0 0 0 0;
        -moz-box-shadow: 0;
        -webkit-box-shadow: 0;
    }

@media (max-width: 500px)
{
    .col-xs-2
    {
        padding-left: 0;
        padding-right: 0;
    }
}

    @media (max-width: 1370px)
    {
        /*.btn-custom
        {
            /*padding-left: 3px;
            padding-right: 3px;
            margin-right: 3px;
        }*/
    }

    @media (min-width: 1200px) and (max-width: 1310px)
    {
        .header-text
        {
            font-size: 1.1em;
        }

        .btn-custom
        {
            font-size: .9em;
        }
    }

    @media (min-width: 885px) and (max-width: 1199px)
    {
        .header-title
        {
            margin-top: 4%;
        }

        .header-text
        {
            font-size: 1.3em;
        }

        #carousel-main
        {
            margin-top: -40px;
        }
    }

    @media (max-width: 884px)
    {
        .header-title
        {
            margin-top: 4.5%;
        }

        .header-text
        {
            font-size: .9em;
        }

        .mobile
        {
            margin-left: 5%;
            margin-top: 1%;
            z-index: 99;
        }

        .margin-top
        {
            margin-top: -30px;
        }
    }
    /*Adding slidr menu display on mobile devices only
  **hidden on line 101 until 767px**
*/
    @media only screen and (max-width: 768px)
    {
        #mobile-header
        {
            display: block;
        }

        .row1, .row
        {
            margin-left: 0px;
            margin-right: 0px;
        }

        .row4, .row5
        {
            margin-top: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }
        .wrapperShadow
        {
            padding: 3px 5px 0 5px;
            
        }
        .nav-main, .widget-heading
        {
            margin-left: -10px;
            margin-right: -10px;
        }
        .no-padding-top
        {
            padding: 0px 15px 0px 15px;
        }
        .contentwrapperShadow, .wrapperShadow {
           padding: 0px 15px 0px 15px
        }
        
    }

    @media (max-width: 782px)
    {
        .main-content-container
        {
            margin-top: 0px;
            margin-right: 0px;
            padding-right: 0px;
            min-height: 500px;
        }

        .main-content
        {
            margin-top: 0px;
            margin-right: 30px;
        }

        .page-heading
        {
            margin-left: 0px;
            margin-right: 0px;
            padding-right: 0px;
        }

        .container-fluid
        {
            padding-right: 0px;
            padding-left: 0px;
        }
    }

    @media (max-width: 769px)
    {
        .footer-logo
        {
            margin-top: -30px;
            margin-bottom: 2%;
            background-image: url(../imgs/racine-logo-symbol.png);
            background-repeat: no-repeat;
            background-position: 50% 0%;
            min-height: 55px;
        }

        .boilerplate
        {
            margin-top: 0px;
            margin-right: 20%;
            margin-left: 20%;
        }

        .margin-top
        {
            margin-top: 0%;
        }

        .slideContainer
        {
            margin-top: -33px;
            margin-left: -15px;
            margin-right: -15px;
            padding-left: 15px;
            padding-right: 15px;
        }

        .row
        {
            margin-left: 0px;
            margin-right: 0px;
        }  
    }

    @media (max-width: 370px)
    {
        .slideContainer
        {
            margin-top: 0px;
        }
        .bx-wrapper .bx-caption
        {
            height: 25px;
            padding-top: 0px;
        }
        .toggleOpen
        {
            height: 25px;
        }
        .Open
        {
            padding-bottom: 0px;
        }
        .CloseText
        {
            padding-bottom: 0px;
        }
        .header-title
        {
            font-size: .85em;
        }

        .margin-top
        {
            margin-top: 0px;
        }
    }
}