/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */


@media(min-width:768px) {
    #wrapper {
        padding-left: 225px;
    }

    #page-wrapper {
        padding: 10px;
    }
}

.huge {
font-size: 40px;
}

li.task-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.task-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.task-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 225px;
}
ul.support-dropdown {
    /*width: 225px;*/
}

.input-group-xs>.form-control,
.input-group-xs>.input-group-addon,
.input-group-xs>.input-group-btn>.btn {
    height: 22px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
}

/* google map styles */
    #map-canvas {
        width:100%;
        height:500px;
    }

    #legend {
        background: white;
        padding: 10px;
        margin: 10px;
        -moz-opacity: 0.50;
        -khtml-opacity: 0.50;
        opacity: 0.50;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter:alpha(opacity=50);
    }
    #legend h4 {
        margin-top: 0;
    }
    #legend img {
        vertical-align: middle;
    }
    #legend div {
        padding: 5px;
    }

    .infobox-wrapper {
        display:none;
    }
    #infobox {
        background: #3f3f3f; padding: 15px 15px 0px; font-size:10px;";
    }

    /* pager controls */

    .pagination {
        height: 36px;
        margin: 18px 0;
    }
    .pagination ul {
        display: inline-block;
        *display: inline;
        /* IE7 inline-block hack */

        *zoom: 1;
        margin-left: 0;
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }
    .pagination li {
        display: inline;
    }
    .pagination a {
        float: left;
        padding: 0 14px;
        line-height: 34px;
        text-decoration: none;
        border: 1px solid #ddd;
        border-left-width: 0;
    }
    .pagination a:hover,
    .pagination .active a {
        background-color: #f5f5f5;
    }
    .pagination .active a {
        color: #999999;
        cursor: default;
    }
    .pagination .disabled span,
    .pagination .disabled a,
    .pagination .disabled a:hover {
        color: #999999;
        background-color: transparent;
        cursor: default;
    }
    .pagination li:first-child a {
        border-left-width: 1px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }
    .pagination li:last-child a {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }
    .pagination-centered {
        text-align: center;
    }
    .pagination-right {
        text-align: right;
    }
    .pager {
        margin-left: 0;
        margin-bottom: 18px;
        list-style: none;
        text-align: center;
        *zoom: 1;
    }
    .pager:before,
    .pager:after {
        display: table;
        content: "";
    }
    .pager:after {
        clear: both;
    }
    .pager li {
        display: inline;
    }
    .pager a {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        cursor:pointer;
    }
    .pager a:hover {
        text-decoration: none;
        background-color: #f5f5f5;
    }
    .pager .next a {
        float: right;
    }
    .pager .previous a {
        float: left;
    }
    .pager .disabled a,
    .pager .disabled a:hover {
        color: #999999;
        background-color: #fff;
        cursor: default;
    }
    .skinny {
        width: 0px;
        max-width: 0px;
        min-width: 0px;
        overflow-x: none !important;
    }
    .widget-badge {
        width: 50px;
        font-size: 18px;
    }
    
    .panel-body {
		padding: 0px;
	}
	
	.event-location {
		margin-left: 32px;
	}
	.event-button {
		position: relative;
		top: -26px;

	}
	#show-city-services {
		margin: 0;
	}
    #show-city-services a {
		color: #46A911;
	}

	#show-city-services a:hover {
    	color: #3d8b3d;
	}
	.no-entries {
		margin: 0 auto;
		display: table;
		font-weight: 700;
		margin-top: 20px;
	}
	.innerTableTr[style] {
		width:inherit !important;
		margin-bottom: 10px !important;
		border-bottom: 1px solid #e3e3e3 !important;
	}
	.innerTableTd {
		width:inherit !important;
	}
	
	.innerTableTd label{
		font-weight:normal !important;
		margin:3px 0 0 3px;
	}
	
	.permitTable, .alternateTable, .quickLinkTable {
	 width:100% !important;
	}
	.panel-body {
		padding: 15px 15px 0 15px !important;
	}
	.alternateTable tr, .innerTableTr tr , .quickLinkTable tr, .permitTable tr {
		display: block;
		width:inherit !important;
		margin-bottom: 10px !important;
		border-bottom: 1px solid #e3e3e3 !important;
	}
		
	#ctl00_ctl48_g_49656b39_ca0b_4d72_a41b_20c134972f0f_ctl00_btnHidden[style] {
		display:none;
		max-height:0 !important;
	}
	#ctl00_ctl48_g_3eba01bc_f134_491b_bdbd_09069df29c53_ctl00_btnPermitApplication {
		display:none;
	}
	
	input.alternateTableBtnStyle {
		background-color:#0d4468 !important;
		color:#ddd;
		border-radius:4px;
	}
	
	input.alternateTableBtnStyle:hover, input.alternateTableBtnStyle:focus {
		background-color:#0d4468 !important;
		color:#fff;
	}
	.ddlStateStyle, .ddlStyle {
		height:28px;
		font-size:16px;
		border-radius: 4px;
	}
	.no-bottom-border {
		border-bottom: 0 !important;
		margin-bottom: 0 !important;

	}
	.btn-black {
	  background-color: #000;
	  border-color: #000;
	  color:#fff;
	  font-size: 11px !important;
	  height: 30px !important;
	}
	.btn-black :hover,
	.btn-black :focus,
	.btn-black :active,
	.btn-black .active {
	  background-color: #000000;
	  border-color: #000000;
	}
	.btn-black .disabled:hover,
	.btn-black .disabled:focus,
	.btn-black .disabled:active,
	.btn-black .disabled.active,
	.btn-black [disabled]:hover,
	.btn-black [disabled]:focus,
	.btn-black [disabled]:active,
	.btn-black [disabled].active,
	fieldset[disabled] .btn-black :hover,
	fieldset[disabled] .btn-black :focus,
	fieldset[disabled] .btn-black :active,
	fieldset[disabled] .btn-black .active {
	  background-color: #222;
	  border-color: #eee;
	  color:#eee;
	}
	
	.btn-themed {
	  background-color: #c54702;
	  border-color: #ef4c23;
	  color:#fff;
	  height: 100%;
	  padding-left:0 !important;
	  padding-right:0 !important;
	}
	.btn-themed :hover,
	.btn-themed :focus,
	.btn-themed :active,
	.btn-themed .active {
	  background-color: #c54702 !important;
	  border-color: #ef4c23 !important;
	  color:#eee !important;
	}
	
	.btn-themed .disabled:hover,
	.btn-themed .disabled:focus,
	.btn-themed .disabled:active,
	.btn-themed .disabled.active,
	.btn-themed [disabled]:hover,
	.btn-themed [disabled]:focus,
	.btn-themed [disabled]:active,
	.btn-themed [disabled].active,
	fieldset[disabled] .btn-themed :hover,
	fieldset[disabled] .btn-themed :focus,
	fieldset[disabled] .btn-themed :active,
	fieldset[disabled] .btn-themed .active {
	  background-color: #222;
	  border-color: #eee;
	  color:#eee;
	}

	
	
	#goto-button {
		margin-left:10px;
		font-size: 11px;
		height: 31px;
	}
	
	#WebPartWPQ2_ChromeTitle {
	display:none !important;
	}